﻿@charset "UTF-8";
/* main css */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, table, td, th, span, form, input, img, a img { margin: 0; padding: 0; border: none 0px; }

html, body { height: 100%; }
body { font-family: Century Gothic, Verdana, Arial, sans-serif; font-size: 13px; color: white; background-color: #555; text-align: center; }
a { color: #CCC; white-space: nowrap }
a:hover { color: #FFF; }
p { margin: 12px 0px; line-height: 1.4em; }
h1, h2 { font-weight: normal; }
li { list-style: none outside; }

div#divAll { text-align: left; margin: 0px auto; width: 817px; background-color: black; }

div#divHeader { width: 100%; height: 104px; position: relative; }
img#imgHeaderLogo { position: absolute; left: 45px; top: 13px; }
#divHeaderPicture { position: absolute; right: 0px; }
div#divHeaderPicture img { display: block; }

div#divMainMenu { width: 100%; height: 28px; font-size: 12px; background-color: #E2001A; }
div#divMainMenu ul { padding-left: 50px; }
div#divMainMenu li { display: inline; text-transform: uppercase; margin: 0px 10px 0px 0px; position: relative; top: 5px; }
div#divMainMenu a { text-decoration: none; }

div#divContent { padding-bottom: 20px; padding-top: 0px; margin-top: 23px; min-height: 400px; }
* html div#divContent { height: 400px; } /* IE hack for min-height */

div#divFooter { font-size: 10px; text-align: center; padding: 20px 0px; clear: both; }
div#divFooter p { margin: 0; }
div#divFooter span { white-space: nowrap; }
div#divFooter span.ColorCorp { color: #E2001A; }

div.clear { clear: both; }

/* Home */
ul.HomeMenu { float: left; padding-left: 50px; }
ul.HomeMenu li { list-style: none; font-size: 16px; text-transform: uppercase; padding: 0px 0px 12px 0px; margin-bottom: 4px; }
ul.HomeMenu a { text-decoration: none; white-space: normal; }

/* Oferta */
div.Ofertas.Izquierda { width: 444px; margin: 0px 0px 0px 0px; position: relative; left: 14px; }
div.Ofertas.Derecha { width: 355px; float: right; margin: 4px 0px 0px 0px; position: relative; right: 18px; }
div.Ofertas.Thumb { margin: 0px 14px 8px 0px; float: left; }
div.Ofertas.ThumbIn { width: 430px; padding: 0px 0px 20px 40px; }
div.Ofertas.Thumb a { text-decoration: none; }
div.Ofertas.Thumb a:hover { color: #EF001A; }
div.Ofertas.Thumb img { float: left; margin-right: 20px; }
div.Ofertas.Detalle { width: 355px; text-align: center; }
div.Ofertas.Detalle img { display: block; }
div.Ofertas.LinkPdf { display: none; }


/* Articulo */

div.ArticuloTexto { width: 535px; margin: 0px 0px 0px 52px; }
div.ArticuloTexto h2 { margin: 12px 0px; }
div.ArticuloTexto h3 { color: white; font-weight: bold; margin: 12px 0px 6px; padding: 0px 2px; font-size: 100%; background: #E2001A; }
div.ArticuloTexto li { list-style: disc; padding: 0px 0px 2px 0px; margin-bottom: 4px; }
div.ArticuloFotos { float: right; width: 212px; text-align: center; }
div.ArticuloFotos img { display: block; margin-bottom: 8px; }
div.ArticuloLateralAdicional { margin-top: 8px; }

/* Articulo: Form */

div.ArticuloTexto form div.form { width: 494px; padding: 2px 25px 10px 7px; background: repeat-y url(../img/css/cantactar-form-bg.gif); color: black; }
div.ArticuloTexto form h3 { margin: 12px 0px 6px 0px; padding: 2px 13px 2px 13px; background: #E2001A repeat-y url(../img/css/contactar-form-h3.gif); clear: left; }
div.ArticuloTexto form { margin-bottom: 20px; }
div.ArticuloTexto form div.input { float: left; padding-left: 8px; margin: 4px 0px; }
div.ArticuloTexto form div.input label { margin-right: 4px; }
div.ArticuloTexto form div.input.long { width: 478px; }
div.ArticuloTexto form div.input.short { width: 235px; }
div.ArticuloTexto form div.input.short.presu { width: 478px; }
div.ArticuloTexto form div.input.long input { width: 372px; }
div.ArticuloTexto form div.input textarea { float: right; width: 386px; height: 88px; }
div.ArticuloTexto form div.input.short input { width: 151px; }
div.ArticuloTexto form div.input label { float: left; }
div.ArticuloTexto form div.input input { float: right; padding: 1px 2px; }
div.ArticuloTexto form div.clear { clear: left; }
div.ArticuloTexto form div.obligatorios { font-size: 10px; padding-left: 8px; clear: left; }
div.ArticuloTexto form div.enviar { float: right; padding: 0px 4px; }
div.ArticuloTexto form div.enviar input { color: black; background-color: #B1B3B4; }
div.ArticuloTexto form div.checkbox { float: left; padding-left: 8px; margin: 4px 0px; }
div.ArticuloTexto form div.checkbox input { margin-right: 4px; }
div.ArticuloTexto form div.checkbox label { margin-right: 12px; }
div.ArticuloTexto form div.input.calendar input { float: none; width: 100px; color: black; }

/* Viajes Menú */

div.Viajes { }
div.ViajesContinentes { width: 504px; margin-bottom: 37px; }
div.ViajesContinentes li { list-style: none; display: inline; font-size: 16px; text-transform: uppercase; margin: 0px 10px 0px 0px; padding: 0px 0px 12px 0px; margin-bottom: 4px; }
div.ViajesContinentes a { text-decoration: none; white-space: normal; }
div.ViajesContinentes a:hover { color: #E2001A; }
div.ViajesContinentes li.Selec a { color: #E2001A; }
div.ViajesMenu1 { width: 130px; float: left; }
div.ViajesMenu1 li { list-style: none; font-size: 16px; text-transform: uppercase; padding: 0px 0px 12px 0px; margin-bottom: 4px; }
div.ViajesMenu1 a { text-decoration: none; white-space: normal; }
div.ViajesMenu1 a:hover { color: #E2001A; }
div.ViajesMenu1 li.Selec a { color: #E2001A; }
div.ViajesMenu2 { width: 388px; margin-left: 5px; color: black; float: left; }
div.ViajesMenu2 ul { display: block; }
div.ViajesMenu2 a { color: black; text-decoration: none; white-space: normal; }
div.ViajesMenu2 a:hover { color: #E2001A; }
div.ViajesMenu2 h1 { font-size: 16px; text-transform: uppercase; }
div.ViajesMenu2.Selec h1 { color: #E2001A; }
div.ViajesMenu2Item { padding: 2px 14px; background: repeat-y url(../img/css/desplegables-menu-2-bg.gif); margin-bottom: 5px; }
div.ViajesMenu2Item.Selec h1 a { color: #E2001A; }
div.ViajesMenu2Item li { list-style: disc outside; margin: 2px 0px 2px 14px; }
div.ViajesMenu2Item img.ViajeIcono { float: right; margin-top: 1px; }

/* Viajes Detalle */

div.ViajesDetalleTexto { width: 526px; margin: 0px 0px 0px 52px; color: black; }
div.ViajesDetalleMenu { float: right; width: 212px; margin-bottom: 10px; position: relative; bottom: 6px; }
div.ViajesDetalleFotos { float: right; clear: right; width: 212px; }
div.ViajesDetalleFotos img { display: block; margin-bottom: 8px; }
div.ViajeTipoRecorrido { padding-bottom: 14px; color: #E2001A; font-size: 16px; text-transform: uppercase; background: no-repeat bottom url(../img/css/viaje-detalle-bg-top.gif); }
div.ViajeDetallesDescripcion { position: relative; width: 494px; margin: 0; padding: 0px 24px 8px 8px; background: repeat-y url(../img/css/viaje-detalle-bg.gif); }
div.ViajeDetallesDescripcion p {  }
div.ViajeDetallesDescripcion h1 { color: #E2001A; font-size: 18px; margin-top: 0px; margin-right: 40px; font-weight: bold; }
div.ViajesDetalleDias { position: absolute; color: white; right: 16px; top: -48px; }
div.ViajeDetallesDescripcion h2 { color: #E2001A; font-size: 15px; margin: 6px 0px; }
div.ViajeDetallesDescripcion h3 { color: white; font-weight: bold; margin: 2px 0px; padding: 0px 2px; font-size: 100%; background: #E2001A repeat-y center url(../img/css/viajes-detalle-circuitos-h2.gif); }
div.ViajeDetallesDescripcion small { font-size: 60%; }
div.ViajeDetallesDescripcion li { list-style: outside disc; margin-left: 1.4em; }
div.ViajesDetallePie {  padding-top: 14px; background: no-repeat top url(../img/css/viaje-detalle-bg-bottom.gif); text-align: right; }
div.ViajesDetallesReservar { float: left; }
div.ViajesDetallesVolver {  }
div.ViajeDetalle h1 { color: #E2001A; }