/* CSS Document */

html body{ margin:0; padding:0;}

body{ padding:0; margin:0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:90%; background-color:#384900; color:black;}

img { margin:0; padding:0; border:0;}

p { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}

strong { font-family:Arial, Helvetica, sans-serif; color:#668400; font-size:12px; font-weight:bold;}

#index{ top:0; width: 938px; margin: 0 auto; padding: 0; text-align:left; border-top:2px solid #003300;}
#index h1{ margin:0; padding:0; float:left;}
#index h1 a { margin:0; padding:0; float:left; text-decoration:none;}
#index h1 a span { margin:0 0 0 -1800px; }

#contenedor{ top:0; width: 938px; margin: 0 auto; padding: 0; text-align:left; border-top:2px solid #86AE00; border-bottom:2px solid #86AE00;}

/*Inicio Cabecera páginas*/
#contenedor #cabecera{ margin:0; padding:0; width:938px; float:left; background-color:#668400; height:88px;}
#contenedor #cabecera img { margin:0; padding:0; width:auto; float:right;}
#contenedor #cabecera h1{ margin:0; padding:0; width:390px; float:left; background-image:url(img/h1_casabelesar.gif); background-repeat:no-repeat; background-position:left;height:88px;}
#contenedor #cabecera h1 a { width:390px; height:88px; margin:0; padding:0; float:left; text-decoration:none;}
#contenedor #cabecera h1 a span { margin:0 0 0 -1800px;}

/*Fin Cabecera*/

#menu_principal{ margin:0; padding:0; width:714px; float:left; height:30px;}
#menu_principal ul { margin:0; padding:0; float:left;}
#menu_principal ul li { width:auto; margin:9px 1px 0 0; padding:5px 10px 0 13px; display:inline; float:left; background-color:#668400; height:25px;}
#menu_principal ul li a { margin:0; padding:0; color:#FFFFFF; text-decoration:none; font-weight:bold;}
#menu_principal ul li a:hover { color:#D4FA54;}
#menu_principal ul li a.on{ color:#D4FA54;}
#menu_principal ul li#opcion_1 { margin:9px 1px 0 103px; padding:5px 13px 0 13px; float:left; background-image:url(img/curva_inicio_menu.gif); background-repeat:no-repeat; background-position:left top; width:auto; height:25px;}
#menu_principal ul li#opcion_fin { width:70px; margin:9px 1px 0 0; padding:5px 13px 0 13px; display:inline; float:left; background-color:#668400; height:25px;}

#pie p { margin:10px 0 10px 0; padding:0; float:left; width:938px; font-size:11px; color:#FFFFFF; font-weight:normal; text-align:center;}
#pie p a { margin:0; padding:0; color:yellow; text-decoration:none;}
#pie p a:hover { margin:0; padding:0; color:yellow; text-decoration:underline;}

/*Cada HTML tiene una capa de contenidos distinta para la imagen del fondo*/
/*Casa del Belesar*/
#contenidos_belesar { background-color:#FDFCEF; margin:0; padding:0 0 30px 0; float:left; width:938px; background-image:url(img/fondo_belesar_good.jpg); background-position:right top; background-repeat:no-repeat;}
#contenidos_belesar h2 { margin:30px 0 0 10px; padding:0; float:left; width:700px;}
#contenidos_belesar #imagenes_belesar { margin:20px 0 0 10px; padding:0; float:left; width:800px;}
#contenidos_belesar #imagenes_belesar img { float:left; width:auto; margin:0; padding:0; margin-right:40px;}
#contenidos_belesar p { margin:0 0 0 10px; padding:0; float:left; width:700px; }
#contenidos_belesar p a { margin:0; padding:0; float:right; color:#668400; text-decoration:underline;}
#contenidos_belesar p a:hover { margin:0; padding:0; text-decoration:none;}

/*Entorno*/
#entorno_belesar { background-color:#FDFCEF; margin:0; padding:0 0 30px 0; float:left; width:938px; background-image:url(img/fondo_belesar.jpg); background-position:right top; background-repeat:no-repeat;}
#entorno_belesar h2 { margin:30px 0 0 10px; padding:0; float:left; width:700px;}
#entorno_belesar p { margin:0 0 0 10px; padding:0; float:left; width:700px;}
#entorno_belesar p a { margin:0; padding:0; color:#668400; text-decoration:underline; font-weight:bold;}
#entorno_belesar p a:hover { margin:0; padding:0; color:#000; text-decoration:none; font-weight:bold;}
#entorno_belesar #imagenes_entorno { margin:20px 0 0 10px; padding:0; float:left; width:800px}
#entorno_belesar #imagenes_entorno .columna { margin:0; padding:0; float:left; width:200px;}
#entorno_belesar #imagenes_entorno img { margin:0 40px 40px 0; padding:0; float:left; width:auto;}
#entorno_belesar #imagenes_entorno #interes {margin:0; padding:10px 10px 10px 10px; float:left; width:170px; background-color:#FFFFFF; height:284px;}
#entorno_belesar #imagenes_entorno #interes h3 { margin:0; padding:0; float:left; width:170px;}
#entorno_belesar #imagenes_entorno #interes ul { margin:0; padding:0; float:left; width:170px; list-style:none;}
#entorno_belesar #imagenes_entorno #interes ul li { margin:0; padding:0 0 3px 15px; float:left; width:170px; font-size:11px; background-image:url(img/bolo.gif); background-position:left; background-repeat:no-repeat;}
#entorno_belesar #imagenes_entorno #interes ul li a { color:#000000; text-decoration:underline;}
#entorno_belesar #imagenes_entorno #interes ul li a:hover { color:#668400; text-decoration:underline;}

/*Actividades*/
#contenidos_actividades { background-color:#FDFCEF; margin:0; padding:0 0 30px 0; float:left; width:938px; background-image:url(img/fondo_activ.jpg); background-position:right top; background-repeat:no-repeat;}
#contenidos_actividades h2 { margin:30px 0 0 10px; padding:0; float:left; width:700px;} 
#contenidos_actividades h3 a { margin:0; padding:0; color:#000000; text-decoration:none; font-weight:bold;}
#contenidos_actividades h3 a:hover { color:#668400; text-decoration:underline;}
#contenidos_actividades p { margin:0 0 0 10px; padding:0; float:left; width:700px;} 
#contenidos_actividades .actividades { margin:0 0 0 10px; padding:0; float:left; width:220px;}
#contenidos_actividades .actividades h3 { margin:20px 0 0 0; padding:0; float:left; width:220px; font-weight:bold; font-size:12px;}
#contenidos_actividades .actividades img { margin:5px 0 0 0; padding:0; float:left; width:auto;}

/*Servicios*/
#contenidos_servicio {  background-color:#FDFCEF; margin:0; padding:0 0 30px 0; float:left; width:938px; background-image:url(img/fondo_servicio.jpg); background-position:right top; background-repeat:no-repeat;}
#contenidos_servicio h2 { margin:30px 0 0 10px; padding:0; float:left; width:700px;} 
#contenidos_servicio p { margin:0 0 0 10px; padding:0; float:left; width:700px;} 
#contenidos_servicio span { font-size:9px; float:left; width:700px; padding:0 0 0 20px; margin:0;}
#contenidos_servicio #imagenes_servicios { margin:20px 0 0 10px; padding:0; float:left; width:650px;}
#contenidos_servicio #imagenes_servicios img { float:left; width:auto; margin:0 20px 20px 0; padding:0;}
#contenidos_servicio #lista_izq { float:left; width:280px; margin:10px 20px 20px 0; padding:0;}
#contenidos_servicio #lista_izq ul { margin:0 0 0 10px; padding:0; float:left; width:280px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; list-style:none;}
#contenidos_servicio #lista_izq ul li { margin:0; padding:3px 0 0 5px; float:left; width:280px; font-weight:bold;}
#contenidos_servicio #lista_dch { float:left; width:280px; margin:10px 0 20px 0; padding:0;}
#contenidos_servicio #lista_dch ul { margin:0 0 0 10px; padding:0; float:left; width:280px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; list-style:none;}
#contenidos_servicio #lista_dch ul li { margin:0; padding:3px 0 0 5px; float:left; width:280px; font-weight:bold; }

/*Situacion*/
#contenidos_situacion { background-color:#FDFCEF; margin:0; padding:0 0 30px 0; float:left; width:938px; background-image:url(img/fondo_situacion.jpg); background-position:right top; background-repeat:no-repeat;}
#contenidos_situacion h2 { margin:30px 0 0 10px; padding:0; float:left; width:700px;}
#contenidos_situacion #zona_situacion { margin:0; padding:0; width:700px; float:left;}
#contenidos_situacion #zona_situacion ul { margin:0 0 0 10px; padding:0; width:250px; float:left; list-style:none;}
#contenidos_situacion #zona_situacion ul li.bold { font-weight:bold; width:250px;}
#contenidos_situacion #zona_situacion ul li { color:#000000; float:left; width:250px; font-size:12px; margin:0; padding:0 0 10px 0; font-weight:normal;}
#contenidos_situacion #zona_situacion img { margin:0; padding:0; width:auto; float:right;}

/*Reservas*/
#contenidos_reservas { background-color:#FDFCEF; margin:0; padding:0 0 30px 0; float:left; width:938px; background-image:url(img/fondo_reservas.jpg); background-position:right top; background-repeat:no-repeat;}
#contenidos_reservas h2 { margin:35px 0 0 8px; padding:0; float:left; width:700px; display:inline}
#contenidos_reservas .temporada { margin:20px 0 20px 8px; padding:0; float:left; width:700px; color:#668400; font-size:15px; font-weight:bold;}
#contenidos_reservas .plazas {float:left; width:700px; margin:0 0 5px 11px; padding:0; color:#668400; font-size:12px; font-weight:bold;}
#contenidos_reservas .plazas ul { float:left; width:700px; margin:0; padding:0; list-style:none;}
#contenidos_reservas .plazas li { float:left; width:115px; margin:0; padding:0; list-style:none;  border-bottom:none;}
#contenidos_reservas .tarifas { margin:0 0 0 8px; float:left; width:700px; padding:0; border:1px solid green;}
#contenidos_reservas .fila { float:left; width:696px; margin:0; padding:0; background-color:#FFFFFF; font-size:12px;}
#contenidos_reservas .fila ul { float:left; width:696px; margin:0; padding:0 0 0 4px; list-style:none;}
#contenidos_reservas .fila li { float:left; width:116px; margin:0; padding:0 0 0 0; list-style:none; border-bottom:1px solid green;}
#contenidos_reservas .fila-ultima { float:left; width:696px; margin:0; padding:0; background-color:#FFFFFF; font-size:12px;}
#contenidos_reservas .fila-ultima ul { float:left; width:696px; margin:0; padding:0 0 0 4px; list-style:none;}
#contenidos_reservas .fila-ultima li { float:left; width:116px; margin:0; padding:0 0 0 0; list-style:none; border-bottom:0px solid green;}
#contenidos_reservas .fila li.sin_borde { border-bottom:none;}
#contenidos_reservas #informacion { margin:10px 0 0 8px; float:left; width:700px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}
#contenidos_reservas #informacion ul { float:left; width:700px; margin:0; padding:0; list-style:none;}
#contenidos_reservas #informacion li { float:left; width:700px; margin:0 0 5px 0; padding:0;}
#contenidos_reservas #informacion ul li a { margin:0; padding:0; color:#668400; text-decoration:underline; font-weight:bold;}
#contenidos_reservas #informacion ul li a:hover { margin:0; padding:0; color:#000; text-decoration:none; font-weight:bold;}

/*Ventanas emergentes*/
.ventana_emergente { background-color:#384900; margin-top:35px; padding:0;}
.ventana_emergente img { border: 2px solid #668400;}
.ventana_emergente img a { border:0;}