/* Estilos CSS para Drupal */


body{
	font: normal 90%/138% Garamond, Arial, Verdana, Tahoma;
	color:#615e56;
	background:#ece8df url(../img/bg-body.jpg) repeat-x left top;}

div.bloque{padding:2%;}

div.clear	{clear:both;}
div.clearleft	{clear:left;}
div.clearright	{clear:right;}

a{
	font:inherit;
	text-decoration:none;
	color:#a14b4b;}
	
a:hover{text-decoration:underline;}

a.externo{color:#8b662e;}
a.externo:hover{}

strong{font-weight:bold;}
h1{
	padding:10px 0 0;
	font:normal 2.10em/100% "Trajan Pro";
	color:#6b6962;}
h2,
#contacto legend{
	margin:5px 0;
	padding:0;
	font:normal 1.45em/100% "Trajan Pro";
	color:#a14b4b;}
#equipamiento #columna-izquierda h2{font:normal 1.15em/100% "Trajan Pro";}

#contenedor-principal{
	width:978px;
	margin:40px auto 10px;}

	#menu-principal{
		height:44px;
		padding:2px 0 0 0;}
	#menu-principal li{
		display:block;
		float:left;
		background:url(../img/bg-item-menu.gif) no-repeat right top;}
	#menu-principal #ultimo-item-menu{background:none;}
	#menu-principal a{
		display:block;
		height:31px;
		padding:12px 20px;
		float:left;
		background:url(../img/bg-flecha-item-menu.gif) no-repeat 50% -13px;}
	#menu-principal a:hover,
	#menu-principal #item-menu-actual{background:url(../img/bg-flecha-item-menu.gif) no-repeat center bottom;}
	
	#imagen-principal{
		width:964px;
		height:223px;
		padding:7px;
		clear:left;
		background:url(../img/bg-imagen-principal.gif) no-repeat -1px center;}
	
	#titular-seccion span{
		margin:5px 0;
		padding:0 0 0 23px;
		font:normal 0.7em/100% "Trajan Pro";
		color:#a14b4b;
		background:url(../img/bullet-titulo.gif) no-repeat left 5px;}
	
	.contenido{clear:left;}
	.contenido h1{
		margin:10px 0 20px;
		padding:10px 0 ;
		border-bottom:1px dotted #918E86;}
	.contenido p,
	#informacion ul{
		margin:0 0 5px;
		padding:2px 3px 5px;
		text-align:justify;}
	#informacion li{list-style:inside disc;}
	
	#mensaje-bienvenida{
		margin:10px 3px;
		padding:9px 0;
		text-align:center;
		border:1px solid #b3b0a8;
		border-width:1px 0;}
	#mensaje-bienvenida p{
		font:italic bold 1.05em/130% "Times New Roman", Garamond, Arial, Verdana;
		color:#7f7d7a;}
	
	#contenedor-modulos-portada{
		width:650px;
		float:left;}
		.modulo-portada{
			width:33.33%;
			padding:5px 0;
			float:left;}
		.modulo-portada a{color:#76736b;}
		.modulo-portada a:hover{
			color:#976665;
			text-decoration:none;}
		.modulo-portada img{
			display:block;
			width:160px;
			height:118px;
			padding:6px;
			background:url(../img/bg-imagen-pequena.gif) no-repeat 0 0;}
		.modulo-portada h2{
			padding:3px 5px;
			font:normal 1.45em/130% Arial, Verdana, Tahoma;}
		.modulo-portada p{
			width:160px;
			padding:0 5px 10px;
			font:normal 0.84em/130% Arial, Verdana, Tahoma;
			letter-spacing:0.1pt;
			text-align:left;}
	
	#contenedor-mapa ul{
		padding:0 42px 0 0;
		text-align:right;
		background:url(../img/icono-brujula.gif) no-repeat right top;}
	#contenedor-mapa ul a{color:#625f57;}
	#mapa{
		
		height:500px;
		margin:7px 0;
		overflow:hidden;
		-moz-border-radius:5px;
		border:10px solid #fff;}
	
	#formulario-contacto{
		width:308px;
		min-height:260px;
		padding:46px 10px 10px 10px;
		float:right;
		font-size: 0.84em;
		background:url(../img/bg-formulario-contacto-portada.jpg) no-repeat 0 7px;}
	#formulario-contacto legend {display:none;}
	#formulario-contacto fieldset{margin:0 3px 0 0;}
	#modulo-textarea,
	#modulo-pareado{
		padding:4px 5px 4px 8px;
		font:normal 1em/130% Arial, Verdana, Tahoma;
		color:#e8e0d0;}
	#modulo-pareado li{
		min-height:24px;
		clear:both;}
	#modulo-pareado label{
		width:35%;
		padding:3px 0;
		float:left;}
	#modulo-pareado input{
		width:63%;
		padding:2px 0;
		float:right;}
	#modulo-textarea textarea{
		width:99.5%;
		height:60px;}
	#modulo-textarea textarea,
	#modulo-pareado input{
		font:normal 1em/130% Arial, Verdana, Tahoma;
		color:#a09d94;
		border-left:1px solid #e1dcce;
		border-top:1px solid #e1dcce;
		border-right:1px solid #fafafa;
		border-bottom:1px solid #fafafa;
		-moz-border-radius:3px;
		background:#fff;}
	#modulo-textarea textarea:focus,
	#modulo-pareado input:focus{background:#ffffe6;}
	
	#acciones-formulario {margin:0 8px;}
	#acciones-formulario input{
		padding:2px 10px;
		font:bold 1em/130% Arial, Verdana, Tahoma;
		color:#f2e8d5;
		border:1px solid #e1dcce;
		-moz-border-radius:3px;
		background:#9c9481;}
	
	.mensaje-alerta{
		margin:7px 0;
		padding:5px 10px;
		color:#a3342c;
		-moz-border-radius:3px;
		border:1px solid #dbcbcb;
		background:#f0dfdf;}
	.mensaje-alerta p,
	.mensaje-alerta ul{
		padding:5px 10px;
		font: normal 0.90em/138% Arial, Verdana, Tahoma;}
	.mensaje-alerta ul{
		list-style-position:inside;
		list-style-type:square;}
	.mensaje-alerta p.titulo{
		padding:0;
		color:#545454;}
	
	.mensaje-resultado-correcto{
		margin:7px 0;
		padding:5px 10px;
		color:#83a32c;
		-moz-border-radius:3px;
		border:1px solid #d2dbcb;
		background:#ebf0df;}
	.mensaje-resultado-correcto p,
	.mensaje-resultado-correcto ul{
		padding:5px 10px;
		font: normal 0.90em/138% Arial, Verdana, Tahoma;}
	.mensaje-resultado-correcto ul{
		list-style-position:inside;
		list-style-type:square;}
	.mensaje-resultado-correcto p.titulo{
		padding:0;
		color:#545454;}
	
	#formulario-contacto-ampliado fieldset{
		padding:20px 10px;
		border:1px solid #ccc8c0;
		-moz-border-radius:5px;
		background:#fff;}
	#formulario-contacto-ampliado legend{display:none;}
	#contacto #modulo-pareado{
		width:46%;
		padding:4px 1%;
		float:left;
		font:normal 0.9em/130% Arial, Verdana, Tahoma;
		color:#625f57;}
	#contacto #modulo-pareado li{
		min-height:24px;
		clear:both;}
	#contacto #modulo-pareado label{
		width:35%;
		padding:6px 0;
		float:left;}
	#contacto #modulo-pareado input{
		width:63%;
		padding:2px 0;
		float:right;}
	#contacto #modulo-textarea{
		width:50%;
		float:left;
		color:#625f57;}
	#contacto #modulo-textarea textarea{
		height:145px;}
	#contacto #modulo-textarea textarea,
	#contacto #modulo-pareado input{
		font:normal 1em/130% Arial, Verdana, Tahoma;
		color:#a09d94;
		border-left:1px solid #bab6aa;
		border-top:1px solid #bab6aa;
		border-right:1px solid #cfcabe;
		border-bottom:1px solid #cfcabe;
		-moz-border-radius:3px;
		background:#fff url(../img/bg-input.gif) repeat-x left top;}
	#contacto #modulo-textarea textarea:focus,
	#contacto #modulo-pareado input:focus{background:#ffffe6;}
	#contacto .informacion-campos{
		clear:both;
		font-style:italic;
		font-size:0.8em;}
	#contacto .obligatorio{color:#cc0000;}
	#contacto #acciones-formulario {
		margin:0 8px;
		text-align:center;}
	#contacto #acciones-formulario li{display:inline;}
	#contacto #acciones-formulario input{
		padding:2px 10px;
		font:normal 1em/130% Arial, Verdana, Tahoma;
		color:#fff;
		border:1px solid #65584e;
		-moz-border-radius:5px;
		background:#827164;
		text-shadow:1px 1px 2px #656565;}
	
	#galeria{}
	#columna-izquierda{
		width:300px;
		min-height:400px;
		float:left;}
	#equipamiento #columna-izquierda {padding:10px 0 0;}
	#equipamiento #columna-izquierda ul{
		padding:5px 0 10px 15px;}
	#equipamiento #columna-izquierda li{
		padding:0 0 0 20px;
		background:url(../img/bullet-titulo.gif) no-repeat left center;}
	
	#columna-derecha{
		width:660px;
		float:right;}
	#equipamiento #columna-derecha{padding:10px 0 0 0;}
	#columna-derecha #foto{
		width:640px;
		height:426px;
		padding:5px;
		border:1px solid #dedede;
		background:#fff url(../img/precarga.gif) no-repeat center center;}
	#foto-equipamiento{
		padding:3px;
		border:1px solid #dedede;
		background:#fff url(../img/precarga.gif) no-repeat center center;}
	#foto-equipamiento img{display:block;}
	#columna-derecha #foto img{
		display:block;
		width:640px;
		height:426px;}
	#navegacion-galeria{
		width:630px;
		margin:10px 0;
		padding:10px;
		text-align:center;
		word-spacing:2px;
		-moz-border-radius:5px;
		border:1px solid #dedede;
		background:#fff;}
	#miniaturas-galeria li{
		margin:1px;
		float:left;}	
	#miniaturas-galeria li a{
		display:block;
		width:64px;
		height:43px;
		padding:4px;
		background:url(../img/bg-miniatura.gif) no-repeat left top;}
	
	#miniaturas-galeria li img{
		display:block;
		width:64px;
		height:43px;}
	#pie{
		font: normal 0.90em/138% Arial, Verdana, Tahoma;
		color:#585858;
		background:#dbd3c3 url(../img/bg-pie.jpg) repeat-x left top;}
	#contenedor-pie{
		position:relative;
		margin:0 auto;
		padding:10px;}
	#pie p{float:left;}
	#logo-junta{padding:5px 10px 5px 0;}
	#logo-compromiso{padding:15px 5px 0 25px;}
	#pie ul{
		margin:15px 0;
		float:right;}
	#pie ul li{
		margin:5px 0;
		padding:0 0 0 14px;
		font-size:1.1em;
		background:url(../img/bullet-listas.gif) no-repeat left center;}
	#pie strong{font-weight:bold;}
	#pie a{color:#666; text-decoration:none;}
	#pie a:hover{border-bottom:1px dotted #666;}
	
	/* Para mensajes de error del usuario */
	 .mensaje_alerta{
		border:1px solid #ffcc33;
		background:#ffffcc url(../img/icon_advertencia.gif) no-repeat 20px 20px;}
	/* Para mensajes de operaciones correctas */
	 .mensaje_resultado_correcto{
		border:1px solid #bcdfaa;
		background:#e7ffda url(../img/icon_correcto.gif) no-repeat 20px 20px;}
	/* Para notas informativas */
	 .mensaje_informativo{
		border:1px solid #a4cdeb;
		background:#e3ecf0 url(../img/icon_informacion.gif) no-repeat 20px 20px;}
		
	 .mensaje_alerta,
	 .mensaje_resultado_correcto,
	 .mensaje_informativo{
		width:auto;
		margin:10px 15px;
		padding:10px 10px 10px 85px;}
	
	 .mensaje_alerta p,
	 .mensaje_resultado_correcto p,
	 .mensaje_informativo p{
		width:auto;
		padding:5px;
		color:#333333;}
	
	 .mensaje_alerta p.titulo,
	 .mensaje_resultado_correcto p.titulo,
	 .mensaje_informativo p.titulo{
		padding:5px;
		font-weight:bold;
		letter-spacing:0.1pt;
		color:#2e2e2e;}
	
	 .mensaje_alerta ul,
	 .mensaje_resultado_correcto ul,
	 .mensaje_informativo ul,
	 .mensaje_alerta ol,
	 .mensaje_resultado_correcto ol,
	 .mensaje_informativo ol{
		padding:5px;
		letter-spacing:0.1pt;
		color:#333333;}	
