/*

Theme Name: Nicolaides Theme

Theme URI: http://nicolaides.cl/

Description: Theme Original de www.nicolaides.cl

Version: 1.0

Author: Codascript

Tags: nicolaides, wordpress, theme



Theme original para Wordpress de www.nicolaides.cl.

Desarrollo por Codascript. Diseño por Francisca Encinas.

*/



html,body{

  font-family:Arial;

  font-size:12px;

  margin:0px;

  padding:0px;

}



a{

  border:none;

  text-decoration:none;

  outline:none;

}



#body{

  width:950px;

  height:550px;

  margin:0px auto 0px auto;

  background:url(img/bodyBg.png) 5px 115px no-repeat;

}



#logos{

  overflow:auto;

  height:125px;

}



#logoNicolaides{

  float:left;

  padding:10px 0px 0px 15px;

}



#logoBvqi{

  float:right;

  padding:34px 15px 0px 0px;

}



#logoTrace{

  float:right;

  padding:42px 15px 0px 0px;

}



#main{

  width:920px;

  height:380px;

  margin:0px auto 0px auto;

}



#menu{

  height:55px;

  background:url(img/topMenuBg.png) 0px 0px no-repeat;

}



#topmenu{

  overflow:auto;

  list-style:none;

  margin:0px auto 0px auto;

  padding:2px 0px 0px 0px;

}



#topmenu li{

  float:left;

  font-weight:bold;

  font-size:11px;

  text-transform:uppercase;

  margin:0px;

  padding:8px 0px 6px 0px;

  color:#000066;

}



#topmenu li:hover, #topmenu li.menuCurrent{

  background:url(img/blueBg.png);

}



#topmenu li.start:hover, #topmenu li.start.menuCurrent{

  background:url(img/curva_menu_start.png) no-repeat top left;

}

#topmenu li.start:hover a, #topmenu li.start.menuCurrent:hover a{

  padding:6px 25px 5px 23px;

  border-right:0px solid #CCC;

}

#topmenu li.end:hover, #topmenu li.end.menuCurrent{

  background:url(img/curva_menu_end.png) no-repeat top right;

}



#topmenu li a{

  display:block;

  padding:6px 24px 5px 23px;

  color:#000066;

  border-right:1px solid #CCC;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

  #topmenu li a{

  display:block;

  padding:5px 21px 3px 21px;

  color:#000066;

  border-right:1px solid #CCC;

  }

  

  #topmenu li a.menuHome{

    padding:5px 23px 3px 22px;

  }

}



#topmenu li a:hover, #topmenu li:hover a, #topmenu li.menuCurrent a{

  color:#FFF;

  border-right:1px solid #0A2178;

}



#slidebar{

  height:14px;

  margin:0px 0px 0px 0px;

  background:url(img/blueBg.png);

}



#middle{

  overflow:auto;

  height:325px;

  background:url(img/middleBG.png) -14px -180px no-repeat;

}



#topPanel{

  height:18px;

  padding:6px 15px 0px 15px;

  font-size:12px;

  font-weight:bold;

  color:#000066;

  text-transform:uppercase;

  text-align:right;

  background:url(img/linea_degrade.png) no-repeat center bottom;

}



#leftPanel{

  position:relative;

  float:left;

  width:260px;

  height:301px;

  padding:0px 10px 0px 10px;

  border-right:0px solid #CCC;

  background:url(img/barra_degrade_2.png) repeat-y top right;

}



#leftPanel .subMenu{

  position:absolute;

  list-style:none;

  width:230px;

  bottom:10px;

  margin:20px 15px 0px 15px;

  padding:0px;

}



#leftPanel .subMenu li{

  width:227px;

  height:25px;

  margin:0px 0px 5px 0px;

  border:0px solid #000066;

  background:url(img/bot_off_2.png) no-repeat;

}



#leftPanel .subMenu li:hover{

  background:url(img/bot_on_2.png) no-repeat;

}



