/* CSS Document */

/**************  Inicio reseteo estilos navegadores  ***************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

.rayas{ height:1px; border-bottom:1px dashed #CCCCCC ; display:block; margin-top:-10px}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
div{display:block}

/**************  Fin reseteo estilos navegadores  ***************/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	line-height:15px;
	text-align:justify;
}

strong{font-weight:bold}

em{font-style:italic}

#page{
	width:990px;	
	background:#fff url(../imgs/fondo_web.gif) left 185px repeat-x; 
}

.clear{
	clear:both;
	height:1px;
	font-size:1px;
}


.img_resaltada{ 
	border:1px solid #C4C5C7;
	padding:8px;
	margin:20px 0;
	float:right;
}


.img_equipo{
	border:1px solid #C4C5C7;
	padding:8px;
	float:right;
}

.right{
	float:right !important;
}

.fixed{
	position:fixed;
}

img, div { behavior: url(css/iepngfix.htc) }
/************* Cabecera ***************/

#header{
	background:url(../imgs/cabecera.jpg) no-repeat;*/
	width:1000px;
	height:154px;
	text-align:center;
	padding-top:30px;
	position:relative;
	border-bottom:1px solid #c3c4bc;
}

#menu{	
	position:absolute;
	top:107px;
	right:0;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; 
}

#menu ul li{
	display:block;
	float:left;
	width:90px;
	height:35px;
	padding:5px;
	text-align:center;
}

#menu ul li a{
	color:#999999;
	text-decoration:none;
	font-size:11px;
	display:block;
	width:90px;
	/*height:35px;*/
	padding-top:20px;
}

#menu a.activo, #menu a:hover{	
	background:url(../imgs/muesca.gif) no-repeat top center;
}


/************* Fin Cabecera **************/


/************* Left **********/

#left{
	width:217px;
	float:left;
	display:inline;
	padding:30px 0 0 71px;
}

.left_tit{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; 
	font-style:italic;
	border-bottom:1px solid #FFBC15;
	font-size:14px;
	padding-bottom:8px;
}

.left_pre{
	background:url(../imgs/bocata.gif) no-repeat top left;
	text-indent:20px;
	margin:5px 0;
}

.left_menu ul li{
	display:block;
	padding:5px 0;
	border-bottom:1px solid #FFBC15;
}

.left_menu a{
	background:url(../imgs/flecha_amarilla.gif) no-repeat 203px center;
	color:#999999;
	text-decoration:none;
	display:block;
}

.left_menu a:hover{
	color:#FFBC15;
}

.left_menu .active{
	color:#FFBB12;
	font-weight:bold;
}

.left_equipo{
	background:url(../imgs/agua_final.jpg) no-repeat bottom center;
	height:896px;
}

/************* Fin Left **********/

/************* Central **********/

#central{
	float:right;
	display:inline;
	width:637px;
	padding:10px;	
	margin-top:20px;}

#central h2{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; 
	font-style:italic;
	color:#FFBC15;
	font-size:20px;
	margin-bottom:15px;
	/*padding-left:60px;*/
}

#central p{
	/*padding-left:60px;*/
	margin-bottom:8px;
}

.cnt{
	background:url(../imgs/punteado_central.gif) repeat-x bottom right;
	padding:0pt 0pt 80px 0px;
}


.intro{
	background:url(../imgs/punteado_central.gif) no-repeat bottom right;
	
}

.descargas{
	
	font-size:10px;
}

.referencia_titulo{
	
	padding-bottom:80px;
	font-size:13px;
	font-style:italic;
	font-weigth: bold;
}

.referencia_quien{
	
	padding-bottom:25px;
	font-size:10px;
	font-weigth: bold;
}

.subseccion{
	color:#FFBC15;
	font-weight:bold;
	font-size:12px;
}

.titulos{
	font-size:12px;
}
/************* Fin Central **********/

/************* Footer /*********/

#footer{
	text-align:center;
	margin-top:50px;
	border-top:1px solid #FFBC15;
	display:block;
	padding-top:5px;
}


#footer a{
	color:#c4c5c7;
	text-decoration:none;	
}

/************* Fin Footer /*********/
/************ Contacto********/
.contacto{
	border:0px;
	position:absolute;
	left:307px;
	top:86px;
	width:78px;
	height:15px;
	z-index:1;
}
.contacto a{
	color:#999999;
	text-decoration:none;
}
/************ Fin Contacto********/

