/* Fondo y barras */

body {
background: #04B url('../images/fondo_degradado.jpg') repeat-x top;
scrollbar-face-color: #DDF; /*barra*/
scrollbar-arrow-color: #04B; /*flecha*/
scrollbar-track-color: #04B; /*fondo*/
scrollbar-shadow-color: #04B; /*sombra*/
scrollbar-highlight-color: #04B; /*sombra clara*/
scrollbar-3dlight-color: #04B; /*sombra mas clara*/
scrollbar-darkshadow-Color: #04B; /*sombra oscura*/
}

/* Clases de maquetación de texto */

.texto_azul {font-weight: bold; color: #04B;}
.text_naranja {font-weight: bold; color: #F61 !important;}

.caja_enlaces {
text-align: left;
display: block;
width: 645px !important; /* Chapuza para Gecko */
width: 695px;
height: auto !important;
height: 485px;
min-height: 485px;
padding: 0 15px 0 30px;
}

.columna150, .columna180, .columna200, .columna240, .columna270, columna320, columna380 {
float: left;
display: block;
margin-right: 10px;
text-align: left !important;
}
.columna150 {width: 150px;}
.columna180 {width: 180px;}
.columna200 {width: 200px;}
.columna240 {width: 240px;}
.columna270 {width: 270px;}
.columna320 {width: 320px;}
.columna380 {width: 380px;}


/* Listas */

.textos_contenido ul, .textos_contenido_sinmenu ul, .textos_contenido_ancho ul,
.textos_contenido ol, .textos_contenido_sinmenu ol, .textos_contenido_ancho ol
{padding: 3px 0 3px 20px;}
.textos_contenido ul li, .textos_contenido_sinmenu ul li, .textos_contenido_ancho ul li
{padding: 2px 0 2px 0; list-style-type: square; text-align: left;}
.textos_contenido ol li, .textos_contenido_sinmenu ol li, .textos_contenido_ancho ol li
{padding: 2px 0 2px 0; list-style-type: decimal; text-align: left;}


ol.alpha li {list-style-type: lower-alpha !important;}

.mapaweb ul {padding-bottom: 6px;}
.mapaweb li {padding: 2px 0 2px 0px;}

.menu_niv1 {padding: 0 0 0 14px !important;}
.menu_niv2 ul, .menu_niv3 ul, .menu_niv4 ul, .menu_niv5 ul {padding: 0 !important; margin: 0 !important;}
.menu_niv1 li {padding: 3px 0 3px 0; font-weight: bold; list-style: square outside;}
.menu_niv2 li {padding: 2px 0 2px 10px; font-weight: normal; list-style: none outside; background: url('../images/iconos/flecha.gif') no-repeat;}
ul .menu_niv3 li, ul .menu_niv4 li {background: url('../images/iconos/flecha.gif') no-repeat; font-weight: normal; list-style: none outside;}
ul .menu_niv5 li {background: url('../images/square1.gif') no-repeat; font-weight: normal; list-style: none outside;}
ul. menu_niv3 {padding: 1px 0 1px 20px !important;}
ul. menu_niv4 {padding: 1px 0 1px 30px !important;}
ul. menu_niv5 {padding: 1px 0 1px 40px !important;}

.lista_sinbullets {margin: 0; padding: 0 !important;}
.lista_sinbullets li {list-style: none outside !important; padding: 2px 0 2px 4px !important;}
.lista_sinbullets ul {padding: 2px 0 6px 10px;}
ul.lista_sinbullets ul ul li {list-style: circle inside !important;}

/* Cajas de contenido */

.caja_contenido {
float: left;
text-align: left;
display: block;
width: 695px;
background: #FFF;
}

.caja_contenido_ancho {
float: left;
text-align: left;
display: block;
width: 765px;
background: #FFF;
}

.caja_contenido_XL {
float: left;
text-align: left;
display: block;
width: 950	px;
background: #FFF;
}


.textos_contenido {
float: right;
text-align: justify;
display: block;
width: 500px !important; /* Chapuza para Gecko */
width: 520px;
height: auto !important;
height: 485px;
min-height: 485px;
padding-right: 20px;
}

.textos_contenido_ancho {
float: right;
text-align: justify;
display: block;
width: 575px !important; /* Chapuza para Gecko */
width: 595px;
height: auto !important;
height: 485px;
min-height: 485px;
padding-right: 20px;
}

.textos_contenido_XL {
float: right;
text-align: justify;
display: block;
width: 700px !important; /* Chapuza para Gecko */
width: 720px;
height: auto !important;
height: 485px;
min-height: 485px;
padding-right: 40px;
}

.caja_contenido_XL .menu_contenido {
float: left;
text-align: left;
display: block;
width: 200px !important;  /* Chapuza para Internet Explorer */
width: 220px;
padding-left: 20px;
}


.textos_contenido_sinmenu {
text-align: justify;
display: block;
width: 635px !important; /* Chapuza para Gecko */
width: 695px;
height: auto !important;
height: 485px;
min-height: 485px;
padding: 0 30px 0 30px;
}

.caja_contenido .menu_contenido,
.caja_contenido_ancho .menu_contenido {
float: left;
text-align: left;
display: block;
width: 130px !important;  /* Chapuza para Internet Explorer */
width: 150px;
padding-left: 20px;
}




.caja_contenido .menu_contenido ul, .caja_contenido_XL .menu_contenido ul, .caja_contenido_ancho .menu_contenido ul
{padding-bottom: 10px;}

.caja_contenido .menu_contenido li.activo,
.caja_contenido .menu_contenido li.activo a,
.caja_contenido_XL .menu_contenido li.activo,
.caja_contenido_XL .menu_contenido li.activo a,
.caja_contenido_ancho .menu_contenido li.activo,
.caja_contenido_ancho .menu_contenido li.activo a {
color: #04B !important;
font-weight: bold;
}

.caja_contenido .menu_contenido li.activo ul li,
.caja_contenido .menu_contenido li.activo ul li a,
.caja_contenido_XL .menu_contenido li.activo ul li,
.caja_contenido_XL .menu_contenido li.activo ul li a,
.caja_contenido_ancho .menu_contenido li.activo ul li,
.caja_contenido_ancho .menu_contenido li.activo ul li a {
color: #666 !important;
font-weight: normal;
}

.caja_contenido .menu_contenido a,
.caja_contenido_XL .menu_contenido a,
.caja_contenido_ancho .menu_contenido a {
color: #666 !important;
}

.menu_contenido a:hover {color: #04B !important;}

.caja_contenido_bordes_arriba {
height: 20px;
display: block;
background: url('../images/subpages/bordes_arriba.gif') no-repeat left;
}

.caja_contenido_bordes_abajo {
height: 20px;
display: block;
background: url('../images/subpages/bordes_abajo.gif') no-repeat right;
}

/* Zona de clientes horizontal de navegación */

.clientes_horizontal {
float: right;
width: 255px;
display: block;
margin: 0;
padding: 0;
text-align: left;
}

.clientes_horizontal ul li {
display: block;
float: left;
padding: 0;
text-align: left;
}

.clientes_horizontal a {
width: 235px;
height: 120px;
overflow: hidden;
display: block;
margin: 0 0 15px 20px;
}

.clientes_horizontal a.arquit {background: url('../images/subpages/acc_arquit_h.jpg') no-repeat left;}
.clientes_horizontal a.arquit:hover {background: url('../images/subpages/acc_arquit_h.jpg') no-repeat right;}

.clientes_horizontal a.distrib {background: url('../images/subpages/acc_distrib_h.jpg') no-repeat left;}
.clientes_horizontal a.distrib:hover {background: url('../images/subpages/acc_distrib_h.jpg') no-repeat right;}

.clientes_horizontal a.instal {background: url('../images/subpages/acc_instal_h.jpg') no-repeat left;}
.clientes_horizontal a.instal:hover {background: url('../images/subpages/acc_instal_h.jpg') no-repeat right;}

/* Minibanners laterales */

.minibanners_lateral {
float: right;
width: 165px;
display: block;
margin: 0;
padding: 0;
text-align: left;
}

.minibanners_lateral ul li {
display: block;
float: left;
padding: 0;
}

.minibanners_lateral a {
width: 165px;
height: 120px;
overflow: hidden;
display: block;
margin: 0 0 15px 0;
}

/* Mini menu acceso clientes */

.acc_clientes_mini a {
float: left;
display: block;
padding: 12px;
}

/* Area de clientes */

#area_clientes {margin: 0 auto; text-align: center;}
#area_clientes ul.menu {text-align: center;}
#area_clientes ul, #area_clientes li {margin 0; padding: 0;}
#area_clientes ul.menu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 140px !important;
height: 140px !important;
display: block;
text-align: center;
}
#area_clientes .menu a {
font: bold 11px Verdana, Helvetica, Sans Serif;
width: 140px !important;
height: 140px !important;
display: block;
margin: 0 auto;
padding: 3px;
color: #666;
}
#area_clientes .menu a:hover {
text-decoration: none;
color: #F90;
}

