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

body {background-color: #FFFFFF; margin: 0;	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
a img {border: 0;}
a:link, a:visited {text-decoration: none; color: #666666; font-weight: bold;}
a:hover, a:active {text-decoration: none; color: #000000; font-weight: bold;}
h1 {font-size: 22px; margin: 0;}
h2 {font-size: 16px; text-align: center; margin: 0;}
h3 {font-size: 18px; text-align: right; color: #FFFFFF; padding-right: 5px; border-bottom: 1px dashed #FFFFFF; margin-bottom: 5px;}
h5 {font-size: 12px; text-align: right; margin: 0;}
h6 {font-size: 11px; font-weight: normal; margin: 0 0 10px 0;}
p {margin: 0 6px;}
form {margin: 0;}
small {font-size: 10px; margin-bottom: 20px;}
/* ESTRUCTURA GENERAL BIENVENIDO */
#contSup {position: relative; width: 100%; background-color: #FFFFFF;}
#logotxt {position: absolute; top: 16px; left: 10px; font-style: italic; font-size: 12px; font-weight: bold;}
#logotxt h1 {font-size: 12px;}
#menu {width: 100%; height: 56px; background-color: #FFFFFF;}
#slogan {width: 330px; height: 110px; padding-right: 450px; padding-top: 10px; font-size: 40px; font-weight: bold; color: #FFFFFF;}
#slogan a {color: #FFFFFF;}
#banderas {position: absolute; top: 30px; z-index: 10; right: 12px;}
#banderas a {padding: 0 !important;}
#banderas img {margin-left: 2px;}
#contInf {clear: both; position: relative; margin-left: auto; margin-right: auto; width: 780px; background-color: #FFFFFF; padding-top: 10px;}
#linkinicio {position: absolute; left: 0; top: 0; width: 495px; height: 25px; padding: 15px 15px 0 0; font-weight: bold; color: #FFFFFF; background: url(../imagenes/link_b.jpg) repeat-x; text-align: right;}
#linkclose {position: absolute; width: 40px; height: 40px; left: 505px; top: 0; background: url(../imagenes/link.jpg) no-repeat;}
#linkinicio a {color: #FFFFFF !important; text-decoration: underline;}
#left {float: right; width: 530px; margin-top: 40px; margin-right: 20px;}
#right {padding: 15px 6px 0 6px; width: 218px; margin-top: 20px; min-height: 350px; background: url(../imagenes/f_der.png) no-repeat;}
#rightHead {width: 206px; padding-top: 20px; margin: 0 6px 10px 6px; padding-bottom: 5px;}
#rightHead span {font-size: 13px;}
#rightHead a {color: #FFFFFF;}
#right p {margin: 0 0 0 10px;}
.enclose {float: left; width: 170px; margin-bottom: 10px; background: url(../imagenes/f_art_bot.png) no-repeat bottom right;}
.enclose2 {float: left; width: 170px; margin-bottom: 10px; margin-left: 10px; background: url(../imagenes/f_art_bot.png) no-repeat bottom right;}
.enopen {width: 146px; height: 246px; padding: 12px; background: url(../imagenes/f_art_top.png) no-repeat;}
.enopen img {position: relative;}
.encont {position: relative; top: -3px; width: 136px; height: 116px; padding: 5px; color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: #FF7E00;}
.encont small {font-size: 11px; font-weight: normal;}
#txtinf {clear: both; width: 530px; margin-bottom: 10px; position: relative;}
#footer {clear: both; width: 100%; padding-top: 10px;}
#footerCont {width: 780px; text-align: center; color: #000000; margin-left: auto; margin-right: auto; border-top: 10px solid #000000; background-color: #FF9900; padding: 15px 0;}
#footerCont a {color: #000000; font-weight: normal;}
.red {float:left; width:245px; font-size: 12px; color: #FFFFFF;}
.red a {color: #FFFFFF; font-size: 10px;}
.red strong a {font-size: 12px !important;}
.red_footer {clear: both; font-size: 10px; text-align: right; padding: 5px;}
h3 a {color: #FFFFFF !important;}
/* BANNERS */
.banneropen {background: url(../imagenes/f_hart_top.png) no-repeat; margin-bottom: 10px; color: #FFFFFF;}
.bannerclose {width: 506px; height: 138px; padding: 12px; background: url(../imagenes/f_hart_bot.png) no-repeat bottom right;}
.banner_coches {position: relative; float: left; width: 249px; height: 128px; padding: 5px; font-size: 18px; background: #FF7E00; cursor: pointer;}
.banner_cruceros {position: relative; float: left; width: 249px; height: 128px; padding: 5px; font-size: 18px; background: #0032F2; cursor: pointer;}
.banner_hoteles {position: relative; float: left; width: 249px; height: 128px; padding: 5px; font-size: 18px; background: #990000; cursor: pointer;}
.banneropen a {color: #FFFFFF;}
.bannereuro {position: absolute; top: 100px; right: 10px; font-size: 32px; font-weight: 900; text-align: right;}
/* ESTRUCTURA FECHAS Y ARTICULOS */
#contenidoCoches {clear: both; width: 100%; background-color: #FF7E00; border-top: 10px solid #d46900; position: relative;}
#separadorCoches {clear: both; width: 100%; background-color: #FFCC00; padding: 5px 0;}
#contenidoSupContCoches {width: 780px; height: 300px; margin-left: auto; margin-right: auto; background: url(../imagenes/head_coches.jpg) no-repeat bottom right;}
#contenidoSupContCoches h2 {font-size: 16px; text-align: left;}
#buscacoches {position: relative; background: url(../imagenes/f_big_top.png) no-repeat; padding: 12px;}
#leftCoches {width: 780px; margin-top: 20px; margin-bottom: 20px;}
#articulo {position: relative; min-height: 100px; clear: both; width: 770px; background: url(../imagenes/f_hart_top.png) no-repeat;}
#backart {float: left; position: relative; width: 470px; padding: 12px; min-height: 100px; background: url(../imagenes/f_hart_bot.png) no-repeat bottom right;}
#backart_fechas {float: left; position: relative; width: 530px; min-height: 100px; background: url(../imagenes/f_big_bottom.png) no-repeat bottom right; margin-bottom: 20px;}
#backart_faqs {width: 780px; min-height: 200px; background: url(../imagenes/f_big_bottom.png) no-repeat bottom right;}
#backart_column {float: left; position: relative; width: 270px; background: url(../imagenes/f_column.png) no-repeat bottom right; margin-bottom: 20px; margin-left: 5px;}
#backart_der {float: right; position: relative; width: 230px; min-height: 480px; background: url(../imagenes/f_column.png) no-repeat bottom right;}
.foto {float: left; width: 140px; margin: 8px 10px 0 0;}
.foto span {
	display: block;
	padding-top: 3px;
}
.descripcion {float: left; width: 300px; padding: 10px; background-color: #FF7E00;}
.modelo {width: 304px; font-size: 20px; font-weight: bold; text-align: left; color: #FFFFFF;}
.precio {width: 304px; font-size: 30px; font-weight: bold; text-align: right; color: #FFFFFF;}
.detalles {float: left; width: 275px; height: 110px;}
.art-as {float: left; width: 37px; height: 37px; padding: 3px 0 0 3px; font-size: 18px; font-weight: bold; text-align: left; color: #FFFFFF; margin: 15px 4px 15px 5px; background: url(../imagenes/art-as.jpg) no-repeat; border-bottom: 1px solid #888888; border-right: 1px solid #888888;}
.art {float: left; width: 40px; height: 40px; margin: 15px 4px 15px 0; border-bottom: 1px solid #888888; border-right: 1px solid #888888;}
.art-p {float: left; width: 37px; height: 37px; padding: 3px 0 0 3px; font-size: 18px; font-weight: bold; text-align: left; color: #FFFFFF; margin: 15px 4px 15px 0; background: url(../imagenes/art-p.jpg) no-repeat; border-bottom: 1px solid #888888; border-right: 1px solid #888888;}
.submit {float: right; height: 40px; font-size: 12px; font-weight: bold; padding-right: 20px; padding-top: 22px; margin: 0; min-width: 85px; color: #FFFFFF; background: url(../imagenes/submit_b.png) no-repeat bottom right #FF7E00; border: none; cursor: pointer;}
.submit_bar {position: relative; clear: both; height: 40px; width: 265px; margin-right: 5px; margin-left: 5px; background: #DDDDDD; border-bottom: 1px solid #888888; border-right: 1px solid #888888;}
.explica {margin-top: 40px; padding: 10px; color: #FFFFFF; background-color: #333333;}
/* ESTRUCTURA FORM */
.dat_v {padding-top: 10px; border-top: 1px dashed #FFFFFF; font-size: 12px; text-align: left; color: #FFFFFF;}
.dat_p {float: left; width: 246px; padding-left: 12px; padding-right: 12px; min-height: 350px; background: url(../imagenes/f_der.png) no-repeat;}
.dat_per {position: relative; clear: both; width: 505px; min-height: 500px; background: url(../imagenes/f_big_top.png) no-repeat;}
.dat_faqs {width: 760px; padding: 10px; background: url(../imagenes/f_big_top.png) no-repeat;}
.dat_faqs .red {width: 253px; padding: 10px 0; min-height: 255px;}
.dat_faqs .red {color: #000000;}
.dat_faqs .red a {color: #000000;}
.dat_faqs h1 {font-size: 18px; text-align: right; color: #FFFFFF; padding-right: 5px; border-bottom: 1px dashed #FFFFFF; margin-bottom: 5px; padding-top: 20px;}
/* NAVEGADOR COCHES */
#menuContCoches {width: 780px; height: 56px; margin-left: auto; margin-right: auto; position: relative;}
.botonCoches {float: right;}
.botonCoches .bot_izq {margin-top: 26px; float: left; width: 13px; height: 30px; background: url(../imagenes/bot_izq_coches.png) no-repeat;}
.botonCoches .bot_back {margin-top: 26px; float: left; height: 20px; padding-top: 10px; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(../imagenes/bot_back_coches.png) repeat-x;}
.botonCoches .bot_der {margin-top: 26px; float: left; width: 13px; height: 30px; background: url(../imagenes/bot_der_coches.png) no-repeat;}
#menuContCoches a {color: #FFFFFF !important;}
#submenu {clear: both; width: 780px; margin: 0 auto; color: #D46900; text-align: right; font-size: 14px; position: relative;}
#sub_open {float: left;width: 13px;height: 30px;background: url(../imagenes/bot_sub_izq.png) no-repeat;}
#sub_back {float: left;height: 25px;padding-top: 5px;background: url(../imagenes/bot_sub_back.png) repeat-x;}
#sub_close {float: left;width: 13px;height: 30px;background: url(../imagenes/bot_sub_der.png) no-repeat;}
#submenu a:link, #submenu a:visited {color: #D46900 !important; padding: 0 10px; font-size: 14px; font-weight: normal;}
#submenu a:hover, #submenu a:active {color: #000000 !important; padding: 0 10px; font-size: 14px; font-weight: normal;}
.telf {float: left; position: relative; left: 0px; top: -2px;}
/* CONTACTAR */
.skype {margin: 0 10px;}
/* DESTINOS */
#lista_destinos {margin: 10px 0; padding: 0 5px; min-height: 300px;}
	#lista_destinos ul {display: block; float: left; width: 25%; list-style: none; padding: 0; margin: 20px 0 0 0; line-height: 20px;}
	#lista_destinos .titulo {font-weight: bold; font-size: 14px;}
	#lista_destinos .ciudades {width: 100%;}
	#lista_destinos .letra {border: 1px solid #d46900; padding: 2px 4px; background: #ff7e00;}
		#lista_destinos a.letra {color: #fff;} #lista_destinos a.letra:hover {background: #d46900;}
		#lista_destinos span.letra {color: #CC3300;}
	#lista_destinos h3 {display: inline; font-size: 12px; margin-bottom: 20px;}
		#lista_destinos h3 a {color: #666 !important;} #lista_destinos h3 a:hover {color: #000 !important;}
	#lista_destinos .abecedario {margin-top: 10px;}