#leftPanel .subMenu li a{

  display:block;

  margin:0px;

  padding:5px 5px 6px 10px;

  font-size:12px;

  color:#000066;

}



#leftPanel .subMenu li a:hover{

  color:#FFF;

}



#rightPanel{

  position:relative;

  float:right;

  width:600px;

  height:301px;

  text-align:justify;

  padding:0px 20px 0px 20px;

  background:url(img/fondo_trans_texto.png) no-repeat;

}



#rightPanel h2{
  
  display:block;

  font-size:14px;
  
  padding:8px 0px 8px 0px;
  
  margin:0px;

  font-weight:bold;

  text-transform:uppercase;

  color:#000066;

}

#rightPanel h3{
  text-align:left;
}



#footer{

  overflow:auto;
  
  width:920px;
  
  margin:25px auto 0px auto;

  height:35px;

}



#footerLeft{

  overflow:auto;

  float:left;

}



#footerLeft img{

  margin:0px 4px 0px 0px;

}



#footerLeft p{

  float:left;

  font-size:10px;

  font-weight:bold;

  text-transform:uppercase;

  margin:0px 10px 0px 0px;

  padding:0px;

  color:#000066;

	cursor:pointer;

}

#footerLeft p a{
	text-decoration:none;
	color:#000066;
	border:none;
}

#footerLeft p a:hover{
	color:#000066;
}

#footerLeft p a img{
	border:none;
}

#footerRight{

  overflow:auto;

  float:right;

}



#footerRight img{

  margin:0px 4px 0px 0px;

}

#footerRight a{
  color:#000066;
}

#footerRight a img{
  border:none;
}


#footerRight p{

  float:left;

  font-size:10px;

  font-weight:bold;

  text-transform:uppercase;

  margin:0px 10px 0px 0px;

  padding:0px;

  color:#000066;

}



#footerCenter{

  float:left;

  width:100%;

  font-size:11px;

  margin-top:6px;

  font-weight:bold;

  text-align:center;

  text-transform:uppercase;

  color:#333;

}



/*

 * Page Templates

 */

#homePanel{

  width:600px;

  margin:60px auto 0px auto;

  padding:8px 0px 8px 35px;

  border-left:1px solid #CCC;

}



/*

 * Page Templates

 */

#industriaPanel{

  width:920px;

  margin:0px auto 0px auto;

  padding:30px 0px 0px 0px;

  background:url(img/ind_bot_menu.png) no-repeat left bottom;

  *background:url(img/ind_bot_menu_o.png) no-repeat 1px bottom;

}



#industriaPanel ul{

  overflow:auto;

  list-style:none;

  width:920px;

  *width:918px;

  margin:40px auto 0px auto;

  *margin:40px 0px 0px 1px;

  padding:0px;

  background:url(imgx/ind_menu_pics.png) no-repeat 0px 0px;

}



#industriaPanel ul li{

  position:relative;

  float:left;

  width:153.33px;

  padding:0px;

  margin:0px;

  text-align:center;

}



#industriaPanel ul li p{

  display:block;

  margin:0px;

  padding:0px;

}



#industriaPanel ul li span{

  display:block;

  position:absolute;

  width:147.33px;

  height:173px;

  left:0px;

  background:#FFF;
  
  border:3px solid #000;

  cursor:pointer;

}

#industriaPanel ul li:hover span{
  display:block; 
}



#industriaPanel ul li a img, #industriaPanel ul li a{

  border:none;

  text-decoration:none;

  margin:0px;

}



#industriaPanel ul li a.title{

  display:block;

  padding:160px 0px 3px 0px;

  font-size:13px;

  color:#FFF;

  text-transform:uppercase;

}



#industriaPanel h2.title1{

  font-size:18px;

  font-weight:bold;

  letter-spacing:2px;

  margin:0px 0px 0px 210px;

  color:#333;

}



#industriaPanel h2.title2{

  font-size:14px;

  font-weight:normal;

  margin:0px 0px 0px 330px;

  color:#999;

}



