@charset "utf-8";

/* CSS Document */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0em;
    font-size: 0em;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End Hide from IE Mac */
.inline_block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #000000;
    margin: 0;
    /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuracin predeterminada de los diversos navegadores */
    padding: 0;
    text-align: center;
    color: #000000;
}

.div_body {
    position: relative;
    zoom: 1;
    /* la adicin de position: relative le permite colocar las dos barras laterales en relacin con este contenedor */
    width: 1024px;
    /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparicin de una barra de desplazamiento horizontal */
    background: #000000;
    margin: 0 auto;
    text-align: left;
}

.div_fondo_centro {
    position: absolute;
    top: 154px;
    height: 1235px;
    width: 912px;
    left: 66px;
    background-image: url(../images/fondo_12_centro.gif);
    background-repeat: no-repeat;
}

.hoteles {
    font-size: 10px;
}

.table_body {
    background-image: url(../images/fondo14.jpg);
    background-repeat: no-repeat;
}

/* Sugerencias para barras laterales con posicin absoluta con encabezado y pie:
    1. Los elementos con posicin absoluta (AP) deben recibir un valor superior y lateral, ya sea derecho o izquierdo. (De manera predeterminada, si no se asigna ningn valor superior, el elemento AP comenzar directamente despus del ltimo elemento del orden de origen de la pgina. Esto significa que, si las barras laterales son el primer elemento del #container en el orden de origen del documento, aparecern en la parte superior del #container aunque no se les asigne un valor superior. No obstante, si posteriormente se trasladan en el orden de origen por cualquier motivo, necesitarn un valor superior para que aparezcan donde usted desea.
    2. Los elementos con posicin absoluta (AP) se extraen del flujo del documento. Esto significa que los elementos situados alrededor de ellos no saben que existen y no los tienen en cuenta al ocupar su espacio en la pgina. En consecuencia, slo deber utilizar un div AP como columna lateral si est seguro de que el div #mainContent del centro siempre ser el que incluya la mayor parte del contenido. Si alguna de las barras laterales incluyera ms contenido, la barra lateral superara la parte inferior del div padre, en este caso tambin el pie, y no parecera que la barra lateral estuviera contenida.
    3. Si se cumplen los requisitos anteriores, las barras laterales con posicin absoluta pueden ser una forma sencilla de controlar el orden de origen del documento.
    4. Si cambia el orden de origen, el valor superior deber ser igual a la altura del encabezado, ya que esto har que las columnas confluyan visualmente con el encabezado.
    */
.header {
    height: 90px;
    padding: 0 10px 0 20px;
    /* este relleno coincide con la alineacin izquierda de los elementos de los divs que aparecen bajo l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
    margin: 0;
    /* el ajuste en cero del margen del ltimo elemento del div de #header evita la contraccin del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que tambin evita la contraccin del margen */
    padding: 10px 0;
    /* el uso de relleno en lugar de margen le permitir mantener el elemento alejado de los bordes del div */
    position: absolute;
    width: 1024px;
    top: 10px;
    z-index: 10;
}

/*.td_marron {
    background-image: url(../images/borde_marron.gif);
    background-repeat: no-repeat;
    height: 25px;
    vertical-align: top;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}*/
.td_marron {
    background-image: url(../images/borde_marron.gif);
    background-repeat: no-repeat;
    color: #FFFFFF;
    height: 25px;
    vertical-align: top;
}

.td_marron p {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 900;
    margin: 2px 0px 0px;
    padding-left: 6px;
}

