/*Estilos Generales*/
body {
	background:#AEC0D1 URL("../images/background_web.png") repeat-x left top;
	color:#333333;
	font-family:Verdana, Arial;
	font-size:0.8em;
	margin:0;
}
/* ------------------------------ Etiquetas de Texto Generales --- */
/*Títulos*/
h1, h2, h3, h4{color:#3F658A;font-family: Tahoma, Arial, Verdana;font-weight:normal;padding:0 0 5px 0;margin: 5px 0 10px 0;}
h1 strong, h2 strong, h3 strong, h4 strong{font-size: 1.1em;color:#3F658A;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.2em;margin-bottom: 5px;}
h3 {font-size: 1.1em;padding:2px 0;margin-bottom: 0;}
h4 {font-size: 1.0em;padding:0;margin-bottom: 0;}

/*Párrafos*/
strong{}
blockquote{line-height:1.5em;font-size:0.9em;border: 1px dotted #666666;margin-bottom: 8px;}
address{font-style:normal;padding:8px;border-left: 1px dotted #666666;margin:10px 30px;}
/*Enlaces*/
a{color:#4774A1;}
a:hover{color:#000000;}
/*Formularios*/
form{background-color:#F0F0F0;padding:20px;margin:10px 30px;}
fieldset{width:auto;padding:8px;border:dotted 1px #666666;margin:10px auto;}
fieldset.botonera{text-align:center;padding:2px;}
fieldset p{clear:left;}
legend{font-size:1.1em;font-weight:bold;}
label{font-weight:bold;vertical-align:text-top;line-height:0.9em;margin:5px;margin:0 0 0 10px;}
.formlabel, .formlabel100, .formlabel150{float:left;width:200px;height:21px;font-weight:bold;line-height:0.9em;padding:0;margin:5px 5px 0 5px;}
.formlabel100{width:100px;}
.formlabel150{width:150px;}
button, input, textarea{color:#666666;font-family:inherit;font-size:1.0em;padding:2px 5px;margin:5px;}
select{color:#666666;padding-left:2px;margin:5px;}
input{}
input.required{background-color:#F9F9F9;border-left:dotted 1px #CC0000;}
p.valores{margin-left:226px;letter-spacing:15px !important;letter-spacing:25px;}
textarea{}
iframe{padding:0;border:0;margin:0;}
iframe.GSituacion{width:720px;height:400px;}
/* ----------------------- Etiquetas especiales --- */
.nodisplay{display:none;}
.clear{clear:both;}
.borderless{border:none;}
/*Alineaciones*/
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
p.alignleft, img.alignleft{float:left;}
p.alignright, img.alignright{float:right;}
p.aligncenter, img.aligncenter{margin:0 auto;}
/*Mensajes*/
.error{background-color:#FFEFEF;color:#BB0000;font-size:1.1em;padding:2px 5px;border:dotted 1px #BB0000;}
.success{background-color:#EFFFEF;color:#009900;font-size:1.1em;padding:2px 5px;border:dotted 1px #009900;}
.info{background-color:#F0F0F0;color:#000099;font-size:1.1em;padding:2px 5px;border:dotted 1px #000099;}
label.error{float:right;height:auto;padding:4px 5px;}
strong.error, strong.success{display:inline;font-size:0.8em;font-weight:normal;padding:1px 2px;}
strong.nuevo{display:inline;background-color:transparent;color:#BB0000;font-size:1.1em;font-size:0.8em;font-weight:bold;padding:0 2px;}
/* ------------------------------ Etiquetas de Texto Contenido --- */
.content p{font-size:1.0em;line-height:1.5em;padding-bottom: 8px;}
.content abbr, acronym{}
/*Listas*/
.content ul, .content ol, .content dl
{list-style:disc;font-size:1.0em;line-height:1.5em;margin:0 0 8px 30px;}
.content ol{list-style:decimal;}
.content ul ul, .content ol ul,
.content ul ol, .content ol ol{margin:0 0 0 30px;}
.content li{padding:0 5px;border:0;margin:0;}
.content dt{font-weight:bold;margin:15px 0 0 0;}
.content dd{padding:0 5px;margin:0;}
.content img{border:solid 5px #CCC;}
/*Tablas*/
.content table{width:90%;border:solid 1px #666666;margin:0 auto;}
.content table caption{font-size:0.9em;padding:2px;border-top:dotted 1px #666666;margin-top:10px;}
.content table thead, .content table tfoot{background-color:#DDDDDD;}
.content table tbody{background-color:#FFFFFF;}
.content table thead th, .content table tfoot th{background-color:#DDDDDD;}
.content table tbody th{background-color:#EEEEEE;}
.content table th, .content table tr, .content table td{border-bottom:dotted 1px #666666;border-left:dotted 1px #666666;padding:2px 10px}
.content table tr{}
.content table td{}
/* ------------------------------ */
/* ------------------------------ Contenedor Principal --- */
.areaWeb {
	width: 980px;
	margin: 17px auto;
}
/* ------------------------------ */
/* ------------------------------ CABECERA --- */
#headerWeb{width:auto;height:74px;background:transparent URL("../images/background_header.png") repeat-x left top;padding-right:10px;}
#headerWeb .logoWeb{float:left;position:relative;left:-12px;display:block;width:182px;height:76px;background:transparent URL("../images/background_logo.png") no-repeat left top;text-align:center;padding-top:8px;z-index:10;}
#headerWeb .islas{color:#333333;font-family:Arial;font-size:1.7em;font-weight:bold;text-align:center;padding-top:42px;}
/* --- MENU --- */
#menuLang{float:right;height:28px;background:transparent URL("../images/background_barraMenu.png") repeat-x left top;}
#menuLang li {float:left;}
#menuLang li.separador {background:transparent URL("../images/separador_barraMenu.png") no-repeat right top;}
#menuLang li a{display:block;height:18px;color:#666666;font-size:0.9em;text-decoration:none;padding:4px 10px 0 10px;}
#menuLang li a.nodisplay{display:none;}
#menuLang li a:hover{background-color:#E0E0E0;color:#000;}
/* --- MENU --- */
#menuHeader{float:left;position:relative;left:-12px;display:block;background:transparent URL("../images/background_menu.png") repeat-x left top;margin-top:20px;}
#menuHeader li{float:left;background:transparent URL("../images/separador_menu.png") no-repeat right top;}
/*Con iconos*/
#menuHeader li.lamarina a{background:transparent URL("../images/iconoLamarina.png") no-repeat left center;padding-left:32px;}
#menuHeader li.lapalma a{background:transparent URL("../images/iconoLapalma.png") no-repeat left center;padding-left:32px;}
#menuHeader li.contacto a{background:transparent URL("../images/iconoContacto.png") no-repeat left center;padding-left:32px;}
#menuHeader li a{display:block;height:20px;font-size:1.0em;color:#AD2508;text-decoration:none;padding:15px 10px;}
#menuHeader li a:hover{/*background-color:#E0E0E0;*/background-color:#FFD65C;color:#000;}
/*#headerWeb p{clear:both;}*/
/* ------------------------------ */
/* ------------------------------ CUERPO --- */
#bodyWeb{background:#FFF url("../images/background_areaSubmenu.png") repeat-y top left;width:auto;padding-top:10px;}
#bodyWeb.portada{background-image:none;padding-top:0;}
#bodyWeb.portada .content{float:none;padding:0;margin:0;}
#bodyWeb.portada .content h1{padding-top:20px;padding-left:20px;margin:0;}
#bodyWeb.portada .content form{width:400px;display:block;margin-left:20px;}
#bodyWeb.portada .content img{border:solid 5px #DDD;margin:0;}
#bodyWeb.portada .slide_images{/*border:solid 5px #FFF;*/}
#content{float:left;width:770px;padding:10px;/*border:dotted 1px #666666;*/margin:10px;}
/* --- MENU PRINCIPAL--- */
#menuWeb{float:left;display:block;background:#5F86AD url("../images/background_areaSubmenu.png") repeat-y top left;;width:168px;padding-top:20px;margin-bottom:8px;}
#menuWeb li{background:#FFF URL("../images/background_menuweb.png") repeat-x left center;}
#menuWeb li.grey{background:#FFF URL("../images/background_menuweb_grey.png") repeat-x left center;}
#menuWeb li.grey a{color:#333;}
/*#menuWeb li.news{}*/
/*Con iconos*/
#menuWeb li.encuesta a{background:transparent URL("../images/iconoEncuesta.png") no-repeat 4px center;padding-left:40px;}
#menuWeb li.clientes a{background:transparent URL("../images/iconoClientes.png") no-repeat 4px center;padding-left:40px;}
#menuWeb li.meteo a{background:transparent URL("../images/iconoMeteo.png") no-repeat 4px center;padding-left:40px;}
#menuWeb li.news a{background:transparent URL("../images/iconoNews.png") no-repeat 4px center;padding-left:40px;margin-top:8px;}
#menuWeb li a{display:block;font-size:1.0em;color:#AD2508;text-decoration:none;padding:10px;border-top:dotted 1px #FFF;}
#menuWeb li a:hover{/*background-color:#E0E0E0;*/background-color:#FFD65C;}

#menuLogged{display:block;background-color:#5F86AD;width:100%;}
#menuLogged li{background-color:#FFF0C3;background-image:none !important;}
#menuLogged li a{display:block;font-size:1.0em;background-image:none !important;color:#AD2508;text-decoration:none;padding:5px 10px;border-top:dotted 1px #AD2508; }
#menuLogged li a:hover{/*background-color:#E0E0E0;*/background-color:#FFD65C;}


/* --- MENU SERVICIOS--- */
#menuServicios{display:block;background-color:#5F86AD;width:168px;padding:2px 0;margin:0 15px;}
#menuServicios li{background-color:#FFF;list-style:none;padding:0;}
#menuServicios li a{display:block;font-size:1.0em;text-decoration:none;padding:5px 15px;border-top:dotted 1px #999;}
#menuServicios li.selected{background-color:#DDE6EE;}
#menuServicios li a:hover{background-color:#DDE6EE;}

.servicios{float:left;display:block;width:560px;}

/* --- CONTENIDO --- */
/* ------------------------------ */
/* ------------------------------ PIE --- */
#footerWeb{
	clear:both;
	width:auto;
	height:27px;
	background:transparent URL("../images/background_footer.png") repeat-x left top;
	color:#666;
	font-size:0.8em;
	padding:13px 10px 2px 10px;
}
#footerWeb div{float:right;height:29px;background:transparent URL("../images/background_barraMenu.png") repeat-x left top;}
#footerWeb p{float:left;display:block;padding:4px 5px;}
/* --- MENU --- */
#menuFooter{float:left;height:18px;}
#menuFooter li {float:left;background:transparent URL("../images/separador_barraMenu.png") no-repeat right top;}
#menuFooter li a{display:block;height:14px;color:#666;text-decoration:none;padding:4px 10px;}
#menuFooter li a:hover{background-color:#E0E0E0;color:#000;}
#menuFooter li a.nodisplay{display:none;}


/* ------------------------------ OTROS ELEMENTOS --- */
/* --- GALERIAS --- */
#menuServicios{float:left;}
#visorServicios{width:550px;height:400px;}
#videoMarinaSeca, #videoCapitania, #videoVaradero{width:320px;height:240px;border:solid 5px #DDD;margin:0 auto;}
/*ESTILOS DE LA GALERÍA HTML*/
	/* jQuery lightBox plugin - Gallery style */
#gallery {
width: auto;
background-color: #FFF;
padding: 10px;
}
#gallery ul , dl{ list-style: none;line-height:0.5em;}
#gallery dl dt {display:inline;text-align:center;}
#gallery ul li {display:inline;margin:10px;}
#gallery ul img , #gallery dl img {background:#FFF url("../images/background_gallery.png") repeat-x right bottom;padding:2px 4px 22px 4px;border: 1px solid #CCC;}
#gallery ul a:hover img , #gallery dl a:hover img {border: 1px solid #4774A1;}
#gallery ul a:hover {}

#webcam {
	clear:both;
	width: auto;
	background-color: #FFF;
	padding: 10px;
}
#webcam  .webcam {
	float:left;
	width:auto !important;
	width:160px;
	min-width:160px;
	height:auto !important;
	height:146px;
	min-height:146px;
	background:#FFF url("../images/background_gallery.png") repeat-x right bottom;
	border: 1px solid #CCC;
	margin:10px;
}
#webcam  .webcam .title {
	display:block;
	height:auto !important;
	height:16px;
	min-height:16px;
	font-size:0.8em;
	text-align:center;
	padding:6px 10px 2px 2px;
	margin:0;
}
#webcam  .webcam p{text-align:center;line-height:1.0em;padding:0;}
#webcam  .webcam p img{background-color:#FFF;padding:4px;border: 0px solid #CCC;}


#links, #meteo {
width: auto;
background-color: #FFF;
padding: 5px;
}
#links p{float:left;width:130px;height:170px;background:#FFF url("../images/background_gallery.png") repeat-x right bottom;text-align:center;line-height:1.1em;padding:5px;border:solid 1px #CCC;margin:10px 10px;}
#links p span{display:block;text-transform:uppercase;height:58px;}
#links p a{display:block;width:130px;height:170px;text-decoration:none;font-size:0.9em;font-weight:bold;}
#links p img{border:none;}

#meteo p{float:left;display:block;background:#FFF url("../images/background_gallery.png") repeat-x right bottom;text-align:center;line-height:1.1em;padding:5px;border:solid 1px #CCC;margin:5px;}
#meteo p span{display:block;height:44px;}
#meteo p a{display:block;width:150px;height:126px;background:transparent url("../images/iconoMeteo.png") no-repeat left bottom;text-decoration:none;font-size:0.9em;font-weight:bold;}
#meteo p img{border: none;}

.enlacesclientes{float:right;text-align:center;font-size:0.9em;}
.enlacesclientes img{display:block;}

.procedimiento{
	width:700px;
	height:330px;
	background-color:#CCC;
	padding:0 10px 0 0;
	border:solid 5px #999;
	margin:10px auto;
}
.procedimiento h3{
	display:block;
	float:right;
	width:200px;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	padding:0 0 0 0;
	margin-right:10px;
}
.procedimiento p{
	display:block;
	float:left;
	width:488px;
	padding:0;
	margin:0;
}
.procedimiento .nota{
	width:200px;
	background-position:center 60px;
	font-size:0.9em;
	text-align:center;
	padding:100px 0 0 0;
}


.pdf32{height:auto !important;height:32px;min-height:32px;background:transparent url("../images/iconoPDFx32.png") no-repeat left top;padding-left:32px;}
.pdf50{height:auto !important;height:50px;min-height:50px;background:transparent url("../images/iconoPDFx50.png") no-repeat left top;padding-left:50px;}