/*Css*/

/*Estilos generales*/

* {
padding: 0;
margin: 0;
}

a{color:#666666;}
a img {border:none;}

.margen_izq_25{margin-left:25px;}
.margen_bottom_20px{margin-bottom:20px;}
.clear {clear:both;}

h2 {font: bold 14px Arial; color: #AA000D; text-transform: uppercase; margin-bottom:15px;}
h2 a{color: #AA000D; text-decoration:none;}
h2.catalogo {margin-bottom:2px;}

body {background: url(../images/fondo.jpg) repeat-x #f8f8f8; font:12px Arial; line-height: 16px; color: #333;}
p {margin-bottom:15px;}
p.soluciones {font:bold 13px Arial; color: #AA000D;}

#contenedor {width: 875px; margin: 0 auto;}

#cabecera { padding-top:22px; width: 875px; height: 230px; position:relative;}

#cabecera img{
margin-right:10px;
}

#cabecera .venta{ position: absolute; top:21px; right:6px;}
#cabecera .venta img{margin-right:0px;}

#cabecera .inputbox{ position: absolute; top:21px; right:270px;width:135px; font: 11px Arial; height: 18px; border:1px solid #E0E0E0; padding-left:10px;}
#cabecera .button{ position: absolute; top:21px; right:184px; height:19px;}
#cabecera .lupa{ position: absolute; top:21px; right:423px;}

#cabecera .inicio{ 
position: absolute; top:21px; right:467px;
font: 11px Arial;
color: #999;
}
div.separador1{ position: absolute; width: 1px; height: 12px; background: url(../images/barra.jpg) no-repeat; top:24px; right:174px;}
div.separador2{ position: absolute; width: 1px; height: 12px; background: url(../images/barra.jpg) no-repeat; top:24px; right:454px;}

#cabecera h1 { position: absolute; top:76px; left:0px;}
#cabecera h1 img {margin-right:0px;}

#footer {background: url(../images/fondo_pie.jpg) repeat-x;height:106px; margin-top:20px;}
#footer #inner {width: 875px; margin: 0 auto; position:relative;}
#footer #inner img{ position:absolute; top:20px; right:0px;}
#footer #inner h4{ font: bold 12px Arial; color: #fff; padding-top:20px;}
#footer #inner ul.mapa_web{ float: left; display:inline; width: 700px; margin-top:15px;}
#footer #inner ul li{display:inline; font: 11px Arial; color: #CCCCCC; text-transform: uppercase; line-height: 19px;}
#footer #inner ul li.primera{ margin-left: 0px;}
#footer #inner ul li a{color: #CCCCCC; text-decoration:none;}
#footer #inner ul li span, #footer #inner ul li span a{color: #999;}

#subfooter {width: 875px; margin: 73px auto; position:relative;}
#subfooter ul{list-style:none; float: left;}
#subfooter li{display:inline;margin-right:12px;}
#subfooter a{text-transform: uppercase; font: normal 10px Arial; color: #666; text-decoration:none;}

/*Zonas*/
#top {width: 575px; height: 144px;position: absolute;top:53px;right:0px;}
#breadcrumb { margin-bottom: 20px; background: url(../images/casa.jpg) 0px 0px no-repeat; padding-left: 20px; text-transform: uppercase; font:bold 10px Verdana; height: 15px;}
#left, #centro, #right, #quienes-somos-portada { width: 275px; float:left; display:inline;}
#content { width: 575px; float:left; display:inline;}

#breadcrumb a{ color:#525252; font-weight:normal;} 

#centro .destacado{ background-color: #EDEDED; padding:8px; height:84px; margin-bottom:13px;}
#centro .destacado img{ border: 1px solid #999; float:left; display:inline; margin-right: 10px;}
#centro .destacado h3 a{font: bold 12px Arial; color: #333;text-decoration: none;}
#centro .destacado p{font: 11px Arial; color: #818181;margin-top:2px;}
#centro .destacado a.info{float:right; margin-top: -16px; font: bold 10px Verdana; color: #0974AE; text-decoration: none;}
#centro .destacado a.info:hover{text-decoration: underline;}
#centro a.ver_catalogo{background: url(../images/boton_ver_catalogo.jpg) no-repeat;width: 103px;height: 16px;float:right; display:inline;}

#right .proyecto_destacado{ position:relative; margin-bottom:30px;}
#right .proyecto_destacado h3 a{font: bold 12px Arial; color: #333;text-decoration: none;}
#right .proyecto_destacado a.info{position:absolute; bottom:-15px; right: 0px;font: bold 10px Verdana; color: #0974AE;text-decoration: none;}
#right .proyecto_destacado a.info:hover{text-decoration: underline;}

#quienes-somos-portada a.saber_mas{background: url(../images/boton_saber_mas.jpg) no-repeat;width: 130px; height: 22px; float:left; display:inline;}
#right a.ver_todas{background: url(../images/boton_ver_todas.jpg) no-repeat;width: 89px; height: 16px; float:right; display:inline; margin-bottom:15px;}


/*Ultimas noticias*/
ul.latestnews {list-style:none;margin-bottom: 10px;}
ul.latestnews li {background: url(../images/flecha.jpg) left 3px no-repeat;font: 11px Verdana; color: #B1B1B1;padding-left: 20px;line-height: 15px; margin-top:10px;}
ul.latestnews a{font: 11px Verdana; color: #666;}


/*Articulos y paginas*/
.articulo {margin-bottom:30px;}
.articleinfo {background-color: #EDEDED;width: 575px; height: 29px; margin-bottom:20px;}
.articleinfo p.fecha {background: url(../images/calendario.jpg) no-repeat;padding-left: 20px;float:left; display:inline;margin: 5px 0px 0px 7px;}
.articleinfo a.categoria {background: url(../images/categoria.jpg) no-repeat;padding-left: 20px;float:left; display:inline; margin:5px 0 0 15px;color: #333;}
.articleinfo p.archivo {background: url(../images/archivo.jpg) no-repeat;padding-left: 20px;float:left; display:inline;margin: 5px 0px 0px 7px;}
.articleinfo a.descargar {background: url(../images/boton_descargar.jpg) no-repeat; float:right; display:inline; margin:5px 10px 0 15px; width:97px; height:19px;}

.articulo img {margin:0 15px 15px 0;}
.articulo a { color:#6699CC; font-weight:bold;}
.articulo ul {list-style:none;margin-bottom: 10px;}
.articulo ul li {background: url(../images/flecha.jpg) left 3px no-repeat;color: #000000;padding-left: 20px;margin-top:10px;}
.articulo ol {margin-bottom: 10px;}
.articulo ol li {margin-left: 20px;margin-top:10px;}

/*Obras y proyectos*/
.articulo .destacado{ background-color: #EDEDED; padding:8px; height:129px; margin-bottom:13px;}
.articulo .destacado img{ border: 1px solid #999; float:left; display:inline; margin-right: 10px;}
.articulo .destacado h3 a{font: bold 12px Arial; color: #333;text-decoration: none;}
.articulo .destacado p{font: 12px Arial; color: #333;margin-top:2px;}
.articulo .destacado a.info{float:right; margin-top: 0px; font: bold 10px Verdana; color: #0974AE; text-decoration: none;}
.articulo .destacado a.info:hover{text-decoration: underline;}

/*Catalogo*/
.catalogo {}
.catalogo .categoria,.catalogo .descripcion { float: left; display: inline; margin-bottom:13px;}
.catalogo .categoria img, .catalogo .descripcion img{ float:left; display:inline; margin-right: 10px;}
.catalogo .categoria .descripcion{float:left; display:inline; width: 361px;}
.catalogo .categoria p{}

.catalogo .producto_resumen{ background-color: #EDEDED; padding:8px; width:259px; height:84px; position:relative; margin-bottom:18px; float:left; display:inline;}
.catalogo .producto_resumen img{ border: 1px solid #999; float:left; display:inline; margin-right: 10px;}
.catalogo .producto_resumen h3 a{font: bold 12px Arial; color: #333;text-decoration: none;}
.catalogo .producto_resumen p{font: 11px Arial; color: #818181;margin-top:2px;}
.catalogo .producto_resumen a.info{position:absolute; bottom:7px; right: 8px;font: bold 10px Verdana; color: #0974AE;text-decoration: none;}
.catalogo .producto_resumen a.info:hover{text-decoration: underline;}

.catalogo .ficha {}
.catalogo .ficha h3 {font: bold 11px Arial; color:#AA000D; margin-bottom: 12px;}
.catalogo .ficha .imagenes { background-color: #E2E2E2; width: 555px;  padding:10px;}
.catalogo .ficha .imagenes img {display:inline; margin-right: 15px; }
.catalogo .ficha p.leyenda { float:left; display:inline; margin:10px 0px 20px 0px; width: 575px; }
.catalogo .ficha p.leyenda a {background: url(../images/boton_comprar.jpg) no-repeat;width: 154px; height: 20px; float:left; display:inline;}
.catalogo .ficha p.leyenda img {float:right; margin-left: 15px;}

.catalogo .ficha .informacion {margin-bottom: 20px;}
.catalogo .ficha .informacion a {display:block; padding-left: 20px; margin-top:4px; height:18px; background: url(../images/informacion.jpg) no-repeat;font: bold 12px Arial; color: #6699CC; }
.catalogo .ficha .notas {margin-bottom: 20px;}
.catalogo .ficha .notas p {padding-left: 23px; line-height:18px; background: url(../images/notas.jpg) no-repeat; color: #333; margin-bottom:5px; }

.catalogo .pagination {float:left; display:inline; width:575px; text-align: center;}

.catalogo .ficha a, .catalogo .ficha li a, .descripcion li a{font: 12px Arial; color: #666;}

.catalogo .ficha li,.descripcion li {list-style:none;background: url(../images/flecha.jpg) left 3px no-repeat;padding-left: 20px; margin-top:5px;} 


/*Modulo leyenda*/
#leyenda { height:135px; width:265px; background-color:#EDEDED; padding:10px 0px 15px 10px; font: bold 11px Arial; color: #666;text-transform: uppercase;}
#leyenda p.exterior, #leyenda p.interior, #leyenda p.revestimiento, #leyenda p.pavimento{ line-height:22px; padding-left:29px;}
#leyenda p.exterior { background: url(../images/exterior.jpg) no-repeat;}
#leyenda p.interior { background: url(../images/interior.jpg) no-repeat;}
#leyenda p.revestimiento { background: url(../images/revestimiento.jpg) no-repeat;}
#leyenda p.pavimento { background: url(../images/pavimento.jpg) no-repeat;}

/*Modulo login*/
#form-login{width:263px; background-color: #F2F2F2; padding: 11px 0px 0px 12px; margin-bottom:20px;}
#form-login p{margin-bottom:6px;}
#form-login fieldset.input{ border:none; }
#form-login-username {line-height:14px;padding-left: 21px;background: url(../images/login_usuario.jpg) 0px 4px no-repeat;}
#form-login-password{line-height:14px;padding-left: 20px;background: url(../images/login_pass.jpg) 0px 4px no-repeat;}
#form-login-username .inputbox, #form-login-password .inputbox{ height:18px; width:218px; border:1px solid #E0E0E0;}
#modlgn_username, #modlgn_passwd{padding:5px 0px 0px 8px;font: 11px Arial; color: black;}
#form-login-remember {padding-top: 5px;}
#form-login-remember input{float:left;}

#form-login-remember label{font: 11px Arial; color: black; margin-left:8px;}

#form-login .iniciar-sesion{background-color:#FFFFFF;/*para ie7*/background-image: url(../images/boton_login.jpg);margin-top:4px;margin-left:3px;height: 19px;width: 97px;border:none;cursor:pointer;}
#form-login .fin-sesion{background-color:#FFFFFF;/*para ie7*/background-image: url(../images/boton_logout.jpg);margin-top:4px;margin-right:-125px;margin-bottom:16px;height: 19px;width: 97px;border:none;cursor:pointer;}
ul.login {list-style:none;margin-top:11px;}
ul.login li {background: url(../images/flecha.jpg) left 3px no-repeat;font: 11px Arial; padding-left: 1px;line-height: 16px; margin-top:2px;}
ul.login a{font: 11px Arial; color: black; padding-left:16px;}
ul.login a:hover{text-decoration: none;}

/*suscripcion*/
.suscripcion{width:261px;background: #F2F2F2 url(../images/icono_mail.jpg) 11px 93px no-repeat; padding:14px 0px 0px 12px; font:11px Arial; color:black; line-height: 15px; margin-top:17px; margin-bottom:14px;}
#wz_31{ margin-top:14px;}
.suscripcion .inputbox{ margin-bottom:6px;}
/* inputbox */
#wz_12{ height:17px; width:218px; border:1px solid #E0E0E0; padding-left:8px;padding-top:3px; margin-top:12px;margin-left:20px; font: 11px Arial; color: black;}
.suscripcion .aca_list_name a{font: 11px Arial; color: black;padding-left: 1px;line-height: 16px;}
.suscripcion .button{background-color:#FFFFFF;/*para ie7*/background-image: url(../images/boton_suscribirse.jpg);margin-top:12px; margin-bottom:16px; height: 19px;width: 97px;border:none;cursor:pointer;}

/*Categorias de las noticias*/
#right ul.menucategorias-noticia { list-style:none;margin-bottom:27px;}
#right ul.menucategorias-noticia li { background: url(../images/icono_carpeta.jpg) no-repeat; margin-top:5px;}
#right ul.menucategorias-noticia li a{ font: 12px Arial; color: black; line-height: 16px; text-decoration:none; margin-left:22px;}
#right ul.menucategorias-noticia li small{visibility:hidden;}


/*Noticias... Mas articulos (lista inferior)*/
ul.article-list {list-style:none;margin-bottom: 10px;}
ul.article-list li {background: url(../images/flecha.jpg) left 3px no-repeat;font: 11px Verdana; color: #B1B1B1;padding-left: 20px;line-height: 15px; margin-top:5px;}
ul.article-list a{font: 11px Verdana; color: #666;}

p.counter {font: 12px Verdana; color: #666;}
.pagenav {font: 12px Verdana; color: #666;}

/* Enlace "subir nivel" Descargas*/
.pdtop a{ font:10px Verdana; color:#525252;line-height: 15px;text-transform:uppercase;}

/*Menu general*/
ul#menu_principal {padding-top:0px; position:absolute; top:207px; float:left; display: inline; list-style: none; width: 875px; z-index:999;cursor:pointer;}
ul#menu_principal li { margin: 0;  border: 0 none;  padding: 0;  float: left; /*For Gecko*/  display: inline;  list-style: none;  position: relative;  background: url(../images/barra_menu.jpg) left 7px no-repeat;  padding: 5px 18px 6px 18px;  text-transform:uppercase;}
/*Para quitar el separador inicial*/
ul#menu_principal li.item3 {  background: none;  padding-left: 0px;}
ul#menu_principal ul {  margin: 0;  border: 0 none;  padding: 0;  width: 360px;  list-style: none;  display: none;  position: absolute;  top: 26px;  left: -20px;}
ul#menu_principal ul:after /*From IE 7 lack of compliance*/{  clear: both;  display: block;  font: 1px/0px serif;  content: ".";  height: 0;  visibility: hidden;}
ul#menu_principal ul li {  width: 235px;  float: left; /*For IE 7 lack of compliance*/  display: block !important;  display: inline; /*For IE*/  background: none;  padding: 0px 18px 0px 18px; }
/* Root Menu */
ul#menu_principal a {  float: none !important; /*For Opera*/  float: left;  display: block;  font: bold 12px Arial; color: #F8F8F8;  text-decoration:none;  height: auto !important;  height: 1%; /*For IE*/  padding: 0px 0px 10px 0px;  letter-spacing: 1px;}
ul#menu_principal ul a {   padding: 7px 15px 6px 10px;  border-top: 1px solid #D1D1D1;  font: bold 12px Arial; color: #F8F8F8; }
/* Root Menu Hover Persistence */
ul#menu_principal a:hover,ul#menu_principal li:hover a,ul#menu_principal li.iehover a { color:#ddd; text-decoration: none;}
/* Root Menu Activos y hovers*/
ul#menu_principal li.parent { font: bold 12px Arial; color:#fff;}
ul#menu_principal li.active, ul#menu_principal li.active a { color:#ddd; }
ul#menu_principal li:hover{ color:#ddd; }
/* 2nd Menu */
ul#menu_principal li:hover li a,ul#menu_principal li.iehover li a { margin: 0; float: none;  background: #97000C;  color:#fff;}
/* 2nd Menu Hover Persistence */
ul#menu_principal li:hover li a:hover,ul#menu_principal li:hover li:hover a,ul#menu_principal li.iehover li a:hover,ul#menu_principal li.iehover li.iehover a {  background: #AF261F;  color:#fff;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_principal li:hover ul,ul#menu_principal li.iehover ul {  display: block;}

/*Menu catálogo*/
ul.menu_catalogo { list-style: none; border-top: 1px solid #EAEAEA; padding-bottom:25px;}
ul.menu_catalogo li{}
ul.menu_catalogo li a {  display:block; width: 275px; height: 20px; border-bottom: 1px solid #EAEAEA;  background: url(../images/flecha_catalogo.jpg) 256px 10px no-repeat;  font: bold 11px Arial; color: #666; text-transform: uppercase; text-decoration:none;  padding-top:8px;}
ul.menu_catalogo li a:hover, ul.menu_catalogo li a.current{  background-position: 256px -18px;  color:#820009;}

/*Resultado de busqueda*/
#searchForm ul{list-style:none;margin-bottom:15px;}
#ordering{margin-right:15px;}
.contentpaneopen li{list-style:none;}
.contentpaneopen ul li fieldset {margin-top:10px; border:none;}

/*Tabla contacta*/
#tabla_contacta p{font: 12px Arial; line-height: 12px; margin-bottom:5px;}