/*ETIQUETAS GENERALES*/
* { margin: 0px; padding: 0px;}
body { background: url(../img/bg.gif) ; font: 11px Tahoma, Arial, Verdana, helvetica; color: #444;  }
html, body { height: 100%; /*overflow-y: scroll;*/ }
h1 { font: bold 16px/22px Arial, Helvetica, sans-serif, Tahoma; color: #FFFFFF; background: #b38c40; border-bottom: 2px solid #996600; padding-left: 8px; height: 22px; margin-bottom: 10px; margin-left: -10px; }
h2 { font: bold 16px Arial, Helvetica, sans-serif, Tahoma; display: inline; color: #339900; width: 100%; }
h3 { font: bold 14px Arial, Helvetica, sans-serif, Tahoma; color: #996600; margin-bottom: 10px; }
h4 { font: bold 12px Arial, Helvetica, sans-serif, Tahoma; color: #996600; margin-bottom: 10px; }
h5 { font: bold 11px Arial, Helvetica, sans-serif, Tahoma; color: #996600; margin-bottom: 10px; }
h6 { font: bold 9px Tahoma, Arial, Verdana, helvetica; color: #996600; margin-bottom: 10px; }
hr { color: #FFFFFF; border-top: 1px dotted #339900; background: #FFFFFF; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: 15px; }
hr.producto { height: 1px; color: #FFFFFF; margin: 2px 0px; padding: 0px; border-top: 1px solid #c1e0b2; clear: both; float: none; background: #FFFFFF; border-right-style: none; border-bottom-style: none; border-left-style: none; }
p { margin-bottom: 10px; }
a { color: #339900; text-decoration: underline; }
a:hover { color: #cc0000; text-decoration: none; }
ul { margin-bottom: 5px; }
ul li { list-style: none; padding-left: 11px; background: url(../img/ulLi.gif) no-repeat left 5px; margin-top: 4px; margin-bottom: 4px; margin-left: 20px; }
table { width: 100%; background: #339900; border-top: 3px solid #339900; border-right: 1px solid #339900; border-bottom: 1px solid #339900; border-left: 3px solid #339900; margin-bottom: 5px; }
table td { background: #FFFFFF; height: 26px; border-right: 2px solid #339900; border-bottom: 2px solid #339900; line-height: 26px; text-align: center; }
table th { background: #eaf5e5; height: 26px; border-right: 2px solid #339900; border-bottom: 2px solid #339900; font: bold 11px/26px Tahoma, Arial, Verdana, helvetica; color: #339900; }
/*ESTILOS GENERALES*/
#cabecera { height: 135px; background: #FFFFFF; position: relative; font: normal 11px Tahoma, Arial, Verdana, helvetica; color: #339900; text-decoration: underline; width: 100%; left: 0px; clear: both; right: 0px; }
#bandaInf { background: url(../img/sombra.png); height: 14px; position: relative; clear: both; }

#cabeceraContenido { width: 750px; margin-right: auto; margin-left: auto; }
#logo { background: #FFFFFF url(../img/logo.gif); height: 116px; width: 195px; margin-top: 11px; margin-left: 7px; float: left; }
#contenido { width: 752px; padding: 0px; margin: 0px auto; background: url(../img/bgContenido.gif) repeat-y center top; height: 100%; }
#contenedor {
	height: 100%;
	background: url(../img/bgCabConte.png) repeat-x left top;
}
#cabeceraContenido ul { float: left; margin-top: 0px; }
#cabeceraContenido ul li { float: left; list-style: none; margin-left: 15px; cursor: pointer; background: url(none); }
#menuIzq { width: 194px; background: left; margin-left: 0px; padding: 0px; float: left; position: absolute; display: block; margin-top: 30px; }
#menuIzq ul li { list-style: none; margin-top: 7px; margin-bottom: 7px; color: #339900; text-align: right; background: url(none); font-size: 12px; }
#menuIzq ul { margin-top: 5px; float: right; }
#menuIzq ul li a { list-style: none; margin-top: 7px; margin-bottom: 7px; color: #42CC00; text-align: right; text-decoration: none; }
#menuIzq ul li a:hover, #menuIzq ul li a.activo { list-style: none; margin-top: 7px; margin-bottom: 7px; color: #FFFFFF; text-align: right; text-decoration: none; }
#contenidoGeneral { display:block; padding-top: 30px; padding-left: 208px; background: url(../img/bgContenido.gif) repeat-y right top; width: 544px; float: none; }

#seccion { border-bottom: 1px solid #339900; }
#contenidoInformacion { display:block; margin: 13px 16px 20px 40px; padding-bottom: 20px; height: auto; background-color:#ffffff; }
#pie2 { color: #003300; font: 9px Tahoma, Arial, Verdana, helvetica; width: 751px; height: 22px; padding-bottom: 0px; position: fixed; display: table; margin-right: auto; margin-bottom: 0px; margin-left: auto; bottom: 0px; }
#pie p, #pie2 p, #pie3 p { border-top: 1px solid #339900; border-bottom: 1px solid #339900; color: #003300; font: 9px/20px Tahoma, Arial, Verdana, helvetica; width: 532px; background: #ccd6cc; margin: 0px 0px 0px 208px; padding: 0px 0px 0px 10px; height: 20px; border-right: 1px solid #339900; border-left: 1px solid #339900; }
div#pie { color: #003300; font: 9px Tahoma, Arial, Verdana, helvetica; background: repeat-y center center; height: 20px; display: compact; width: 752px; bottom: 0px; position: static; margin: -22px auto 0px; top: -22px; }
/*CLASES GENERALES*/
.oculto { display: none; }
li.inicio a { background: url(../img/inicioBtn.gif) no-repeat left bottom; height: 27px; width: 29px; cursor: pointer; display: block; }
li.abrimader a {
	background: url(../img/abrimaderBtn.gif) no-repeat left bottom;
	height: 27px;
	width: 59px;
	cursor: pointer;
	display: block;
	float: left;
}
li.servicios a { background: url(../img/serviciosBtn.gif) no-repeat left bottom; height: 27px; width: 51px; cursor: pointer; display: block; }
li.productos a { background: url(../img/productosBtn.gif) no-repeat left bottom; height: 27px; width: 60px; cursor: pointer; display: block; }
li.contacto a { background: url(../img/contactoBtn.gif) no-repeat left bottom; height: 27px; width: 53px; cursor: pointer; display: block; }
li.info a { background: url(../img/infoBtn.gif) no-repeat left bottom; height: 27px; width: 70px; cursor: pointer; display: block; }
li.inicio a:hover, li.inicio a.activo { background: url(../img/inicioBtnHover.gif) no-repeat left bottom; height: 27px; width: 29px; cursor: pointer; }
li.abrimader a:hover, li.abrimader a.activo { background: url(../img/abrimaderBtnHover.gif) no-repeat left bottom; height: 27px; width: 59px; cursor: pointer; }
li.servicios a:hover, li.servicios a.activo { background: url(../img/serviciosBtnHover.gif) no-repeat left bottom; height: 27px; width: 51px; cursor: pointer; }
li.productos a:hover, li.productos a.activo { background: url(../img/productosBtnHover.gif) no-repeat left bottom; height: 27px; width: 60px; cursor: pointer; }
li.contacto a:hover, li.contacto a.activo { background: url(../img/contactoBtnHover.gif) no-repeat left bottom; height: 27px; width: 53px; cursor: pointer; }
li.info a:hover, li.info a.activo { background: url(../img/infoBtnHover.gif) no-repeat left bottom; height: 27px; width: 70px; cursor: pointer; }
.imgProducto { margin-bottom: -2px; margin-right: 5px; }
ul.subseccion { border-bottom: 1px solid #99cc7f; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
ul.subseccion li { list-style: none; margin-right: -7px; color: #339900; padding-top: 10px; padding-bottom: 10px; display: inline; background: url(none); }
ul.subseccion li a { list-style: none; color: #339900; display: inline; background: url(none); text-decoration: none; }
ul.subseccion li a:hover, ul.subseccion li a.activo { list-style: none; color: #cc0000; display: inline; background: url(none); text-decoration: underline; }
div.productosTxt { background: url(../img/productosTxt.gif) no-repeat right; height: 22px; width: 100%; }
div.serviciosTxt { background: url(../img/serviciosTxt.gif) no-repeat right; height: 22px; width: 100%; }
div.abrimaderTxt { background: url(../img/abrimaderTxt.gif) no-repeat right; height: 23px; width: 100%; }
div.TinformacionTxt { background: url(../img/TinformacionTxt.gif) no-repeat right; height: 23px; width: 100%; }
div.contactoTxt { background: url(../img/contactoTxt.gif) no-repeat right; height: 22px; width: 100%; }
div.inicioTxt { background: url(../img/inicioTxt.gif) no-repeat right; height: 22px; width: 100%; }
div.infoBanner { margin-top: 50px; }
div.chapas { background: url(../img/chapasTxt.gif) no-repeat 10px; height: 27px; padding-bottom: -10px; margin-bottom: -5px; }
div.fibrapan { background: url(../img/fibrapanTxt.gif) no-repeat 10px; height: 28px; padding-bottom: -10px; margin-bottom: -6px; }
div.plastificados { background: url(../img/plastificadosTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.tableros { background: url(../img/tablerosTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.vigas { background: url(../img/vigasTxt.gif) no-repeat 10px; height: 27px; padding-bottom: -10px; margin-bottom: -6px; }
div.presentacion { background: url(../img/presentacionTxt.gif) no-repeat 10px; height: 23px; padding-bottom: -10px; }
div.informacion { background: url(../img/informacionTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.otros { background: url(../img/otrosTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.vias { background: url(../img/viasTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.aglomerados { background: url(../img/aglomeradosTxt.gif) no-repeat 10px; height: 27px; padding-bottom: -10px; margin-bottom: -5px; }
div.alistonados { background: url(../img/alistonadosTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.bienvenido { background: url(../img/bienvenidoTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.archivos { background: url(../img/archivosTxt.gif) no-repeat 10px; height: 22px; padding-bottom: -10px; }
div.maderas { background: url(../img/maderasTxt.gif) no-repeat 10px; height: 22px; }
div.pergolas {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/pergolasyotrosTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
div.puertasm {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/puertasmacizasTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

div.puertasd {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/puertasdise%C3%B1oTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

div.celosias {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/celosiasTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

div.cajoneras {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/cajonerasTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
div.patas {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/patasvariadasTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
div.balaustres {
	height: 27px;
	padding-bottom: -10px;
	margin-bottom: -5px;
	background-image: url(../img/balaustrespilarotesTxt.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
table#formulario { width: 100%; background: #339900; border-top: 1px solid #339900; border-right: 1px solid #339900; border-bottom: 1px solid #339900; border-left: 1px solid #339900; margin-bottom: 5px; }
table#formulario td { background: #FFFFFF; height: 26px; text-align: left; padding-left: 5px; padding-right: 5px; border-style: none; }
table#formulario th { background: #eaf5e5; font: bold 11px Tahoma, Arial, Verdana, helvetica; color: #339900; text-align: right; padding-right: 5px; border-style: none; padding-left: 5px; }
table#formulario textarea { width: 99%; background: #FFFFFF; border: 1px solid #B38C40; margin-top: 2px; margin-bottom: 2px; font: 11px Tahoma, Arial, Verdana, helvetica; color: #444; padding: 1px 3px 3px; margin-right: 2px; }
table#formulario select, table#formulario input { background: #FFFFFF; border: 1px solid #B38C40; width: 145px; font: 11px/15px Tahoma, Arial, Verdana, helvetica; color: #444; padding: 1px 3px 3px; }
table#formulario input.boton { background: #B38C40; border: 1px solid #FFFFFF; width: auto; font: bold 11px/15px Tahoma, Arial, Verdana, helvetica; color: #EAF5E5; text-align: center; padding: 0px; margin: 0px 4px; height: 20px; }
table#formulario th.centro { background: #eaf5e5; font: bold 11px Tahoma, Arial, Verdana, helvetica; color: #339900; text-align: center; padding-right: 5px; border-style: none; padding-left: 5px; }
.mapa { padding: 5px; border: 1px solid #996600; background: #FFFFFF; }
a.pdf { padding-left: 20px; background: url(../img/ico_PDF.gif) no-repeat left center; float: right; clear: right; width: 145px; padding-top: 3px; padding-bottom: 3px; font: bold 9px Tahoma, Arial, Verdana, helvetica; }
.imgInicio { margin-left: -40px; float: left; margin-right: 20px; margin-bottom: 10px; }
.subrayado { border-top: 1px solid #339900; border-right: 0px none #FFFFFF; border-bottom: 0px none #FFFFFF; border-left: 0px none #FFFFFF; }
.privacidad { width: 420px; }
#bandacentro { background: url(../img/sombra.png); height: 14px; clear: both; width: 100%; margin-top: auto; margin-bottom: auto; }
#cabeceraFlash { background: #FFFFFF; position: relative; font: normal 11px/50% Tahoma, Arial, Verdana, helvetica; color: #339900; text-decoration: underline; text-align: center; vertical-align: bottom; padding-top: 20%; }
#contenedor2 { height: 100%; clip: rect(auto,auto,2px,auto).px;
}
#diseno a { background: url(../img/diseno.gif) no-repeat left bottom; position: relative; height: 10px; width: 125px; display: block; margin-top: -15px; margin-left: 10px; }
#diseno { }
#diseno a:hover { background: url(../img/disenoHover.gif) no-repeat left bottom; position: relative; height: 10px; width: 125px; display: block; margin-top: -15px; margin-left: 10px; }
#pie3 { display: none; }
html>body #pie2 { color: #003300; font: 9px Tahoma, Arial, Verdana, helvetica; width: 751px; height: 22px; padding-bottom: 0px; display: table; margin-bottom: 0px; bottom: 0px; position: fixed; margin-right: 0px; margin-left: 0px; }
html>body div#pie { color: #003300; font: 9px Tahoma, Arial, Verdana, helvetica; height: 22px; display: block; width: 752px; bottom: 0px; position: static; margin: -22px auto 0px; top: -22px; padding-top: -22px; clip: rect(-22px, auto, auto, auto); float: left; background: url(../img/bgMenu.gif) repeat-y left center; }
#banner {
	float: right;
	height: 95px;
	width: 500px;

}
#contenedor {
	width: 100%; 
	float:left;

}
#contenedor #contenido #contenidoGeneral #contenidoInformacion #tablepuertasm td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 20px;

	
}

#contenedor #contenido #contenidoGeneral #contenidoInformacion #tablepuertasm #tablepuertasm table{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	margin-bottom: 5px; }
#contenedor #contenido #contenidoGeneral #contenidoInformacion #tablepuertasm {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


#contenedor #contenido #contenidoGeneral .pergolas #preparamos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
#contenedor #contenido #contenidoGeneral .vigas #preparamos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
cajaNot{
	display:block;
	overflow:hidden;
	width:90%;
	text-align:left;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
		.cajaNot p{	
			margin-bottom:10px;
			}
		.cajaNot h2 img{
			display:block;
			
			text-align:center;
			margin:0px 10px 0px 0px;
			border:0px;
			}
		.cajaNot h1{
			display:block;
			overflow:hidden;
			width:97%;
			height:20px;
			text-align:left;
			padding:2px 5px 2px 5px;
			margin:5px 0px 0px 0px;
			font-family:verdana,arial,sans-serif;
			font-size:1.2em;
			font-weight:bold;
			color:#fff;
			background-color:#b38c40;
			}

		.cajaNot h2{
			display:block;
			float:right;
			overflow:hidden;
			width:100%;
			font-family:arial,sans-serif;
			font-size:1em;
			color:#434343;
			font-weight:normal;
			padding:5px 0px 5px 0px;
			margin:0px 0px 0px 0px;
			
			}
		.cajaNot h2 a{
			text-decoration:none;
			color:#788801;
			}
		.cajaNot h2 a:hover{
			text:decoration:underline;
			color:#303030;
			}
		.cajaNotuno{
			display:inline;
			overflow:hidden;
			width:300px;
			}
		.cajaNotuno img {
			border: 0px;
			margin:10px;
			}
		.textArch {
			display:block;
			width:370px;
			overflow:hidden;
			margin:10px 10px 10px 100px;
			font-size:1.1em;

			}
			.paginacion{
				display:block;
				float:right;
				overflow:hidden;
				width:100%;
				font-family:  Arial, verdana, sans-serif;
				text-align:right;
				font-size:1em;
				color:#1b491b;	
				font-weight:bold;
				padding:0px;
				margin:20px 0px 5px 0px;
				
			}
				.paginacion a{
				font-size:1em;
				text-decoration:none;
				color:#fff;
				padding:2px 5px 2px 5px;
				margin-right:5px;
				background:#b38c40;
				}
				.paginacion a:hover{
				text-decoration:none;
				color:#fff;
				padding:2px 5px 2px 5px;
				background:#1b491b;
				}
				.pagina{
				display:block;
				font-family:  Arial, verdana, sans-serif;
				text-align:right;
				font-size:1em;
				color:#1b491b;	
				font-weight:bold;
				padding:0px;
				margin:10px 0px 5px 0px;
				text-decoration:none;
				color:#fff;
				padding:2px 5px 2px 5px;
				margin-right:5px;
				background:#bed600;
				}
				.fecha{
				display:inline;
				float:right;
				overflow:hidden;
				width:340px;
				text-align:right;	
				height:20px;
				padding:2px 10px 2px 5px;
				margin:5px 5px 0px 0px;
				font-family:verdana,arial,sans-serif;
				font-size:0.8em;
				font-weight:normal;
				color:#434343;	
				}
				.papelera{
				display:inline;
				float:right;
				}
				.papelera img{
				border:0px;
				}
				input.btn { 
				float:right;  
				color:#050;   
   				font: bold 1.1em arial,helvetica,sans-serif;   
				background-color:#5cad33;   
				border: 1px solid;
				padding:3px;
				border-color: #696 #363 #363 #696;   
				filter:progid:DXImageTransform.Microsoft.Gradient   
				(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#add65b');   
				} 
				input.btr { 
				float:left;  
				color:#050;   
   				font: bold 1.1em arial,helvetica,sans-serif;   
				background-color:#5cad33;   
				border: 1px solid;
				padding:3px;
				border-color: #696 #363 #363 #696;   
				filter:progid:DXImageTransform.Microsoft.Gradient   
				(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#add65b');   
				}  
				.tit{
				font-size: 1.2em;
				font-weight:bold;
				margin-bottom:15px;
				}
				.LoginError {
				display:block;
				height:50px;
				margin-top:10px;
				padding:10px;
				overflow:hidden;
				font: bold 1.3em arial,helvetica,sans-serif; ;
				}
				.LoginError img{
				display:inline;
				float:left;
				overflow:hidden;
				width:30px;
				margin:-10px 10px 0px 55px;
				}
				.textl{
				display:inline;
				float:right;
				width:300px;
				margin:5px 10px 0px 0px;
				}