/* default elements */
* {margin: 0; padding: 0;}

html{font-size:100%;}
body {background-image:url(../img/su_fondo.jpg);color: #222;font: normal 1em arial;padding: 0.1em 0;}
a {}
a:hover {color: #963;}
h1,h2,h3 {color: #442;}
h1 {font: normal 2.4em arial;display:none}
h2 {font: normal 1.2em arial;}
h3, .pseudo_h3 {font: bold 1.1em arial;}
blockquote {background: url('../img/quote.gif') no-repeat;display: block;font: normal 1.1em Georgia,serif;padding-left: 1.625em}
img {border: none;}
li {line-height: 1.5em;}
p {padding: 0.1em 0 0.310em;}
ul {padding: 0 2em 1.2em;}
label, input, select {display:inline}

/* structure */


#wrapper {padding: 0 0.5em 0.5em 0.5em;background:#7A633B;margin: 0 auto;width: 57em;}
#container {line-height: 1.3em;margin: 0 auto;width: 57em;}

#round_wrapper{
	background-image:url(../img/su_fondo.jpg);
	margin:0 auto;
	width:58em;
	padding:0;
	border:0;
	height:15px;
	}
	
.esquina_izquierda
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:15px;
}

.rellenador
{
	
	height:15px;
	display:inline;
	float:left;
	background-color:#7A633B;
	width:56.125em;
}

.esquina_derecha
{
	display:inline;
	float:right;
	margin:0;
	padding:0;
	width:15px	
}

@media print{.esquina_izquierda, .esquina_derecha, .rellenador {display:none;width:0;height:0}}
/* header */

.title {width:57em;margin:0 auto;margin-bottom:1em;position:relative}
#img_logo{margin:0 auto;}
.menu{margin-bottom:1em;}
#container > .menu{border: 0.0625em solid #7A633B;}
#logo{z-index:99}
#webs_hermanas{z-index:100}
/* navigation */

.menu ul{list-style:none;margin-left:1.2em;margin-left:1.2em;padding: 0;}
.menu  ul li{display: inline;float:left;}
.menu  ul li a, .menu ul li span.menu_zona_propietarios{font: bold 0.9em Tahoma,arial;padding: 0 0.5em;line-height: 1.8em;float:left;text-align: center;text-decoration: none;border-right: 0.0625em solid #C9C6B3;}
@media screen{.navigation {margin-top:0;}}
@media print{.navigation{display:none;}}
.navigation{}
.navigation ul{}
.navigation a {background:#ffffff;color: #553;}
.navigation a:hover {background-position: left bottom; color: #331;}

/* admin navigation */
.admin_navigation {margin-top:0.5em;}
.admin_navigation ul{}
.admin_navigation a {background: #333322;color: #FBF9F4;}
.admin_navigation .menu_zona_propietarios{background: #333322;color: #FBF9F4;}
.admin_navigation a:hover {background-position: left bottom; color: #888;}
@media print{.admin_navigation{display:none;}}

/* notificaciones navigation */
.col2 .menu ul{margin-left:0;padding:0}

/* search */

@media screen
{
	#busqueda {border: 0.0625em solid #6A4C18;padding: 0.5em 1.25em;font-size:0.8em;padding:0.5em 0 0.5em 1.25em;margin-top:1em;* padding: 0.5em 0.5em 0.5em 1.25em;}
	#busqueda #busqueda_botones, #busqueda .elemento_busqueda{display:inline;}
	#busqueda_botones{float:right;margin-right:1.4em;margin-top:1.4em;* margin-right:0.7em;}
	.elemento_busqueda{width:285px;color:#f7f7e7}
}
#busqueda table input, #busqueda table select{background-color:#FCFAE1;border:0.062em solid white;}
#busqueda table label{color:#F7F7E7;}
@media print
{
	#busqueda{display:none}	
}

/* main */
.main#two-columns {background:#F7F7E7;border: 0.0625em solid #6A4C18} /* capa del contenido, dividida en dos columnas */

/* marcos */

.marco_con_titulo{background-color:#F7F1AF;margin-bottom: 0.5em;border:0.0625em solid #BDC0B7;}
.marco_con_titulo p{margin:0.5em}
.marco_con_titulo h2{padding-left:0.5em;color:#FFFFFF;text-transform:uppercase;height:1.75em;line-height:1.75em}
#encabezado_alojamiento, .marco_con_titulo h2{background-color:#AC8C55;}
.alojamiento_portada h2{padding-bottom:0.1em;font-size:1em;* font-size:1em;}
#alojamiento.marco_con_titulo h2{font-weight:bold;}
.marco_con_titulo h2 a, #menu_alojamiento a, #encabezado_alojamiento h3{color:#555533}

.marco_con_titulo #publicar_alojamiento_form{margin:0.5em}
.marco_con_titulo #publicar_alojamiento_form h3{padding:0.5em 0}

.condiciones, .instrucciones{padding:0.5em;margin-right:1em;}
.condiciones h3{margin:0.5em}
#cambio_password{width:21em;padding:0.5em}
.notificaciones_lista{width:28em;margin-bottom:0.5em}
.ficha_propietario{padding:0.5em;}
.como_funciona{padding:0.5em}
.detalles{text-align:right;}
/* alojamientos */

/* en portada */

.alojamiento_portada{display:inline;width:22.5em;}
.alojamiento_portada_izq, .alojamiento_portada_der,.alojamiento_portada_foto, .alojamiento_portada_info{display:inline;float:left;}
.alojamiento_portada_izq, .alojamiento_portada_der{margin-right:0.5em;}
.alojamiento_portada_foto{width:10.1em;height:9em;;background-repeat:no-repeat;}
.alojamiento_portada_foto img{width:150px;height:112px;border:0.11em solid #000000;* border:0.089em}
.marco_A{background-image:url(../img/fondo_modalidad_a.png)}
.marco_B{background-image:url(../img/fondo_modalidad_b.png)}
.alojamiento_portada_info{width:11.9em;margin-left:0.5em;height:9em;}
.alojamiento_portada h2{color:#EAC991;}
.alojamiento_portada h3{padding:0.5em 0.5em;font-size:0.715em;* font-size:0.715em;height:1.5em;text-transform:uppercase;font-weight:bold}
.alojamiento_portada .precio{float:right;padding-right:0.5em;background-color:#C9FF8F}
.alojamiento_portada .plazas{float:left;}
.alojamiento_portada p{font-size:0.9em;	padding:0;}
p.tipo_alojamiento{font-size:0.8em;}
p.tipo_alquiler{font-size:0.79em;}
.alojamiento_portada p{margin:0;padding:0.1em}
.azul_portada{color:#5C66FF}

/* ficha individual */

#alojamiento{margin-bottom: 0.5em;padding-bottom:0.5em;margin-right:1em;}
#encabezado_alojamiento h2, #encabezado_alojamiento h3,#menu_alojamiento h3, #menu_alojamiento h3 {display:inline;}
#encabezado_alojamiento h3{float:right;padding-right:0.5em;text-transform:uppercase;font-weight:bold;font-size:0.715em;* font-size:0.715em}
#encabezado_alojamiento h2{float:left}
#alojamiento_content{padding:0.5em;}
#alojamiento_content h3{margin-bottom:1em}
#alojamiento_content p{margin:0;padding:0;font-size:0.9em}
#bloque_galeria, #bloque_galeria, #bloque_wrap_mapa_calendario,#bloque_mapa_situacion, .bloque_mapa_situacion{width:430px;}

#bloque_datepicker_contacto #datepicker_ini, #bloque_datepicker_contacto  #datepicker_fin{/*position:absolute;display:block;left:680px;* left:610px*/}
#bloque_mapa, #bloque_galeria, #bloque_galeria, #bloque_wrap_mapa_calendario,.bloque_mapa_situacion, #bloque_formulario_contacto{display:inline;float:right}
#bloque_formulario_contacto{width:400px;}
.bloque_mapa_situacion{display:inline;float:right}
#bloque_galeria *{margin:0 auto;}
.bloque_mapa_situacion{height: 690px;}
#bloque_calendario{display:inline;float:left;}
#bloque_calendario_contacto{display:inline;float:left;height:265px;}
#bloque_datos_alojamiento,#bloque_caracteristicas,#bloque_otras_comodidades,#bloque_actividades_zona,#bloque_otras_actividades,#bloque_descripcion_temporadas{width:259px;}
#bloque_caracteristicas,#bloque_otras_comodidades,#bloque_actividades_zona,#bloque_otras_actividades,#bloque_descripcion_temporadas{display:block;float:left;margin:0.9em 0; * margin-top:0}
#bloque_caracteristicas{margin-top:0}
#bloque_datepicker_contacto{display:inline;float:right}

@media screen
{
	#bloque_caracteristicas,#bloque_otras_comodidades,#bloque_actividades_zona,#bloque_otras_actividades,#bloque_descripcion_temporadas{overflow:auto;}
}
#bloque_datos_alojamiento{display:block;float:left;}
@media screen
{
	#bloque_caracteristicas{height:10em;}	
}
@media screen
{
	#bloque_otras_comodidades{height:5em}
}
@media screen
{
	#bloque_actividades_zona{height:4em;}
}
@media screen
{
	#bloque_otras_actividades{height:3em;}
}
@media screen{
	#bloque_descripcion_temporadas{height:4em;}
}
#bloque_actividades_zona p{padding:0;margin:0;}
#menu_alojamiento{display:block;background:#DFC36E;}
#alojamiento ul{padding: 0;list-style-image:none;list-style-position:outside;list-style-type:none;	display:block;}
#alojamiento ul li{display: inline;float:left;	padding-left:0.5em;}
#alojamiento h3{font-size:0.9em;height:1.5em;	* font-size:0.78em;}
#alojamiento #encabezado_alojamiento h3{font-size:0.718em;* font-size:0.718em}


/* reservas */
#reserva{background-color:#F7F1AF;border:0.0625em solid #BDC0B7;margin-bottom: 0.5em;padding-bottom:0.5em;padding:0.5em;}
#reserva h2{color:#513E1D;font-weight:bold;* font-size:1em;text-decoration:underline;margin-bottom:1em}
#reseva h3{font-size:0.8em;height:1.5em;	* font-size:0.78em;}
#reserva p{margin:0;}
#bloque_datos_reserva{display:inline;width: 430px;float:right;	}
#reserva .bloque_mapa_situacion{height:345px}

/* login */

/* paginación */
.boton_paginacion{display:inline;float:left;background-color:#ffffff;padding: 0.1em 0.3em;border:#cccccc solid 0.062em;margin:0.1em;}
.boton_paginacion_seleccionado{background:#cccccc;}
#menu_paginacion{clear:both;}

/* footer */
.footer {margin-top:1em;background-color:#7A633B;color: #EED;padding: 0.0625em;}
.left {width: 45.3em;}
.footer{border: 0.0625em solid #6A4C18;padding: 0.5em 1.25em;font-size:0.8em;padding:0.5em 1.25em 0.5em 1.25em;* padding: 0.5em 0.5em 0.5em 1.25em;}
.footer .right {width: 11em;text-align: right;}
@media print
{
	.footer .right {display:none;}		
}
.footer a {color: #FFF;text-decoration: none;}
.footer a:hover, .footer .right a:hover {color: #FFF;text-decoration: underline;}
.footer .right, .footer .right a {color: #7D7D75;}

.footer #footer_comunidades{text-align: justify;font-size:0.75em;font-style:oblique}

/* bloques_admin */

.minibloque_alojamiento_admin{background-color:#F7F1AF;margin-bottom:1em;border:0.0625em solid #BDC0B7;}
.minibloque_alojamiento_admin p{padding-left:0.5em;}
.minibloque_alojamiento_admin h2{padding-left:0.5em;padding-bottom:0.1em;background:#AC8C55;color:#EAC991;font-size:1em;* font-size:1em;text-transform:uppercase;}
.minibloque_alojamiento_admin h2 a{color:#ffffff;}

/* editar fotos admin */
.editar_fotos_foto{display:inline;float:left;width:10em}
.editar_fotos_menu{display:inline;float:right;width:25em;	}
.editar_fotos_container{display:inline;float:left;width:35.75em;margin-bottom:0.5em;padding:0.5em}
.editar_fotos_menu p, .editar_fotos input{margin:0.3em;padding:0}

/* misc */

@media print
{
	.right .content{display:none;}
}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 46.3em;margin:1em 0 1em 1.2em}
.col2 .right .content {}
.col2 .right .content *{margin:0.5em}
.col2 .right {width: 8.16em;background:#DAD7C5;margin:2.5em 1.2em 1.5em 0;}
.content {}
.left {float: left}
.right {float: right}
.right .content {}


/*  Calendario */
.colorCalendar1 {background-color: #ffcc99;}/* hoy */
.colorCalendar2 {background-color: #F7F7E7;}/* finde */
.colorCalendar3 {background-color: #F7F7E7;} /* normal */
/*.disponibilidad1 {background-color: #FFD700;}*/ 
/*.disponibilidad2 {background-color: #FF0000;color: #FFFFFF}*/
.disponibilidadlleno{color: #FFFFFF;background-color: #A87302;} /* lleno */
.disponibilidadquedan{background-color: #F9C555;} /* plazas libres */
.gestion_calendario{width:550px;* width:590px;padding:0.5em}
/*
 color calendar 0 -> día pasado
 */

/* galería */
#contenido_galeria div{border:0px;margin:0px;padding:0px;}
#contenido_galeria{width:400px;}
/*
#foto_grande{width: 400px;height:400px;border:0px;}
#foto_grande img{width: 400px;height:400px;border:0px;}
*/
#foto_grande{width: 400px;;border:0px;}
#foto_grande img{border:0px;margin:0 auto}
#caja_pequenas{width:320px;float:left;}
.caja_back{height:80px;width:80px;float:left;}
.caja_back img{border:0px;margin:0px;padding:0px;}
.botones_galeria{width:40px;height:60px;float:left;}
#boton-der{background-image:url(../img/forward.png);}
#boton-izq{background-image:url(../img/back.png);}