/*********************************************************************/
/*  Cesar Gutierrez - Estudio Grafito
/*  You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2004 Cesar Gutierrez and Estudio Grafito and may not be reproduced. */ 

/*********************************************************************/
/*	 Init Helpers and base rules 												   */
div, img ,dt, dd, li, body {margin: 0; padding: 0; border:0; }
a:link, a:visited, a:hover, a:active{font-weight:bold; color:#9b2d5c; background-color:transparent; text-decoration: none;}
a:hover{font-weight:bold; color:#760837 !important; background-color:transparent; text-decoration: none;}
p.access{display: none;}
p, ul, ol, dl, h2, h3, h4, label, select, textarea, table{
	font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: left;	line-height:13px;
	color: #585858; background:transparent;
	margin: 0; padding: 0; border:0; 
}
h3{ line-height:16px; font: normal 13px Arial, Helvetica, sans-serif!IMPORTANT; text-transform:uppercase; color:#760837; font-weight:bold!important}
.senyalar{
	 background: transparent url(../__images/flecha.gif) no-repeat 0px 4px;
		/*position:absolute;*/
	  padding:0 0 0px 10px; 

	  margin-bottom:10px;
}
.senyalar a{color:#760837;}
.center{display:block; margin:0 auto;}
.date{font:normal 9px Geneva, Arial, Helvetica, sans-serif;}

/*********************************************************************/
/*  General layout parameters : Box Centered with 2 boxes and footer */
#mainframe{
   width:765px; 
	border:0;
}
div#wrappermainframe{
	width: 765px; 
	margin: 0 auto;border: 1px solid #F8F8F8;
}
html {min-width: 767px;} 
div#contenedor {
	display:block;
	position:absolute;

	left:50%;
	margin-left:-382px;


	width:767px;

	font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #585858; 
	/*text-align: center;*/
}
div#bloquedentro{ padding-left:0px;}
body {	background: #760837 url(../__images/backgrmid.gif) 50% 0px repeat-y;}
div#header{
	height:92px;
	margin-left:-1px;
	padding-bottom:1px;
}

/*div#wrapper{height:0px}*/
/*div#wrapper{
display:block;
position:relative;
height:auto; top:0px;
bottom:0px;
	width: 765px;
	display:block;
	margin: 0 auto;border: 1px solid #F8F8F8;
	color:#F8F8F8; 
	text-align: left;
}*/
div#nav01{
	width: 763px; height: 21px; 
	border: 1px solid #F8F8F8;
	background: #711123;
}
div#nav_inf{
	width: 763px; height: 21px; 
	border: 1px solid #F8F8F8;

	
	
		border-bottom:2px solid #F8F8F8;
	/*padding: 0 1px 0px 1px;
	background: url(../__images/nvsup.gif) -0px -42px;*/
}
div#nav_wrap{
	float: left;
	width: 238px;
	padding: 0 2px 0px 1px;

}
div#content_wrap{
	float:left;

	margin-left:1px;
	width: 521px;
	overflow:hidden;
/*	bottom:0px;
	top:0px;

	height:auto;*/
	padding: 0px;
		border-top: 1px solid #d59fb6;

}
div.banner{
 overflow:hidden;  padding:0px; margin-left:0px; margin-right:0px; height:138px; border: 1px solid #470521;
}
#bottom{
	float:left;
	width: 239px;
	margin-bottom:-1px;
		position:absolute;
	left:50%;
	margin-left:-382px;

	bottom:109px;

}
	div#nav_wrap{}




	/*********************************************************************/
	/*  #navbottom - Navegacion abajo con imagen */
	div#bottom #bottom_photospace{width:239px; height:242px; }
	div#bottom p{

		width:238px; height:20px;
		margin-left:1px;
		color:#585858;background-color:#8F8F8F;
		line-height:20px; text-align:center;
	}
	div#bottom a:link, div#bottom a:visited, div#bottom a:hover, div#bottom a:active{font-weight:normal; color:#F8F8F8;}
	div#bottom a:hover{color:#711123 !important;}
	
