/* /////////////////////////////////////////////////////////
                _ _                       
               | (_)                      
  ___  ___   __| |_ _ __ ___   __ _  ___  
 / __|/ _ \ / _` | | '_ ` _ \ / _` |/ __| 
 \__ \ (_) | (_| | | | | | | | (_| | (__  
 |___/\___/ \__,_|_|_| |_| |_|\__,_|\___| 
       			 \|||/
      		     (o o)
        ------ooO-(_)-Ooo------     
Css - Responsive app Centro de Proyectos. 2015
x área de  diseño Integración corporativa Sodimac.  
MasterChef:  Paulo Correa // pcorrea@sodimac.cl
Enero 2015   Santiago Chile   
/////////////////////////////////////////////////////////// */

/* Generales */
/*html,body {overflow:hidden;}*/
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1rem; color:#444;   background-repeat:repeat; }
/*a { text-decoration:none; border:none; color:#333;}
a:hover { text-decoration:none; border:none; color:#0072ce;}ul { margin:0; padding:0; list-style:none;}*/
/*
Relacion pixeles - Rem para fuentes: 
8px = 0.5rem            //      9px = 0.5625rem
10px = 0.625rem         //      11px = 0.6875rem
12px = 0.75rem          //      13px = 0.8125rem
14px = 0.875rem         //      15px = 0.9375rem
16px = 1rem (base)      //      18px = 1.125rem
20px = 1.25rem          //      22px = 1.375rem
24px = 1.5rem           //      26px = 1.625rem
28px = 1.75rem          //      30px = 1.875rem
32px = 2rem             //      34px = 2.125rem
36px = 2.25rem          //      38px = 2.375rem
40px = 2.5rem
*/

@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-regular-webfont.eot');
    src: url('../fonts/helvetica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-regular-webfont.woff') format('woff'),
         url('../fonts/helvetica-regular-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-regular-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica25UltraLightRegular';
    src: url('../fonts/helveticaultralt.eot');
    src: url('../fonts/helveticaultralt.eot') format('embedded-opentype'),
         url('../fonts/helveticaultralt.woff') format('woff'),
         url('../fonts/helveticaultralt.ttf') format('truetype'),
         url('../fonts/helveticaultralt.svg#Helvetica25UltraLightRegular') format('svg');
}
@font-face {
    font-family: 'Helvetica75Bold';
    src: url('../fonts/helveticabd.eot');
    src: url('../fonts/helveticabd.eot') format('embedded-opentype'),
         url('../fonts/helveticabd.woff') format('woff'),
         url('../fonts/helveticabd.ttf') format('truetype'),
         url('../fonts/helveticabd.svg#Helvetica75Bold') format('svg');
		 }

/* ==========================================================================
ESTILOS DEL CHEF : GENERALES ESTRUCTURA
 ========================================================================== */
 #cubreNext{position:absolute;width: 58px;height: 160px;z-index: 4;right: 0px;top: 38%; background: #fff;display:none;}
 .miNext{position: absolute;width: 28px;height: 83px;z-index: 2;right: 0px;top: 41%;cursor:pointer; background: #000;
filter: Alpha(Opacity=50);opacity: 0.5;padding-top: 40px;padding-left: 10px;}
.miPrev{position: absolute;width: 28px;height: 83px;z-index: 2;left: 0px;top: 41%;cursor:pointer;background: #000;
filter: Alpha(Opacity=50);opacity: 0.5;padding-top: 40px;padding-right: 10px;}
#miNext{position: absolute;width: 44px;height: 75px;z-index: 2;right: 0px;top: 40%;cursor:pointer; background: #fff;
filter: Alpha(Opacity=70);opacity: 0.7;padding-top: 50px;padding-left: 10px;}
#miPrev{position: absolute;width: 44px;height: 75px;z-index: 2;left: 0px;top: 40%;cursor:pointer;background: #fff;
filter: Alpha(Opacity=70);opacity: 0.7;padding-top: 50px;padding-right: 10px;}