#industria-single{

  overflow:auto;

  height:262px;

}



#industria-single div.page{

  overflow:auto;

  background:#FFF;

}



#industria-single ul.brands{

  list-style:none;

  overflow:auto;

  height:180px;

  margin:10px 0px 0px 20px;

  padding:0px;

}



#industria-single ul.brands li{

  margin:0px 0px 3px 0px;

  padding:2px 5px 1px 5px;

  font-weight:bold;

  font-size:12px;

  text-transform:uppercase;

  color:#333;

  cursor:pointer;

}



#industria-single ul.logos{

  position:relative;

  list-style:none;

  width:150px;

  height:180px;

  margin:40px auto;

  padding:0px;

}

#industria-single ul.logos a, #industria-single ul.logos a img{
  border:none;
}


#industria-single ul.logos li{

  display:none;

  position:absolute;

  cursor:pointer;

}



ul.industria-sub-menu{

  overflow:auto;

  list-style:none;

  margin:0px 0px 0px 0px;

  padding:0px;

  background:url(img/ind_bot_menu.png) no-repeat left bottom;

}



ul.industria-sub-menu li{

  float:left;

  width:153px;

  padding:0px;

  margin:0px;

  text-align:center;

}



ul.industria-sub-menu li a.title{

  display:block;

  padding:8px 0px 3px 0px;

  font-size:13px;

  color:#FFF;

  text-transform:uppercase;

}



#industrialSubMenu{

  position:absolute;

  list-style:none;

  overflow:auto;

  margin:0px 0px 0px 14px;

  padding:0px;

  left:0px;

  bottom:10px;

  background: url(img/prod_menu.png) no-repeat left bottom;

}



#industrialSubMenu li{
  
  position:relative;

  float:left;

  width:153px;

  padding:0px;

  margin:0px;

  text-align:center;

  cursor:pointer;

}

#industrialSubMenu li span{

  display:block;

  position:absolute;

  width:147.33px;

  height:173px;

  left:0px;

  background:#FFF;
  
  border:3px solid #000;

  cursor:pointer;

}

#industrialSubMenu li:hover span{
  display:block; 
}


#industrialSubMenu li.filtrantes-clarificantes{

  background: url(img/clarificantes.png) no-repeat;

}

#industrialSubMenu li.filtrantes-clarificantes.opaque{

  background: url(img/clarificantes_2.png) no-repeat;

}



#industrialSubMenu li.equipos-para-industria{

  background: url(img/industria.png) no-repeat;

}

#industrialSubMenu li.equipos-para-industria.opaque{

  background: url(img/industria_2.png) no-repeat;

}



#industrialSubMenu li.aislacion-termica{

  background: url(img/aislacion.png) no-repeat;

}

#industrialSubMenu li.aislacion-termica.opaque{

  background: url(img/aislacion_2.png) no-repeat;

}



#industrialSubMenu li.medio-ambiente{

  background: url(img/medio_ambiente.png) no-repeat;

}

#industrialSubMenu li.medio-ambiente.opaque{

  background: url(img/medio_ambiente_2.png) no-repeat;

}





#industrialSubMenu li a.title {

  color:#FFFFFF;

  display:block;

  font-size:8px;

  padding:163px 0px 6px; 

  text-transform:uppercase;

}



industrialSubMenu li a img, industrialSubMenu li a {

  border:medium none;

  margin:0;

  text-decoration:none;

}



/*

 * Industria Specs

 */

.singleb1, .singleb2, .singleb3{

  float:left;

  width:33.3%;

  height:262px;

}



.singleb1 p{

  display:none;

}



.singleb2 h3{
  
  display:block;
  
  margin-top:12px;

  margin-left:25px;

  margin-bottom:2px;

  text-transform:uppercase;

}



.singleb2 h4{

  margin-left:25px;

  margin-bottom:12px;

  font-size:14px;

  text-transform:uppercase;

}

.singleb2 p{
  margin:0px;
  padding:0px;
}