div#footer	{
	position:absolute;
	left:50%;
	margin-left:-382px;
	height:119px;
	bottom:0px;
	width: 765px;

	color: #585858; background: #F8F8F8 url(../__images/backgrbottom.gif) 1px 0px no-repeat;
}
div#calzofooter {
/*dentro de contenedor*/
float:left;
margin:0px;
padding:0px;
display:block;
height:30px;
width:765px;
/*background-color:#00FF00;*/
}

/*********************************************************************/
/*  #header 															*/
h1 {text-indent: -9999px; margin: 0; padding: 0; border: 0;/*Para accesibilidad*/}
h1 a:link, h1 a:visited	{
	display: block;
	height: 0px;
	margin: 0; padding: 0; border: 0px solid #F8F8F8;
}
/*********************************************************************/
/* presentacion */
div#preseLista { padding:0px; margin-left:-1px;}
div #preseLista{margin-left:0px;}
div#preseLista, div#preseLista p { color:#FFFFFF}
div#preseLista ul {}
div#preseLista ul li { margin:1px 0px 1px 1px;  list-style:none; float:left; color:#FFFFFF}

div#preseLista ul li div.Lparrafo { padding: 4px 5px 0px 5px;}

div#preseLista a, div#preseLista img {margin:0px; padding:0px; border:none; }
div.pcPrese { float: left; background: url(../__images/empresa/presentacion/separaNoticia.gif) 50% repeat-y;}
div.pcPrese p { line-height:20px; }
/*********************************************************************/
/*  .pc01 - Plantilla de contenido foto derecha */
div.pc01 {height:60px;/*border-top:1px solid #CFCFCF;*/ padding:16px 26px 20px 25px; display:block;  height:auto;}