.menu_header {
    background-image: url(../images/difuminado.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 340px;
    width: 597px;
}

.menu_header2 {
    position: absolute;
    top: 57px;
    left: 626px;
    width: 359px;
    height: 30px;
}

.menu_header2 table,.menu_header2 p,.menu_header2 a {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.menu_header2 a.newsletter {
    *margin-top: 2px;
}

div.menu_header3 {
    position: absolute;
    top: 173px;
    left: 76px;
    overflow: hidden;
    width: 871px;
    height: 27px;
    z-index: 10;
}
div.menu_header3 ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: right;;
}
div.menu_header3 ul li {
    list-style: none;
    margin: 0px 5px;
    padding: 0px;
    text-align: left;
    vertical-align: bottom;
}
div.menu_header3 ul li a {
    background: transparent url(../img/common/sec_menu_l_bkg.gif) no-repeat left top;
    color: #FFFFFF;
    display: block;
    height: 21px;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase;
}
div.menu_header3 ul li a span {
    background: transparent url(../img/common/sec_menu_r_bkg.gif) no-repeat right top;
    cursor: pointer;
    padding: 4px 5px 3px 0px;
}
div.menu_header3 ul li.last {
    margin: 0px 0px 0px 130px;
    width: 240px;
}
div.menu_header3 ul li.last a {
    background: transparent url(../img/common/sec_menu_last_l_bkg.gif) no-repeat left top;
    color: #665441;
    height: 26px;
}
div.menu_header3 ul li.last a span {
    background: transparent url(../img/common/sec_menu_last_r_bkg.gif) no-repeat right top;
    padding-top: 9px;
    width: 215px;
}
div.menu_header3 ul li.selected a {
    background: transparent url(../img/common/sec_menu_l_sel_bkg.gif) no-repeat left top;
    color: #000000;
}
div.menu_header3 ul li.selected a span {
    background: transparent url(../img/common/sec_menu_r_sel_bkg.gif) no-repeat right top;
}
div.menu_header3 ul li a.home {
    background-image: url(../img/common/sec_menu_home_bkg.gif);
}
div.menu_header3 ul li.selected a.home {
    background-image: url(../img/common/sec_menu_home_sel_bkg.gif);
}
div.menu_header3 ul li a.promo {
    background-image: url(../img/common/sec_menu_promo_bkg.gif);
}
div.menu_header3 ul li.selected a.promo {
    background-image: url(../img/common/sec_menu_promo_sel_bkg.gif);
}
div.menu_header3 ul li a.news {
    background-image: url(../img/common/sec_menu_news_bkg.gif);
}
div.menu_header3 ul li.selected a.news {
    background-image: url(../img/common/sec_menu_news_sel_bkg.gif);
}
div.menu_header3 ul li a.links {
    background-image: url(../img/common/sec_menu_links_bkg.gif);
}
div.menu_header3 ul li.selected a.links {
    background-image: url(../img/common/sec_menu_links_sel_bkg.gif);
}
div.menu_header3 ul li a.contact {
    background-image: url(../img/common/sec_menu_contact_bkg.gif);
}
div.menu_header3 ul li.selected a.contact {
    background-image: url(../img/common/sec_menu_contact_sel_bkg.gif);
}
div.menu_header3 ul li a.sponsors {
    background-image: url(../img/common/sec_menu_sponsors_bkg.gif);
}

.menu_centro {
    padding-left: 10px;
}

div.sponsors {
    position: absolute;
    top: 116px;
    left: 708px;
    width: 255px;
    overflow: hidden;
    height: 82px;
    z-index: 0;
}

p {
    color: #000000;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p2 {
    color: #000;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p4 {
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.p4 {
    text-align: justify;
    padding-left: 5px;
    padding-right: 35px;
    padding-top: 0px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p14 {
    color: #000000;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p9 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p5 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.p6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 1000;
    font-style: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

p6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 1000;
    font-style: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.text_busc {
    padding-left: 15px;
    word-spacing: 2px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.buscador {
    background-color: #A72516;
    padding: 0.5em 0px;
    width: 590px;
}

.texto3 {
    text-align: justify;
    padding-left: 5px;
    padding-right: 35px;
    padding-top: 0px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

a {
    color: #000000;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-style: normal;
}

.div_col_left {
    position: absolute;
    top: 73px;
    left: 8px;
    width: 173px;
    padding: 0px 5px 5px 5px;
}

.div_col_right {
    position: absolute;
    top: 221px;
    right: 5px;
    width: 160px;
    /* el ancho real de este div, en navegadores que cumplen los estndares, o el modo de estndares de Internet Explorer, incluir el relleno y el borde adems del ancho */
    background: #EBEBEB;
    /* el color de fondo se mostrar a lo largo de todo el contenido de la columna, pero no ms all */
    padding: 15px 10px 15px 20px;
    /* el relleno mantiene el contenido del div alejado de los bordes */
}

.div_centro {
    position: absolute;
    top: 55px;
    margin: 0 222px;
    /* los mrgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la pgina. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecer el espacio de la columna. */
    padding: 0 0px;
    width: 651px;
    left: 12px;
    height: 1002px;
}

.table_centro {
    background-image: url(../images/fons_itinerario2.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-left: 10px;
}


.form_table{
 color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;



}

.resultados{
 text-align: center;
 color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;



}
.separador{
 background-image: url(../images/rayita_formulario.gif);
    background-repeat: no-repeat;
}

.caja1 {
    background-image: url(../images/caja1.gif);
    background-repeat: no-repeat;
    width: 176px;
    height: 187px;
    right: 0px;
    position: relative;
    zoom: 1;
}

.caja2 {
    width: 300px;
}

.td_footer {
    height: 75px;
    vertical-align: top;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.div_footer {
    margin: 20px 75px 0px 0px;
}

.div_footer p {
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

div.gallery_wrapper {
	height: 735px;
	margin-left: 3px;
	width: 580px;
}
div.gallery_wrapper div.item {
	float: left;
	margin: 15px 5px 0px;
}
div.gallery_wrapper div.item div.image {
	height: 100px;
	width: 135px;
}
div.gallery_wrapper div.item div.image img {
	border: none;
	height: 100%;
	width: 100%;
}
div.gallery_wrapper div.item div.title {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 900;
	height: 2.4em;
	margin-top: 5px;
	overflow: hidden;
	width: 135px;
}
div.gallery_pager_wrapper {
	border-top: 2px solid #CB5B53;
	margin: 10px 0px 10px 3px;
	padding-top: 10px;
	text-align: center;
	width: 580px;
}
div.gallery_pager_wrapper a {
	color: #F7DFDD;
	font-size: 12px;
	margin: 0px 5px;
	padding: 0px 3px;
	text-decoration: none;
}
div.gallery_pager_wrapper a.selected,
div.gallery_pager_wrapper a:hover {
	color: #FFFFFF;
	font-size: 16px;
	padding: 0px 2px;
}

.galeria {
    /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pgina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pgina. */
width:590px;
   color: #ffffff;
    font-size: 9px;
      font-family: Arial, Verdana, Helvetica, sans-serif;
	  padding:0px 0px 0px 0px;
}

.imagen {
 text-align: justify;
    /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pgina. */
	width:130px;
	height:130px;
    float: left;
    display: inline;
    margin-right: 12px;
}


#a_side {
    _height: 524px;
    min-height: 524px;
    width: 413px;
    margin: 0px 0px 0px 0px;
    float: left;
    display: inline;
    text-align: justify;
}

#b_side {
    height: 524px;
    width: 175px;
    margin: 0px 0px 0px 0px;
    float: left;
    display: inline;
}

#b_side .fondo_imagenes {
    height: 425px;
    width: 175px;
    background-color: #c1655b;
    margin-top: 10px;
}

#b_side .fondo_imagenes img {
    text-align: center;
    margin: 7px 20px;
}