.back{

  display:block;

  width:85px;

  height:16px;

  padding:1px 5px 0px 5px;

  margin:0px 0px 0px 25px;

  color:#FFF;

  text-align:left;

  background:url(img/barrra_volver.png) no-repeat -20px 0px;

  cursor:pointer;

}



/* Vino y Jugos */

#industrialMainMenu li.jugos-vinos{background: url(img/vino.png) no-repeat;}

.jugos-vinos .b1{background:url(img/ind_vino_1.png) no-repeat;}

.jugos-vinos .b2{background:url(img/ind_vino_2.png) no-repeat;}

.jugos-vinos .b3{background:url(img/ind_vino_3.png) no-repeat;}

.jugos-vinos .b2 h3 span{font-size:14px;color:#660033;}

.petroquimica .b2 h4, .petroquimica .b2 h4 span{display:block;padding:0px;margin:3px 0px 2px 25px;font-size:12px;color:#660033;}

.jugos-vinos .b2 ul.brands li, .jugos-vinos .b2 ul.brands li a{color:#333;} 

.jugos-vinos .b2 ul.brands li:hover, .jugos-vinos .b2 ul.brands li a:hover{color:#660033;}



/* Petroquimica */

#industrialMainMenu li.petroquimica{background: url(img/petroquimica.png) no-repeat;}

.petroquimica .b1{background:url(img/ind_petro_1.png) no-repeat;}

.petroquimica .b2{background:url(img/ind_petro_2.png) no-repeat;}

.petroquimica .b3{background:url(img/ind_petro_3.png) no-repeat;}

.petroquimica .b2 h3 span{font-size:14px;color:#003399;}

.petroquimica .b2 h4, .petroquimica .b2 h4 span{display:block;padding:0px;margin:3px 0px 2px 25px;font-size:12px;color:#003399;}

.petroquimica .b2 ul.brands li, .petroquimica .b2 ul.brands li a{color:#333;}

.petroquimica .b2 ul.brands li:hover, .petroquimica .b2 ul.brands li a:hover{color:#003399;}



/* Celulosa y Papel */

#industrialMainMenu li.celulosa-y-papel{background: url(img/celulosa.png) no-repeat;}

.celulosa-y-papel .b1{background:url(img/celulosa_papel_1.png) no-repeat;}

.celulosa-y-papel .b2{background:url(img/celulosa_papel_2.png) no-repeat;}

.celulosa-y-papel .b3{background:url(img/celulosa_papel_3.png) no-repeat;}

.celulosa-y-papel .b2 h3 span{font-size:14px;color:#006666;}

.celulosa-y-papel .b2 h4, .celulosa-y-papel .b2 h4 span{display:block;padding:0px;margin:3px 0px 2px 25px;font-size:12px;color:#006666;}

.celulosa-y-papel .b2 ul.brands li, .celulosa-y-papel .b2 ul.brands li a{color:#333;}

.celulosa-y-papel .b2 ul.brands li:hover, .celulosa-y-papel .b2 ul.brands li a:hover{color:#006666;}



/* Climatización */

#industrialMainMenu li.climatizacion{background: url(img/climatizacion.png) no-repeat;}

.climatizacion .b1{background:url(img/clima_1.png) no-repeat;}

.climatizacion .b2{background:url(img/clima_2.png) no-repeat;}

.climatizacion .b3{background:url(img/clima_3.png) no-repeat;}

.climatizacion .b2 h3 span{font-size:14px;color:#000099;}

.climatizacion .b2 h4, .climatizacion .b2 h4 span{display:block;padding:0px;margin:3px 0px 2px 25px;font-size:12px;color:#000099;} 

.climatizacion .b2 ul.brands li, .climatizacion .b2 ul.brands li a{color:#333;}

.climatizacion .b2 ul.brands li:hover, .climatizacion .b2 ul.brands li a:hover{color:#000099;}



/* Minería */

#industrialMainMenu li.mineria{background: url(img/mineria.png) no-repeat;}

.mineria .b1{background:url(img/mineria_1.png) no-repeat;}

.mineria .b2{background:url(img/mineria_2.png) no-repeat;}

.mineria .b3{background:url(img/mineria_3.png) no-repeat;}

.mineria .b2 h3 span{font-size:14px;color:#CC9900;}

.mineria .b2 h4, .mineria .b2 h4 span{display:block;padding:0px;margin:3px 0px 2px 25px;font-size:12px;color:#CC9900;}

.mineria .b2 ul.brands li, .mineria .b2 ul.brands li a{color:#333;}

#industria-single.mineria ul.brands li{font-size:12px;}

.mineria .b2 ul.brands li:hover, .mineria .b2 ul.brands li a:hover{color:#CC9900;}



/* Medio Ambiente */

#industrialMainMenu li.medio-ambiente{background: url(img/medio_ambiente.png) no-repeat;}

.medio-ambiente .b1{background:url(img/medio_1.png) no-repeat;}

.medio-ambiente .b2{background:url(img/medio_2.png) no-repeat;}

.medio-ambiente .b3{background:url(img/medio_3.png) no-repeat;}

.medio-ambiente .b2 h3 span{font-size:14px;color:#009900;}

.medio-ambiente .b2 h4, .medio-ambiente .b2 h4 span{display:block;padding:0px;margin:3px 0px 2px 25px;font-size:12px;color:#009900;}

.medio-ambiente .b2 ul.brands li, .medio-ambiente .b2 ul.brands li a{color:#333;}

.medio-ambiente .b2 ul.brands li:hover, .medio-ambiente .b2 ul.brands li a:hover{color:#009900;}



/* Products Sub */

div.cat-title{
  font-size:16px;
}

#rightPanel .b2, #rightPanel .b3{

  float:left;

  width:50%;

  height:267px;

} 



#prods .b2 h3{

  display:block;

  margin:5px 0px 8px 25px;

  padding:0px;

  font-size:14px;

  text-transform:uppercase;

}



#prods .b2 h3 span{

  font-size:14px; 

}



#prods ul.brands{

  overflow:auto;

  list-style:none;

  height:180px;

  margin:0px 0px 0px 25px;

  padding:0px;

}



#prods ul.brands li{

  font-size:12px;

  font-weight:bold;

  margin:0px 0px 3px 0px;

  padding:2px 5px 1px 0px;

}



#prods ul.brands li a:hover{

  color:#000066;

}



#prods ul.logos{

  overflow:auto;

  list-style:none;

  margin:40px 0px 0px 90px;

  padding:0px;

}



#prods ul.logos li{

  font-size:10px;

  font-weight:normal;

  margin:0px;

  padding:0px;

}



#prods #industrialSubMenu{

  margin:0px;

}



#prods li.firstLevel a{

  padding-top:11px;

}



#rightPanel div.b2, #rightPanel div.b3, #rightPanel div.b2 ul li a{

  color:#333;

}

#rightPanel div.b3 ul li{

  display:none;

} 



/* Filtrantes y Clarificantes */

#rightPanel.filtrantes-clarificantes div.b2{

  background: url(img/filt_clar_2.png) no-repeat;

}

#rightPanel.filtrantes-clarificantes div.b3{

  background: url(img/filt_clar_3.png) no-repeat;

}

#rightPanel.filtrantes-clarificantes h3,

#rightPanel.filtrantes-clarificantes h3 span,

#rightPanel.filtrantes-clarificantes div.b2 ul li a:hover, #rightPanel.filtrantes-clarificantes div.cat-title{

  color:#006666;

}



/* Equipos para Industria */

#rightPanel.equipos-para-industria div.b2{

  background: url(img/equipos_in_1.png) no-repeat;

}

#rightPanel.equipos-para-industria div.b3{

  background: url(img/equipos_in_2.png) no-repeat;

}

#rightPanel.equipos-para-industria h3,

#rightPanel.equipos-para-industria h3 span,

#rightPanel.equipos-para-industria div.b2 ul li a:hover, #rightPanel.equipos-para-industria div.cat-title{

  color:#000099;

}



/* Aislacion Termica */

#rightPanel.aislacion-termica div.b2{

  background: url(img/aislacion_t_1.png) no-repeat;

}

#rightPanel.aislacion-termica div.b3{

  background: url(img/aislacion_t_2.png) no-repeat;

}

#rightPanel.aislacion-termica h3,

#rightPanel.aislacion-termica h3 span,

#rightPanel.aislacion-termica div.b2 ul li a:hover, #rightPanel.aislacion-termica div.cat-title{

  color:#CC9900;

}

div.cat-title{
  position:absolute;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  margin:8px 0px 0px 25px;
}

#prods div.trick div.b2{
  padding-top:22px;
}

#prods div.trick .b2 h3 span{
  font-size:12px;
}

#prods div.trick ul.brands{
  height:160px;
}

