/******************************************************************************************/
/*									   ESQUEMAS  DE COLOR                                 */
/*		dark blue #112730; Azul oscuro #112730;							   				  */
/*		lighter blue #EEF2F2; Ligero azul #EEF2F2;							   			  */
/*		meros ejemplos							   					                      */
/******************************************************************************************/

/*---------------------RESETEAR CSS-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {  
	margin:0;
	padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:”;}
strong{ color:#3e3d3b; font-weight:bold;}
/*-----------------SCROLL FIREFOX-------------------------------------------------------*/
html{overflow:-moz-scrollbars-vertical;}
/*------------------LIMPIANDO-----------------------------------------------------------*/
h4{
	color:#016f86;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 10px 0 0 12px;
	float: left;
	display: block;
	width: 600px;
} 
.clear{clear:both; height:0; line-height:0}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
 /* End hide from IE Mac */

/*-----------------INICIAR TU CSS-------------------------------------------------------*/
*(margin:0; padding:0) 
/*-----------------SCROLL FIREFOX-------------------------------------------------------*/
html{overflow:-moz-scrollbars-vertical;}
textarea{overflow:auto;}
/*------------------LIMPIANDO-----------------------------------------------------------*/
.clear{clear:both; height:0; line-height:0}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
 /* End hide from IE Mac */
/*-----------------QUITAR BORDES LINK (NO RECOMIENDO------------------------------------*/
a:active, a:focus{outline:none;}
/*-----------------FUERA BOERDES EN LAS IMAGENES----------------------------------------*/
img {border:0;}
/*-----------------SCROLL FIREFOX-------------------------------------------------------*/
html{overflow:-moz-scrollbars-vertical;}
textarea{overflow:auto;}

/******************************************************************************************************************************************************/
/*									                                GENERALES                                                                         */
/******************************************************************************************************************************************************/
body{ background-image:url(../images/fondo.jpg); background-repeat:repeat-x; background-color:#FCFCFA;}
p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; padding:10px;}
h1{ position:absolute;  left: 13px; top: 44px;}
h2{	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:10px 0;
	padding-left: 30px;
	background-image:url(../images/esfera.jpg);
	background-repeat:no-repeat;
	height:20px;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666633;
	width: 800px;
	margin: 15px 0 0 0;
}


/******************************************************************************************************************************************************/
/*									                                EXTRUCTURA                                                                        */
/******************************************************************************************************************************************************/
#contenedor{min-height:500px;height:auto; !important height:500px;margin:0 auto;width:898px; background-image:url(../images/fcuerpo.jpg);background-color:#A6BA1B;background-repeat:repeat-x;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{	height:160px;	width:898px;	background-image: url(../images/cabecera.jpg);	background-repeat: no-repeat;	position: relative;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#cuerpo{min-height:300px;height:auto; !important height:300px;background-color: #A6BA1B;width: 898px;background-image: url(../images/fcuerpo.jpg);background-repeat: repeat-y;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#izquierda{
	width:640px;
	min-height:300px;
	height:auto;
!important height:300px;	float:left;
position:relative;
}
#izquierda p{ margin:7px 10px 0px 17px; text-align:justify;     }
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#derecha{
	width:255px;
	min-height:300px;
	height:auto;






!important
	height:300px;
	float:left;
	position: relative;
}
#formulario{height:482px; width:410px;  float:left;margin:0px 0px 10px 20px; background-image:url(../images/sobre.jpg); background-repeat:no-repeat;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/	
#pie{
	width:898px;
	margin: 0 auto;
	background-image: url(../images/fodopie.jpg);
	background-repeat: no-repeat;
	height: 95px;
	float: left;
}
#pie ul{list-style:none; float:left; padding:70px 0px 0px 170px;list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#f6f5ee; }
#pie li{float:left; margin:0px 0px;}
#pie li a{ color:#f6f5ee; text-decoration:none;font-size:10px;}
#pie li a:hover{text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/	
#noticias{
	margin-top: 33px;
	overflow: hidden;
}
#noticias li{padding-left: 25px; background-image:url(../images/listj.gif); background-repeat:no-repeat;}
#noticias p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#333333;}
#noticias img{ margin:0px 0px 35px 0px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/	

#fase3 {margin:0px 0px;	height:auto;left: 0px;}
#fase3  ul {margin:0px 0px 10px 0; height:auto; }
#fase3 ul li { height:20px;padding-left:20px; background-image:url(../images/listofer.jpg);	background-repeat:no-repeat;font-weight:normal;	margin: 5px 5px;}
#fase3  ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	color:#3e3d3b; text-decoration:none;}
#fase3  ul li a:hover{text-decoration:underline; color:#666633;}
#fase3  ul li a:active{text-decoration:underline;}
#fase3 .punti {margin:5px 0 0 0;}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/	

