@charset "utf-8";
/* CSS Document */

	body {background:#b89d72 url('../imgs/fondo.gif'); margin:0}
	body p {line-height:120%; padding:0; margin:10px 0 11px 0}	
	* {color:#767676; font-family:Tahoma, Arial, sans-serif; font-size:11px}

	#header, #page, #note, #footer {clear:both; margin:0 auto}

	#page {background:url('../imgs/fondoPage.gif') right top; height:565px; width:705px}
	#page #der {float:right; height:541px; width:291px}
	#page #izq {background:#eee9df; border:12px solid white; float:left; height:511px; padding:15px; width:360px}

	#page .photo img {border:4px solid white}
	#page .clear {clear:both}

	#page #titulo {border-bottom:1px solid #DDD9CE; margin-bottom:15px; padding-bottom:20px}
	#page #titulo .photo {float:left; margin-right:15px; background:#FFF}
	#page #titulo p {margin:0; padding:0}
	#page #titulo a {background:url('../imgs/guionEnlace.gif') no-repeat 2px 5px; color:#BA7F2F; line-height:22px; padding-left:12px}
	#page #titulo a:hover{color:#8D550A; text-decoration:none}


/* Formato de header */

	#header {background:no-repeat bottom right; cursor:default; height:95px; width:705px}
	#header div {float:left}
	#header #logo {padding:15px 20px 0 35px}
	#header #horario {border-left:1px solid #DCD9D0; color:#DCD9D0; margin:35px 0 0; padding:0 0 0 12px}
	#header #horario:hover {color:white}


/* Formato de footer */

	#note {color:white; font-size:10px; padding:10px 35px 10px 0; text-align:justify; width:670px}

	#footer {color:#7E5014; margin:5px auto; padding:0 35px 0 0; text-align:center; width:670px}
	#footer a {display:block}
	#footer a, #footer a * {color:white; font-size:10px; padding:10px 0; text-decoration:none}
	#footer a b {text-decoration:underline}
	#footer a:hover b {text-decoration:none}


/* Formato de menu */

	#menu {clear:both}
	#menu img {margin:12px 0 0}

	#datos * {font-size:10px}
	#datos h1 {font-size:18px; font-weight:normal; margin:10px 46px 15px; text-align:right; text-transform:uppercase}
	#datos ul {border-left:1px solid #C8C8C6; margin:0; padding:0}
	#datos li {list-style:none; padding:0 0 0 10px}


/* Formato para index */

	#index #paquetes {border-right:1px solid #DDD9CE; float:left; margin:0 13px 10px 0; padding:0 16px 0 0}
	#index #paquetes .photo {margin:8px 0 0 0; background:#FFF}
	
	#index #tarifas {margin-bottom:10px;}
	#index #tarifas .precios {margin:10px 0; padding:0}
	#index #tarifas .precios li {background:url("../imgs/guionLista.gif") no-repeat 6px 5px; float:left; list-style:none; padding:1px 0 0 15px; width:172px}
	#index #tarifas .precios li.link {background:url("../imgs/guionListaEnlace.gif") no-repeat 4px 12px; padding:8px 0 0 15px}
	#index #tarifas .precios li.link * {color:#9b0008}
	#index #tarifas .precios li *, #index #tarifas .precios li a {display:block; float:left}
	#index #tarifas .precios li a {width:85px}
	#index #tarifas .precios li a:hover {text-decoration:none}
	#index #tarifas .precios .dolar, #index #tarifas .precios .sol {font-size:10px; text-align:center; width:40px}
	#index #tarifas .precios .dolar {background-color:#DBD5C7; margin-right:5px}
	#index #tarifas .precios .sol {background-color:#D8C394}
	
	#index #banners {border-top:1px solid #DDD9CE; clear:both}
	#index #banners .photo {float:left; margin:15px 4px 0}
	#index #banners .photo img {border:none}


/* Formato para anne-travel */

	#anne #imgAnne {float:left; margin:0 10px 0 0}
	#anne #contenido {text-align:justify; padding:0 5px}


/* Formato para tarifas */

	#fares #titulo {height:100px;}
	#fares #titTarifas {margin:0 0 5px}	

	#fares #tarifas {margin-bottom:10px; height:100px; border-bottom:1px solid #DDD9CE}
	#fares #tarifas .precios {float:left; margin:0; padding:0 0 20px 0; width:180px}
	#fares #tarifas .precios li {background:url("../imgs/guionLista.gif") no-repeat 5px 5px; float:left; list-style:none; padding:1px 10px 0 12px}
	#fares #tarifas .precios li.link {background:url("../imgs/guionListaEnlace.gif") no-repeat 6px 14px; padding:10px 0 0 0}
	#fares #tarifas .precios li.link * {color:#9b0008}
	#fares #tarifas .precios li *, #fares #tarifas .precios li a {display:block; float:left}
	#fares #tarifas .precios li a {width:80px}
	#fares #tarifas .precios li a:hover {text-decoration:none}
	#fares #tarifas .precios .dolar, #fares #tarifas .precios .sol {font-size:10px; text-align:center; width:36px}
	#fares #tarifas .precios .dolar {background-color:#DBD5C7; margin-right:2px}
	#fares #tarifas .precios .sol {background-color:#D8C394}
	
	#fares #destinos .des {clear:both; padding:10px 5px 10px}
	#fares #destinos .des .photo {padding:0 15px 0 0}
	#fares #destinos .des .photo {float:left}
	#fares #destinos .des * {font-size:10px}
	#fares #destinos .des p {display:block; margin:0; text-align:justify}
	#fares #destinos .des p b {display:block; font-size:11px; padding-bottom:5px}
	#fares #destinos .des p a {color:#BA7F2F; display:block; padding-left:12px}
	#fares #destinos .des p a:hover{color:#8D550A; text-decoration:none}
	
	#fares #container {display:none; border:1px solid gray; position:absolute}


/* Formato para destinos/nombre */

	#destinoInfo {background:white; margin:0; padding:5px}
	#destinoInfo * {margin:0; padding:0}
	#destinoInfo td {padding:0 4px}	
	#destinoInfo #inc td {padding:5px}
	#destinoInfo #inc h3 {padding-top:12px !important}	
	#destinoInfo .tarifa td {padding:5px}
	#destinoInfo .tarifa .titulo td {font-size:10px; text-align:center; font-weight:bold; background:#ebebeb}	
	#destinoInfo #contenido {height:380px; padding:10px 15px 15px 15px}
	#destinoInfo h1 {color:#960002; float:left; width:250px; font-size:20px; text-transform:uppercase}
	#destinoInfo h1 b {font-size:11px; display:block}
	#destinoInfo h2 {float:left; width:380px; padding-bottom:10px}	
	#destinoInfo h3 {padding:20px 0 10px}		
	#destinoInfo #link {float:right}
	#destinoInfo #link, #destinoInfo #link * {color:#960002; font-size:10px}
	#destinoInfo #link {padding:0}	
	#destinoInfo #link a {padding:0 4px}
	#destinoInfo #link a:hover{text-decoration:none}	
	#destinoInfo #info {border-top:1px solid gray; clear:both; margin:0; padding:0 0 0 0}
	#destinoInfo #info p {margin:5px 0 10px; text-align:justify}	
	#destinoInfo img {display:block; float:left; clear:left; padding:0; margin:3px 0px 3px 0; border:2px solid #CFCFCF}
	#destinoInfo li {padding-left:10px; list-style:none; background:url('../imgs/guionLista.gif') no-repeat 0 4px; margin-left:10px}	
	#destinoInfo .red {color: #960002}}		

/* Formato para paquetes */

	#pack #titulo {height:100px;}
	#pack #titPaquetes {margin:0 0 5px}

	#pack .paquetes {height:145px; border-bottom:1px solid #DDD9CE; overflow:auto}	
	#pack .paquetes ul {float:left; margin:0; padding:0 7px; width:155px;}
	#pack .paquetes ul li {clear:both; list-style:none; padding:1px 0 10px 0; width:155px}
	#pack .paquetes ul li * {font-size:10px; text-decoration:none}
	#pack .paquetes ul li b {color:#990306; display:block}
	#pack .paquetes ul li img {border:2px solid white; float:left; margin:0 5px 0 0}
	#pack .paquetes ul li .info {display:block}
	#pack .subtitulo {font-weight:bold; margin:15px 0 20px}
		
	#pack #container {display:none; border:1px solid gray; position:absolute}


/* Formato para util */

	#util #titulo {padding:0 0 30px}
	#util #titulo #imgUtil {float:left; margin:0 10px 0 0}
	#util .subtitulo {font-weight:bold; margin:0; padding:0}	
	#util #clima {border-bottom:1px solid #DDD9CE; padding:0 0 15px; margin:0 0 15px; text-align:justify}	
	#util #clima, #util #clima * {font-size:10px}
	#util #clima #form {padding:0 0 0 30px; margin:0}	
	#util #clima #form b {color:#0d6ba9}
	#util #clima #form img {margin:0 5px 0 0}
	#util #contenido {text-align:justify}
	
	
/* Formato para contacto */

	#contacto #titulo {padding:0 0 30px 0; margin:0}
	#contacto #titulo #titContacto {padding:10px 0}
	#contacto #plano {border-bottom:1px solid #DDD9CE; padding:15px 0; margin:0 0 15px; height:100px}	
	#contacto #plano img {border:4px solid white; float:left; margin:0 20px 0 0}
	#contacto #plano ul {padding:0; margin:0}
	#contacto #plano li {list-style:none}
	#contacto .subtitulo {clear:both; font-weight:bold}
	#contacto #form {margin:0; padding:10px 0 0 10px}
	#contacto #form * {font-size:10px; vertical-align:text-top}
	#contacto #form .info {clear:both; margin:0 0 4px}
	#contacto #form .info b {display:block; float:left; width:50px}
	#contacto #form .info input {width:150px}
	#contacto #form .info textarea {width:265px; height:50px}
	#contacto #form .info select {width:125px}
	#contacto #form .submit {padding:5px; text-align:center}
	#contacto #form .submit input {width:50px; margin:0 2px}
	#contacto #form .submit input#enviar {width:80px}
	#contacto #gracias {padding:15px 0 0 0}