/* Medio Ambiente */

#rightPanel.medio-ambiente div.b2{

  background: url(img/medio_2.png) no-repeat;

}

#rightPanel.medio-ambiente div.b3{

  background: url(img/medio_3.png) no-repeat;

}

#rightPanel.medio-ambiente h3,

#rightPanel.medio-ambiente h3 span,

#rightPanel.medio-ambiente div.b2 ul li a:hover, #rightPanel.medio-ambiente div.cat-title{

  color:#009900;

}



/* Contacto */

#contacto p{

  display:block;

  margin:3px 0px 3px 0px;

  padding:0px;

}



#contacto table tr td{

  vertical-align:top;

}



#contacto table tr{

  margin:0px 12px 0px 0px;

}



/* Clientes */

#clientes ul{

  list-style:none;

  margin:0px;

  padding:0px;

  color:#333;

}



#clientes ul li{

  font-size:12px;

  margin:0px 0px 5px 0px;

  padding:0px;

}



/* Certificacion */

.certilink{

  display:block;

  width:177px;

  height:250px;

  background: url(img/clientes_bvqi.png) no-repeat;

}

.certilink:hover{

  background: url(img/clientes_bvqi_2.png) no-repeat;

}

.trace{

  display:block;

  width:300px;

  height:233px;

  background: url(img/TRACE_OFF.png) no-repeat;

}

