body {
    font: 600 10px "Verdana", "Arial", "Helvetica", Sans-serif;
    margin: 10px 0px 10px 0px; 
    text-align: center; 
    background: #000099;

}
 
#contenedor{ 
 text-align: left; 
 margin: auto;
background-image: url(libJPG/delfin.jpg);
background-attachment: fixed;
max-width: 1000px;
z-index: 1;
border: 5px ridge #000066;
} 
 
#cabecera{ 
 font-size:12px;
width: auto;
margin: 0;
}

#logo{ 
    width: 160px; 
    float: left;
margin: 20px 20px 20px 5px; 
}


#logo h1{ 
    font-size: 25px;
margin: 0 0 0 0px;
font-family: "Times New Roman", serif;
font-weight: 300;
     
} 

#logo h6{ 
    text-align: center;
margin: 0 0 0 0px; 
     
} 

#idioma {
width:auto;
text-align: right;
margin: 20px 20px auto 0px;
float: right;
}

#idioma a {
color: yellow;
font-weight:600;
font-size: 10px;
}

#cuerpo{ 
    margin: 0px 0px 10px 0px;
clear: both; 
}
 
#lateral{ 
    width: 160px; 
    float:left;
line-height: 0px;
} 
 
#otrolado{ 
    width: 120px; 
    float: right;
background-image: url(libJPG/bubbles.gif);
z-index: 2;
 
} 
#principal{ 
    margin-left: 170px; 
    padding: 0px 4px 4px 4px; 
    margin-right: 130px; 
} 
#pie{ 
 padding: 3px 10px 3px 10px; 
    text-align: center; 
    clear: both;
    background: #3300FF;
width: auto;
}

#botones {
margin: 0 0 0 15px;
}

p, td, li {
font: 600 10px "Verdana", "Arial", "Helvetica", Sans-serif;
color: white;
text-align: center;
margin: 0px auto auto auto ;
margin-bottom: 10px;
line-height: 15px;
list-style-type: disc;
}

h1 {
font: 900 20px "Verdana", "Arial", "Helvetica", sans-serif;
color: yellow;
text-align: center;
}




.contador {display:none;}

#tibu {
width: auto;
float: left;
margin: 20px 0px 5px 15px;
border: 2px solid red;
}



#bucea {
width: 243px;
margin: 50px 10px 0px 120px;
float: left;
}


p#correo, p#correo a {
font-size: 10px;
text-align: center;
margin: 0;
padding: 0;
}

p#correo a {
color: yellow;
}

p#amarillo {
color: yellow;
}


/* *---------Estilos página principal--------- **/


legend {
color: yellow;
}

#sorteo_verano {
width: auto;
margin: 20px;
border: 4px ridge;
padding: 3px;
}

p.bienvenidos, #sorteo_verano p{
margin: 10px;
text-indent: 10px;
font-weight: 500;
text-align: justify;
font-size:12px;
}

p#precio {
font-weight: 700;
font-size: 20px;
color: red;
margin: 20px;
text-align: center;
}



#alquiler {
background-color: #97BEBF;
border: 1px solid red;
width: 400px;
margin: 20px auto 0 auto;

}

#alquiler p {
text-size: 8px;
text-align: center;
margin: 5px;
}

.bienvenidos
{
margin: 40px 10px;
text-align: justify;
color: white;
font-size: 12px;
line-height: 15px;
}

table#inner {
background: #505050;
width: 600px;
margin: 0;
text-align: left;
padding: 100px;
}

table#outer  {
background: #505050;
} 



#fotos {
width: 200px;
margin: 15px auto;
}


p.date {
font-size: 10px;
font-weight: 600;
color: black;
}

/* Estilos Texto*/

.olla h3, .olla h4 {
text-align: center;
color: white;
margin: 0px auto 2px auto ;
}

.olla h3 {font-size: 18px;}
.olla h4 {font-size: 14px;}
.olla p {font-size: 12px;}
.olla p+p {font-size: 10px;}


/* Caja noticias */
#scroller_container {
 width: 100px;
 height: 120px;
 overflow: hidden;
border: 2px ridge white;
background: #330099;
text-align: justify;
margin: 0px auto 10px auto;
}



#scroller_container {
 overflow: auto;
}


.miboton{
width: 110px;
height: 20px;
padding: 2px;
margin: 1px;
font-size: 10px;
color: black;
font-weight: bold;
display: block;
cursor: pointer;
font-family: "Times New Roman",arial,sans-serif;
}

#delfin {
display: block;
width: 102px;
margin: 30px auto 10px auto;
vertical-align: middle;
}



#mirarcielo {
border: 1px solid red;
margin: 2px 0;
}