.lista{
	min-height: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.lista li{
	padding-left:20px;
	background-image:url(../images/listj.gif);
	margin: 10px 0px 0px 25px;
	display: block;
	background-repeat: no-repeat;
	height:18px;
	clear: both;
}

#fase2 {
	margin:0px 0px;
	height:auto;
	width:313px;
	left: 0px;
}
#fase2  ul {margin:0px 0px 10px 0; height:auto; }
#fase2  ul li { padding-left:15px;background-image:url(../images/flechi.jpg);	background-repeat:no-repeat;font-weight:normal;	margin: 3px 5px;}
#fase2  ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	color:#3e3d3b; text-decoration:none;}
#fase2  ul li a:hover{text-decoration:underline; color:#666633;}
#fase2  ul li a:active{text-decoration:underline;}
#fase2 .punti {margin:5px 0 0 0;}


#fase {margin:20px 0px; height:auto;}
#fase li ul {margin:0px 0px; height:auto; margin-bottom:10px;}
#fase li ul li ul{margin:10px 0px; display:block;}
#fase li ul li{	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#666633;padding-left:20px;background-image:url(../images/listj.gif);margin: 15px 0px 0px 93px;	display: block;	background-repeat: no-repeat;	height: auto;min-height: 18px;}
#fase li ul li a{font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	color:#666633; text-decoration:none;}
#fase li ul li a:hover{text-decoration:underline;}
#fase li ul li a:active{text-decoration:underline;}
#fase li ul li ul li{	background-image:url(../images/flechi.jpg);	background-repeat:no-repeat;font-weight:normal;	margin: 0px 5px;}
#fase li ul li ul li a{ font-weight:normal;}
#fase li ul li ul li a:hover{text-decoration:underline;}
#fase li ul li ul li a:active{text-decoration:underline;}

#dfase ul {margin:0px 0px; height:auto; margin-bottom:10px;}
#dfase ul li{ 	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#666633;padding-left:20px;background-image:url(../images/listj.gif);margin: 15px 0px 0px 22px;	display: block;	background-repeat: no-repeat;	height: auto;	min-height: 18px;}
#dfase li ul {margin:10px 0px; display:block;}
#dfase li ul li{background-image:url(../images/flechi.jpg);	background-repeat:no-repeat;font-weight:normal;	margin: 0px 5px;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.enlace{text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	color:#3e3d3b; }

#desarrollo{
	margin:34px 0px 10px 20px;position:relative;}