.trace:hover{

  background: url(img/TRACE_ON.png) no-repeat;

}



#industria-single #linker ul.brands{

  height:160px;

}



.services-inner h3{

  color:#000066;

}

#galeria{
	overflow:auto;
}

#galeria p{
	display:block;
  float:left;
  margin:0px 7px 7px 0px;
  padding:0px;
}

#galeria a{
	display:block;
	float:left;
	margin:0px;
	border:none;
}

#galeria a img{
  display:block;
	border:none;
  width:267px;
  height:159px; 
}

/* Services CSS */
#services-brands h3{
  width:570px;
}

#services-brands ul.brands{
  width:570px;
}


/* Sitemap CSS */
#homePanel.sitemap a{
	color:#000066;
}

#homePanel.sitemap a:hover{
	color:#333;
}

#homePanel.sitemap ul{
	overflow:auto;
  list-style:none;
	margin:0px;
	padding:0px 0px 0px 30px;
}

#homePanel.sitemap ul li{
	margin:0px 0px 0px 20px;
	padding:5px 0px 5px 0px;
	font-size:18px;
}

#homePanel.sitemap ul li ul{
	margin:10px 0px 10px 0px;
	border-left:1px solid #CCC;
}

#homePanel.sitemap ul li ul li{
	float:left;
	float:none;
	font-size:14px;
	text-transform:uppercase;
}

#homePanel.sitemap ul li ul li ul li{
	font-size:12px;
}

/* Contact Form CSS */
.contact-ok, .contact-error{
  margin:2px 0px 2px 0px;
  padding:2px;
  font-weight:bold;
  font-style:italic;
}

.contact-error{
  
}
