/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#46483f;
font-size:0.8em;
line-height:18px;
background:#FFFFFF url(images/bk2.gif) repeat-x;margin:0;
}

/* ---------------------------------------------------------------
							LAYOUT
-----------------------------------------------------------------*/

/* Start Mac IE5 filter \*/
#block_1,#block_2,#block_3 {float:left;}
/*\*/
#wrapper {width:750px;overflow:hidden;float:none;display:block;margin:20px auto 20px;padding:0;}
#wrapper2 {width:750px;overflow:hidden;float:none;display:block;margin:5px auto 20px;padding:0;}
#wrapperfi {
	width:750px;
	overflow:hidden;
	float:none;
	display:block;
	padding:0;
	margin-top: 110px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#wrapperre {
	width:750px;
	overflow:hidden;
	float:none;
	padding:0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
/* easy clearing */
#wrapper:after {content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
#wrapper2:after {content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
#wrapperfi:after {content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
#wrapperre:after {content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
/* end easy clearing */
#footer {clear:both;}
#header,#footer {width:750px;}
#header2{width:750px;}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer,* > form,* > #notes,* > .output {position:relative;z-index:1000;}
#block_1b {float:left;width:250px;margin-left:500px;}
* html #block_1b {display:inline;}
#block_2b {float:left;width:500px;margin-left:-750px;}


#nav {height:103px;width:750px;margin:auto;}
#logo {float:right;width:121px;}
#banderas {float:right;width:25px; padding:3px}