.imgl {clear: both;	float:left;	margin:0px 10px 10px 0px;border:1px solid #546f3e; padding:3px; }
.imgl a:hover {background-color:#333333;}
.imgd {
	float:right;
	margin:0px 0px 10px 10px;
	border:1px solid #546f3e;
	padding:3px;
	clear: both;
}
.imgd a:link {background-color:#333333;}
.boxcliente{font-size:11px; float:left; height:70px; width:49%; border:1px solid #CCCCCC;}
#desarrollo p {
	padding: 10px;
	font-size: 11px;
	line-height: 1.3;
}


/******************************************************************************************************************************************************/
/*									                                MENUSES                                                                           */
/******************************************************************************************************************************************************/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu {
	background-image:url(../images/fmenu.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	list-style:none;
	height:41px;
	position:relative;
	z-index:5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:898px;
}
#menu ul{margin-left:50px;}
#menu li.top {display:block; float:left;}
#menu li a {display:block; float:left; height:41px; padding:0; cursor:pointer;}
#menu li a span {display:none;}
#menu li a:hover {	background-position:center;	}
#menu table {position:absolute; top:0px; left:0px; padding:0; width:0; height:0; }
#menu .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu li:hover {position:relative; z-index:200;}
#menu a:hover {position:relative; white-space:normal; z-index:200;}
#menu ul li:hover ul,
#menu ul a:hover ul {left:0; top:41px; height:auto; z-index:300;width:200px;background-color:#a6ba1b;color:#434233;padding:7px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu :hover ul.sub li{display:block; height:18px; position:relative; float:left; font-weight:normal;margin:0px 0px;color:#434233;} 
#menu :hover ul.sub li a{ font-size:11px;display:block; height:18px; width:174px;  text-decoration:none; padding:0; cursor:pointer; color:#434233;background-image:url(../images/imglist.jpg); background-repeat:no-repeat; background-position:left center;padding-left:15px;margin:0px 5px; border-bottom:2px solid #a6ba1c;}
#menu :hover ul.sub li a:hover {color:#434233; background-color:#f6f5ee; border-bottom:2px solid #424133;background-image:url(../images/imglisth.jpg); background-repeat:no-repeat; background-position:left center;}
#menu a:link.activo, #menu a:visited.activo, #menu a:hover 	
{background-position:bottom;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/	
#informacion {background-image:url(../images/informacion.jpg);	width:159px;}
#localizacion {	background-image:url(../images/localizacion.jpg);width:106px;}
#espacios {	background-image:url(../images/espacios.jpg);width:106px;}
#ofertasc {	background-image:url(../images/ofertas.jpg);width:151px;}
#ofertast {	background-image:url(../images/ofertaturistica.jpg);width:126px;}
#actuaciones {background-image:url(../images/actuaciones.jpg);width:113px;	}
#contacto {	background-image:url(../images/noticias.jpg);width:79px;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/******************************************************************************************************************************************************/
/*									                                 EXTRAS                                                                           */
/******************************************************************************************************************************************************/

/*-----------------------------------------CLASES-----------------------------------------*/
.titulo{margin:33px 0px 0px 27px;}
.flt-r{float:right;}
.flt-l{float:left;} 
a.anoticia {width:600px; float:left; padding-left:10px; font-weight:bold; text-decoration:none; color:#3e3f31;}
.anoticia a:link,a:hover{text-decoration:underline; font-size:11px;}
.nfecha{width:100px; float:right; text-align:right; font-weight:bold; color:#3e3f31;}
.ndesarrollo{padding-left:25px; display:block;}
.paginacion{ padding-right:20px; color:#a6ba1b; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold;}
a.paginacion { text-decoration:none;}
a:paginacion:{ text-decoration:underline;}

/*---------------------------------------FORMULARIOS----------------------------------------
<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>*/

label,input {display: block;width: 250px;float: left;margin-bottom: 10px;}
label {text-align: right;width: 75.px;	padding-right: 20px;	width: 75px;}
br {clear: left;}
input{ 	background-color:#FFFFFF;	border-width: 1px;	border-style:solid;	border-color:#CCCCCC;	font-family:Verdana, Arial, Helvetica, sans-serif;	text-align:justify;	font-size:11px;	width:150px;	padding:1px 0;padding-left:5px;}
label{	color:#333333;	font-size:12px;	padding-top: 10px;	font-family: Verdana, Arial, Helvetica, sans-serif;	width: 100px;}
/*-----------------------------------OFERTAS----------------------------------------------*/
#oferta {padding:5px 5px 10px 5px;overflow:hidden;margin-bottom: 5px;background-color: #FFF;width:848px; border:1px solid #FFF;}

#oferta a:link,a:active{color:#666633; text-decoration:none; font-size:11px; font-family:Verdana, Geneva, sans-serif;  }
#oferta a:hover{ text-decoration:underline;  }
#ofertan {width:830px; font-weight: bold; display:block; margin:5px 0 10px 18px; }
#ofertan p{ margin:0px; padding:0px;  color:#666633;}
#ofertad {padding-left:10px;margin-left:4px;border-left:1px solid #a89f3a;width:820px;float:left;height: 100%;position: relative;display: block;}
#ofertados {padding-left:10px;margin-left:4px;border-left:1px solid #a89f3a;width:620px;float:left;height: 100%;position: relative;	display: block;}
#ofertad p {
	text-align:right justify;
	width:710px;
	float:left;
	padding:0px;
	margin:0;
}
#ofertados p {
	text-align:right;
	width:500px;
	float:left;
	padding:0px;
}
#ofertad div {min-height:15px;	height:15px; height:auto !important;	border-bottom:1px dotted #403e31;	position: relative;	padding: 2px 0px;}
#ofertad div h6 img {margin-right:6px;}
#ofertados div {min-height:15px;	height:15px; height:auto !important;	border-bottom:1px dotted #CCC;	position: relative;	padding: 2px 0px;}
#ofertados div h6 img {margin-right:6px;}

h6{
	float:left;
	width:100px;
	position:relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background:none;
	color:#a7bb1b;
}
h6 samp{
	color:#a89f3a;
	float:left;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	width: 420px;
	text-align:right;	
	background-color:#03C;
}
/*-----------------------------------------------------------------------------------*/
ul#oferto {
	margin:5px 0 0 10px;
	position:relative;
	width: 835px;
}
.mito{background-color:#e9eec6;}
ul#oferto li {
	background-repeat:no-repeat;
	padding:10px;
	position:relative;
	margin:0px;
	width: 820px;
	background-image:url(../images/flecha.jpg);
}
#oferto li span {
	position:absolute;

	top:6px;
	right:10px;
}
ul#oferto li a {margin-left:5px; padding-left:18px;text-decoration:none;font-weight:bold; height:25px; color:#666633; text-decoration:none; font-size:11px; font-family:Verdana, Geneva, sans-serif;  }
ul#oferto li a:hover {text-decoration:underline; background-image:url(../images/puntero.gif); background-repeat:no-repeat; background-position:left;}
#tipos {
	height:40px;

	position:absolute;
	top:7px;
	right:0px;
	z-index:90;
}
.fotoferta{
	float:right; padding-top:10px; margin-left:20px;
	}
.descripcionoferta {
	width:710px;
	float:left;
	border:#FFF !important; 
}
#ofertad  ul,ol {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin: 10px 0px 10px 15px;
}
#ofertad  ul li{ padding-left:12px;  background-image:url(../img/ico/arrow_mini_right.gif); background-position:left; background-repeat:no-repeat;   }
#ofertad a{ color:#a7bb1b; text-decoration:underline;}
.ocho{ width:860px !important;