/*********** Home **************/

.home #central{
	/*width:100% !important;*/
	float:left !important;
	margin-top:20px !important;
}

.home #central h2{
	padding:30px 0 0 0px;
}

.home_bkg{
	background:transparent url(../imgs/puente_bkg.png) left top no-repeat;
	color:#000000;
	width:790px;
	height:285px;
	/*padding-top:75px;*/
	padding-left:100px;
	padding-right:100px;
}

.home .cnt{
	background-repeat:repeat-x !important;
	
}
/*********** Fin Home **************/
	
/*********** Acerca **************/
	
.acerca #left{
		padding:30px 30px 0 71px !important;
}
	
.acerca #central{
		width:637px;
}

.acerca .cnt{
	background-repeat:repeat-x !important;
}
/*********** Fin Acerca **************/
/*********** Areas Actuacion **************/
	
.actuacion #left{
		padding:30px 30px 0 71px !important;
}
	
.actuacion #central{
		width:637px;
}

.actuacion .cnt{
	padding:0pt 0pt 100px 0px !important;
}
/*********** Fin Areas Actuacion **************/
/*********** Equipo **************/

.equipo #central{
	width:950px !important;
	/*background:transparent url(../imgs/gota_bkg.png) center bottom no-repeat;*/
}

.ficha{
	display:block;
	float:left;
	width:45%;
}
.nombre_foto{
	border-bottom: #CCCCCC 1px solid;
	height:76px;
	position:relative;
}

.nombre{
	font-size:12px;
	font-style:italic;
	float:left;
	width:40%;
	position:absolute;
	bottom:0;
}

.foto{
	float:right; 
	position:static; 
	/*margin-top:-57px;*/
}

.equipo .cnt{
	background-repeat:repeat-x !important;
	background-position:50px bottom !important;
}
/*********** Fin Equipo **************/


/*********** Busquedas **************/
.busquedas #central{
	width:570px;
}
.busquedas .cnt{	
	/*background-repeat:repeat-x;*/
}
.caja{
	background-color:#FFF0AF; 
	margin:10px 50px 0px 0px; 
	overflow:hidden; 
	width:458px;
}

.caja .titular{
	border-top:1px solid #666666;
	border-left:1px solid #666666; 
	border-right:1px solid #666666;
	padding-left:5px;
}

.caja .content{
	background-color:#FFF2E2; 
	overflow:hidden;
	border:1px solid #666666; 
}

.caja .content p{
	margin:0 !important;
}

.caja .info{
	background-color:#fff;
	text-align:right;
	padding:2px;
}
/*********** Fin Equipo **************/


/*********** Popup **************/
.popup{
	margin:0;
}

.popup .logo_popup{
	padding:10px 0 10px 10px;
	border-bottom:1px solid #b2b3b6;
}

.popup .puesto{
	font-weight:bold; 
	font-size:24px; 
	margin:20px 0 20px 0;
}
.popup .content_popup{	
	background:#fff url(../imgs/fondo_popup.gif) left top repeat-x; 
	padding:10px 20px 10px 10px; 
	overflow:visible; 
	height:600px;
	text-align:justify;
}

.popup .content_popup ul{	
	margin:10px 0 10px 0;
}
/*********** Fin Popup **************/

/*********** Referencias **************/
.referencias .cnt{	
	/*padding:0 !important;*/
	background-repeat:repeat-x;
}

.scroll{
	height:340px;
	overflow:auto;
	padding-right:20px;
 }

/*********** Fin Referencias **************/
/*********** Contacto **************/
.contacto .cnt{	
	padding-bottom:35px !important
}
/*********** Fin Contacto **************/



/*********** Menu desplegable ***********/

#sddm
{
	z-index: 30}

#sddm li #m1 a
{	display: block;
	height:15px !important;
	padding-top:2px !important;
	right:-9px;
	_right:35px}
	


#sddm div
{	position: absolute;
	text-align:left;
	visibility: hidden;
	}

	#sddm div a
	{	position: relative;
		display: block;
		background:url(../imgs/flecha_amarilla_off.gif) left center no-repeat;
		padding-left:10px;
	}

	#sddm div a:hover
	{	/*background: #49A3FF;
		color: #FFF*/}
	#m1 a:hover{
		background:url(../imgs/flecha_amarilla.gif) left 6px no-repeat;
		color:#666666
	}
	
/*********** End Menu desplegable ***********/