@charset "ISO-8859-1";
/* CSS Document */

/* todos los archivos ----------------------------------------------- */
body {margin-top: 0; margin-bottom: 0; background-color: #FFFFFF; Background-image: url(../images/back.jpg); background-repeat: repeat-x; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px;}
a img {border: none;}
a:link, a:visited, a:hover {text-decoration: none; color: #000000;}
#header a:link {color: #FFFFFF;}
#header a:visited {color: #FFFFFF;}
lu, li {margin: 10px; list-style-image: url(../images/X.gif);}
h1 {font-size: 10px; font-weight: normal; text-align: justify; color: black;}
h2 {text-align: center; font-size: 16px; margin-top: 10px;}
h3 {float: right; font-size: 12px; text-align: right; margin-top: 30px; margin-bottom: 0;}
h4 {margin: 10px; font-size: 10px; font-weight: normal;}
h5 {margin: 0; text-align: center; color: black; font-size: 16px; font-weight: normal; text-align: justify;}
h6 {font-size: 12px; font-weight: bold; color: white; margin: 0 5px 0 0;}
#contenedor {margin-left: auto; margin-right: auto; width: 750px; height: 100%; padding: 0 10px; background-color: #FFFFFF; border-left: 1px solid black; border-right: 1px solid black;}
/* INDEX */
#presup_close {clear: right; float: right; width: 27px; height: 40px; margin-top: -39px; margin-right: 40px; background: url(../images/link.jpg) no-repeat;}
#presup {clear: left; position: relative; float: right; height: 30px; margin-top: -39px; padding: 10px 0 0 10px; background: url(../images/link_b.jpg) repeat-x;}
#presup a {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
/* CABECERA ---------------------------------------------------- */
#logo {float: left;	width: 400px; height: 55px;	text-align: right; font-style: italic; font-weight: bold; font-size: 16px; padding-top: 15px;}
#logo h1 {text-align: right; font-style: italic; font-weight: bolder; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: -4px 0 0 0;}
#txtlogo {text-align: right; float: left; width: 226px; height: 70px;}
#banderas {float: right; margin-top: 30px; margin-right: 10px;}
#header {clear: both; width: 750px;	padding-top: 10px; background-image: url(../images/header.jpg);	height: 70px;}
#header h2 {font-size: 14px; color: #FFFFFF; margin-top: 0; text-align: center; font-weight: normal;}
#header h1 {font-size: 16px; text-align: center; color: #FFFFFF; margin: 0; font-weight: bold;}
#nav {width: 750px; height: 40px; text-align: right; letter-spacing: 0.2em; background-image: url(../images/back_nav.jpg);}
#nav a:link {float: right; display: block; height: 40px; color: #FFFFFF; font-size: 14px; font-weight: bold; padding-top: 10px; padding-right: 10px; padding-left: 10px; border-left: 1px solid black;}
#nav a:visited {float: right; display: block; height: 40px;	color: #FFFFFF; font-size: 14px; font-weight: bold; padding-top: 10px; padding-right: 10px; padding-left: 10px; border-left: 1px solid black;}
#nav a:hover {color: #000000; background-image: url(../images/hover_nav.jpg);}
/* BANERS ------------------------------------------------ */
#banners {width: 750px; height: 248px; margin-top: 6px;}
.h3 {color: #FFFFFF; font-weight: normal; font-size: 14px; text-align: left; margin: 0 0 0 0;}
.bannerfoot {margin-top: 0px; background-image: url(../images/transparencia.png); padding: 5px; color: #FFFFFF;	font-size: 11px;}
.bannerfoot p {width: auto; margin: 0; color: white; font-size: 14px; font-weight: bold;}
.bannerfoot h1 {font-size: 11px; color: white; margin: 0; font-weight: normal;}
/* PRINCIPAL -------------------------------------------------- */
#main {margin: 10px 0; clear: both; width: 750px; height: auto; text-align: justify;}
#text {clear: both; width: 750px; height: auto; margin: 10px 0;}
/* PIE -------------------------------------------------------- */ 
#cierre {clear: both; width: 750px; height: 20px; font-size: 10px;}
#cierre a {text-decoration: underline;}
#footer {clear: both; margin: 0 auto; border-right: 1px solid black; border-left: 1px solid black; width: 770px; padding: 20px 0; background-color: #654722; text-align: center; font-size: 10px; color: white;}
#footer a {color: #FFFFFF;}
.form {font-size: 12px;}
/* LISTAS ---------------------------------------------------- */
.lista {float: left; margin-top: 6px; margin-left: 6px; width: 246px; background-image: url(../images/banner5.jpg);	padding-bottom: 10px;}
.lista2 {margin-top: 6px; float: left; width: 246px; background-image: url(../images/banner5.jpg); padding-bottom: 10px;}
.lista p {margin: 6px;}
.lista2 p {margin: 6px;}
.lista2 a {color: #000000; font-size: 10px; text-decoration: none;}
.lista a {color: #000000; font-size: 10px; text-decoration: none;}
.lista2 span, .lista span {font-size: 13px;}
/* FECHAS HTML ---------------------------------------------- */	
#buscar {width: 730px; margin-top: 10px; height: 180px; padding: 10px; background-image: url(../images/buscador.jpg);}
#bannerizq {width: 246px; height: 246px; float:left; background-image: url(../images/banner1.jpg);}
#bannercent {width: 246px; height: 246px; float: left; margin: 0 6px; background-image: url(../images/banner2.jpg);}
#bannerder {width: 246px; height: 246px; float: left; background-image: url(../images/banner3.jpg);}
#bottomleft {float: left; width: 496px; height: 246px; margin-right: 6px; background-image: url(../images/banner4.jpg);}
#bottomright {float: left; width: 226px; height: 226px; padding: 10px; background-image: url(../images/banner5.jpg);}
#bottomright p{margin: 10px; text-align: justify; font-size: 14px; font-weight: bold;}
/* CONTACTO HTML --------------------------------------------- */
#contacto {width: 400px; margin-top: 10px; height: 180px; padding: 10px 330px 10px 20px; background-image: url(../images/contacto.jpg);}
#contacto h3 {margin: 0; text-align: left; color: #FF0000; font-size: 12px; font-weight: bold; text-align: justify;}
#contacto h4 {margin: 0; text-align: center; color: #000000; font-size: 10px; font-weight: bold; text-align: justify;}
#contactoizq {width: 246px; height: 246px; float:left; background-image: url(../images/contactoizq.jpg);}
#contactocent {width: 246px; height: 246px; float: left; margin: 0 6px; background-image: url(../images/contactocent.jpg);}
#contactoder {width: 246px; height: 246px; float: left; background-image: url(../images/contactoder.jpg);}
/* NOSOTROS HTML --------------------------------------------- */
#nosotros {width: 400px; margin-top: 10px; height: 180px; padding: 10px 330px 10px 20px; background-image: url(../images/nosotros.jpg);}
#nosotros h3 {margin: 0; text-align: center; color: #FF0000; font-size: 10px; font-weight: bold; text-align: justify;}
#nosotros h4 {margin: 0; text-align: center; color: white; font-size: 10px; font-weight: bold; text-align: justify;}
#nosotros h5 {margin: 0; text-align: center; color: white; font-size: 15px; font-weight: normal; text-align: justify;}
#nosotrosizq {width: 246px; height: 246px; float:left; background-image: url(../images/nosotrosizq.jpg);}
#nosotroscent {width: 246px; height: 246px; float: left; margin: 0 6px; background-image: url(../images/nosotroscent.jpg);}
#nosotrosder {width: 246px; height: 246px; float: left; background-image: url(../images/nosotrosder.jpg);}
/* ARTICULOS HTML -------------------------------------------- */
#articulos {width: auto;}
#articulos .cabecera {font-size: 10px; font-weight: bold; color: white; background-color: #654722;}
#articulos .euro {font-size: 5px; font-weight: normal; color: white; background-color: #654722;}
#articulos .cuerpo {font-size: 12px; font-weight: normal; color: black; background-color: white;}
#articulos .ref {font-size: 10px; font-weight: bold; color: black; background-color: white;}
#articulos .precio {text-align: center; font-size: 22px; font-weight: bold; color: #FF0000;	background-color: white;}
/* RESERVAS HTML ----------------------------------------------- */
#reservas {width: 480px; margin-top: 10px; height: 180px; padding: 10px 10px 10px 260px; color: #FFFFFF; background-image: url(../images/buscador.jpg);}
#reservas h5 {color: #FFFFFF;}
/* FORMS */
#formulario {width: 748px; border: #666666 1px solid;}
#formulario a:link {text-align: center; font-size: 12px; font-weight: bold;	color: #666666;}
#formulario a:visited {text-align: center; font-size: 12px; font-weight: bold; color: #666666;}
#formulario a:hover {text-align: center; font-size: 12px; font-weight: bold; color: #000000;}
#formulario .ip {text-align: center; font-size: 10px; color: #FFFFFF;}
#formulario .header {background: #654722;}
#formulario .title {margin: 5px 0; text-align: center; font-size: 12px; font-weight: bold; color: #000000;}
#formulario .txthead {text-align: center; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #654722;}
#formulario .txt {font-size: 12px; text-align: right; color: #000000;}
#formulario .txtc {font-size: 12px; text-align: center; color: #000000;}
#formulario .txtd {font-size: 12px; text-align: left; color: #000000;}
#formulario h3 {text-align: center;}
#formulario .price {text-align: center;	font-size: 16px; font-weight: bold;	color: #FF0000;}
#destinos {width: 480px; margin-top: 10px; height: 180px; padding: 10px 20px 10px 250px; background-image: url(../images/buscador.jpg);}
#destinos h5 {color: #FFFFFF;}