#mirarcielo p {
font-size: 10px;
text-align: left;
margin: 0;
padding: 0;
}

#tiempo {
color: yellow;
font-size: 10px;
margin: 10px auto 2px auto;
padding: 0;
 }

#ledweb {
width: 250px;
float: left;
}

#ledweb p {
font-size: 10px;
font-weight: 400;
color: #F0F0F0;
font-style: italic;
margin: 0;
padding: 0;
}

#politica {
width: 100px;
margin: 10px auto;
padding: 4px;
border: 2px blue solid;
background-image:url('libJPG/paper.gif');
text-align: center;
color: red;
}

#madrid {
width: 100px;
margin: 10px auto;
padding: 4px;
border: 2px blue solid;
background-image:url('libJPG/water.gif');
text-align: center;
color: red;
}

#madrid h6 {
font-size: 14px;
font-weight: 700;
line-height: 20px;
}

#madrid p {
color: white;
margin: 1px;
padding: 0;
font-size: 10px;
}

#politica h6 {
font-size: 12px;
font-weight: 600;
line-height: 20px;
}


#politica p {
color: black;
margin: 1px;
padding: 0;
font-size: 9px;
}


/* Estilos página CONTACTO */
.contacto p {
font: 600 14px "Verdana", "Arial", "Helvetica", sans-serif;
color: white;
text-align: center;
margin: 2px auto;
}


.contacto h1 {
font: 900 18px "Verdana", "Arial", "Helvetica", sans-serif;
color: yellow;
text-align: center;
margin-bottom: 0px;
}




p#phone {
color: maroon;
}

p#puerto {
color: black;
}

p.dir {
font-size: 10px;
font-weight: 400;
}

a {
color:yellow;
}





/*Estilos página CURSOS */

/* General Styles */



#example2 a{
color:#FFFFFF;
text-decoration:underline;
font-weight:900;
font-size: 16px;
}




/* Styles for Example #2 */
#example2{
margin:0;
padding:0;
width:auto;
color:#000000;
}

#example2 p, #example2 li{
text-align: justify;
}

#example2 a{
display:block;
text-decoration:none;

}

#example2 ul{
overflow: hidden;
margin:0;
padding:0
}
 
#example2 > li{
overflow: hidden;
margin:0 0 0 0px;
padding:0;
list-style-type:none;

}

#example2 li a{
width:400px;
margin: 0 auto;
padding:5px 0 0 15px;
display:block;
color:blue;
background-image:url(ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(ha-header-last.jpg) !important;
}
#example2 > li > ul > li > ul > li{
padding:0 15px 0 15px;
margin-left:40px;
list-style-image:url(000red.gif);

}

#example2 > ul > ul> li {
margin-left: 100px;
text-align: justify;
}

#example2 > lil > ul{
margin-bottom: 30px;

}


#example2 li a.opened{
background-image:url(ha-header-active.jpg);
color:yellow ;
}
#example2 li.firstitem a.opened{
background-image:url(ha-header-first-active.jpg);
color:yellow;
}

/* Estilos GALERIA*/

.slide p, .slide h2{
margin:0;
  padding:0;
  font: normal 11px "Verdana", "Geneva", sans-serif;
  color:#ccc;
text-align: justify;
}



/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:50px auto;
	width:640px;
	height:263px;
	background:transparent url(libJPG/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

#slideshow #slidesContainer .slide img {
  position: relative;
top: -50px;
}


/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(libJPG/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(libJPG/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */


.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}


/* Estilos ALOJAMIENTO*/

table {
width: 200px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}




h1#hills {
font: 900 20px "Verdana", "Arial", "Helvetica", Sans-serif;
color: yellow;
text-align: left;
margin-bottom: 0px;
text-align: center;
}


.em1 {
color: #800000;
font-weight: 800;
font-size: 14px;
}

/* Estilo PRECIOS */


h4 {margin: auto auto auto 40px;}

#tablaprecios {
width: 400px;
margin: 0px auto 0px 40px;
padding: 0px 0px 0px 0px;

}

#tablaprecios td {
text-align:left;
}

.titulo {
color: yellow;
text-align: left;
font-weight: 600;
font-size: 16px;
padding: 20px 0 2px 0;
}






/* Estilo SALIDAS */
h2 {
font-weight: 600;
font-size: 16px;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: center;
margin-bottom: 2px;
}


table {

width: 400px;
margin: 30px auto;
}

/* Estilo tienda */



#chaleco {
width: 450px;
margin: 10px auto 0 auto;

}

#chaleco img {
float:left;
border: 4px solid blue;
margin: 20px 20px 0px 0px;
}

p#oferta {
color: red;
font-weight: 900;
}