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

html, body {margin: 0; height: 100%; background: #fff; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; color: #000;}
a {text-decoration: none; color: #000;}
a img {border: none;}
hr {clear: both;}
ul {list-style: none;}
p { line-height: 14px;}
input, select, textarea {background: #fff url(../imagenes/back-boton.jpg) repeat-x bottom; border: 1px solid #999; font-size: 12px; padding: 2px;}
.submit {padding: 5px; cursor: pointer;}

/* ESTRUCTURA GENERAL */
#contenedor {position: relative; height: auto; min-height: 100%; min-width: 900px; margin: auto; background: #fff;}
.logo {position: absolute; left: 10px; top: 10px; z-index: 10;}
#menu h1 {position: absolute; top: 96px; left: 380px; font-size: 18px; width: 495px; border-bottom: 1px dotted #333; z-index: 15;}
#menu h2 {position: absolute; top: 33px; left: 240px; font-size: 12px; color: #fff; z-index: 14;}
#menu {position: relative; background: #303 url(../imagenes/back-head.png) repeat-x bottom; border-top: 1px solid #000; border-bottom: 1px solid #222;}
	#menu img {position: absolute; left: 240px; top: 15px; z-index: 15;}
	#menu ul {display: block; position: relative; left: 470px; max-width: 430px; height: 55px; padding: 7px 0; margin: 0; text-align: right;}
		#menu ul li {float: left; margin: 0; font-size: 14px; height: 41px;}
			#menu ul li a {display: block; margin-right: 5px; color: #ccc; border-right: 1px dotted #db5b37; padding: 20px 15px; height: 15px;}
			#menu ul li a:hover {color: #db5b37;}
/* PRINCIPAL */
#wrapper {position: relative; min-height: 410px; padding: 60px 0 200px 380px;}
#left {position: absolute; top: 60px; left: 10px; width: 361px; z-index: 1;}
	#left #top {background: url(../imagenes/sombra.jpg) no-repeat bottom right; margin-bottom: 10px;}
		#left #top div {width: 340px; padding: 5px; background: #FFCC00; margin-bottom: 0;}
			#left #top div div {border: 1px dashed #fff; width: 318px; padding: 10px;}
		#left #top h2 {border-bottom: 1px dotted #000; margin-top: 20px;}
		#left #top h3 {text-align: center; font-size: 24px; margin: 5px;}
			#left #top div form {margin: 0 !important; border: 1px dashed #fff; padding: 28px 0 10px 0; background: url(../imagenes/ico-busca.png) no-repeat bottom right;	}
				#left #top div form #uk select {max-width: 210px;}
				#left #top div form #es select {max-width: 255px;}
				#left #top div form #de select {max-width: 225px;}
				#left #top div form #nl select {max-width: 255px;}
				#left #top div form table {margin: 0 10px;}
					#left #top div form table td {height: 20px;}
	#left #bottom {width: 361px; color: #fff; background: url(../imagenes/sombra.jpg) no-repeat bottom right;}
		#left #bottom a {text-decoration: underline; color: #fff;}
		#left #bottom p {margin: 0;}
		#left #bottom div {width: 340px; padding: 5px; background: #690 !important;}
			#left #bottom div div {border: 1px dashed #fff; width: auto; height: 118px; padding: 10px;}
		#left #bottom h2 {border-bottom: 1px dotted #fff; margin-top: 0;}
		#left #bottom h3 {border-bottom: 1px dotted #fff; font-size: 16px; margin: 25px 0 5px 0; line-height: 18px; padding-bottom: 3px;}
			#left #bottom h2 a, #left #bottom h3 a {text-decoration: none;}
#right {width: 510px; margin: 0 11px 10px 0; float: left;}
	#right p {margin: 10px 0; width: 495px;}
	#right ul {padding: 0; margin: 0; float: left; width: 50%;}
		#right ul li {clear: both; line-height: 16px;}
		#right #dest {padding-top: 10px;}
		#right #dest ul li a {color: #999 !important; line-height: 20px;}
		#right #dest ul li a:hover {color: #000 !important;}
	#list {border: 1px dashed #cc3; border-top: 27px solid #cc3; padding: 5px; width: 483px; position: relative;}
		#list h3 {position: absolute; right: 10px; top: -28px; color: #fff; margin: 0; font-size: 24px;}
			#list h3 a {color: #fff; background: none;}
		#list a {padding-left: 20px; margin-left: 5px; background: url(../imagenes/bullet2.png) no-repeat left center;}
	#contacto {padding: 20px 21px 0 0; margin-bottom: 10px;}
		#contacto h3 {border-bottom: 1px dotted #999; margin-bottom: 30px;}
		#contacto table {margin-left: 20px;}
div.tab {float: left; width: 149px;	height: 133px; margin-bottom: 10px; padding: 5px 15px 13px 5px; color: #fff; background: url(../imagenes/back-tab.jpg) no-repeat;}
	div.tab span {display: block; padding: 5px; height: 90%; border: 1px dashed #fff; margin: 0; font-size: 12px;}
		div.tab span#eco {background: url(../imagenes/ico-econ.png) no-repeat 70px 55px;}
		div.tab span#cal {background: url(../imagenes/ico-calidad.png) no-repeat 70px 55px;}
		div.tab span#ser {background: url(../imagenes/ico-servicio.png) no-repeat 70px 55px;}
			div.tab span strong {display: block; font-size: 16px; text-align: right; margin-top: 5px; line-height: 18px;}
		div.tab span h2 {display: inline; margin: 0; font-size: 14px;}
		div.tab a {color: #fff;}
#box {float: left; width: 499px; height: 146px; padding-right: 11px; background: url(../imagenes/sombra.jpg) no-repeat bottom right; margin-bottom: 10px;}
	#box h3 {font-size: 16px; text-align: right; margin: 10px 10px 2px 0;}
	#box div {border: 1px solid #ccc; background: #FFF; padding: 5px;}
	#box img {float: left; margin: 5px;}
		#box div div {border: none; padding: 0;}
		#box div div#a {background: url(../imagenes/alquiler-coches-lujo.jpg) no-repeat; border: 1px dashed #999; width: 485px; height: 134px; color: #fff;}
		#box div div#b {background: url(../imagenes/alquiler-coches-descapotables.jpg) no-repeat; border: 1px dashed #999; width: 485px; height: 134px;}
		#box div div#c {background: url(../imagenes/alquiler-coches-baratos.jpg) no-repeat; border: 1px dashed #999; width: 485px; height: 134px; color: #fff;}
			#a a, #c a {color: #fff;}
#cloud {clear: both; width: 510px; background: url(../imagenes/sombra.jpg) no-repeat bottom right; margin-top: 10px;}
	#cloud div {width: 477px; min-height: 139px; border: 1px solid #ccc; padding: 10px;}
		#cloud div h1, #cloud div h1 a {display: inline; margin: 0; font-size: 18px; color: #aaa;}
		#cloud div h2, #cloud div h2 a {display: inline; margin: 0; font-size: 16px; color: #888;}
		#cloud div h3, #cloud div h3 a {display: inline; margin: 0; font-size: 14px; color: #666;}
		#cloud div h4, #cloud div h4 a {display: inline; margin: 0; font-size: 12px; color: #444;}
		#cloud div h5, #cloud div h5 a {display: inline; margin: 0; font-size: 10px; color: #222;}
		#cloud div h6, #cloud div h6 a {display: inline; margin: 0; font-size: 8px;}
/* ARTICULOS */
.articulos {position: relative; border: 1px dashed #999 !important; height: 131px;}
	.articulos small {display: block; text-align: right; margin: 0 10px; font-size: 12px;}
	#articulos {max-width: 1020px;}
	#articulos #box h3 {font-size: 18px;}
	#articulos #box h2 {position: absolute; bottom: 10px; left: 10px; margin: 0; font-size: 28px;}
	#articulos #box .submit {position: absolute; bottom: 10px; right: 10px;}
div.articulos_tabla_empresa {width: 99%; border-bottom: 5px solid #999; margin-bottom: 10px;}
table.articulos_tabla_empresa {vertical-align: middle !important; width: 499px; background: #ccc;}
.articulos_tabla_empresa_logo {display: block; float: left; margin: 10px;}
.articulos_tabla_empresa_nombre {font-size: 16px; margin-left: 10px;}
.articulos_tabla_empresa_datos {display: none;}
.artXdesc, .artxdesc {font-style: normal;}
.art_desc, .art-desc {font-style: normal; display: none;}
/* FORMULARIO */
.reserv {margin: 0; padding: 0;}
	.reserv #box {float: none; height: auto;}
		.reserv #box h3 {margin: 10px 10px 20px 10px !important; border-bottom: 1px dotted #999;}
		.reserv #box div div {border: 1px dashed #999;}
		.reserv #box input {width: 210px;}
		.reserv #box textarea {width: 465px;}
		.reserv #box .env {padding: 5px; border: none; background: #690; border-top: 1px solid #333; margin-top: 5px;}
		.reserv #box .submit {width: auto !important;}
	.reserv #bottom div div {height: auto !important;}
		.reserv #bottom h2 {text-align: right; border: none; font-size: 30px; margin-bottom: 5px;}
			.reserv #bottom h2 span {font-size: 12px;}
		.reserv #bottom table td {height: 22px;}
	.faltandatos {padding: 5px !important; color: #f00; font-weight: bold; border: none !important;}
/* PIE */
#clear {position: absolute; bottom: 0; width: 100%; height: 140px; clear: both; color: #ff0; padding-top: 40px; background: #303 url(../imagenes/back-link.png) bottom repeat-x;}
	#clear a {color: #ccc;}
	#clear a:hover {color: #ff0;}
	#clear h2 {position: absolute; z-index: 1; top: -6px; left: 30px; padding: 0 0 5px 20px; margin: 0; color: #471a47; font-size: 34px; font-family: Arial, Helvetica, sans-serif; width: 92%;}
		#clear h2 a {color: #471a47 !important;}
	#clear ul {position: relative; z-index: 5; display: block; width: 29%; float: left; padding: 0; margin: 0 0 0 30px;}
		#clear ul li {line-height: 16px; padding: 3px 0 3px 20px; background: url(../imagenes/bullet2.png) no-repeat left center; border-bottom: 1px dotted #fff;}
.footer {clear: both; display: block; text-align: center; color: #fff; padding-top: 20px; font-size: 10px;}
#band {position: absolute; top: 80px; left: 380px; font-size: 10px; line-height: 4px;}
	#band a {margin-right: 5px;}
/* CARRUSEL */
#carousel-wrapper {overflow: hidden;}
#carousel-content {width: 2500px;}
#carousel-content .slide {float: left;}
#incluye {width: 475px; height: 330px; overflow: auto;}
	#incluye table, #incluye p {width: 430px !important; text-align: left;}
	#incluye img {float: none !important; margin: 0 auto !important;}