html, body {margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #036; background: #fff;} input[type="submit"] {-webkit-appearance: none;}
a img {border: none;} a {text-decoration: none; color: #ec6920;} hr {width: 100%; clear: both;} form {margin: 0;}
ul, li {list-style: none; margin: 0; padding: 0;} .clear {clear: both;}

#contenedor {position: relative; height: auto; min-height: 100%;}

#header {background: #ff5705; position: absolute; left: 0; top: 0; width: 100%; height: 120px; border-bottom: 1px solid #ffd100;}
	#header h1 span, h1.fixed span {display: block; font-size: 30px; line-height: 30px; margin: -4px 0 0 0; max-width: 770px; text-align: right;}	#header.index h1, #wrapper.index h1.fixed {top: 20px;}
	#header h1, h1.fixed {margin: 0; color: #fff; position: absolute; right: 0; top: 6px; font-size: 44px; line-height: 44px; font-weight: normal; text-align: right; z-index: 10; max-width: 770px;}
		#header h1 a, h1.fixed a {color: #fff;} #header .logo {margin: 10px 0; width: 107px; height: 65px;}
	#header #cont {position: relative; width: 900px; margin: 0 auto; z-index: 3;}
	#header #menu {position: relative; background: #f90; border-bottom: 5px solid #feefaa; z-index: 2; font-size: 14px; line-height: 16px;}
		#header #menu ul {position: relative; display: block; width: 900px; margin: 0 auto; height: 30px;} #header #menu ul li {float: left;}
			#header ul li a {display: block; padding: 7px 12px; color: #000;} #header ul li a.active, #header ul li a.active:hover {background: #feefaa; color: #000;} #header ul li a:hover {background: #ff5705; color: #fff;}
		#header #cont #banderas {position: absolute; right: 0; top: 90px; z-index: 3;}

#wrapper {width: 900px; margin: 0 auto; position: relative; padding: 140px 0 0 0; z-index: 1;}
	#wrapper i.title {position: absolute; top: 126px; right: 0; color: #666; font-size: 16px; line-height: 18px; max-width: 300px;} i.title a {color: #666;}
	#wrapper #top {position: relative; margin-bottom: 20px;} #top h2 {font-size: 30px; line-height: 32px; margin: 4px 0; color: #ff7200;} #top p {font-size: 18px; line-height: 20px; margin: 0 0 20px 0;}
		#wrapper #top .fototop {position: absolute; right: 0; bottom: 16px;} #wrapper #top span {position: absolute;} .slogan strong {color: #ff7200;}
		#wrapper #top .txt1 {right: 30px; bottom: 280px; font-size: 20px; line-height: 22px;} #wrapper #top .txt2 {right: 50px; bottom: 256px; font-size: 24px; line-height: 26px;}
		#wrapper #top .txt3 {right: 130px; bottom: 234px; font-size: 16px; line-height: 18px;} #wrapper #top .txt4 {right: 10px; bottom: 224px; font-size: 28px; line-height: 30px;}
		#wrapper #top .txt5 {right: 100px; bottom: 210px; font-size: 13px; line-height: 15px;} #wrapper #top .txt6 {right: 80px; bottom: 182px; font-size: 28px; line-height: 30px;}
		#wrapper #top .txt7 {right: 40px; bottom: 166px; font-size: 20px; line-height: 22px;}
	#main {float: left; width: 490px; margin-bottom: 20px;}
		ul#ofertas {display: block; background: url(../imgs/back-offer.png) no-repeat; padding: 10px 10px 0 10px;}
			#ofertas li {display: block; position: relative; height: 78px; background: url(../imgs/back-offers-b.png) no-repeat;}
				#ofertas li.nodisp span {display: none;}
				#ofertas li p {position: absolute; left: 78px; top: 14px; border-bottom: 1px dotted #f90; margin: 0;} #ofertas li p strong {font-size: 22px; line-height: 24px;}
					#ofertas li p b {position: absolute; left: 0; bottom: -28px; font-size: 26px; line-height: 28px; color: #ff7200; width: 240px;}
					#ofertas li p b small {font-size: 16px; line-height: 18px; color: #036; font-weight: normal;} #ofertas img {max-height: 35px; position: absolute; top: 20px; left: 5px;}
			.ofer-close {height: 10px; background: url(../imgs/back-offer.png) no-repeat left bottom; margin-bottom: 2px;}
	#sidebar {float: right; width: 390px; margin-bottom: 20px;}
		#banner {position: relative; margin: 0 0 10px 0;} #banner span {position: absolute;}
			#banner span.txt1 {right: 0; top: 4px; font-size: 28px; line-height: 30px;} #banner span.txt1.oficina {font-size: 26px; line-height: 24px;}
			#banner span.txt2 {right: 0; top: 34px; font-size: 26px; line-height: 28px;} #banner span.txt2.ger {top: 60px; font-size: 24px;}
			#banner span.txt3 {right: 0; top: 88px; font-size: 20px; line-height: 22px; color: #ff7200; font-weight: bold;}
			#banner span.txt2.oficina {color: #036; font-weight: normal; max-width: 280px; font-size: 20px; line-height: 22px; height: 22px; overflow: hidden; text-align: right;}
			#banner span.txt4 {right: 0; top: 88px; font-size: 20px; line-height: 22px; color: #ff7200; font-weight: bold;}
		#sidebar #contact {text-align: right; margin: 0;} #sidebar #contact span {font-size: 24px; line-height: 26px;}
			#sidebar #contact b {font-size: 16px; line-height: 18px; color: #060;} #sidebar #contact p {margin: 10px 0; color: #666;}
			#contact strong {height: 57px; display: block; background: url(../imgs/back-contact.jpg) no-repeat right top; margin: 6px 0 -8px 0;}
		#sidebar .box {border: 1px solid #f7d42f;}
		#sidebar .left {float: left;} #sidebar .right {float: right;} #sidebar .left ul, #sidebar .right ul {font-size: 10px; line-height: 18px; margin-bottom: 10px; width: 175px; padding: 10px;}
		#sidebar h2 {font-size: 14px; line-height: 16px; margin: 0;}
		.why {margin-bottom: 20px;}
			.why strong {display: block; font-size: 26px; line-height: 28px;} .why p {color: #666; font-size: 12px; line-height: 14px; padding: 2px 0 0 28px; background: url(../imgs/bullet.png) no-repeat;}
				.why p strong {font-size: 20px; line-height: 22px; color: #ff7200;} .why p.nobv {padding: 0; background: none;}
	.form_buscar {display: block; background: url(../imgs/back-form.jpg) no-repeat; padding: 50px 0 50px 24px; height: 220px; margin-bottom: 2px; font-size: 14px; line-height: 16px;}
		.form_buscar b {font-size: 16px; line-height: 18px; color: #333;}
		.enviarform, #tipo_pago .submit {background: url(../imgs/back-submit.png) repeat-x; border: none; font-size: 15px; line-height: 17px; width: 180px; height: 36px; color: #fff; cursor: pointer; font-weight: bold; letter-spacing: 0.05em;}
		#locrec, #locent, .formulario .text {font-size: 16px; line-height: 18px; width: 304px; height: 18px; padding: 6px 8px; color: #666; border: none; background: url(../imgs/back-input.png) no-repeat;}
		#fecharec, #fechaent {font-size: 16px; line-height: 18px; width: 100px; height: 18px; padding: 6px 8px; color: #666; border: none; background: url(../imgs/back-input-s.png) no-repeat;}
		#horarec, #horaent, .formulario select {font-size: 16px; line-height: 18px; color: #666;}
			 .formulario select {width: 320px;}

#footer {background: #fef7da; border-top: 1px solid #aaa;}
	#footer #cont {position: relative; width: 900px; margin: 0 auto; padding: 10px; color: #666; font-size: 12px; line-height: 14px;} #footer h3 {margin: 14px 0; font-size: 12px; line-height: 14px; text-decoration: underline; color: #036;}
		#footer #cont ul {width: 25%; float: left; line-height: 22px; margin-bottom: 20px;} #footer #cont ul li a {padding-left: 16px; background: url(../imgs/f-bullet.png) no-repeat; color: #004d99;}
	#footer #foot {background: #ff5705; padding: 20px 0; text-align: center; border-top: 1px solid #999; color: #fff;} #footer #foot a {color: #fff;}
	
	.why p.contacto_ko {color: #c00; background: url(../imgs/bullet_ko.png) no-repeat; padding-top: 0;}
	.why p.contacto_ok {color: #060; min-height: 28px; padding-top: 12px;}
	.why .letraM b {font-size: 16px; line-height: 18px; color: #ff7200; display: block;} .why .letraM br {display: none;} #main.listadestinos a:hover {color: #036;}
	a.directorio, .listadestinos h3 {font-size: 16px; line-height: 18px; display: inline;} .abecedario {margin: 20px 0;} ul.ciudades {margin: 20px 0; font-size: 13px; line-height: 22px;}
	.cajapaises ul.paises {width: 33%; float: left; margin: 20px 0; font-size: 13px; line-height: 22px;} .cajapaises ul.paises .titulo {font-size: 16px; line-height: 18px; font-weight: bold;}
	#top.listadestinos h2 {color: #036;}
#ui-datepicker-div {display: none;}