/*--- ESTILOS VERSION 1 ---*/
html {font-family:Arial, Helvetica, sans-serif!important;}
body, td, th {font-size:11px; color:#963; text-decoration:none;}
body {background-color:#963; text-align:center;}
.Estilo2 {color:#036; font-size:10px; font-weight:normal; text-decoration:none;}
.Estilo4 {color:#999;}
.Estilo5 {font-size:11px;}
.Estilo8 {font-size: 12px; color: #963;}
.Estilo9 {font-size: 12px; font-weight: bold;}
.Estilo21 {color:#036; font-family:Arial, Helvetica, sans-serif!important; font-size:11px!important; text-decoration:none; text-align:left;}
.Estilo51 {font-weight:bold;}
.cabecera {font-size:10px; color:#963; font-weight:bolder;}
.linea {border-top-width:1px; border-top-style:solid; border-top-color:#963; border-right-color:#963; border-bottom-color:#963; border-left-color:#963;}
td.cuadrado {padding:10px;}
.productos {font-size:10px; color:#963; text-decoration:none; background-image:url(../Images/fondo_productos.gif); background-repeat:no-repeat; width:715px; height:110px; text-align:justify; padding:15px; margin:7px; clear:both;}
.textos {font-size:11px; color:#963; text-decoration:none; text-align:justify; padding-right:20px; padding-left:15px; padding-top:15px; padding-bottom:15px;}
a {outline:0; color:#963;}
a:hover {text-decoration:none; color:#CA9662;}
.contacto {font-size:10px!important; color:#963; text-decoration:none;}
.derecha {background-image:url(../Images/borde_der.gif); background-repeat:repeat-y; width:8px;}
.izquierda {background-image:url(../Images/borde_izq.gif); background-repeat:repeat-y; width:7px;}
.fichas {font-size:10px; color:#963; padding:5px 10px;}

/*--- ESTILOS VERSION 2 ---*/
#contenedor {width:960px; background-color:#15355B; text-align:left; margin-left:auto; margin-right:auto;}
h1#logo {background: url(../Images/plantilla_03.gif) no-repeat left top; height:74px; margin:0; padding:0;}
#wrapper {width:945px; margin-left:7px; background-color:#FFF; padding-bottom:30px;}

#navsub {padding-left:30px; padding-top:5px; padding-bottom:5px; text-align:left; text-transform:uppercase; font-size:9px; border-bottom:solid 1px #963; margin-bottom:10px;}
#breadcrumb {background: url(../Images/flecha.gif) no-repeat left top; height:14px; padding-left:18px; line-height:16px; vertical-align:middle; float:left; font-weight:bold!important; color:#699;}
#breadcrumb a {text-decoration:none; color:#CA9662;}
#breadcrumb a:hover {text-decoration:underline; color:#963;}  
#buscador {float:right; margin-right:30px; height:15px;}
#buscador a {display:inline-block; margin-left:15px; height:15px; padding-left:20px;}
a.mail {background: url(../Images/sobre.gif) no-repeat left top;}
a.busqueda {background: url(../Images/lupa.gif) no-repeat left top;}

#contenido {margin-left:30px; margin-right:30px; text-align:left;}
#contenido p {line-height:1.4em; margin-top:0;}
#contenido .caja_directo p, #contenido .fila_producto p {text-align:left; margin:0; font-size:11px!important; color:#036;}
#titulo {padding-bottom:15px;}

.cuadrado {border:1px solid #963; padding:0px; margin-top:20px;}
.cuadrado h4 {text-transform:uppercase; margin-top:25px; border-bottom:dotted 1px #CA9662; padding-bottom:5px;}

#pie {height:27px; background: url(../Images/plantilla_08.gif) no-repeat left top; padding-left:30px; text-transform:uppercase; font-size:9px; padding-top:12px; color:#70859A;}

h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
cite {font-size:10px;}
#contenido ul li {margin-bottom:10px;}
#contenido ul li ul {margin-top:10px;}

/*--- ACCESOS DIRECTOS Y FILAS DE PRODUCTO ---*/
.caja_directo, .fila_producto {position:relative;}
.caja_directo {background: url(../Images/fondo_vertical.gif) no-repeat left top; height: 309px; width: 262px; text-align:center; padding-top: 10px; padding-right: 10px; padding-left: 10px; float:left; margin-right:8px; margin-bottom:8px!important;}
.caja_directo p, .caja_directo h4 {padding-left:2px; padding-right:2px;}
.fila_producto {
	width:863px;
	height:100px;
	background: url(../Images/fondo_productos.gif) no-repeat left top;
	padding:9px;
}
.fila_producto p {margin-right:15px!important;}
.fila_producto a.flotanteL {/*padding-top:8px; padding-left:9px; */}
.mitad {background: url(../Images/fondo_productos_mitad.gif) no-repeat left top; width:407px;}
.sin_enlace {background: url(../Images/fondo_productos_sin_enlace.gif) no-repeat left top;}

.caja_directo h4, .fila_producto h4 {font-size:12px; text-transform:uppercase; text-align:left; margin-bottom:5px; border:none; margin-top:15px; padding-bottom:0;}
.fila_producto h4 {margin-top:8px;}

a.masinfo {position:absolute; bottom:0; display:block; width:115px; height:22px; overflow:hidden;}
.caja_directo a.masinfo {left:83px;}
.fila_producto a.masinfo {left:690px; bottom:8px;}
.mitad a.masinfo {left:277px;}

/*--- LAYOUT 2 COLUMNAS ---*/
.colL {width:65%; float:left; margin-top:0;}
.colR {width:252px; float:right;}

.colL div {float:left; margin-right:15px; width:150px;}
#contenido .pie_foto {font-size:10px!important; padding-top:5px;}


/*--- NAVEGACIÓN POR PESTAÑAS ---*/
#tabs {padding-bottom:15px;}
#tabs .ui-tabs-nav li {margin-bottom:0!important;}
#tabs h3 {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px; text-transform:uppercase; padding:6px 8px; display:inline-block; height:14px;}
#tabs .Estilo21 {display:none;}
#tabs .Estilo21, #tabs .Estilo21 a, #contenido p, #contenido ul {font-size:12px!important;}
#tabs .Estilo21 a {text-decoration:none; font-weight:bold;}
#tabs .Estilo21 a:hover {color:#999!important;}
#tabs img {padding:2px;}

/*generico*/
#tabs img {border:solid 1px #963;}
#tabs .Estilo21 a, #tabs div.image-title {color:#963;}

/*galeria generica timberdeck*/
.generica div.content, .generica div.loader, .generica div.slideshow a.advance-link{width:460px;}
.generica div.slideshow img{margin-top:0;}
.generica div.loader{height:344px;}
.generica .cajaGaleria{height:410px; margin-right:10px;}
.generica div.pagination span.current{background-color:#036;border-color:#036;}

/*azek deck*/
#tabs.deck h3 {background:#906 url(../Images/azek/deck/bgtit.gif) repeat-x left top;}
#tabs.deck img {border:solid 1px #906;}
#tabs.deck .Estilo21 a, #tabs.deck div.image-title {color:#906;}

/*azek porche*/
#tabs.porche h3 {background:#630 url(../Images/azek/porche/bgtit.gif) repeat-x left top;}
#tabs.porche img {border:solid 1px #630;}
#tabs.porche .Estilo21 a, #tabs.porche div.image-title {color:#630;}

/*azek molduras*/
#tabs.molduras h3 {background:#693 url(../Images/azek/molduras/bgtit.gif) repeat-x left top;}
#tabs.molduras img, #tabs.molduras .thumb span {border:solid 1px #693;}
#tabs.molduras .Estilo21 a, #tabs.molduras div.image-title {color:#693;}
#tabs.molduras .thumb span {display:block; float:left; width:67px; height:50px;}
span#Routing {background: url(../Images/azek/molduras/videos/Routing.png);}
span#Cutting {background: url(../Images/azek/molduras/videos/Cutting.png);}

/*fastenmaster cortex*/
#tabs.cortex h3 {background:#900 url(../Images/fastenmaster/cortex/bgtit.gif) repeat-x left top;}
#tabs.cortex img {border:solid 1px #900;}
#tabs.cortex .Estilo21 a, #tabs.cortex div.image-title {color:#900;}

/*fastenmaster trimtop*/
#tabs.trimtop h3 {background:#1E8177 url(../Images/fastenmaster/trimtop/bgtit.gif) repeat-x left top;}
#tabs.trimtop img {border:solid 1px #1E8177;}
#tabs.trimtop .Estilo21 a, #tabs.trimtop div.image-title {color:#1E8177;}

ul.lista_inner {margin:0; padding:0; margin-bottom:20px; list-style: none;}
ul.lista_inner li {margin:0; padding:0;}


/*alinear en el centro*/
.centrar {position:relative; left: 50%; margin-top:15px;}
#cortex_caja.centrar {margin-left: -350px;}
#cortex_pro.centrar {margin-left: -187px;}
#trimtop_pro.centrar {margin-left:-25px;}

ul#site_map {
	list-style: none;
	padding-left: 15px;
	font-size:20px!important; margin-right:15px; margin-top:0;
}
ul#site_map li {margin-bottom:30px; margin-top:15px; background:#EEE; padding:15px;}
ul#site_map ul {
	list-style: none;
	text-transform: none; margin-top:15px!important; padding-left:15px;
}
ul#site_map ul li {margin-bottom:auto; padding:inherit!important; padding-left:0!important;}
ul#site_map ul ul {
	list-style:disc; margin-bottom:5px; margin-left:5px;
}
ul#site_map ul ul li {}
ul#site_map a {
	text-decoration: none;
	background:#FFF;
	font-weight: bold;
	padding: 5px 8px;
	color:#036!important;
}
ul#site_map a:hover {color:#70859A!important; border-bottom:dotted 1px #70859A;}
ul#site_map ul a { border-bottom:dotted 1px #70859A;  background:none!important;}

ul#site_map ul ul a {
	border-style: none; color:#963!important; font-weight:normal; padding-left:0;
}

.flotanteL {float:left; margin-right:15px;}
.flotanteR {float:right; margin-left:15px;}
.separador {clear:both!important; border-bottom:solid 1px #CCC; padding-top:15px; margin-bottom:20px;}
.clear {clear:both;}
.nofloat {float:none!important;}
.tu_ancho {width:auto!important;}
.txtR {text-align:right;}
.txtC {text-align:center;}
.sin_margen {margin:0!important;}
.sin_margen_T {margin-top:0!important;}
.margenL16 {margin-left:16%;}
.margenR16 {margin-right:16%;}
.margenB15 {margin-bottom:15px;}
.alto55 {height:55px;}
.ancho400 {width:400px;}
.sinborde {border:none!important;}
.azul {color:#036;}
.new {/*background: url(../Images/ico-new.gif) no-repeat left top; */ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#C00; text-transform:lowercase; font-size:11px;}
.test {background-color:#666;}
ul.lista_descriptiva strong {display:block;}

/*--- REJILLA ---*/
div.rejilla div { float:left; margin-right:35px; margin-bottom:20px;}
div.rejilla p {margin:0; margin-top:5px!important; font-weight:bold; font-size:13px;}
div.rejilla div img { padding:3px; border:dotted 1px #666;}
div.rejilla div img:hover {border:solid 1px #963;}

/*--- TABLAS ---*/
table.listado {/*width:100%; */ margin-bottom:10px;}
table.listado td {padding:5px; background-color:#F0E9E2; font-size:12px;}
table.listado caption {text-align:left; padding:9px 9px 7px 11px; background-color:#963; color:#FFF; font-weight:bold; font-size:12px; text-transform:uppercase; border-top: 2px solid #FFF; border-right: 2px solid #FFF; border-bottom: 1px solid #FFF; border-left: 2px solid #FFF;}
table.listado thead td {background-color:#C96; font-weight:bold; white-space:nowrap; color:#F0E9E2; text-align:center;}
.X, .fila_blanca {background-color:#FFF!important; border:solid 1px #F0E9E2;}
.X {text-align:center; font-weight:bold; font-size:20px!important;}

/*--- FORMULARIOS ---*/
textarea, input[type=text] {border:solid 1px #70859A; color:#036; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
textarea:focus, input[type=text]:focus { border-color:#036;}
textarea {width:98.5%;   padding:5px;}
input[type=text] {padding:3px; width:70%;}
select {width:72%;}
label { display:inline-block; width:22%; padding-right:1em;}
input[type=submit] {
	border-left:solid 1px #745332;
	border-top:solid 1px #745332;
	border-right:solid 1px #745332;
	border-bottom:solid 1px #5f4429;
	background:#b58352 url(../Images/bg-submit.gif) repeat-x left top;
	padding:3px;
	font-weight:bold;
	color:#FFF;
}

form div.flotanteL, form div.flotanteR {width:46%; text-align:right;}
form div.flotanteR { }
form span {
	display:block;
	text-align:right;
	background:url(../Images/ico-flecha.gif) no-repeat 10px top;
	padding-top:1px;
	margin-left:28%;
	text-align:left;
	padding-left:18px;
}

/*--- BUSQUEDA ---*/
.xsearch h6 { background:#F0E9E2; padding:5px; margin:0; border-top:solid 1px #963; font-weight:normal;}
.xsearch h5 { margin-bottom:5px;}
.xsearch p { color:#036; margin-bottom:5px;}
.xsearch cite a {color:#70859A!important;}

/*---muestra ico junto a tipo de archivo---*/
.pdf {background:url(../Images/ico_pdf.gif) no-repeat center left;}
.doc {background:url(../Images/ico_doc.gif) no-repeat center left;}
.xls {background:url(../Images/ico_xls.gif) no-repeat center left;}
.zip {background:url(../Images/ico_zip.gif) no-repeat center left;}
.url {background:url(../Images/b40-2.gif) no-repeat right center;}
.mail {background:url(../Images/buzon_on.gif) no-repeat left center;}
.pdf, .doc, .xls, .zip, .mail, .url {height:16px; display:inline-block;}
.pdf, .doc, .xls, .zip {padding-left:20px; padding-right:3px;}
.url {padding-right:15px;}
.mail {padding-left:16px; margin-right:3px;}
a.no_ico{background:none; height:inherit; display:inline!important; padding:0px; margin:0px;}


/* Clearfix-Hack */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix {display:inline-table; overflow:hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*ocultar*/
a.masinfo, h1#logo {text-indent:-9999em;}