/* Minilista horizontal */

ul.lista_horizontal {list-style-type: none; padding: 0 !important; margin: 0 !important; display: block;}
ul.lista_horizontal li {float: left; display: block; padding: 10px 6px 0 6px; height: auto !important; height: 100%; width: 150px; text-align: center !important;}
ul.lista_horizontal li a {width: 150px; text-align: center !important;}

ul.lista_horizontal2 {list-style-type: none; padding: 0 !important; margin: 0 !important; display: block;}
ul.lista_horizontal2 li {float: left; display: block; padding: 10px 6px 0 6px; height: auto !important; height: 100%; width: 230px; text-align: center !important;}
ul.lista_horizontal2 li a {width: 230px; text-align: center !important;}

ul.lista_horizontal li h3, ul.lista_horizontal li h4, ul.lista_horizontal2 li h3, ul.lista_horizontal2 li h4 {text-align: center !important;}

ul.lista_horizontal_techos {list-style-type: none; padding: 0 !important; margin: 0 !important; display: block;}
ul.lista_horizontal_techos li {float: left; display: block; padding: 10px 6px 0 6px; height: auto !important; height: 100%; width: 110px; text-align: center !important;}
ul.lista_horizontal_techos li a {width: 110px; text-align: center !important;}
ul.lista_horizontal_techos li h4 {text-align: center !important;}