div.pc01 h2 {margin-bottom: 17px;}
div.pc01 p{margin-bottom: 20px;	text-align: left; line-height: 16px;}
div.pc01contenido{float: left; width:250px;}
div.pc01foto{top:0px;/* position:relative;*/float:left;margin: 5px 0px 60px 10px;}
div.pc01foto p{padding-top:5px; border-top:1px solid #8F8F8F; margin-top:8px; line-height: 14px;}
/*div.pc01foto{float: right;	width:200px;margin: 0px 0px 60px 27px;}*/
/*  #noticias - Instancia plantilla de tipo .pc01 sin foto, tamaņo de capa diferente, ... */
#noticias div.pc01contenido{float: none; width:331px;}
#historia div.pc01contenido{float: none; width:331px; line-height:15px;}
#noticias div.pc01 h2 {padding-left:10px;}
#noticias div.pc01 p{marging-left:10px; margin-bottom: 4px; text-align: left; text-indent:-10px;}
#noticias div.pc01{padding-left: 15px;}
/*  #popupnot - Instancia plantilla de tipo .pc01 en popup de noticias */
#popupnot div.pc01foto{width:200px;}
#popupnot div.pc01contenido p{margin:0;}
/*  #OBRAS */
div#obras.pc01 { height:170px;}
#obras p{margin:0;}
/*  OBRA DESTACADA */
div.obradestacada span {}
div.obradestacada div.pc01 { color:#FFFFFF;display:block;		 background:#c65f8a; padding:8px 25px 25px 25px; }
div.obradestacada div.pc01 span#detalle0 { display:block; background:#c65f8a; padding:3px 0px;}
div.obradestacada div.pc01 span#detalle1 {float:left;}
div.obradestacada div.pc01 span#detalle2 {float:right; padding-right:0px;}
div.obradestacada div.pc01 span.detalletitle { color:#740935; font-weight:bold}
div.obradestacada div.pc01contenido{float: none; width:350px; padding:23px 26px 15px 26px; color:#786169; text-align:justify; line-height:16px}
div.obradestacada div.pc01 h2 {width:464px; font: normal 22px/28px Geneva, Arial, Helvetica, sans-serif; color:#760837; padding:0px; margin:0px}
div.obradestacada div.pc01 p{text-align: justify; margin:0; line-height:16px;}
/*********************************************************************/
/*  .fotoizq - Plantilla de contenido foto izquierda   */
div.fotoizq{width:472px; height:287px;}
div.fotoizq img{border:1px solid #8F8F8F;}
div.fotoizq img.fotoizq{float:left; padding:1px;}
div.fotoizq div.descripcion{float:right; width:179px;}
div.fotoizq div.descripcion img{margin-bottom:14px;}
div.fotoizq p{margin:0 0 0 2px; line-height: 14px;}
#detallado{margin-top:21px; border-top:2px dotted #9c2e5d; padding-top:24px;}

/*  .ficha_empleado - Instancia plantilla de tipo .fotoizq en empresa->organigrama */
.ficha_empleado { margin-left:0px; float:none; display:none}
.ficha_empleado h3{margin:0 0 0 2px;color:#9c2e5d; text-transform:none; font-size:12px!important; font-weight:normal!important;}
.ficha_empleado h4{margin:3px 0 0 2px; color:#9c2e5d; font-style:italic}
.ficha_empleado p{ width:325px}

/*********************************************************************/
/*  #footer p Text Rules for footer */
#footer p{
	font-weight:normal!important;
	text-align: center;
	line-height: 18px;
}

/*********************************************************************/
/*  Forms Rules Lists													*/
input.conformato, textarea{
	width:227px;
	border-top:1px solid #585858; border-left:1px solid #585858;
	border-bottom: 1px solid #CFCFCF; border-right:1px solid #CFCFCF;
	color: #585858; background:#E4E4E4;
	margin-bottom:6px;
	font: normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

input#nombre{width:197px;}
input#telefono{width:87px;}
input#email{width:125px;}
input#direccion{margin-bottom:20px;}
div#maildiv{ width:132px;}
select{width:165px; margin: 0px 0 9px 0;}
option{background:#E4E4E4;}

input#enviar{
	margin-top:39px;
}
/* right aligned */
form div{float:right;padding-right:16px;}

/*********************************************************************/
/*  General Text Rules Lists	*/												
#popupnot ul {margin: 3px 0;	padding: 0 0 5px 0;}
#popupnot ul li	{
	margin-left: 5px;

}
#popupnot span.senyalar { background-image:none; color:#993365; padding:0px;}
#popupnot ul ul li {
	list-style: none outside none;
	font-weight: bold;
}
#popupnot ul ul li a:link, .pc01 ul ul li a:visited, .pc01 ul ul li a:hover, .pc01 ul ul li a:active{
	color: #585858; background:transparent;}

#popupnot ul ul ul li{
	margin-left: 15px;
	list-style: circle inside none;
	font-weight: normal;	
}
/* UL OL LI */
div#content ul {margin: 3px 0;	padding: 0 0 5px 0;}
div#content ol li	{
	list-style: decimal outside;
	margin: 0 5px 5px 0;	padding: 0 0 0 5px;
	line-height: 100%;
}
div#content ul li	{
	margin-left: 5px;
	list-style:square inside;
}
div#content ul ul li {list-style: circle inside;}
/* DL DT DD 
div#content_wrap dl{
	margin-top: 5px; padding-top: 0;
}
div#content_wrap dl dt{
	padding-bottom: 5px;	margin-bottom: 5px; border: 0; border-bottom: 1px solid #cca;
	line-height: 140%;
}
div#content_wrap dl dd{
	margin: 0 10px 15px 10px; padding: 0;
	text-align: justify;
}
*/
/* POPUP NOTICIAS WINDOW*/
#popupnot h1{
	text-indent:0; 
	background:#c65f8a;
	padding: 14px 0 11px 55px;
}
#popupnot h2{
	text-indent: 0px;
	margin:0px 55px 0px 55px;
	padding:14px 0px 14px 0px;
	border-bottom:2px dotted #c6608b;
}

#popupnot h3{
	font-size: 22px; color:#760837;
	padding:14px 0 14px 55px;
	border-bottom:2px dotted #c6608b;
}
#popupnot h4{
	text-indent:0; 
	background:#c6608b;
	padding: 10px 0 5px 25px;
}
#popupnot div.pc01{border:0px; padding: 14px 0 0 55px;}
#popupnot div.pc01contenido{padding-top:14px;}