/* CSS Document */


body { padding:0px; margin:0px; HEIGHT: 100%;
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align:center}

HTML{HEIGHT: 100%; overflow: inherit}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34180D;
	text-decoration:underline;
}
a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34180D;
	text-decoration:none;
}

.enlace a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34180D;
	text-decoration:none;
}
.enlace a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34180D;
	text-decoration:underline;
}

h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding:0px; margin:0px; color:#3399FF}
h1 .dir1{ color:#FFCC00;text-transform:uppercase;}
h1 .dir2 {color:#003366;}

h2{color:#003366; font-size:10px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; border-top:1px solid #cccccc; background-color:#FFF3A6; letter-spacing: 0.2em; padding:1px 5px 1px 5px; margin:0px;}
h3{color:#003366; font-size:10px; border-bottom:0px solid #cccccc;}

strong{}

p{ text-align:left; line-height: 17px;}

.mas_info{ background-image:url(../images/fl_info.gif); background-repeat:no-repeat; margin: 10px 0px 0px 0px; padding-left: 20px;}
.mas_info a{ text-decoration:none;}
.mas_info a:hover{ text-decoration:underline; color:#999999;}

#contenido .nota { color: #666666; font-size:9px; font-style:italic}
.leyenda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	margin: 10px;
}


/* --------------------------------------------------------- estructura general -----------------------------------------------------------------*/

#contenedor {
	min-height: 100%;
	background-color: #ECF2F1;
	border:0px solid #86A2C7;
	background-image:url(../images/fondo_utilbar.gif);
	background-repeat:repeat-x;
}
* html #contenedor {height:100%;}

#cabecera {
	margin:0 auto 0 auto;
	width: 775px;
	height:145px;
	margin-bottom:0px;
	background-color: #ffffff; /*background-image: url(../images/logotipo_marina.gif);*/
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
}

#menu {margin: 7px 0px 0px 15px; padding: 0px; height: 64px; width: 745px; border:0px solid #86A2C7;}

#contenido {
	margin:0 auto 0 auto;
	overflow: hidden;
	min-height: 100%;
	width:775px;
	padding-bottom:50px;
	text-align:left /*background-color:#86A2C7;*/;
	background-color: #FFFFFF;
}

#columna_izda { width:534px; float:left; padding: 0px; border-right:1px solid #ffffff; /* background-color:#118899;*/}

#columna_dcha { width:240px; float:left; padding:0px; margin:0px; /*background-color:#336699;*/}

#pie { position:relative; height:15px; margin-top:-17px; background-color:#E0ECFA; border-top:1px solid #86A2C7; color:#666666}

#utilbar { margin:0 auto 0 auto;overflow: hidden; width:747px; height: 20px; border:0px solid #86A2C7; padding: 6px 0px 0px 0px; text-align: right;}





/* -------------------------------------------------------- cabecera ------------------------------------------------------------------*/
#fecha{ padding: 15px; color:#666666; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;}



/* ---------------------------------------------------------- menu --------------------------------------------------------------------*/
#menu_link { margin:0px; padding:0px;}
#menu_link li{margin:0px;padding:0; float:left; list-style:none;}
#menu_link li a{ display:block; height:64px; width:59px; padding: 0px 5px 0px 0px; margin:0px 10px 0px 0px; background-color:#ffffff; background-repeat:no-repeat; background-position:bottom; 
color:#FFFFFF; font-size: 11px; text-align: right; text-decoration:none; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;}
#menu_link li a:hover{ background-position:top; color:#333333;}
#menu_link li.select a{ background-position:top;}

#menu_link li a.item1{ background-image:url(../images/menu_item_1.gif);}
#menu_link li a.item2{ background-image:url(../images/menu_item_2.gif);}
#menu_link li a.item3{ background-image:url(../images/menu_item_3.gif);}



/* ----------------------------------------------------------- submenu ---------------------------------------------------------------------*/
.home_submenu_titulo{background-image:url(../images/home_titulo_submenu.gif); background-repeat:no-repeat; height:16px; width:187px;}
.lamarina_submenu_titulo{background-image:url(../images/lamarina_titulo_submenu.gif); background-repeat:no-repeat; height:16px; width:187px;}
.ocio_submenu_titulo{background-image:url(../images/ocio_titulo_submenu.gif); background-repeat:no-repeat; height:16px; width:187px;}
.actividades_submenu_titulo{background-image:url(../images/actividades_titulo_submenu.gif); background-repeat:no-repeat; height:16px; width:187px;}

.submenu_link { margin:0px; padding:0px;}
.submenu_link li{ margin:0px; padding:5px 0px 0px 0px; list-style:none; list-style-image:none;}
.submenu_link li a{  text-decoration: none; font-size:11px; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.submenu_link li a:hover{  text-decoration: none; font-size:11px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; color:#cccccc;}
.submenu_link li a.select{ color:#cccccc;}


/* ----------------------------------------------------------- utilbar ---------------------------------------------------------------------*/

#utilbar a{text-decoration:none;}
#utilbar a:hover{text-decoration: underline;}

#idiomas{ text-align:left; border:0px solid #666666; float: left; color:#FF0000;}
#idiomas a{text-decoration:none; color:#FF0000;}


/* ----------------------------------------------------------- pie ---------------------------------------------------------------------*/
#pie a{ color:#666666; text-decoration: underline;}
#pie a:hover{text-decoration: none;}




/* -------------------------------------------------------- home ------------------------------------------------------------------*/
/* ------ Columna Izquierda ------*/
#home_imagen{
	border-bottom:1px solid #FFFFFF;
	background-image:url(../images/home_imagen.jpg);
	width:100%;
	height:280px;
}
#home_titulo_central{
	border-bottom:1px solid #FFFFFF;
	width:100%;
	height:70px;
	background-image:url(../images/home_titulo_central.gif);
	background-repeat:no-repeat;
	background-color:#86A2C7;
}

#home_modulos_fondo{margin:0px; padding:0px; overflow: hidden; background-color:#E9EEDA; width:100%;}

	#home_modulo_noticias{ min-height:100%; width:190px; border-right:1px solid #FFFFFF; float:left; padding:35px 15px 35px 50px; text-align:left}
	.noticias_titulo{ width:100%; height:15px; border-bottom:1px solid #666666; background-image:url(../images/titulo_noticias.gif); background-repeat:no-repeat; margin-bottom:5px;}
	
	#home_modulo_eventos{ width: 213px; min-height:100%; float:left; padding:35px 15px 35px 50px; text-align:left}
	.eventos_titulo{ width:100%; height:15px; border-bottom:1px solid #666666; background-image:url(../images/titulo_eventos.gif); background-repeat:no-repeat; margin-bottom:5px;}
	
	.titular{ width:100%; font-weight:bold;}

/* ------ Columna Derecha ------*/
#home_submenu{ width:190px; height:167px; padding:25px; border-bottom:1px solid #ffffff; text-align:left; background-color:#E9EEDA;}

#home_imagenP{ border-bottom:1px solid #FFFFFF; background-image:url(../images/home_imagen2.jpg); width:100%; height:133px;}
#home_texto{ width:200px; background-color:#FFFFFF; padding:15px 15px 0px 25px;}


/* -------------------------------------------------------- Multimedia ------------------------------------------------------------------*/
#interior_imagen_galeria{border-bottom:1px solid #FFFFFF; background-color:#CCCCCC; width:100%; height:40px; background-image:url(../images/galeria.jpg);}
#galeria{ width:507px; height:328px; background-color:#333333; padding: 27px 0px 0px 27px;border-bottom:1px solid #FFFFFF;}


#contenido_central_galeria{margin:0 auto 0 auto;overflow: hidden; width:534px;}
	#galeria_descripcion_central{ width:363px; border-right:1px solid #FFFFFF; padding:20px;float:left; text-align:left; color:#666666; background-color:#E9EEDA;}
	

.fotos_p{ BORDER-bottom: solid 1px #FFFFFF; BORDER-right: solid 1px #FFFFFF; border-top:0px;border-left:0px;}
.tira_de_fotos{border-top:1px solid #FFFFFF; BORDER-LEFT: solid 1px #FFFFFF; width:343px;}

#menu_vistas360{ width:100%;}
#menu_vistas360 ul{ padding:0px; margin:0px; list-style: none;border: 0px solid #666666;color:#000000; }
#menu_vistas360 li{ margin: 0px 0px 5px 5px; padding:0px; width:300px; float:left; overflow:hidden; border-top:1px solid #999999; background-color:#FFFFFF;line-height: 18px;}
#menu_vistas360 img{ margin: 0; padding-right:10px; float:left; border:0px; }
#menu_vistas360 a{ font-weight: bold; font-size:10px; color:#666666; text-decoration:none;}
#menu_vistas360 a:hover{font-size:10px; text-decoration:underline;}



/* -------------------------------------------------------- Webcam ------------------------------------------------------------------*/
#webcam{ width:534px; height:287px; background-color:#333333; padding:0px;border-bottom:1px solid #FFFFFF;background-image:url(../images/webcam_mapa.jpg);}
#webcam a{ font-size:9px; color:#000000; background-color:#ffffff; text-decoration:none}
#webcam a:hover{ font-size:9px; color:#000000; background-color: #99CC00; text-decoration:none}

	#webcam_camara1{ position: relative; top: 130px; left:170px; width:100px; background-image:url(../images/li_camaras.gif); background-repeat:no-repeat; padding-left:10px;}
	#webcam_camara2{ position: relative; top: 80px; left:270px; width:100px; background-image:url(../images/li_camaras.gif); background-repeat:no-repeat; padding-left:10px;}
	#webcam_camara3{ position: relative; top: 180px; left:370px; width:100px; background-image:url(../images/li_camaras.gif); background-repeat:no-repeat; padding-left:10px;}

#webcam_camara{ width:534px; height:293px; background-color:#333333; padding:5px 0px 0px 0px;border-bottom:1px solid #FFFFFF; text-align:center}



/* -------------------------------------------------------- News ------------------------------------------------------------------*/
#titulo_central_noticias{border-bottom:1px solid #FFFFFF; width:100%; height:35px; background-color:#B2B2B2;}
/*#contenido_noticias{margin: 0px; width:494px; height:100%; padding:20px; text-align:left; border-bottom:1px solid #999999;background-color:#E9EEDA;}*/
#contenido_noticias{margin: 0px; width:534px; padding:0px; text-align:left;background-color:#E9EEDA;}
#contenido_noticias ul{ margin:0px; padding:0px; width:100%; list-style:none; }
#contenido_noticias li{ margin:0px; padding:20px 20px 20px 20px; border-bottom:1px solid #999999; background-image:url(../images/li_noticias.gif); background-repeat:no-repeat;}
#contenido_noticias a{ font-size:11px; font-weight:bold; text-decoration: none; color:#666666;}
#contenido_noticias a:hover{ text-decoration:underline;}
#contenido_noticias h1{font-size:11px; font-weight:bold;}
.noticia_detalle{ padding: 20px 40px 20px 40px; }





/* ----------------------------------------------------------- PAGINAS INTERIORES / CONTENIDO ---------------------------------------------------------------------*/
/* ------ Columna Izquierda ------*/
#interior_imagen{border-bottom:1px solid #FFFFFF; background-color:#CCCCCC; width:100%; height:147px;}

#contenido_central{margin:0 auto 0 auto;overflow: hidden; width:534px; background-color:#D8D8D8;}
	#titulo_descripcion_central{border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; width:403px; height:35px; background-color:#B2B2B2; float:left}
	#texto_descripcion_central{ width:363px; border-right:1px solid #FFFFFF; padding:20px;float:left; text-align:left; color:#666666;}
	
	#titulo_submenu_central{border-bottom:1px solid #FFFFFF; width:130px; height:15px; padding-top:20px; background-color:#B2B2B2; font-weight:bold; color:#333333;float:left; text-align:center;}
	#texto_submenu_central{ width:90px; padding:20px; margin:0px; float:left; text-align:left; background-color:#D8D8D8;}
		.texto_submenu_central{margin:0px; padding:0px;}
		.texto_submenu_central li{margin:0px; padding:0px; list-style:none; list-style-image: url(../images/li_submenu.gif); }
		.texto_submenu_central li a{ color:#666666; text-decoration:none;}
		.texto_submenu_central li a:hover{ color:#666666; text-decoration:underline;}

#modulo_seccion{margin:5px auto 0px auto; overflow:hidden; width:534px; min-height:75px; background-color:#ffffff; border-bottom:1px solid #999999; text-align:left; background-position:bottom right; background-repeat: no-repeat;}

	#modulo_seccion_texto{margin: 5px 0px 0px 5px; width:365px; padding:0px 0px 0px 15px; background-image:url(../images/li_contenidos.gif); background-repeat:no-repeat; text-align:left; float:left;}
	* html #modulo_seccion_texto{height:75px;}
		.modulo_seccion_texto{ padding-bottom: 10px;}
		.modulo_seccion_texto a{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
		.modulo_seccion_texto a:hover{
	text-decoration:underline;
	font-size:11px;
	color:#666666;
}
		.modulo_seccion_texto h1{
	margin:0px;
	padding: 0px 0px 0px 0px;
	color:#333333;
	font-weight:bold;
	font-size:11px;
	width:100%;
}


/* ---- imagenes de fondo de #modulo_seccion ---- */
/* la marina */
		.atraques{background-image:url(../images/lamarina_atraques.jpg);}
		.servicios{background-image:url(../images/lamarina_servicios.jpg);}
		.varadero{background-image:url(../images/lamarina_varadero.jpg);}
		.prensa{background-image:url(../images/lamarina_prensa.jpg);}
		.situacion{background-image:url(../images/lamarina_situacion.jpg);}
		.webcam{background-image:url(../images/lamarina_webcam.jpg);}
		.tiempo{background-image:url(../images/lamarina_tiempo.jpg);}



/* ocio */
		.restauracion{background-image:url(../images/ocio_restauracion.jpg);}
		.tiendas{background-image:url(../images/ocio_tiendas.jpg);}
		.servicios_ocio{background-image:url(../images/ocio_servicios.jpg);}
		.galerias{background-image:url(../images/ocio_galeriasdearte.jpg);}
		.actividades{background-image:url(../images/ocio_actividades.jpg);}

/* actividades */
		.rubicat{background-image:url(../images/actividades_rubicat.jpg);}
		.rubisail{background-image:url(../images/actividades_rubisail.jpg);}
		.diving_center{background-image:url(../images/actividades_diving.jpg);}
		.instalaciones{background-image:url(../images/actividades_instalaciones.jpg);}
		.eventos_deportivos{background-image:url(../images/actividades_eventos.jpg);}

#modulo_destacados{margin:20px auto 0px auto; overflow:hidden; width:534px; min-height:75px; background-color:#E9EEDA; border-bottom:1px solid #999999; text-align:left; background-position:bottom right; background-repeat: no-repeat;}
/** html #modulo_destacados {height:75px;}*/

	#modulo_destacados_texto{margin: 5px 0px 0px 5px; width:365px; padding:0px 0px 0px 15px; background-image:url(../images/li_contenidos.gif); background-repeat:no-repeat; text-align:justify; float:left;}
	* html #modulo_destacados_texto {height:75px;}
		.modulo_destacados_texto{ padding-bottom: 10px;}
		.modulo_destacados_texto h1{ margin:0px; padding: 0px 0px 0px 0px; color:#333333; font-weight:bold; font-size:9pt; background-color:#E9EEDA; width:100%;}
		
/* ---- imagenes de fondo de #modulo_destacados ---- */
/* la marina */
		.mapa{background-image:url(../images/lamarina_mapa.jpg);}
		.prensa_login{background-image:url(../images/lamarina_prensa_login.jpg);}

/* ocio */


/* actividades */
		.rubicat_excursiones{background-image:url(../images/actividades_excursiones.jpg);}
		.rubisail_vela{background-image:url(../images/actividades_vela.jpg);}
		.rubisail_windsurf{background-image:url(../images/actividades_windsurf.jpg);}
		.rubisail_kayak{background-image:url(../images/actividades_kayak.jpg);}
		.diving_cursos{background-image:url(../images/actividades_diving_cursos.jpg);}
		.instalaciones_tenis{background-image:url(../images/actividades_tenis.jpg);}
		.instalaciones_padel{background-image:url(../images/actividades_padel.jpg);}
		.instalaciones_piscina{background-image:url(../images/actividades_piscina.jpg);}
/* util */
		.lanzarote{background-image:url(../images/lanzarote.jpg);}

#modulo_listados{ width:100%;}
#modulo_listados h1{ background-color:#E0ECFA; color:#86A2C7; font-weight:bold; padding:10px;}

ul#modulo_listados { padding:0px; margin:0px; list-style: none;border: 0px solid #666666;color:#000000;}
ul#modulo_listados li{ margin: 0px; padding:0px; width:50%; height:250px; float:left;	overflow:hidden; border-top:1px solid #999999; vertical-align:middle;text-align: left; background-color:#FFFFFF;}
ul#modulo_listados li.restaurante{height:275px;}
ul#modulo_listados li.cafeteria{height:160px;}
ul#modulo_listados li.tienda{height:140px;}

ul#modulo_listados li p{ width: 120px; float:left; border:0px solid #666666; padding: 5px 0px 5px 10px; line-height: normal;}
ul#modulo_listados .titulo{ width: 120px; font-weight: bold; display:block;padding-bottom:3px; padding-top:3px;}
ul#modulo_listados .descripcion{ width: 120px; font-weight: normal; display:block; padding-bottom:3px; padding-top:3px;}
ul#modulo_listados .horario{ width: 120px; font-weight: normal; display:block;padding-bottom:3px; padding-top:3px;}
ul#modulo_listados .info{ width: 120px; font-weight: normal; display:block;padding-bottom:3px; padding-top:3px;}
ul#modulo_listados .imagen{ width: 130px; float:right; padding-bottom: 10px;}




#contenido_textos_330{margin: 0px; width:383px; height:100%; padding:10px 0px 0px 20px; text-align:left; border:0px solid #336699;}





/* ------ Columna Derecha ------*/
#submenu{ width:190px; height:160px; padding:25px 25px 0px 25px; border-bottom:1px solid #ffffff; text-align:left;}

#modulo_noticias{width:190px; padding:25px; text-align:left}
	
#modulo_eventos{width:190px; padding:25px; text-align:left}







/*--------- listas ---------*/
li{list-style:square; padding-bottom:3px; padding-top:3px;}



/*--------- imagenes ---------*/
img.dcha { float:right; padding: 15px 0px 15px 30px;}
img.izda{float:left; padding: 15px 30px 15px 0px;}
img.logo{float:left; padding: 15px 30px 15px 0px;}



/*--------- tablas ---------*/
table { width:100%;}
th{ border-bottom:1px solid #333333; border-right:1px solid #333333; color:#333333; height:20px; text-align:center;}
td{padding:4px; text-align:center; border-bottom:1px solid #ffffff;border-right:1px solid #ffffff; background-color:#f0f0f0;}
td.izda{ color:#003366; height:25px;}
td.dcha{ color:#666666; font-weight:bold; height:25px; text-align:right; padding-right: 3px;}


/*--------- formularios ---------*/
form{margin:0px; padding:0px;}
input{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
select{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

/* formulario de acceso -login y password -*/
form.acceso{ padding-bottom:20px; padding-top:10px; text-align: center}
form.acceso input{ width:100px; margin:2px; border:1px solid #666666}
form.acceso input.entrar{ font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin-top:15px; }
form.acceso label{ margin-right: 25px;}

/* formulario de CONTACTO */
form.contacto{ padding-bottom:20px; padding-top:10px; text-align: right;}
form.contacto input{ width:200px; margin:5px 5px 5px 15px; border:1px solid #666666; vertical-align: middle;}
form.contacto textarea{ width:200px; height:100px;margin:5px 5px 5px 15px; border:1px solid #666666}
form.contacto input.enviar{ width:100px; border:1px solid #666666; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
form.contacto label{ display:block; background-color:#f1f1f1; margin-bottom:1px; margin-top:1px; vertical-align: text-top}

/* formulario de rubicat */
form.rubicatform{ padding-bottom:20px; padding-top:10px; text-align: right;}
form.rubicatform input{	margin:5px 5px 5px 5px;	border:1px solid #666666}
form.rubicatform select{ margin:5px 5px 5px 5px;	border:1px solid #666666}
form.rubicatform textarea{ margin:5px 5px 5px 5px; border:1px solid #666666}
form.rubicatform input.enviar{ width:70px; border:1px solid #666666; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
form.rubicatform label{
	display:block;
	background-color:#f1f1f1;
	margin-bottom:2px;
	margin-top:1px;
	vertical-align: middle;
}