* {margin:0; padding:0;}
html{height: 100%;}
body{
background-image: url(../images/fondo_agua.jpg);
background-repeat: no-repeat;
background-position: center bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
}
h1{
font-size: 1.2em;
font-weight: bold;
color: #6699CC;
margin-bottom:5px;
}
h2{
font-size: 1em;
font-weight: bold;
color: #6699CC;
margin-bottom:5px;
}
table{width:200px;}
td, th{border-bottom:1px solid #ccc;border-right:1px solid #ccc;
border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0;}
a{color: #999999; text-decoration: underline;}
a:hover{color: #6699CC; text-decoration: underline;}
/*MAQUETACION*/
#contenedor{
position: absolute;
left: 50%;
top: 50%;
height: 280px;
margin-top: -140px; /* la mitad de la altura */
width: 980px;
margin-left: -490px; /* la mitad de la anchura */
}
#menu{
height: 280px;
width: 270px;
background-repeat: no-repeat;
background-position: left;
float: left;
}
#titulo{
background-image: url(../images/titulo_grecas.png);
background-repeat: no-repeat;
height: 34px;
width: 700px;
float:right;
}
#submenu{
height: 246px;
width: 210px;
float:right;
background: url(../images/fondo_submenu.png) no-repeat top left;
}
#contenido{
float:right;
height: 245px;
width: 489px;
border-left: 1px solid #d3e1f0;
}
#texto{
float:right;
margin:10px 0px 0px 0px;
height: 215px;
width: 454px;
overflow: auto;
font-size:0.7em;
line-height:1.5em;
text-align:justify;
padding:0px 10px 0px 15px;
background-color: #FFFFFF;
}
#esquina_texto{
float:right;
width:10px;
height:245px;
background-image: url(../images/esquina_texto.png);
background-repeat: no-repeat;
background-position: right bottom;
}
#texto_bordeinf{
float:right;
width:479px;
height:20px;
background-color:#fff;
border-bottom: 1px solid #d3e1f0;
}
#contenedor_fotos{
position: absolute;
left: 50%;
top: 50%;
margin-top:150px;
width: 490px;
}
#fotos{
height: 105px;
overflow: auto;
}
/*CABECERAS*/
.menu_presen{background-image: url(../images/fondo_presen.png);}
.menu_plaza{background-image: url(../images/fondo_plaza.png);}
.menu_itiner{background-image: url(../images/fondo_itiner.png);}
.menu_veleros{background-image: url(../images/fondo_veleros.png);}
.menu_precios{background-image: url(../images/fondo_precios.png);}
.menu_contacto{background-image: url(../images/fondo_contacto.png);}
/*MENU IZQUIERDO*/
#menu ul{
font-size: 0.8em;
margin:23px 0px 0px 12px;
list-style-type: none;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#menu a{
text-decoration:none;
text-align:left;
color:#fff;
display:block;
width:162px;
padding:4px 0px 5px 10px;
margin-top:3px;
}
#menu a:hover {
background-color:#69c;
}
.boton_presionado{
background-color:#6699CC;
}
/*menu idioma*/
#menu_idioma{
float:right;
margin-top:40px;
margin-right:8px;
width:262px;
height:20px;
}
#menu_idioma li{display:inline; float:right;}
#menu_idioma a{width:40px; text-align:right; margin-left:10px;}
#menu_idioma a:hover{background-color:transparent;}
#menu_idioma img{border:0;}
.calendario{margin-left:0 !important;}
/********************/
/*SUBMENU*/
#submenu ul{
font-size: 0.7em;
margin:50px 0px 0px 31px;
list-style-type: none;
}
#submenu a{
text-decoration:none;
text-align:left;
color:#6699CC;
display:block;
width:169px;
padding:4px 0px 5px 10px;
margin-top:10px;
background-color:#f9f9f9;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
#submenu a:hover{
background-color:#eef4fa;
border-top: 1px solid #d3e1f0;
border-bottom: 1px solid #d3e1f0;
}
.subboton_presionado{
background-color:#eef4fa!important;
border-top: 1px solid #d3e1f0!important;
border-bottom: 1px solid #d3e1f0!important;
}
.contacto{
line-height:1.5em;
padding-left:20px!important;
list-style-image: url(../images/li_texto.gif);
}
.contacto a{
color:#999!important;
display:inline!important;
width:50px!important;
padding:0!important;
margin:0!important;
background:transparent!important;
border:0!important;
}
.contacto a:hover{color:#69c!important;}
/*******************/
/*FOTOS*/
#fotos ul{list-style:none; white-space:nowrap; display:table-row;}
#fotos ul li{display:table-cell;}
#fotos ul li img {
padding:4px;
margin:0px 5px 0px 5px;
background-color:#FFF;
border-top:1px solid #ccc;
border-right:2px solid #999;
border-bottom:2px solid #999;
border-left:1px solid #ccc;
}
/*CONTENIDOS*/
#texto ul{
margin-left:20px;
list-style-type: none;
list-style-image: url(../images/li_texto.gif);
}
#texto img, object{
float:right;
margin:0px 0px 10px 20px;
}
#texto p{clear:right;
}
.azul{color:#6699CC;
}
.gris_negrita{color:#999999; font-weight: bold;}
.borde_foto{
padding:4px;
border-top:1px solid #ccc;
border-right:2px solid #999;
border-bottom:2px solid #999;
border-left:1px solid #ccc;
}
.imagen_left{float:left!important; margin:4px 5px 5px 5px!important;border:0!important;}
.lista_enfila{display:inline;}
/*******************/
/*ESQUINAS REDONDEADAS*/
.esquinas_superior{
margin:0!important;padding:0!important;
height:10px;
width:435px;
background-image: url(../images/esquina_sup.png);
background-repeat: no-repeat;
background-color: #f0f0f0;
}
.esquinas{
width:415px;
padding:0 10px 0 10px;
background-color:#f0f0f0;
}
.esquinas_inferior{
margin:0!important;padding:0!important;
height:10px;
width:435px;
background-image: url(../images/esquina_inf.png);
background-repeat: no-repeat;
}
.esquinas ul{
margin-left:20px;
list-style-type: none;
list-style-image: url(../images/li_esquinas.gif)!important;
}
/*FORMULARIO*/
input, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#666;
}
.boton{
width:60px;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#369;
}