@charset "utf-8";
/* CSS Document */




/* TEMPLATE
   ================================================== */
  
#content { background: url("../img/template/bg/back.jpg") center top repeat-y #333333 ;  }

#content p { }



.wrapper { width:1170px; margin:0 auto;   }


#content #header { height:192px;   }

#content #header .top {     }
#content #header .top .wrapper { height:6px;  background:#818085;    }

#content #header .mid {    }
#content #header .mid .wrapper { height:138px;  background:#FFF;   background: url("../img/template/bg/bg-header.png") center top; }
#content #header .mid .wrapper .logo { width:300px; height:138px;  float:left;   }
#content #header .mid .wrapper .logo img { margin-left:50px; margin-top:10px;}
#header .mid .wrapper .content { width:300px;  float:right;   }
#content #header .mid .wrapper .content .redes-sociales { height:50px;   margin-top:20px; padding-right:40px;     }
#content #header .mid .wrapper .content .redes-sociales .btn-facebook { width:30px; height:30px;  float:right; margin:5px;   }
#content #header .mid .wrapper .content .redes-sociales .btn-facebook:hover > .icon-facebookHeader { background-position:  -278px -42px; width: 10px; height: 18px; margin:0 auto; margin-top:7px;    }
#content #header .mid .wrapper .content .redes-sociales .btn-twitter { width:30px; height:30px;  float:right; margin:5px;   }
#content #header .mid .wrapper .content .redes-sociales .btn-twitter:hover > .icon-twitterHeader { background-position:  -195px -43px; width: 22px; height: 15px; margin:0 auto; margin-top:8px;    }
#content #header .mid .wrapper .content .redes-sociales .btn-youtube { width:30px; height:30px;  float:right; margin:5px;   }
#content #header .mid .wrapper .content .redes-sociales .btn-youtube:hover > .icon-youtubeHeader { background-position:  -234px -44px; width: 20px; height: 14px; margin:0 auto; margin-top:9px;    }
#content #header .mid .wrapper .content .redes-sociales .btn-googleplus { width:30px; height:30px;  float:right; margin:5px;   }
#content #header .mid .wrapper .content .redes-sociales .btn-googleplus:hover > .icon-googleplusHeader { background-position:  -160px -42px; width: 20px; height: 18px; margin:0 auto; margin-top:7px;    }
#content #header .mid .wrapper .content .info {  height:50px;  text-align:right;  float:right;    }
#content #header .mid .wrapper .content .info p {  padding-right:50px;  font-size:12px; font-weight:bold; color:#e3301d;  }
#content #header .bot {    }
#content #header .bot .wrapper { height:48px;  background:#d72a18;    }




#content #footer {  }
#content #footer .top {  height:260px; background:#333333; font-size:14px; line-height:24px; }
#content #footer .top p { padding-top:60px; color:#EFEFEF;  }
#content #footer .top span {  color:#ff893b; font-size:15px; font-weight:bold; }
#content #footer .top .logo {  width:290px;  height:260px;  float:left;  }
#content #footer .top .logo img { margin-left:50px; margin-top:80px;}
#content #footer .top .col-1 {  width:270px;  height:260px; float:left;  }
#content #footer .top .col-2 {  width:280px;  height:260px;  float:left;  }
#content #footer .top .col-2 .separator {  width:2px;  height:120px;  float:left; background:#FDDA24; margin-top:70px; margin-right:60px;  }
#content #footer .top .col-3 {  width:280px;  height:260px;  float:left;  }
#content #footer .top .col-3 .separator {  width:2px;  height:120px;  float:left; background:#FDDA24; margin-top:70px; margin-right:60px;  }
#content #footer .bot {  height:62px;   background:#4a4a4a;   padding-left:10px;  padding-right:10px; }
#content #footer .bot .menu {       }
#content #footer .bot .menu li { float:left; list-style:none;  font-size:14px;  color:#fdd952; padding:10px;  padding-top:24px;   }
#content #footer .bot .redes-sociales { float:right; }
#content #footer .bot .redes-sociales .btn { width:32px; height:30px; background:#2c2c2c; float:right; margin-right:7px;  margin-top:16px; }
#content #footer .bot .redes-sociales .btn:hover { background:#676767; }





#credits { height:44px;  background:#333333;   }
#credits .content { height:44px;  background:#ff893b;    }
#credits .content .info { padding-left:20px;  padding-top:15px;   float:left; color:#FFF; font-size:12px;    }
#credits .content .btn { width:44px; height:44px;  background:#ef4700; float:right;    }
#credits .content .btn:hover { background:#D72A19;    }




/* SECTION INDEX 
   ================================================== */
   
   
#content #section { font-size: 14px;  }  


 /* INFO DE EMPRESA */
 
 