#skuQrTest{width: 100px; height: auto;position: absolute; z-index: 999;right: 83px;top: 313px;display: none; font-size:10px; font-weight:bold;}
#contMenuSodRes{max-width:1024px; height:auto; margin:0px auto 0px auto; width:auto;}
#pagewrap {width: 100%;height:1080px;  overflow:hidden; margin:0px auto 0px auto;   /*background:#fbd600;*/ max-width:1920px;/* background-image:url(../images/pattern1.gif);*/ background-repeat:repeat; 
  position: relative;}
#pagewrap2 {width: 100%;height:1080px; overflow:hidden; margin:0px auto 0px auto; /*background:#fbd600;*/ max-width:1920px; background-image:url(../images/pattern1.gif); background-repeat:repeat;padding-bottom:40px; }
#pagewrap3 {width: 100%;height:1080px;  overflow:hidden;margin:0px auto 0px auto;   background:#fff;max-width:1920px; position: relative;}

header{width:100%; height:75px; max-width:1920px; background:#fff; margin-top:0px; text-align:center; border-bottom:#999 solid 1px; position:relative;}
header h1{font-family: Arial, Helvetica, sans-serif; font-family:'arial'; text-transform:uppercase;font-size:18px ; font-size:/*20px =*/ 2rem ; float:left; width:66%;text-align: center; height:auto;margin-top: 16px; margin-bottom:12px; font-weight:normal;}
aside{width:32.421875%; max-width:332px; background-color:#f1f5f8; height:648px; float:right; }
aside h2{font-family: Arial, Helvetica, sans-serif;font-family:'Helvetica25UltraLightRegular'; text-transform:uppercase; font-size:16px ; font-size:/*20px =*/ 1rem ; float:left; width:76%;text-align: center; margin-left: 10%; }
section{width:67.578125%; max-width:692px; height:648px; /*background-color: #9F6*/ float:left;  position:relative; margin:0px}
section figure{position:relative; width:100%; height:100%; float:left;}
section figure img{width:100%;  height:100%; max-width: 100%; max-height: 100%; height:auto; float:left; margin:0px;}
footer{width:100%; height:130px; max-width:1920px; background:#f5f5f5; margin-top:0px; text-align:center; float:left; padding-top:10px; border-top:#999 solid 1px; background-color:#fff; position:relative; } 
.btn { /*-webkit-border-radius: 8; -moz-border-radius: 8;border-radius: 8px;*/font-family: Arial;color: #ffffff;font-size: 12px;background: #bdbdbd;padding: 9px 11px 11px 9px;text-decoration: none;}
.btn:hover {background: #8a8a8a;text-decoration: none;}
.prodSim{margin-top:40px;
width: 90%;
height: auto;
float: left;
color: #000;
font-size: 12px;
font-weight: normal;
font-family: Helvetica,Arial, sans-serif;
text-transform: uppercase;
padding-left:6%;
display:none;

}
.LinkRelScat {  width: 406px;
  height:193px;
  position: absolute;
  z-index: 999;
  display: block;
 /* background: #0f0;*/
  text-indent: -5000px;
  cursor: pointer;
  top: 700px;
  right: 60px; }
  .descripcionProd {
  display: block;
  margin-left: 5%;
  font-size: 1em;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.descripcionProd p {font-size:12px;}
.imagServiciosProd{ float:left;margin: 0px 0px 0px 55px; }
  .claseAltoDes{
  height: 145px;
  width: 315px;
  float: right;
  margin-top: -10px;
}
    .claseCentrarTexto{ text-align:center;}
/********************ESTILOS IMG 	RESPONSIVE *********************************************/
.image {display: inline-block;margin: 0px;background-position: center center;background-repeat: no-repeat;}
.image img { opacity:0;/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width:100%}
.image.size-fixed {width: 100%;height: 100%;}
.image.scale-fill { -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;}
	/*ESTILOS ICONOS*/
.icon-precioCmrOpu{font-size: 4rem;margin-left: -33px; line-height:0.5rem }
.icon-Opu{font-size: 48px;font-size: 3rem;margin-left: -22px; line-height:0.5rem; color:#dd0021;  }
.icon-icoCerrar:before {margin-left: -23px;top: -11px;font-size: 2rem;}
.icon-icoProd {margin-left: -22px;font-size: 48px; font-size: 3rem; color:#0072c3;color:rgba(0,114,206,0.70);display: block;cursor: pointer;z-index: 20;width: 50px;height: 50px;position: absolute; margin-top:-5px;}
.icon-icoProd:hover {color:rgba(221,0,2,0.70);display: block;cursor: pointer;z-index: 20;}
.activoEtiqueta {color:rgba(221,0,2,0.70);}
.icon-SodimacLogo{font-size: 100px; font-size: 6.5rem; color:#fff; background:#dd0021; padding: 0px 2.5% 18px 2.5% ; float:left; height:60px; margin-top:-18px; width:20%}
.icon-Casita{ display:none;}
.icon-icoAyuda{font-size: 30px;font-size: 2.5rem;margin-left: -16px; line-height:0.5rem; color:#bdbdbd; display:block; cursor:pointer ; float:right;}
.icon-icoAyuda:hover{color:  background: #8a8a8a;
  text-decoration: none; }
/* ==========================================================================
ESTILOS DEL CHEF : RELACIONADOS ASIDE
   ========================================================================== */
.tituloAside2{font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px ; font-size:/*20px =*/ 1.5rem ; float:left; width:76%;text-align: center; margin-left: 10%; margin-top: 15px; margin-bottom:20px; border-bottom: solid #444 2px; }
/*.tituloAside2{display:none;}*/
.tituloAside3{display:none}
.tituloAsideBreak{clear:both; width:auto; height: 23px; border-bottom: solid #000 1px;  padding:2px 8px 0px 8px;margin-bottom: 5px; text-align:center; display:block; font-size:18px ; font-size:/*20px =*/ 1.15rem ; }
.textoInfoAside{display: block;float: left;width: 90%;margin-left: 5%;font-size: 1em; margin-bottom:20px; border-bottom: solid 1px #ccc;
padding-bottom: 10px;}
.textoInfoAside img{ margin-left:auto; margin-right:auto; width:auto; height:auto}

.textoInfoAside p{ margin-top:3px; margin-bottom:3px; font-size:0.80rem;}

/* ==========================================================================
ESTILOS DEL CHEF : RELACIONADOS HEADER
========================================================================== */
.estiloLineaSeparacion{border-right:#e3e3e3 solid 1px; padding-right:5%}
#logo{width:20%; height:50px; float:left; /* background-image:url(../images/navSodimac.png);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;  background-position: 0% 0%; background-size: contain;*/}
#logo img{width:90%; height:auto; float:left; margin-top:10px; margin-left:10px;}

#menu1024{float:right; width:9.4%;  height: 50px; margin-right:0px; background:url(../images/menu.jpg) no-repeat; cursor:pointer;  }
#menuResponsive{display:none}
.btnMenu1024 {-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px;font-family: Arial; color: #ffffff; font-size: 14px; background: #3498db;padding: 10px 20px 10px 20px;text-decoration: none;}
.btnMenu1024:hover {background: #359dde;text-decoration: none;}
/*#masFachadas {width: 100%;max-width:1024px;height: 67px;display: none;color: FFF;margin: 0px;position: absolute;top:50px;z-index: 21;text-align: center;background:url(../images/bkgMenu.png); background-repeat:repeat-x; }*/

#masFachadas {width: 99.9%;/*max-width:1024px;*/height: 130px;color: FFF;margin-top: -12px;text-align: center;/*background:url(../images/bkgMenu.png)*/; background-repeat:repeat-x; border:#999 1px solid; z-index:999; position:relative; background-color:#FFF;}

#menuResponsiveContenedor {width: 40%;height: 460px;position:absolute;margin: 0px;padding: 0px;top: 60px;right: 0px;background-color: rgba(36,36,36,0.9);z-index:2;display:none; color:#FFF;}
.thumbFachadas {width: 7.8125%;height: 60px;margin: 5px;background-color: #ccc;float: left; padding-top: 0px; }
.ctnProyectoMenu{width:/*39%*/700px; height:120px; float:left; color:#FFF; margin-left:5%;margin-top: 7px;text-transform:uppercase;font-family:Helvetica, Arial,  sans-serif; /*font-family:'Helvetica25UltraLightRegular'*/font-size:16px;font-size:1.5rem;  margin:0px; text-align:center; padding-top:10px; font-weight:lighter;margin-right:55px;}

.thumbFachadasProyecto{float: left;width: 94%;color:#000;padding-top: 0px;height: 33px; text-align:center; font-weight:bold; margin-top:12px; margin-bottom:12px; margin-left: 34px; border-bottom: solid #444 2px; }
.thumbFachadasInicio {width: 9.8125%;height: 90px;margin: 0px 0px 0px 0px;background-color: #fff;float: left; padding-top: 40px;/*font-family:'Helvetica25UltraLightRegular';*/ color:#000; font-weight:lighter; text-transform:uppercase; font-size:1.5rem;   border-right: solid 1px #ccc; display:block; cursor:pointer;  }
.thumbFachadasBox{ 
  width: 28%;
  height: 45px;
  margin: 3px 6px 0px 31px;
  float: left;
  color: #000;
  font-size: 1.3rem;
  /*background: url(../images/btn_Ochava1.png);*/
  background-repeat: no-repeat;
 }
.thumbFachadasBox a:hover{width: 100%;height: 45px; float: left;color:#fff; text-decoration:none; background: url(../images/btn_Ochava2.png);
  background-repeat: no-repeat; }
.thumbFachadasBox a{
  color: #acacac;
  text-decoration: none;
  width: 100%;
  height: 33px;
  float: left;
  color: #000;
  text-decoration: none;
  background: url(../images/btn_Ochava1.png);
  padding-top: 13px;
  background-repeat:no-repeat;
}
.thumbFachadasInicio a:hover{color:#0072ce; text-decoration:none;display:block; cursor:pointer;  }
.thumbFachadasInicio a{color:#000; text-decoration:none; display:block; cursor:pointer; }
.claseActivo{  color: #acacac;
  text-decoration: none;
  float: left;
  color: #fff;
  text-decoration: none;
  background: url(../images/btn_Ochava2.png);
  background-repeat:no-repeat;}
.claseActivo a{  color:#fff;}
.claseActivo a:hover{  color:#fff;}
.pequeno{font-family: Arial;color: #ffffff;font-size: 20px;background: #e6d517; text-decoration: none;}
.pequeno:hover {background: #fce23c;text-decoration: none;}
.mediano{font-family: Arial;color: #ffffff;font-size: 20px;text-decoration: none; background:#e67717}
.mediano:hover { background: #fa883c;text-decoration: none;}
.grande{font-family: Arial; color: #ffffff;font-size: 20px; background: #f16566;text-decoration: none;}
.grande:hover {background: #ff595a;text-decoration: none;}

/* ==========================================================================
ESTILOS DEL CHEF : RELACIONADOS FOOTER
========================================================================== */
.btnFooter{width:10%; height:auto; float:left; margin:auto 2.5% auto 2.5%; cursor:pointer; display:block; }
/* botones generados en http://css3buttongenerator.com/ */
.btnFooter a{ text-decoration:none; color:#FFF; }
.btnFooter a:hover{ text-decoration:none; color:#FFF; }
.btnLeft{margin-left: 13%}

/* ==========================================================================
ESTILOS DEL CHEF : PAGINA1-HOME
========================================================================== */
.homeImg{width:100%; height:0; padding-top:515px; overflow:hidden; float:left;position:relative; margin:60px 0px 0px 0px;background-image: url(../images/home1024.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;  background-position: 0% 0%; background-size: contain;position:absolute; top:0px;  }
#titulosHome{width:auto; height:auto; overflow:hidden; margin:10px auto 0px auto; background:#FFF;   }
#titulosHome h1{ font-family: Helvetica, Arial, sans-serif;font-family:'Helvetica25UltraLightRegular'; text-transform:uppercase;font-size:/*60px*/2.7rem; margin-top:10px; font-weight: bold;width: auto; text-align:center;}
#titulosHome h2{font-family: Helvetica, Arial, sans-serif; font-family:'helveticaregular'; text-transform:uppercase; font-size:/*24px*/0.9rem;  letter-spacing:3px; width:auto;border-bottom: 2px solid #666;height: auto;margin: 20px auto 0px auto; text-align:center; }  
.ctnTituloHome{width: 45%;height: auto;overflow: hidden;text-align: center;   text-align:center; margin-left:28%;position:absolute;top:0px; }
#btnIntro{font-family: Helvetica, Arial, sans-serif;font-family:'helveticaregular';z-index: 2; height:135px; width:34%;font-family: Arial;color: #ffffff;font-size: 18px;background: #383a3b; background:rgba(0,0,0,0.42);padding: 90px 0px 0px 0px; text-align:center;position:absolute; z-index:444; top:38%; left:33%; background:url(../images/tituloHome.png);background-position: center center; background-size: contain; background-repeat:no-repeat;text-indent:-5000px; display:block; cursor:pointer;}
#btnIntro a{text-decoration:none;color:#fff;text-transform:uppercase;font-family: Helvetica, Arial, sans-serif;font-family:'helveticaregular'; text-indent:-5000px; display:block; cursor:pointer;width:100%; height:100%;}
#btnIntro a:hover{text-decoration: underline;font-family: Helvetica, Arial, sans-serif;font-family:'helveticaregular';}

/* ==========================================================================
ESTILOS DEL CHEF : PAGINA2-MENU
========================================================================== */
/*.homeImgLeft2{width:49.70703125%; height:645px; overflow:hidden; float:left;position:relative; margin:0px 0px 0px 0px; }
.homeImgRight2{width:49.70703125%; height:645px; overflow:hidden; float:Right; position:relative; margin:0px 0px 0px 0px; }*/
.homeImg2{width:100%; height:930px;  overflow:hidden; float:left;position:relative; margin:0px 0px -4px 0px;}
.homeImg2 img{width:100%; height:auto; }
.ctnItemMenu{width:100%; height:auto; background:rgba(249,249,249,1); float:left; }
.itemMenu{ text-align:center;  cursor:pointer; padding-left:5%; padding-top: 21px; border-bottom:solid 1px rgba(102, 102, 102, 0.15); text-decoration: none; font-size:12px; font-size:1.3rem; padding-bottom: 21px;}
.itemMenu a {text-decoration: none; color:#000; width:100%}
.itemMenu:hover {background: #fff;text-decoration: none; padding-top: 21px; padding-bottom: 21px;} 
#tituloPro1{width:15%; height:auto; background:rgba(255,255,255,0.85); position:absolute; z-index:0; top:201px; left:33%; text-align:center;} 
#tituloPro1 h4{width: auto;
margin-top: 16px;
font-family: Helvetica, Arial, sans-serif;
padding-bottom: 2px;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 4px; font-size:1.7rem}   
#tituloPro2{width:15%; height:auto; background:rgba(255,255,255,0.85); position:absolute; z-index:0; top:201px; left:52%; text-align:center;} 
#tituloPro2 h4{width: auto;
margin-top: 16px;
font-family: Helvetica, Arial, sans-serif;
padding-bottom: 2px;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 4px;font-size:1.7rem}   
 /* ==========================================================================
ESTILOS DEL CHEF : PAGINA3-VISTA DE PROYECTOS
========================================================================== */
/*#owl-demo .owl-item div{padding:0px; }*/
#owl-demo .owl-item img{display: block;height: auto;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}

   
/* ==========================================================================
ESTILOS DEL CHEF : PAGINA4-DESPLIEGUE PROYECTO
========================================================================== */
  /********************CARRUSEL VERTICAL INFINITO*********************************************/
.infinite-carousel{position:absolute; bottom:56px; }
.infinite-carousel .list{ width:100%;height:1400px;overflow:visible;}
.infinite-carousel .viewport{ width:100%; height:146px;overflow:hidden;}
.itemCarousel{width:95%; height:38px;text-align: left; float: left; display:block; cursor:pointer; padding-left:5%; padding-top:10px; background-color:#f5f5f5; border-bottom:solid 1px rgba(102, 102, 102, 0.15); text-decoration: none; font-size:12px; font-size:0.8rem;}
.itemCarousel:hover {background: #fff;text-decoration: none;}
.next{width:100%; height:48px; text-align:center; display: block; cursor:pointer;}
.pre{width:100%; height:48px; text-align:center; display: block; cursor:pointer; } 
/********************ESTILOS LIGHTBOX PRODUCTOS DINÁMICOS*********************************************/
.btnMasProductos{
	
margin-top: -3px;
width: 90%;
height: auto;
background: #fff;
display: block;
cursor: pointer;
font-family: sans-serif;
font-size: 13px;
font-weight: lighter;
color: #000;
padding-left:6%;
	}
.btnMasProductos a{color:#000; text-decoration:none;}
.btnMasProductos a:hover{color: #333; text-decoration:underline;}

#bkgShadow{ background-color:#000; position:absolute; z-index:5; width:100%; height:100%; opacity:0;}
.etiquetaProdcuto { width: 36px;height: 36px;position: absolute;background-color: rgba(255,255, 255, 0.7);display: block;cursor: pointer;z-index: 20; 
-moz-border-radius: 20px; 
   -webkit-border-radius: 20px; 
   border-radius: 20px;
    -webkit-box-shadow: 4px 14px 24px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 14px 24px -8px rgba(0,0,0,0.75);
box-shadow: 4px 14px 24px -8px rgba(0,0,0,0.75); }
.etiquetaProdcuto:hover { width:36px;height:36px;position:absolute;/*background-color:#f0f;*/}
.etiquetaProdcutoActivo {width:50px;height:50px;position:absolute;background-color:#f0f; cursor:default;z-index: 220;}
.cerrarProd {width: 15px;height: 15px; position: relative;cursor: pointer;clear: right;display:block;}
.cerrarProd.right { float:right; margin-right:15px;}
/**/



 .agotado{position: absolute;
z-index: 20;
width: 364px;
height: 228px;
border: none;
top: -53px;
left: -200px;}

  .agotado img{
width: 364px;
height: 228px;
border: none;
}

.itemProdDin{width:100%; height:auto; background-color:#fff; margin: 5px auto 15px auto; text-align:center; float:left;border-top: 1px solid #eee; }
/*.item figure {width:auto; height:auto;  margin:0px; float:left}
.item figure img{width:auto; height:auto;margin:0px auto 0px auto; max-height:135px; }*/
.imgProd{
width: 152px;
height: auto;
max-height: 210px;
float: left;
margin-left: 14px;
border: solid 1px #ccc;
padding: 8px;
margin-top: 2px;
padding-bottom: 30px;
padding-top: 30px;
}
.imgProd img{width:100%; height:200px;}
.precioCmr{width: 68%;
height: auto;
float: left;
color: #dd0021;
font-size: 28px;
display: block;
font-family: Helvetica,Arial, sans-serif;
font-weight: bold;
padding: 13px 0px 0px 1px;}
.mt2{width: 210px;height: auto; float:left; color: #0072ce; font-size:28px;display:block;font-family:Helvetica,Arial, sans-serif;font-weight:bold;}
.mt2Cmr{width: 210px;height: auto;float:left; color: #0072ce; font-size:12px;display:block;font-family:Helvetica,Arial, sans-serif;font-weight:normal; position:relative; margin:-20px 0px 0px 32px; }
.marca{width: 85%;height: auto; float:left; color: #000; font-size:12px;display:block;font-family:Helvetica,Arial, sans-serif;font-weight:bold; margin:5px 0px 5px 0px}
.sku{width: 210px;height: auto; float:left; color: #000; font-size:12px;display:block;font-family:Helvetica,Arial, sans-serif;font-weight:normal;}
.precioInternet{width: 100%;height: auto; float:left; color: #0072ce; font-size:28px;display:block;font-family:Helvetica,Arial, sans-serif;margin:0px 0px 5px 0px;position:relative; font-weight: bold;padding: 0px 0px 0px 1px;}
.precioNormal{width: 73%;
height: auto;
float: left;
color: #000;
font-size: 10px;
display: block;
font-family: Helvetica,Arial, sans-serif;
margin: 0px 0px 5px 10px;
font-weight: normal;}
.descripcion{width: 100%;height: auto; float:left; color:#000; font-size:11px;font-weight: normal; font-family:Helvetica,Arial, sans-serif;}
.icoCmr{width: 45px;
height: 60px;
background-color: #fff;
float: left;
background: url(../images/icoCmr2.png);
background-repeat: no-repeat;
margin-left: -10px;}
.signoPeso{font-size: 14px;vertical-align:super;}
.cu{font-size: 14px;vertical-align: middle;}
.ctnInfo{width: 50%;
height: auto;
float: left;
background: #fff;
margin: 0px;
position: relative;
display: block;
cursor: pointer;
text-align: left;
margin-left: 25px; }
.ctnCatt{width: 190px;height: 89px;float:left;padding:0px 10px 0px 10px; margin:10px 0px 0px 20px; position:relative; color:#FFF; font-family:misoregular,Arial, Helvetica, sans-serif;font-size: 34px;text-align: left; letter-spacing:-1px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1; display: table; display:none; }
.contenidoProd {width: 25%; right:0; height:930px; top:0%;z-index: 999;position: absolute; background-color:#FFF; -webkit-box-shadow: -7px 3px 9px -5px rgba(0,0,0,0.57);-moz-box-shadow: -7px 3px 9px -5px rgba(0,0,0,0.57);box-shadow: -7px 3px 9px -5px rgba(0,0,0,0.57);}
.contenidoProd2 {width: 38%;left:30%; height:400px; top:10%;z-index: 999;position: absolute; background-color:#FFF;}
/*.qr{background-color: #fff;top: 85%;right: 5%;}*/
.qr{/*top: 58%;right: 15%;position: absolute;*/z-index: 3;width: 100%;height: 63%;overflow: hidden;}
.qr img{width: 118%;
  margin-top: -17px;
  margin-left: -8px;}
/*.contProdDinQR img {width:100%; height:100%}*/
.itemRel{width: 370px; height: 259px; background-color:#fff; z-index:2; position:absolute; top: 149px;  left: 10px; cursor:pointer;}
.contProdDinQR {
  width: 100px;
  height: 137px;
  float: left;
  margin: 0px auto 20px 142px;
  top: -125px;
  position: relative;
  left: 66px;
  font-size: 11px;
  z-index: 2;
  background: url(../images/compra-comparte.jpg);
  background-repeat: no-repeat;
  /* padding-top: 24px; */
  background-position-y: 85px;
  /* background-color: violet; */
}
.contRelDinQR img {width:100%; height:100%}
.ctnCajaRel{float:left; width:95%;  margin-left: 13px; margin-top: -73px; position:relative;}
#btnCat{position: absolute;
z-index: 980;
width: 150px;
height: 40px;
background: #0F9;
top: 130px;
right: 37.5%;
cursor: pointer;
background: url(../images/verMas.jpg); background-repeat:no-repeat;}
.image{width: 100%;height: 100%;float: left;}
.homeImgLeft{height:545px;}
.homeImgRight{height:545px;}
.slider-wrap {position: relative;margin: 30px 0px 0px 0px;width: 90%;}
.slider,.slider2,.slider3 {position: relative;width: 90%;margin: auto;}
ul {margin: 0;padding: 0;}
ul li {list-style: none;text-align: center;}
ul li span {display: inline-block;vertical-align: middle;width: 100px;height: 100px;background: black;}
.slider-arrow {position: absolute;top: 40px;width: 20px;height: 20px;background: black;color: #fff;text-align: center;text-decoration: none;border-radius: 50%;}
.sa-left {left: 10px;}
.sa-right {right: 10px;}
#prodRel{width:89%; float:left; height:170px; padding-top:10px;}
#prodRel p {
  font-size: 14px;
  margin-top: -5px;
  margin-left: 5px;
}
#prodRel ul{width: 89%;
float: left;
height: auto;
margin-left: 6%;}
#prodRel ul li{float:left; margin:3px;}




.fa-tag{ margin:3px 0px 0px 5px; color:#0072ce; text-decoration:none;}

@-webkit-keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes wrench {
  0% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  8% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  10% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  18% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  20% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  28% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  30% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  38% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  40% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  48% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  50% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  58% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  60% {
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
  }

  68% {
    -webkit-transform: rotate(24deg);
    -ms-transform: rotate(24deg);
    transform: rotate(24deg);
  }

  75% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  -webkit-animation: wrench 2.5s ease infinite;
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

.faa-wrench.animated.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
  -webkit-animation: wrench 1.2s ease infinite;
  animation: wrench 1.2s ease infinite;
}

.faa-wrench.animated.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
  -webkit-animation: wrench 3.7s ease infinite;
  animation: wrench 3.7s ease infinite;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/************************************************************************************
+ pequeño  que 768
*************************************************************************************/
@media screen and (max-width: 768px) {
#pagewrap {width: 100%;}
header {background:#f5f5f5; margin-top:10px;}
header h1{font-size:14px ;font-size:/*16px =*/ 2rem ; float:left; width:45%;text-align: left; margin-top:20px;}
#menu1024{padding-top: 0px; margin-right:0%; }
.icon-SodimacLogo{font-size:96px; font-size: 6rem; padding: 0px 2.5% 18px 2.5% ; float:left;  margin-top:-18px; width:20%}
aside{height:520px;}
section{height:520px;}
.contenidoProd {width: 60%;left: 27%;}
.etiquetaProdcuto{display:none;}
.infinite-carousel{}
aside h2{font-size:13px ; font-size: 0.8rem ;  }
.tituloAsideBreak{
	font-size: 14px;
	font-size: 0.7rem;
}
#menuResponsiveContenedor{display:none;}
.homeImgLeft{height:500px; }
.homeImgRight{height:500px;}


}
/************************************************************************************
+ pequeño  que 640
*************************************************************************************/
@media screen and (max-width: 640px) {
#pagewrap { max-width:640px;}
.icon-SodimacLogo{font-size: 4.5rem;margin-top: -2px; }
.ctnProyectoMenu{font-size:12px;font-size:1.5rem; width:38%;  }
.thumbFachadasInicio {width:15%; }
.thumbFachadasBox{width: 26%; }
}

/************************************************************************************
+ pequeño  que  560
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
/* pagewrap */
#pagewrap { max-width:480px;}
.icon-SodimacLogo{font-size: 3.3rem;margin-top:4px; }
.ctnProyectoMenu{font-size:12px;font-size:0.6rem;  }
}

/************************************************************************************
+ pequeño  que  560
*************************************************************************************/
@media screen and (max-width: 320px) {
/* disable webkit text size adjust (for iPhone) */
/* pagewrap */
#pagewrap { max-width:320px;}
.icon-SodimacLogo{font-size: 2.2rem;margin-top:13px; }
}