@charset "utf-8";
/* CSS Document */
html {margin:0; height:264px; background: url(../img/bg_body.jpg) repeat-x top;}
body {padding:0px; margin:0px; background:url(../img/bg_footer.jpg) repeat-x bottom; font:12px Arial, Helvetica, sans-serif; color:#848484;}
img {border:none;}
h1, h2, h3 {margin:0; font-weight:normal;}
p.home {margin:0!important; font-weight:normal; line-height:1.1em!important; padding:0 0px 0 0; color:#666; font-size:1em!important;}
p {margin:10px 0 0 0; font-weight:normal; line-height:1.5em; padding:0 20px 0 0;}
h3.site { font-size:1.1em; .font-size:12px; font-weight:bold; border-bottom:1px solid #CCCCCC; padding:17px 0 0 0px; margin:0 0 10px 0px; color:#666666;}
form {margin:0;}
a {text-decoration:none; color:#848484; cursor:pointer;}
ul {list-style:none; margin:0px; padding:0px 0 0 15px;}
li { line-height:1.5em;}
table { background:#35596C; width:500px; height:50px; list-style:none!important; margin:15px 0 15px 15px; border:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; }
td {padding:10px;}


/* MAIN */
#main {width:800px; margin:14px auto 0 auto; overflow:hidden; _height:100%;}
#main .bordeTop {position:absolute; width:224px; height:12px; background:#FFFFFF; margin:-14px 0 0 0;}
#main .ShadowRight {position:absolute; margin:-2px 0 0 800px;}
#main .ShadowLeft {position:absolute; margin:-2px 0 0 -17px;}

.mainbannerHome { width:542px; height:252px; background: url(../img/destacado_home.jpg) no-repeat; margin:0px 0px 10px 0px; padding:0px; }
.mainbannerHome h1 { width:220px; margin:0px; padding:35px 0 0 45px; font-size:1.6em; font-weight:bold; color:#36596C;}
.mainbannerHome p { width:210px; margin:0px; padding:10px 0 0 45px; font-size:1em;  color:#36596C;}

/* LEFT NAV */
.logoPSQ {margin:0 auto; padding:15px 20px 60px 20px; text-align:right;}
#leftNav {width:214px; margin:0 4px 70px 0; padding:5px; background:#FFFFFF; float:left;  position:relative;}
#leftNav .bordeTop {.position:absolute; .width:224px; .height:12px; .background:#FFFFFF; .margin:0; .left: 0px; .top:-14px;}
#leftNav .ShadowRight {.position:absolute; .margin:0; right: -593px; top:-2px;}
#leftNav .ShadowLeft {.position:absolute; .margin:0; left:-18px; top:-2px;}


#leftNav h2 {background:url(../img/left_miscela_tit.gif) left no-repeat; height:17px; padding:4px 0 0 15px; font:11px Arial, Helvetica, sans-serif; color:#6B6B6B; font-weight:bold; text-transform:uppercase; border-bottom:1px #ccc dashed; margin-bottom:10px;}
#leftNav h3 {font:11px Arial, Helvetica, sans-serif; color:#6B6B6B; font-weight:bold; text-transform:uppercase;}
#leftNav p { font-size:11px;}

#leftNav .menu {border:#e7e7e7 1px solid; margin-bottom:10px; padding:10px;}
#leftNav .menu p {padding-bottom:4px; line-height:12px;}
#leftNav .menu a {font-size:12px; display:block; padding:2px 2px 4px 7px; width:183px!important; background-color:#e7e7e7; border-bottom:1px solid #FFFFFF; color:#666;}
#leftNav .menu a:active, 
#leftNav .menu a:hover {background-color:#2CB9E6; color:#FFFFFF; }

/* CUERPO */
#cuerpo {width:546px; _width:540px; border:1px solid #e7e7e7; padding:12px; background:#FFFFFF; float:right; margin:0px 0px 70px 0px; height:auto;}
#cuerpo h2 {background:url(../img/left_miscela_tit.gif) left no-repeat; height:17px; padding:4px 0 0 15px; font:11px Arial, Helvetica, sans-serif; color:#6B6B6B; font-weight:bold; text-transform:uppercase; border-bottom:1px dotted #ccc dashed; margin-bottom:10px; }
#cuerpo .submenu {text-align:right; font:9px Trebuchet, Arial, Helvetica, sans-serif;}
#cuerpo .submenu a.lang {text-decoration:underline; .padding:0;}
#cuerpo .submenu a.lang:hover {text-decoration:none;}

/* MENU*/

#cuerpo .menu {height:76px; width:545px; margin:5px 0 13px 0; background-color:#fff; }
#cuerpo .menu ul { margin:0px; padding:0px; text-indent:-999px; }
#cuerpo .menu li { margin:0px; padding:0px; float:left; height:76px; background:url(../img/menu.jpg) no-repeat;}
#cuerpo .menu li a {margin:0px; padding:0px; float:left; height:76px; background:url(../img/menu.jpg) no-repeat;}
#cuerpo .menu li a:hover {margin:0px; padding:0px; background-image:none;}

#cuerpo .menu li.home {margin:0px; padding:0px; float:left; width:64px; background-position: 0px -76px;}
#cuerpo .menu li.home a {margin:0px; padding:0px; float:left; width:64px; background-position: 0px 0px;}
#cuerpo .menu li.homeActivo {margin:0px; padding:0px; float:left; width:64px; background-position: 0px -76px;}

#cuerpo .menu li.quienesomos {margin:0px; padding:0px; float:left; width:117px; background-position: -64px -76px;}
#cuerpo .menu li.quienesomos a {margin:0px; padding:0px; float:left; width:117px; background-position: -64px 0px;}
#cuerpo .menu li.quienesomosActivo {margin:0px; padding:0px; float:left; width:117px; background-position: -64px -76px;}

#cuerpo .menu li.productos {margin:0px; padding:0px; float:left; width:96px; background-position: -181px -76px;}
#cuerpo .menu li.productos a {margin:0px; padding:0px; float:left; width:96px; background-position: -181px 0px;}
#cuerpo .menu li.productosActivo {margin:0px; padding:0px; float:left; width:96px; background-position: -181px -76px;}

#cuerpo .menu li.mercado {margin:0px; padding:0px; float:left; width:90px; background-position: -277px -76px;}
#cuerpo .menu li.mercado a {margin:0px; padding:0px; float:left; width:90px; background-position: -277px 0px;}
#cuerpo .menu li.mercadoActivo {margin:0px; padding:0px; float:left; width:90px; background-position: -277px -76px;}

#cuerpo .menu li.servicios {margin:0px; padding:0px; float:left; width:87px; background-position: -368px -76px;}
#cuerpo .menu li.servicios a {margin:0px; padding:0px; float:left; width:87px; background-position: -368px 0px;}
#cuerpo .menu li.serviciosActivo {margin:0px; padding:0px; float:left; width:87px; background-position: -368px -76px;}

#cuerpo .menu li.contacto {margin:0px; padding:0px; float:left; width:90px; background-position: -457px -76px;}
#cuerpo .menu li.contacto a {margin:0px; padding:0px; float:left; width:90px; background-position: -457px 0px;}
#cuerpo .menu li.contactoActivo {margin:0px; padding:0px; float:left; width:90px; background-position: -457px -76px;}


/* subMENU*/
.submenuMercardos { width:195px; background:#e7e7e7; margin:-23px 0 0 277px; padding:0px 0 10px 0px;}
.submenuMercardos ul {  margin:0px; padding:7px 0 0 0; }
.submenuMercardos ul li { margin:0px 0 0 0px; padding:5px 0 4px 10px; font-size:0.9em; }
.submenuMercardos ul li a { padding:0px 0px 0px 10px; color:#333;}
.submenuMercardos ul li a:hover { padding:0px 0px 0px 10px; color:#999;}
.submenuMercardos ul li hr {border:1px double #ccc; padding:0px 0 0 -10px!important; margin:0px 0 0 -10px!important;}

/* DESTACADOS HOME*/
.mainbannerQuienesomos { width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_quienesomos.jpg) no-repeat; }
.mainbannerQuienesomos h1 { margin:0px; padding:0px; display:none;}
.mainbannerProductos { width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_productos.jpg) no-repeat; }
.mainbannerProductos h1 { margin:0px; padding:0px; display:none;}
.mainbannerServicios{ width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_servicios.jpg) no-repeat; }
.mainbannerServicios h1 { margin:0px; padding:0px; display:none;}
.mainbannerMercados { width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_mercados.jpg) no-repeat; }
.mainbannerMercados h1 { margin:0px; padding:0px; display:none;}
.mainbannerMercadosCosmetica { width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_mercados_cosmetica.jpg) no-repeat; }
.mainbannerMercadosCosmetica h1 { margin:0px; padding:0px; display:none;}
.mainbannerMercadosAluminio { width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_mercados_aluminio.jpg) no-repeat; }
.mainbannerMercadosAluminio h1 { margin:0px; padding:0px; display:none;}
.mainbannerMercadosConstruccion { width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_mercados_construccion.jpg) no-repeat; }
.mainbannerMercadosConstruccion h1 { margin:0px; padding:0px; display:none;}
.mainbannerContacto{ width:542px; height:180px; margin:0px 0px 10px 0px; padding:0px;  background: url(../img/destacado_contacto.jpg) no-repeat; }
.mainbannerContacto h1 { margin:0px; padding:0px; display:none;}

#cuerpo .homeNovedades {}
.homeNovedades h2 {background:url(../img/left_miscela_tit.gif) left no-repeat; height:17px; padding:4px 0 0 15px; font:11px Arial, Helvetica, sans-serif; color:#6B6B6B; font-weight:bold; text-transform:uppercase; margin-bottom:0!important; border-bottom:none!important;}
.homeNovedades .top {background:url(../img/news-top.gif) no-repeat #F4F6F5 top; height:7px; width:546px;}
.homeNovedades .news {background:#F4F6F5; }
.secondarybanners  {background:#F4F6F5; _height:325px; padding:0 10px 10px 0px; height:315px;}
.secondarybanners .bannerUno,
.secondarybanners .bannerDos {float:left; width:520px; border:1px solid #CCCCCC; margin:10px 0 0 12px; _margin:4px 0 0 6px; background:#FFFFFF;}
.bannerUno .top,
.bannerDos .top {margin:0px; padding:3px; height:30px;}
.bannerUno .top .miscelanea {background:url(../img/back_top_banneruno.jpg) repeat-x!important; height:8px;}
.bannerDos .top .miscelanea {background:url(../img/back_top_bannerdos.jpg) no-repeat!important; height:8px;}
.bannerUno .top h2,
.bannerDos .top h2 {background:#FFFEDF!important; padding:4px 0 0 8px!important; color:#6B6B6B;}
.bannerDos p, 
.bannerUno p {padding:10px; color:#848484; line-height:16px!important;}
.bannerUno p a, .bannerDos p a {color:#35BDE7;}
.bannerUno p a:hover, 
.bannerDos p a:hover {color:#848484;}


/* Destacado*/
#cuerpo .destacado { width:250px; background:#73CAE0; color:#FFFFFF; padding:10px 0 20px 20px; margin:10px 15px 15px 0px; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; float:left; font-style:italic;}
#cuerpo .destacadoAncho { width:525px; _width:495px; background:#73CAE0; color:#FFFFFF; padding:10px 0 15px 20px; margin:10px 15px 15px 0px; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; float:left; font-style:italic;}
#cuerpo .capitular {font-size:1.3em; float:left; width:260px; color:#848484;}
#cuerpo h4 { background: url(../img/left_miscela_subt.gif) no-repeat;color:#315A6B; margin:0px; padding:10px 0 0 16px; font-size:12px;} 

.tercerybanners  {padding:20px 0px 10px 0px; color:#FFFFFF!important}
.tercerybanners .bannerTres {float:left; width:267px; height:107px; background:#ABC814 url(../img/back_tercer_banner.jpg) center;}
.tercerybanners .bannerTres h3 {margin:0px; padding:8px 0 0 15px; font-size:1.2em; font-weight:bold;}
.tercerybanners .bannerTres ul {margin:0px; padding:0px 0 0 15px;}
.tercerybanners .bannerTres li {margin:0px; padding:0px; line-height:1em; font-size:1.1em;}
.tercerybanners .bannerTres li a {margin:0px; padding:0px; color:#fff; font-size:0.85em; }
.tercerybanners .bannerTres li a:hover {margin:0px; padding:0px; color:#6B6B6B;}

.tercerybanners .bannerCuatro { width:267px; height:107px; background:#2DBBE7 url(../img/back_cuarto_banner.jpg); float:left; margin:0 0 0 10px;}
.tercerybanners .bannerCuatro img { margin:17px 0 0 17px; padding:0px; float:left;}
.tercerybanners .bannerCuatro h3 { float:right; width:190px; font-size:1.2em; font-weight:bold; padding:15px 0 0 5px;}
.tercerybanners .bannerCuatro h3 a { color:#FFFFFF!important;}
.tercerybanners .bannerCuatro h3  a:hover {color:#6B6B6B!important;;}
.tercerybanners .bannerCuatro p { clear:both; font-size:11px; margin:0px 0 0 77px; padding:2px 0 0 0;}

/* FOOTER */
#footer {clear:both; color:#93D6E7; margin:0; padding:0; width:800px; font-size:0.85em;}
#footer .copy {position:absolute; margin:-45px 0 0 0;}
#footer .menu {position:absolute; margin:-45px 0 0 580px; width: 224px; text-align:right;}
#footer .menu a {color:#93D6E7;}
#footer .menu a:hover {color:#FFFFFF;}


/* SeoSCH */
#sch {clear:both; color: #CCCCCC; margin:0 auto; padding:0; width:830px; font-size:0.85em; text-align:center;}
#sch h1, #sch h3 {margin:0; display:inline; font-weight:normal; font-size:0.85em; font-family:Arial, Helvetica, sans-serif;}
#sch h1 a,#sch h3 a {color: #CCCCCC; text-decoration:none;}
#sch h1 a:hover, #sch h3 a:hover {color: #CCCCCC; text-decoration:none;}