#content #section .infoEmpresaIndex h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 60px; padding-top: 30px;   }  
#content #section .infoEmpresaIndex h1 div { float: left;  padding-top: 4px;   }  


#content #section .infoEmpresaIndex { height:730px; padding-left: 50px;  padding-top: 30px; line-height: 26px;  }  
#content #section .infoEmpresaIndex .left { width:670px; height:760px; float: left;    } 
 
#content #section .infoEmpresaIndex .left p { clear: both; width: 560px; text-align: justify; color:#7d7d7d;      }  

#content #section .infoEmpresaIndex .right { width:400px;  height:760px; float: left;   }  
#content #section .infoEmpresaIndex .right .twitter-Widget {   }  


#banner-Cotizar  { width:1170px;  height:128px; background:#a0a0a0;   }  
#banner-Cotizar .info   { width:570px; margin-left: 50px;  padding-top: 34px; font-size: 20px; color:#FFF;    float: left;   }  
#banner-Cotizar .info p  {   font-size: 20px; color:#FFF;      }  
#banner-Cotizar .info p span  { font-weight: bold; }  


.btn-Cotizar  { width:180px;  height:48px; background:#e26a2a; float: right; margin-right: 50px;  margin-top: 36px; cursor: pointer;   }  
.btn-Cotizar:hover  {  background:#FFD300;   color:#D72A19;   }  
.btn-Cotizar p  {  color:#FFF; text-align: center;   font-size: 20px;   font-weight: bold; padding-top: 10px; }  






 /* NUESTROS SERVICIOS */
 
#content #section #nuestros-Servicios h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 60px; padding-top: 30px;   }  
#content #section #nuestros-Servicios h1 div { float: left;  padding-top: 4px;   }   

#nuestros-Servicios  {  height:440px; background:#f4f4f4;   }  
#nuestros-Servicios p  {  height:60px; color:#7d7d7d; text-align: center; font-weight: bold; font-size: 14px; line-height: 20px; padding-top: 10px;   } 
#nuestros-Servicios h1  {  padding-left: 50px; }  

#nuestros-Servicios .col-1  { width:242px; height:153px;  float: left; margin-left: 50px; background-image: url("../../inc/img/template/servicios/bg-modul-servicios-index-ingenieriaydimensionamiento.png"); background-repeat: no-repeat; padding-top: 170px;   }  

#nuestros-Servicios .col-2  { width:242px; height:153px;  float: left; margin-left: 30px; background-image: url("../../inc/img/template/servicios/bg-modul-servicios-index-mantenimiento.png"); background-repeat: no-repeat; padding-top: 170px;   } 

#nuestros-Servicios .col-3  { width:242px; height:153px;  float: left; margin-left: 30px; background-image: url("../../inc/img/template/servicios/bg-modul-servicios-index-instalacion-y-puestaenmarcha.png"); background-repeat: no-repeat; padding-top: 170px;   } 

#nuestros-Servicios .col-4  { width:242px; height:153px;  float: left; margin-left: 30px; background-image: url("../../inc/img/template/servicios/bg-modul-servicios-index-asesoria-gestoria.png"); background-repeat: no-repeat; padding-top: 170px;   } 
  
.btn-verMasServicios  { clear: both; width:202px;  height:40px; background:#e32d1a; margin: 0 auto; cursor: pointer;  color:#FFF;  }  
.btn-verMasServicios:hover  {  background:#E26A2A;   color:#FFF;   }  
.btn-verMasServicios p  {  color:#FFF; text-align: center;   font-size: 20px;   font-weight: bold; padding-top: 10px; }  

#img-Design-Index  {  height:398px;  background: url("../img/template/Redflow-Mexico-img-Nuestros-Productos.jpg") center no-repeat ; }  

#Servicios-4-Banner  { clear: both;  height:130px;  background: url("../img/template/Banner-4-Servicios.jpg") center no-repeat ; }  

 /* 2 BANNERS CELDAS  Y HIDRO */
 
#CeldasHidro-2-Banner  {  height:300px; background:#F4F4F4;   }  

#CeldasHidro-2-Banner .CeldasSolares  {  width:530px; height:213px; background:#FFF; float: left; margin-left: 50px; margin-top: 34px;  } 
#CeldasHidro-2-Banner .CeldasSolares .top  {  width:530px; height:130px;   } 
#CeldasHidro-2-Banner .CeldasSolares .mid  {  width:530px; height:80px;    }
#CeldasHidro-2-Banner .CeldasSolares .mid p  { padding-left: 30px; padding-top: 28px; color:#000; font-size: 20px; font-weight: bold;  } 
#CeldasHidro-2-Banner .CeldasSolares .bot  {  width:530px; height:3px; background:#FF9F00;   } 
#CeldasHidro-2-Banner .CeldasSolares:hover > .bot  {  background:#D72A19;   }

#CeldasHidro-2-Banner .Hidropotencia  {  width:530px; height:213px; background:#FFF; float: left; margin-left: 10px; margin-top: 34px;  } 
#CeldasHidro-2-Banner .Hidropotencia .top  {  width:530px; height:130px;   } 
#CeldasHidro-2-Banner .Hidropotencia .mid  {  width:530px; height:80px;    }
#CeldasHidro-2-Banner .Hidropotencia .mid p  { padding-left: 30px; padding-top: 28px; color:#000; font-size: 20px; font-weight: bold;  } 
#CeldasHidro-2-Banner .Hidropotencia .bot  {  width:530px; height:3px; background:#FF9F00;   } 
#CeldasHidro-2-Banner .Hidropotencia:hover > .bot  {  background:#D72A19;   }


 /* 2 PRODUCTOS INDEX ZBL  Y LSB */


#DosProductos-Index  {  height:444px; background:#FFF;   }  

#DosProductos-Index .modul  {  width:520px;  height:444px;  float: left;    }  
#DosProductos-Index .modul .top  {  width:520px;  height:100px;    }
#DosProductos-Index .modul .top img  { margin-top: 30px;   }  
#DosProductos-Index .modul .bot  {  width:520px;  height:344px;   }
#DosProductos-Index .modul .bot .left  {  width:280px;  height:344px;  float: left; }  
#DosProductos-Index .modul .bot .left p  { padding: 0; margin: 0;  color:#7d7d7d; text-align: justify;  line-height: 22px; margin-top: 10px;  }  
#DosProductos-Index .modul .bot .left h1  { height:20px;  color:#ff9c37; margin-top: 15px; font-weight: bold; font-size: 20px; }  
#DosProductos-Index .modul .bot .right {  width:240px;  height:344px;   float: left; }  
#DosProductos-Index .modul .bot .right img { margin-top: 0px; margin-left: 20px; }  

.btn-verMasProductos  { clear: both; width:202px;  height:40px; background:#E26A2A; margin: 0 auto; cursor: pointer;  color:#FFF; margin-top: 40px;  }  
.btn-verMasProductos:hover  {  background:#e32d1a;   color:#FFF;   }  
.btn-verMasProductos p  {  color:#FFF; text-align: center;   font-size: 16px;   font-weight: bold; padding-top: 10px; }  




 /* SECTION EMPRESA
   ================================================== */
   
   
#content #section .EmpresaInfo h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 60px; padding-top: 30px;   }  
#content #section .EmpresaInfo h1 div { float: left;  padding-top: 4px;   }  

#content #section .EmpresaInfo { height:350px; padding-left: 50px;  line-height: 26px;    }  
#content #section .EmpresaInfo p { width:1070px; text-align: justify;  margin-top: 10px;  color:#7d7d7d; } 
#content #section .EmpresaInfo p span {  color:#ff4d4d; font-weight: bold;  } 
#content #section .EmpresaVideo h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 60px; padding-top: 30px;   }  
#content #section .EmpresaVideo h1 div { float: left;  padding-top: 4px;   }  

#content #section .EmpresaVideo { height:520px;  background:#f4f4f4;  } 
#content #section .EmpresaVideo .contentVideo { width:1070px; height:550px;  margin: 0 auto;  }  
#content #section .EmpresaVideo .contentVideo .video { width:640px; height:360px; margin-left: 215px;  }  



 /* 4 PRODUCTOS BANNER*/
 
 
#Productos4Banner { height:650px;  background:#FFF;  } 
#Productos4Banner .contentModul { width:1070px; height:550px;  margin: 0 auto;  }  

#Productos4Banner .contentModul .title  { width:300px;   height:80px;  } 
#Productos4Banner .contentModul .title img  { margin-top: 20px;  } 
#Productos4Banner .contentModul .title span  {  color:#3e3e3e; font-weight: bold; font-size: 18px;  padding-top: 43px; float: right; } 


#Productos4Banner .contentModul .modul  {  width:242px;   float: left; margin-left: 30px;  margin-top: 40px;  } 
#Productos4Banner .contentModul .modul .separator  { width:242px; height:1px;  background:#ececec;  } 

#Productos4Banner .contentModul .modul .img  { width:242px; height:252px;    } 

#Productos4Banner .contentModul .modul .title  { width:242px; height:80px;    } 
#Productos4Banner .contentModul .modul .title p  {   color:#fabf42; font-weight: bold; font-size: 18px; padding-top: 20px; } 

#Productos4Banner .contentModul .modul .slogan  { width:242px; height:66px;    } 
#Productos4Banner .contentModul .modul .slogan p  {   color:#7e7e7e; font-weight: bold; font-size: 13px; padding-top: 14px; } 

#Productos4Banner .contentModul  .modul .btnContent  { width:242px; height:66px;     } 

.btnVermas4Productos  { width:138px; height:40px;  background:#fbbf42; margin-top: 20px; float: right; cursor: pointer;   } 
.btnVermas4Productos:hover  {  background:#A0A0A0;  color:#FFF;  } 
.btnVermas4Productos p  { text-align: center; font-size: 14px; font-weight: bold; padding-top: 10px;  } 

 
#section .wrapper #Productos4Banner .contentModul .modul .img:hover ~ .btnContent .btnVermas4Productos {  background:#A0A0A0; color:#FFF;  	} 
#section .wrapper #Productos4Banner .contentModul .modul .img:hover ~ .btnContent .btnVermas4Productos p { text-decoration: none;  color:#FFF;  	}



 /* SECTION SERVICIOS
   ================================================== */
   
   
#content #section .ServiciosInfo h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 40px; padding-top: 30px;   }  
#content #section .ServiciosInfo h1 div { float: left;  padding-top: 4px;   }  

#content #section .ServiciosInfo { height:1170px; padding-left: 50px;  line-height: 26px;   } 
#content #section .ServiciosInfo p { width:1070px; text-align: justify;  margin-top: 10px;  color:#7d7d7d; } 
#content #section .ServiciosInfo p span {  color:#ff4d4d; font-weight: bold;  } 

#content #section .ServiciosInfo .separator { width:1070px; height:2px;  background:#ebebeb; margin: 10px 0px 10px 0px; }  

#content #section .ServiciosInfo .modul { width:1070px; height:240px;    }  
#content #section .ServiciosInfo .modul .left { width:400px; height:240px;  float: left; }  
#content #section .ServiciosInfo .modul .left img {  margin-top: 20px; }  
#content #section .ServiciosInfo .modul .right { width:670px; height:240px;   float: left; } 
#content #section .ServiciosInfo .modul .right .top { width:670px; height:80px;    float: left; } 
#content #section .ServiciosInfo .modul .right .top h1 { width:290px; height:30px;   color:#7d7d7d; border-bottom: 2px solid #fab701; font-size: 16px;}  
#content #section .ServiciosInfo .modul .right .bot { width:670px; height:160px;    float: left; } 
#content #section .ServiciosInfo .modul .right .bot p { width:660px; text-align: justify; }  


#content #section .ejemploConexiones { height:420px; background:#f4f4f4; position: relative;   }  
#content #section .ejemploConexiones .modul { width:530px; height:420px; background:#FFF; float: left;  }  
#content #section .ejemploConexiones .title { width:1170px; height:120px;  position: absolute; z-index: 100;  background: url("../img/servicios/bg-title-conexiones.png") center no-repeat ; }  
#content #section .ejemploConexiones .title p { color:#FFF; text-transform: uppercase; font-size: 24px; padding-left: 70px; padding-top: 15px; font-weight: bold;  } 



 /* SECTION PRODUCTOS
   ================================================== */
   
   
 /* 4 PRODUCTOS BANNER*/
 
 
#Productos4BannerProd { height:780px;  background:#FFF;  } 
#Productos4BannerProd .contentModul { width:1070px; height:550px;  margin: 0 auto;  }  

#Productos4BannerProd .contentModul .title  { width:300px;   height:80px;  } 
#Productos4BannerProd .contentModul .title img  { margin-top: 20px;  } 
#Productos4BannerProd .contentModul .title span  {  color:#3e3e3e; font-weight: bold; font-size: 18px;  padding-top: 43px; float: right; } 

#Productos4BannerProd .contentModul .modul  {  width:242px;   float: left; margin-left: 30px;  margin-top: 40px;  } 
#Productos4BannerProd .contentModul .modul .separator  { width:242px; height:1px;  background:#ececec;  } 
#Productos4BannerProd .contentModul .modul .img  { width:242px; height:252px;    } 

#Productos4BannerProd .contentModul .modul .title  { width:242px; height:80px;    } 
#Productos4BannerProd .contentModul .modul .title p  {   color:#fabf42; font-weight: bold; font-size: 18px; padding-top: 20px; } 

#Productos4BannerProd .contentModul .modul .slogan  { width:242px; height:66px;  position: relative;  } 
#Productos4BannerProd .contentModul .modul .slogan p  {   color:#7e7e7e; font-weight: bold; font-size: 12px; padding-top: 14px; } 

#Productos4BannerProd .contentModul  .modul .btnContent  { width:242px; height:66px;     } 

.btnVermas4Productos  { width:138px; height:40px;  background:#fbbf42; margin-top: 20px; float: right; cursor: pointer;   } 
.btnVermas4Productos:hover  {  background:#A0A0A0;  color:#FFF;  } 
.btnVermas4Productos p  { text-align: center; font-size: 14px; font-weight: bold; padding-top: 10px;  } 

 #section .wrapper #Productos4Banner .contentModul .modul .img:hover ~ .btnContent .btnVermas4Productos {  background:#A0A0A0; color:#FFF;  	} 
#section .wrapper #Productos4Banner .contentModul .modul .img:hover ~ .btnContent .btnVermas4Productos p { text-decoration: none;  color:#FFF;  	}

#Productos4BannerProd .contentModul .modul .slogan .iconZBM-1 { position: absolute; margin-left: 150px; margin-top: 7px;  } 
#Productos4BannerProd .contentModul .modul .slogan .iconZBM-2 { position: absolute; margin-left: 172px; margin-top: 7px;  } 
#Productos4BannerProd .contentModul .modul .slogan .iconZBM-3 { position: absolute; margin-left: 160px; margin-top: 7px;  } 
#Productos4BannerProd .contentModul .modul .slogan .iconLSB { position: absolute; margin-left: 170px; margin-top: 7px;  } 

#Productos4BannerProd .contentModul .modul .puntos   { height: 200px;   } 
#Productos4BannerProd .contentModul .modul .puntos ul   {  list-style: none; padding-top: 0px; font-size: 13px; text-align: justify;  } 
#Productos4BannerProd .contentModul .modul .puntos ul.bulletArrowYellow li {  background:url(../img/icons/bullet-arrow-yellow.jpg) no-repeat 0px 3px; padding-left:20px; padding-top:-20px;   margin-top:10px; } 

#content #section .zbmsInstalados { height:585px; background:#f4f4f4; position: relative;   }  
#content #section .zbmsInstalados .modul { width:1040px; height:585px; background:#FFF; }  
#content #section .zbmsInstalados .modul img { margin-left: 25px; }  

#content #section .zbmsInstalados .title { width:1170px; height:120px;  position: absolute; z-index: 100;  background: url("../img/servicios/bg-title-conexiones.png") center no-repeat ; }  
#content #section .zbmsInstalados .title p { color:#FFF; text-transform: uppercase; font-size: 18px; padding-left: 70px; padding-top: 19px; font-weight: bold;  } 



 /* SECTION PRODUCTOS DETALLES ZBM
   ================================================== */
   
   
   
#content #section #contenidoDetalleProd { height:1930px;  } 
#content #section #contenidoDetalleProd .Detleft { width:320px;  height:1870px;  float: left; padding-left: 50px; padding-top: 30px;  }
#content #section #contenidoDetalleProd .Detcenter { width:2px;  height:1900px; background:#e9e9e9; float: left; }
#content #section #contenidoDetalleProd .Detseparator { clear: both; width:280px;  height:2px; background:#e9e9e9;  margin-top: 20px;  }     
 
#content #section #contenidoDetalleProd .Detleft .Detheader { width:320px;    }  
#content #section #contenidoDetalleProd .Detleft .Detheader .Dtitle  { width:300px;    } 
#content #section #contenidoDetalleProd .Detleft .Detheader .Dtitle p  {   color:#fabf42; font-weight: bold; font-size: 18px; padding-top: 10px; padding-left: 4px; } 
#content #section #contenidoDetalleProd .Detleft .Detheader .slogan  { width:300px;    } 
#content #section #contenidoDetalleProd .Detleft .Detheader .slogan p  {   color:#7e7e7e; font-weight: bold; font-size: 12px; padding-top: 14px; } 
#content #section #contenidoDetalleProd .Detleft .Detheader .slogan .iconZBM-1 { position: absolute; margin-left: 150px; margin-top: 7px;  } 
#content #section #contenidoDetalleProd .Detleft .Detheader .slogan .iconZBM-2 { position: absolute; margin-left: 172px; margin-top: 7px;  } 
#content #section #contenidoDetalleProd .Detleft .Detheader .slogan .iconZBM-3 { position: absolute; margin-left: 160px; margin-top: 7px;  } 
#content #section #contenidoDetalleProd .Detleft .Detheader .slogan .iconLSB { position: absolute; margin-left: 170px; margin-top: 7px;  } 
#content #section #contenidoDetalleProd .Detleft .Detheader .puntos   { width:300px;   height: 140px; margin-top: 20px;   } 
#content #section #contenidoDetalleProd .Detleft .Detheader .puntos ul   {  list-style: none; padding-top: 0px; font-size: 13px; text-align: justify;  } 
#content #section #contenidoDetalleProd .Detleft .Detheader .puntos ul.bulletArrowYellow li {  background:url(../img/icons/bullet-arrow-yellow.jpg) no-repeat 0px 3px; padding-left:20px; padding-top:-20px;   margin-top:10px; } 
#content #section #contenidoDetalleProd .Detleft .DetVideo { width:320px;  height: 260px; }  
#content #section #contenidoDetalleProd .Detleft .DetVideo h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 60px; padding-top: 30px;   }  
#content #section #contenidoDetalleProd .Detleft .DetVideo h1 div { float: left;  padding-top: 4px;   } 
#content #section #contenidoDetalleProd .Detleft .descargas { width:320px;   }  
#content #section #contenidoDetalleProd .Detleft .descargas h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 40px; padding-top: 30px;   }  
#content #section #contenidoDetalleProd .Detleft .descargas h1 div { float: left;  padding-top: 4px;   } 
#content #section #contenidoDetalleProd .Detleft .descargas .btn { width:290px;  height: 40px; border: 1px solid #3E3E3E; padding-left: 5px; padding-top: 10px; margin-top: 10px;   }  
#content #section #contenidoDetalleProd .Detleft .descargas .btn:hover { background:#FFDB23;  border: 1px solid #FFDB23;  }  
#content #section #contenidoDetalleProd .Detleft .descargas .btn p { color:#7e7e7e; font-weight: bold; font-size: 13px; padding-top: 6px;  }  
#content #section #contenidoDetalleProd .Detleft .galeria { width:320px;  } 
#content #section #contenidoDetalleProd .Detleft .galeria img { margin-top: 20px; }  
#content #section #contenidoDetalleProd .Detleft .galeria img:hover {   opacity: 0.9; filter: alpha(opacity=90);   }  
#content #section #contenidoDetalleProd .Detleft .galeria h1 {   color:#3e3e3e; font-weight: bold; font-size: 18px; height: 30px; padding-top: 30px;   }  
#content #section #contenidoDetalleProd .Detleft .galeria h1 div { float: left;  padding-top: 1px;   } 



#content #section #contenidoDetalleProd .Detright { width:797px;  height:1900px;  float: left;  }  
#content #section #contenidoDetalleProd .Detright .sloganImg { width:797px;  height:80px;   }  
#content #section #contenidoDetalleProd .Detright .sloganImg p { padding: 25px; color:#3E3E3E; font-weight: bold; font-size: 15px; padding-top: 6px; padding-top: 20px; }    
#content #section #contenidoDetalleProd .Detright .sloganImg2 { width:797px;  height:60px;  }  
#content #section #contenidoDetalleProd .Detright .sloganImg2 p { padding-left: 25px; color:#727272; font-weight: bold; font-size: 14px; padding-top: 6px; padding-top: 20px; text-transform: uppercase; float: left; width: 174px; }    
#content #section #contenidoDetalleProd .Detright .DetseparatorR { clear: both; width:747px;  height:2px; background:#e9e9e9; margin: 0 auto;   margin-top: 20px; }  
#content #section #contenidoDetalleProd .Detright .contentImgs { width:797px; margin-top: 20px;    }  
#content #section #contenidoDetalleProd .Detright .contentImgs img { padding-left: 25px; }  


#content #section #contenidoDetalleBot { height:400px; background:#FFF; text-align: center;  }  
#content #section #contenidoDetalleBot .DetseparatorBot { clear: both; width:1070px;  height:2px; background:#e9e9e9; margin: 0 auto;   margin-top: 20px; }  




 /* SECTION HIDROPOTENCIA
   ================================================== */
   
   
#content #section #BannerHidro { height:260px; w }  



 /* SECTION CELDAS SOLARES
   ================================================== */
   
   
#content #section #Paneles { height:1050px;    } 
#content #section #Paneles .separator { height:3px;  background:#ff9c37;   }  
#content #section #Paneles .separator2 { clear: both; width:1070px; height:2px;  background:#ebebeb;  margin: 0 auto; margin-top: 50px; }    
#content #section #Paneles .bgTitle { height:44px;  background:#efefef;   }  
#content #section #Paneles .bgTitle p { color:#d72a18;  font-size: 18px; padding-left: 50px; padding-top: 10px; font-weight: bold;   }  
#content #section #Paneles .left { width:350px;   float: left; padding-left: 50px;  padding-top: 30px;   }  
#content #section #Paneles .left .title { width:292px; height:46px;  background:#ff9c37;     } 
#content #section #Paneles .left .title p {  text-align: center;  color:#FFF;  padding-top: 10px; font-weight: bold; font-size: 18px;  }
#content #section #Paneles .left p { width:292px; text-align: center;  color:#fab874;  padding-top: 10px; font-weight: bold; font-size: 16px;  }  
#content #section #Paneles .right { width:720px;   float: left; padding-right: 50px;   }  
#content #section #Paneles .right img {  margin-left: 100px;  margin-top: 30px;  }  
#content #section #Paneles .right h1 { color:#e26a2a;  padding-top: 40px;  font-weight: bold; font-size: 18px;   }  
#content #section #Paneles .right h2 { color:#7d7d7d;  padding-top: 30px;  padding-bottom: 10px;   font-weight: bold; font-size: 16px;   }  
#content #section #Paneles .right p { color:#7d7d7d; line-height: 26px; text-align: justify; padding-top: 10px;     }  
#content #section #Paneles .right li { color:#7d7d7d; line-height: 22px; text-align: justify; padding-top: 10px;     }  
#content #section #Paneles .gallery { clear: both; width:1070px; height:250px;  margin: 0 auto; margin-top: 20px;   }  
#content #section #Paneles .gallery img {  float: left; margin-left: 25px; border: 1px solid #FF9E02;  }  
#content #section #Paneles .gallery img:hover {   opacity: 0.9; filter: alpha(opacity=90);   }  

.titleGaleria  { color:#e26a2a;  font-size: 18px; padding-left: 50px;  font-weight: bold; margin-top: 20px;   }  
     
   
#content #section #Seraphim {   position: relative;   } 
#content #section #Seraphim .imagenPanel {   position: absolute; z-index: 100; margin-left: 640px;  margin-top: 100px;    } 
#content #section #Seraphim .imagenPlanta {   position: absolute; z-index: 100; margin-left: 740px;  margin-top: 50px;    } 

#content #section #Seraphim .separator { height:5px; background:#ea7125;    }
   
#content #section #Seraphim .logo { height:128px; background:#C21F26;    } 
#content #section #Seraphim .logo .contenido {  width:1070px; height:128px;  margin: 0 auto;   }  

#content #section #Seraphim .polaris { height:400px; background:#e4e4e3;    } 
#content #section #Seraphim .polaris .left { width:670px;  float: left;  padding-left: 50px;   padding-top: 50px;  }
#content #section #Seraphim .polaris .left h1 { color:#666666;  font-size: 24px;   font-weight: bold; margin-top: 20px;   } 
#content #section #Seraphim .polaris .left p { color:#000;  font-size: 14px;  padding-right: 50px;  margin-top: 20px;  } 
#content #section #Seraphim .polaris .right { width:450px; float: left;  } 

.downloadPDF {   margin-top: 20px;  float: left; margin-left: 10px; }
.downloadPDF .Dtop {  width:280px;     }
.downloadPDF .Dtop .Dleft {  height:36px; width:30px; float: left;    } 
.downloadPDF .Dtop .Dright { height:28px; width:240px;   float: left;  color:#ea7125; font-size: 18px;   font-weight: bold; margin-top: 8px; padding-left: 10px; } 
.downloadPDF .Dbot {  width:280px;     }
.downloadPDF .Dbot .Dleft { height:20px; width:30px; float: left;     } 
.downloadPDF .Dbot .Dright { height:20px; width:240px;   float: left;  color:#666666; font-size: 12px;  padding-left: 10px;   } 
.downloadPDF .Dtop:hover > .Dright { color:#D72A19;  }
.downloadPDF .Dtop:hover ~ .Dbot .Dright { text-decoration: underline;   }
  
#content #section #Seraphim .catalogo { height:200px; background:#fffffb; position: relative;    } 
#content #section #Seraphim .catalogo .left { width:670px;   float: left;  padding-left: 50px; padding-top: 20px; } 
#content #section #Seraphim .catalogo .left p { color:#000;  font-size: 18px;   margin-top: 5px; font-weight: bold; } 
#content #section #Seraphim .catalogo .left p span { color:#f30602;  } 
#content #section #Seraphim .catalogo .right { width:450px; height:210px;  float: left;  }

#content #section #Seraphim .banner { height:333px; background: url("../img/celdas/Redflow-Mexico-Panel-250w.jpg") center no-repeat ;  }       
#content #section #Seraphim .banner h1 { color:#c21c2b;  font-size: 26px;   padding-top: 70px; margin-left: 50px; font-weight: bold;  }          
#content #section #Seraphim .banner p { color:#666666;  font-size: 20px;   padding-top: 10px; margin-left: 50px; font-weight: bold;  }       

#content #section #APS {  background:#FFF; }  
#content #section #APS .logo { height:145px;  background:#FFF; } 
#content #section #APS .logo img { margin-left: 50px;  margin-top: 25px;  } 
      
#content #section #APS .info { height:470px;   } 
#content #section #APS .info .Aleft { width:680px; height:470px; float: left;  background: url("../img/celdas/Redflow-Mexico-APS-Microinversor-YC500A.jpg") center no-repeat #F3F3F1 ;} 
#content #section #APS .info .Acent { width:12px;  height:470px; background:#FFF;  float: left; }

#content #section #APS .info .Aright { width:478px; height:470px; background:#EA7200;  float: left; } 
#content #section #APS .info .Aright h1 { color:#FFF;  padding-top: 40px;  font-weight: bold; font-size: 70px; text-align: center;   }  
#content #section #APS .info .Aright h2 { color:#FFF;  margin-bottom: 30px;  padding-bottom: 10px;   font-weight: bold; font-size: 30px; text-align: center;   }  
#content #section #APS .info .Aright li { width:360px; color:#000; line-height: 22px; text-align: justify; padding-top: 10px; padding-left: 55px; font-size: 16px;     }  

#content #section #APS .separator { height:12px;  background:#FFF; }       
#content #section #APS .imagen { height:650px; background: url("../img/celdas/Redflow-Mexico-APS-Diagrama.jpg") center no-repeat #f4f4f4 ;}       




 /* SECTION DISTRIBUIDORES
   ================================================== */
   
   

#ServiciosInfo .puntos   { height: 200px;   } 
#ServiciosInfo .puntos ul   {  list-style: none; padding-top: 0px; font-size: 13px; text-align: justify;  } 
#ServiciosInfo .puntos ul.bulletArrowYellow li {  background:url(../img/icons/bullet-arrow-yellow.jpg) no-repeat 0px 3px; padding-left:20px; padding-top:-20px;   margin-top:10px; } 



 /* SECTION CONTACTO
   ================================================== */
  
  
.icon-bulletLineTriangle2 { background-position: -509px -257px; width: 9px; height: 51px; float: left; margin-left: 50px; margin-top: 20px;   }

#banner-Contacto  { width:1170px;  height:113px; background:#a0a0a0;  padding-top: 15px; }  
#banner-Contacto .Cinfo   { width:870px; margin-left: 10px;  padding-top: 15px; font-size: 20px; color:#FFF;    float: left;   }  
#banner-Contacto .Cinfo p  { float: left;   font-size: 16px; color:#FFF;      }  
#banner-Contacto .Cinfo p span  { font-weight: bold; font-size: 20px; }  

#content #section .Cform { height:598px; background: url("../img/template/bg/Redflow-Bg-Contacto-Form.jpg") center top #010202; } 
#content #section .Cform .left { width:535px; height:506px;   float: left;    color:#FFF; padding-top: 20px;  padding-left: 50px; font-size: 16px; } 

#content #section .Cform .right { width:585px; height:526px;   float: left;   } 
#content #section .Cseparator { height:73px; background:#6e6d6d;    } 

#content #section .Cseparator.info   { width:870px; margin-left: 10px; font-size: 20px; color:#FFF;    float: left;   }  
#content #section .Cseparator .info p  { float: left;  font-weight: bold; font-size: 20px;  color:#FFF;     padding-top: 22px;    }  

#content #section .Cmapa { height:462px; background:#FFF;    } 


/*FORM CONTACT */

#contactForm {   height:400px;  margin:0 auto; padding-top:14px;  color: #FFF; }
#contactForm input[type=text] { background:#FFF; color: #1A1A1A; padding-left: 5px; width:416px; height:30px; border:solid 1px #dcdcdc; margin-top:5px; font-size:13px;}
#contactForm textarea { color: #1A1A1A; border:solid 1px #dcdcdc; background:#FFF; width:416px; height:100px; padding-left:5px; margin-top:20px; font-size:13px;} 

#contactForm input[type=submit] { width:180px; height:34px; color:#FFF; border:0px; text-align:center; cursor: pointer; font-weight:bold;   background:#D72A19; -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #FFF; text-transform: uppercase; -webkit-appearance:none; } 
#contactForm input[type=submit]:hover {  color:#000;  background:#ff9c37; } 

.form-thanks { text-align: center; padding-top:240px; color:#FEDB53; font-size:18px; font-weight:bold; }
.data-row-form  { clear:both; padding-top:20px; }
.data-row-form-text  { float:left; height:20px; width:90px; text-align:right; padding-right:10px; padding-top:10px; font-weight:bold; font-size:14px; }
.data-row-form-field  { float:left;  height:32px;  }

#contactFormContent option { }
#contactFormContent select {  width:400px; height:33px; border-color:#FFF;  border:none; border-radius:0; -webkit-appearance: none; -webkit-border-radius: 0px; background: url("../img/icons/icon-form-select.png")  no-repeat right #FFF; padding-left:10px; border: solid 1px #d2d2d2;  }