#header {width:750px; height:305px; margin:13px auto 0 auto;}
#header2 {width:750px; height:200px; margin:13px auto 0 auto;}
/*#form {
	width:750px;
	height:40px;
	margin:0px auto 0 auto;
}*/
#form {
	width:750px;
	margin:0px auto 0 auto;
}
#header_intro {width:750px; height:305px; margin:auto;}
.introtext {padding:10px 20px;background:#581000;margin:0 0 20px 0; color:#f7edeb;}
.noborder {border:none;}


/* ---------------------------------------------------------------
							Menú
-----------------------------------------------------------------*/

#menu {top:0;left:0;list-style:none;height:84px;display:inline;overflow:hidden;width:500px;margin:0;padding:0;}
#menu li {display:inline;list-style-type:none;margin:0;padding:0;}
#menu a {float:left;overflow:hidden;height:0 !important;padding:84px 0 0;}
#menu a:hover {background-position:0 -84px;}
#menu a:active,#nav a.selected {background-position:0 -168px;}

#nav_inicio_es a {width:61px;background: url(images/nav_inicio.png) top left no-repeat;}
#nav_servicios_es a {width:194px;background: url(images/nav_servicios.png) top left no-repeat;}
#nav_gudar_es a {width:162px;background: url(images/nav_gudar.png) top left no-repeat;}
#nav_noticias_es a {width:90px;background: url(images/nav_noticias.png) top left no-repeat;}

#nav_inicio_en a {width:61px;background: url(images_en/nav_inicio.png) top left no-repeat;}
#nav_servicios_en a {width:194px;background: url(images_en/nav_servicios.png) top left no-repeat;}
#nav_gudar_en a {width:162px;background: url(images_en/nav_gudar.png) top left no-repeat;}
#nav_noticias_en a {width:90px;background: url(images_en/nav_noticias.png) top left no-repeat;}



/* ---------------------------------------------------------------
							Typografías
-----------------------------------------------------------------*/

.leftblock {
	width:225px;
	height:220px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(images/fnt.png);
	background-repeat: no-repeat;
	background-position: top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
}
.rightblock {
	margin:10px 0px 0 0px;
	width:225px;
	height:220px;
	background-image: url(images/fnt.png);
	background-repeat: no-repeat;
	background-position: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #009900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
}
.centerblock {
	margin-top: 10px;
	margin-right: 36px;
	margin-bottom: 0;
	margin-left: 36px;
	width:225px;
	height:220px;
	background-image: url(images/fnt.png);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	}

.left {padding:15px 20px 0 0;}
.left2 {padding:15px 0px 0 0;}
.right{padding:15px 0 0 20px;}


h1, h2 {
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #18912A;
	background-image: url(images/ftexto.png);
	background-repeat: repeat-x;
}
h3 {color:#601100;font-weight:bold; font-size:1em;margin:10px 0 -10px 6px;}
p {padding:0 0 5px 6px;}
h4 {
	color:#FFFFFF;
	font-size:1em;
	background-color: #18912A;
	background-image: url(images/ftexto.png);
	background-repeat: repeat-x;
	text-align: center;
}
h4:link{
	color:#FFFFFF;
}


/* ---------------------------------------------------------------
							SIDEMENU
-----------------------------------------------------------------*/

#sidemenu_container {
	width: 230px;
	background-image: url(images/fmenu1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcddd9;
}
#sidemenu_container ul{margin-left: 0;padding-left: 0;list-style-type: none;}
#sidemenu_container li {border-bottom: border-bottom: 1px solid #bec0b7;}
#sidemenu_container a{display: block;padding: 5px 0 5px 10px;width: 220px;border-bottom: 1px solid #dcddd9;}
#sidemenu_container a:link, #sidemenu a:visited{color:#666666;text-decoration: none;}
#sidemenu_container a:hover{background-color: #D0E4C6;color: #333333;}

/* ---------------------------------------------------------------
							BOXHOVER
-----------------------------------------------------------------*/

.left ul { list-style: none; height: 100%; margin: 0; padding:0;}
.left ul li {}
.left ul li a, .left ul li a:visited {background:   url(images/box_bk.gif) no-repeat;color: #e8e6e2;  display: block; margin:30px 0 0 0; padding: 15px 30px 0px 0px; text-decoration: none; width: 450px; height:70px; text-decoration: none;}
.left ul li a:hover {background:  url(images/box_bk_hover.gif) no-repeat;color: #fff;}
.left ul li a em {text-transform:uppercase;font-size:1.2em; font-weight:normal; font-style:normal; padding:3px 20px 0 20px;margin:0;}
.left ul li a strong {background: none; font-weight: normal; display: block; /* new */ position: relative; padding: 0px 20px 0 20px;}
.left ul li a span { display: block; position: relative; padding: 5px 20px 0 20px;}


/* ---------------------------------------------------------------
							INTRO BOXHOVER
-----------------------------------------------------------------*/

.intro ul { list-style: none; height: 100%; margin: 0 0 0 27px; padding:0;}
.intro ul li {}
.intro ul li a {background:   url(images/box_intro_bk.gif) no-repeat;color: #e8e6e2;  display: block; margin:20px 0; padding: 7px 30px 5px 0px; text-decoration: none; width: 185px; height:40px; text-decoration: none;}
.intro ul li a:hover {background:  url(images/box_intro_bk_hover.gif) no-repeat;color: #fff;}
.intro ul li a em {text-transform:uppercase;font-size:1.1em; font-weight:normal; font-style:normal; padding:0px 20px 0 20px;margin:0;}
.intro ul li a strong {background: none; font-weight: normal; display: block; /* new */ position: relative; padding: 0px 20px 0 20px;}
.intro ul li a span { display: block; position: relative; padding: 5px 20px 0 20px;}


/* ---------------------------------------------------------------
							INTRO LEFT BOXHOVER
-----------------------------------------------------------------*/

#block_1 ul { list-style: none; height: 100%; margin: 0; padding:0;}
.leftblock ul li a{background:   url(images/box_intro_bk.gif) no-repeat;color: #e8e6e2;  display: block; margin:20px 0; padding: 7px 10px 5px 20px; text-decoration: none; width: 185px; height:40px; text-decoration: none;}
.leftblock ul li a:hover {background:  url(images/box_bk_hover.gif) no-repeat;color: #fff;}

.intro_left {margin:0 0 0 20px;}
.intro_middle {margin:0 0 0 30px;}
.intro_right {margin:0 0 0 10px;}

/*Botones desglose noticias intro*/
.button_left{margin:5px 0 0 0;border:none;}
.button_center{margin:5px 0 0 35px;border:none;}
.button_right{margin:5px 0 0 0;border:none;}

/* ---------------------------------------------------------------
							Logos
-----------------------------------------------------------------*/
/*Footer, colocación logotipos Aramon etc*/
#footer {
	position: absolute;
	text-align: center;
	top: 720px;
}
/*Maquetación del formulario horizontal para el buscador.*/
#formulario {
	width:750px;
	margin:5px auto 0;
	background-image: url(images/fondob.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#formulario fieldset {
	border: none;
	display: block;
}

#formulario legend {
	font-weight: bolder;
	font-size: 18px;
}

#formulario label {
	float: left;
	display: block;
	margin-right: 7px;
}

#formulario input, #formulario select{
	display: block;
	width: 140px;
}

#formulario input.enviar {
	width: 60px;
	margin-left: 10px;
	margin-top:17px;
}
#formulario input.alfa {
	width: 130px;
	margin-left: 10px;
	margin-top:17px;
}
br {
	clear: left;
}
/*Maquetación del formulario horizontal para Ordenación.*/
/*#formulario1 {
	width:750px;
	margin:5px auto 0;
	background-image: url(images/fondob2.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#formulario1 fieldset {
	border: none;
	display: block;
}

#formulario1 legend {
	font-weight: bolder;
	font-size: 18px;
}

#formulario1 label {
	float: left;
	display: block;
	margin-right: 7px;
}

#formulario1 input, #formulario select{
	display: block;
	width: 140px;
}

#formulario1 input.enviar {
	width: 60px;
	margin-left: 20px;
	margin-top:17px;
}




#formulario1 input.alfa {
	width: 130px;
	margin-left: 10px;
	margin-top:17px;
}
br {
	clear: left;
}*/
/* ---------------------------------------------------------------
					Tablas Noticias
-----------------------------------------------------------------*/
/*Tabla de noticias foto,texto,enlace (Apertura pdf)*/
.textnoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B1B1AF;
	text-align:justify;
	background-image: url(images/c1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: text-top;
	border: 2px solid #CBCDCB;
	background-color: #F2F2F0;
	padding: 7px 4px 5px;
	font-weight: bold;
}
.foto {
	border: 2px solid #CBCDCB;

}
.dwl {
border:none;

}
/* ---------------------------------------------------------------
					Tablas de resultados (Alojamientos)
-----------------------------------------------------------------*/
/*Tabla de noticias foto,texto,enlace (Apertura pdf)*/
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000000;
	text-align:left;
	background-image: url(images/c2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	border: 2px solid #CBCDCB;
	background-color: #D0E4C6;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 7px;
}
.texto2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000000;
	text-align:center;
	vertical-align: middle;
	border: 2px solid #CBCDCB;
	background-color: #D0E4C6;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 7px;
}
.textolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000000;
	text-decoration:none;
	text-align:center;
	background-image: url(images/c2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	border: 2px solid #CBCDCB;
	background-color: #F7F9F6;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 5px;
}
a:link {
	text-decoration: none;
	color:#999999
}
a:visited {
	text-decoration: none;
	color:#999999
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.foto {
	border: 2px solid #999999;

}
.dwl {
border:none;

}
/* ---------------------------------------------------------------
					Tablas de resultados listado general
-----------------------------------------------------------------*/

.texto3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000000;
	background-image: url(images/c2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
	vertical-align: middle;
	border: 2px solid #CBCDCB;
	background-color: #D0E4C6;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 7px;
}
/* ---------------------------------------------------------------
					Fichas Asociados
-----------------------------------------------------------------*/
#logofi {
	position: absolute;
	top: 0px;
	left:70%;	
}
#etiqueta {
	position: absolute;
	top: 104px;
	left:4%;	
}
#superior {
	background-color: #000000;
	height: 300px;
	width: 100%;
}
#inferior {
	width: 100%;
	background-image: url(images/bgpx.jpg);
	background-repeat: repeat;	
}
#medio {
	height: 200px;
	width: 100%;
}
.tablaalo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	background-color: #FD999B;
	font-weight: bold;
	text-align: center;
}
.tablah {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	background-color: #FD999B;
	font-weight: bold;
	text-align: left;
	text-indent: 4px;
}
.tablat {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	background-color: #FD999B;
	font-weight: bold;
	text-align: center;
}
.tablapre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	background-color:#FBBEBF;
	text-align: center;
}
.obs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFFFFF;
	background-color:#FD999B;
	text-indent: 4px;
}
.contenido {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
	background-color:#FBBEBF;
	text-indent: 4px;
}
/* ---------------------------------------------------------------
					Fichas Pueblos
-----------------------------------------------------------------*/
#contenedor {
	background-color: #FFFFFF;
	width: 100%;
}

/* ---------------------------------------------------------------
				Central de reservas
-----------------------------------------------------------------*/
/*#cuerpo {
	height: 300px;
	width: 100%;
	background-image: url(images/freserva.jpg);
	background-repeat: no-repeat;
}*/
/*#formularioreserva {
	width: 750px;
	background-color: #CCCCCC;
	height: 300px;
}*/
#formularioreserva {
	width: 750px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

#formularioreserva fieldset {
	border: 1px solid #999999;
	background-color: #F7F9F6;
	background-image: url(images/freser1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#formularioreserva fieldset2 {
	border: 1px solid #999999;
	background-color: #F7F9F6;
	
}
#formularioreserva legend {
	font-weight: bold;
	font-size: 14px;
	padding: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #339933;
}

#formularioreserva label {
	display:block;
	width: 370px;
}

#formularioreserva input.ci4{
	color:#666666;
	width: 20px;
}




#formularioreserva input, #formularioreserva textarea, #formularioreserva select {
	width: 100%;
	margin-bottom: 5px;
}

#formularioreserva input.calen {
	width: 80%;
	margin-bottom: 5px;
}

#formularioreserva input.enviar {
	display: block;
	width: 150px;
	margin: 0 auto;
}