body{ background: url(../img/bgbody.jpg) repeat-x #240c03; margin:0; padding:0; color:#8d8886; font: 11px Arial, Verdana;}
a{ color:#fff; font size:13px; text-decoration:none;}
a:hover{ text-decoration:underline;}
h1{ margin:0; padding:0;}

#flash {
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
	width:100%;
	height:100%;
}
* html #flash {
	position:absolute;
}
/*************************************************************************************************************** CONTENEDOR*/
#contenedor{ position:absolute; top:0px; width:900px;}
#cabecera{display:table;}
#menu{height:65px;}
/********************************************************************************************* CONTENIDO */
#contenido{background: url(../img/bghiper.png) right bottom; padding:20px 30px;height:400px;}
* html #contenido{
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bghiper.png", sizingMethod="scale");
	background-position:bottom right;
}
* html #contenido a, * html #contenido img{ position:relative;}

/*IZQUIERDA*/
#cleft{ float:left; width:530px;}
#cleftmas{ float:left; width:520px;height:400px; overflow:auto; padding-right:10px;}

	/*comunes*/
	.titularseccion{font-size:40px; color:#fff; text-transform:lowercase;}
	#cleft img{ padding:4px; border:1px dotted #8d8886;}
	/*index*/
	.bienvenidos ul{ list-style-type:none;}
	/*obras preview*/
	#divobra{margin-bottom:10px;}
	.seccionesobra a{background: url('../img/obrasobra.png') no-repeat; width:178px; height:40px; display:block; float:left; text-align:right; color:#fff; font-size:15px; text-decoration:none; padding-top:10px; margin:10px 20px 0 0; padding-right:10px; font-weight:bold;}
	.seccionesobra a:hover{background: url('../img/obrasobra2.png') no-repeat; color:#f00;}
	* html .seccionesobra a{
		background-color: #000;
		background-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/obrasobra.png", sizingMethod="scale");
		}
	* html .seccionesobra a:hover{
		background-color: #000;
		background-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/obrasobra2.png", sizingMethod="scale");
		}
	#divtrabajo{ margin-bottom:10px;}
	.seccionestrabajo a{background: url('../img/trabajosobra.png') no-repeat; width:178px; height:40px; display:block; float:left; text-align:right; color:#fff; font-size:15px; text-decoration:none; padding-top:10px; margin:10px 20px 0 0; padding-right:10px; font-weight:bold;}
	.seccionestrabajo a:hover{background: url('../img/trabajosobra2.png') no-repeat; color:#f00;}
	* html .seccionestrabajo a{
		background-color: #000;
		background-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/trabajosobra.png", sizingMethod="scale");
		}
	* html .seccionestrabajo a:hover{
		background-color: #000;
		background-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/trabajosobra2.png", sizingMethod="scale");
		}
	/*obras destacadas historico*/
	.obra{height:350px; overflow:auto; margin-left:15px; position:relative;}
	.carpetaobra{float:left; border:1px solid #8d8886; margin:10px 10px 0; width:200px; background-color:#111;}
	.carpetaobra table{width:200px;}
	.carpetaobra table td{padding:2px; vertical-align:top; font-weight:bold;}
	.carpetaobra img{ border:1px dotted #8d8886;}
	.carpetaobra img:hover{border:1px solid #fff; opacity:0.5;}
	.carpetaobra .link{ border-top:1px solid #8d8886; margin-top:10px; text-align:right; padding-top:3px;}
	.carpetaobra .link a:hover{ color:#f00;}
	/*obras y trabajos ampliacion*/
	.ampliaobra{float:left; border:1px solid #8d8886; margin:10px 10px 0; width:200px; background-color:#111;}
	.ampliaobra table{width:200px; height:80px;}
	.ampliaobra table td{padding:2px; vertical-align:top;}
	.ampliaobra img{ border:1px dotted #8d8886;}
	.ampliaobra img:hover{border:1px solid #fff; opacity:0.5;}
	.ampliaobra .link{ border-top:1px solid #8d8886; margin-top:10px; text-align:right; padding-top:3px;}
	.ampliaobra .link a:hover{ color:#f00;}
	/*noticias*/
	.noticia{ border-bottom:1px dotted #8d8886; margin-top:10px; padding-bottom:10px;}
	.noticiamas{ border-bottom:1px dotted #8d8886; margin-top:10px; padding-bottom:10px; border:1px solid red;}
	.fecha{ font-style:italic; margin-right:10px; font-size:11px; font-weight:normal; color:#999;}
	.titular{ font-weight:bold; font-size:14px; color:#fff;}
	.cuerpo{ padding:10px 0 0 10px;}
	/*contacto*/
	input, textarea{background-color:#111; border:1px solid #8d8886; color:#efefef; padding:2px; font-size:10px;}
	input[type="submit"]{color:#888;}

/*DERECHA*/
#cright{ float:right; width:250px; border-left:1px dotted #8d8886; padding-left:40px;}

	/*comunes*/
	.titularsubseccion{font-size:25px; color:#fff;}
	/*seccion actualidad*/
	#actualidad{margin-bottom:20px;}
	.noticias ul{margin:0; padding:0; list-style-type:none; margin-top:15px;}
	.noticias li{margin-bottom:10px;}
	.noticias li span{ margin-right:10px; color:#8d8886;}
	.noticias li a{ text-decoration:underline;}
	/*seccion fotos*/
	#fotos{}
	.imagenes{ overflow:hidden; margin-top:10px;}
	.imagenes img{ float:left; margin-right:10px; padding:3px; border:1px dotted #8d8886; margin-bottom:10px;}
	.imagenes img:hover{border:1px solid #fff; opacity:0.5;}
	/*seccion contacto*/
	#contacto{}
	.infocontacto{}
	.infocontacto img{border:1px dotted #8d8886; padding:2px; float:right; margin-left:5px;}


/************************************************************************************************************** PIE */
.clear{ clear:both; font-size:1px;}
#pie{ text-align:right; margin-top:5px;}

/********************************************************************************************************* LIGHTBOX */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightbox a{ color:#900;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../img/overlay.png); }
* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}
/********************************************************************************************************* WFORMS */
.errFld {border:#ff0000 solid 1px;}
.errMsg {color: #CC3333; font-style:italic;}