.menu_techos {background: url("../images/fondo_menu_techos.jpg") no-repeat; padding: 2px;}
/*Descomentar la siguiente linea en la subida del techo Grypex-axepta y comentar la de arriba*/
/*.menu_techos {background: url("../images/fondo_menu_techos2.jpg") no-repeat; padding: 2px;}*/
.menu_techos .tipotecho {font: bold 22px Arial, Helvetica, Sans Serif; color: #BBB; text-align: center; text-transform: uppercase; display: block; clear: both; padding: 6px 10px 2px 0 !important; padding: 4px 10px 3px 0;}
.menu_techos h3 {font: bold 13px Arial, Helvetica, Sans Serif; color: #888;}

/* Fototeca */

.fototecaini {padding: 10px 0; text-align: center;}
.fototecaini a {margin: 4px 6px 4px 0; width: 160px; height: 120px; display: block; float: left;}

.fototeca {width: 100%;}
.fototeca a {padding: 2px; margin: 2px 6px 2px 0; display: block; float: left;}
.fototeca a:hover {background: #04B;}
.fototeca a img {border: 2px solid #CCC; }
.fototeca a:hover img {border: 2px solid #FFF;}


/*  Estilo CSS para las tablas */

.links_arriba {font: bold 13px Arial, Helvetica, Sans Serif; color: #999; margin-bottom: 10px;}

.datos {border: 1px solid #CCC; margin: 10px 0 10px 0;}
.datos p {margin: 0; padding: 0;}
.datos tr td {border-bottom: #CCC 1px solid; padding: 3px;}
.datos tr td img {padding: 2px;}
.datos tbody tr td {
	border-right: #CCC 1px solid;
	padding: 1px 4px 1px 4px !important;
	vertical-align: middle;
	margin: 0;
	font: 11px Arial, Helvetica, Sans Serif;
}
.datos tr.selected td, .datos td.selected {
	font-weight: bold;
	border-left 1px solid #CCC;
	color: #FFF;
	border-bottom: 1px solid #CCC;
	background-color: #248;
}
.datos tbody tr.selected2 td {
	font-weight: bold;
	border-left 1px solid #CCC;
	color: #333;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
}
.datos td {border-bottom: 1px dotted #EEE;}
.datos a:hover {text-decoration: underline}

.formulario {font: 13px Arial, Helvetica, Sans Serif; background: #EEE; border: 1px solid #CCC;}

.gypsum {
float: left;
display: block;
font: 12px Arial, Helvetica, Sans Serif;
border: 1px solid #999;
margin: 20px;
}

.gypsum_image {}
.gypsum_link, .gypsum_desc {
width: 170px !important;
width: 184px;
padding: 7px;
height: 30px !important;
height: 44px;
}
.gypsum_desc {background: #EEE;}

.CssRecallLoginBox {font: 12px Arial, Helvetica, Sans Serif !important; border: 0;}
.CssRecallLoginBox table {border: 1px dotted #CCC;}
.CssRecallLoginBox table tr td {padding: 5px !important;}
.CssRecallLoginBox input {margin: 3px 5px 1px 5px !important;}

table.fijo {width: 100%; background: #FFF; font: 12px Arial, Helvetica, Sans Serif !important; margin-bottom: 10px;}
table.fijo tbody {font: 12px Arial, Helvetica, Sans Serif !important; text-align: justify;}
table tr td {padding: 0;}

td.menu {}
td.cont {width: 100%;}

table.fijobordes {width: 100%; background: #FFF; font: 12px Arial, Helvetica, Sans Serif !important; border: 1px solid #999; margin-bottom: 10px;}
.fijobordes td {border: 1px solid #999; padding: 3px;}
.fijobordes td h3 {padding: 0 !important;}

.fijo select, .fijo input, .fijo textarea {margin: 3px 5px 1px 5px;}
.fijo p {margin: 0; padding: 6px 0 10px 0 !important;}

table.fijobordes2 {width: 40%; background: #FFF; font: 12px Arial, Helvetica, Sans Serif !important; border: 1px solid #999; margin-bottom: 10px;}
.fijobordes2 td {border: 1px solid #999; padding: 3px;}
.fijobordes2 td h3 {padding: 0 !important;}

.Boton {font: 12px Arial, helvetica, Sans Serif; border:1px solid #AAA; background: #EEE url('../images/boton_fondo.gif') repeat-x bottom; padding: 2px 6px 2px 6px;}
.ImageButton {float: left;}

.heading1, .heading2 {font: bold 20px Arial, Helvetica, Sans Serif; padding: 16px 0 5px 0 !important; color: #04B;}
.heading3 {font: bold 13px Arial, Helvetica, Sans Serif; padding: 8px 0 4px 0 !important; color: #04B;}
.heading4b, .heading4c,.heading5b {font-family: Arial, Helvetica, Sans Serif; font-weight: bold;}
.heading4b {font-size: 13px; padding: 1px 0 2px 6px !important;	margin: 10px 0 5px 0; 	background: #EEE; color: #333; border-bottom: 1px dotted #999;}
.heading4c {font-size: 13px; padding: 2px 0 3px 6px !important;	margin: 10px 0 5px 0; 	background: #DDD; color: #333; border-bottom: 1px dotted #999;}
.heading5b {font-size: 13px; padding: 2px 0 3px 6px !important;	margin: 10px 0 5px 0; background: #04B; color: #FFF;}
.normal	  {font-size : 12px; color: #000;}
.caption1 {font: 12px italic Arial, Helvetica, Sans Serif; color: #FFF;}
.caption2 {font: 12px italic Arial, Helvetica, Sans Serif; olor: #FFF;}
.caption3 {font: 10px Arial, Helvetica, Sans Serif;}
.caption4 {font: 12px Arial, Helvetica, Sans Serif; color: #000;}
.caption5 {font: 11px Arial, Helvetica, Sans Serif; color: #555;}
.caption6 {font: 12px Arial, Helvetica, Sans Serif; color: #555;}
.search   {font: 12px Arial, Helvetica, Sans Serif;}
.white    {color: white;}
.bluebg   {font: 10px Arial, Helvetica, Sans Serif; color: white; background: #04B;}
.code     {font: 12px Courier New, Courier, Sans Serif; color:#000;}