/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: layout.css
 Gerardo Gonzalez Flores
 --> gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
 --------------------------------------------------------------------------*/
/* Layout
 -------------------------------------------------------------------*/
body {
	background: #A1D5E0;
}

#wrapper {
    width: 774px;
    position: relative;
    margin-left: -387px;
    left: 50%;
    background: #E0F2F6 url(../img/wrapper-bg.gif) repeat-y center top;
}

#header {
    width: 774px;
    height: 283px;
    position: relative;
}

#body {
   /* background: url(../img/body-bg.jpg) repeat-y top;*/
	width:100%;
}

#footer {
    background: url(../img/pie-bg.jpg)  no-repeat top;
    width: 774px;
    position: relative;
    font-size: 9pt !important;
    text-align: center;
    min-height: 64px;
    height: auto !important;
    height: 64px;
    clear: both;
	border-bottom:1px solid #000000;
}
/* =Layout
 -------------------------------------------------------------------*/
/* Header
 -------------------------------------------------------------------*/
#header #logo {
    width: 774px;
    height: 81px;
    background: url(../img/tmp_geotravel_header.jpg) no-repeat top center;
    position: absolute;
    top: 0px;
    left: 0px;
}

#header #banner {
    width: 766px;
    height: 160px;
    background: url(../img/tmp_geotravel_banner.jpg) no-repeat top left;
    position: absolute;
    top: 122px;
    left: 4px;
}

#header #banner #bannerContenido {
    width: 752px;
    height: 146px;
    position: absolute;
    top: 6px;
    left: 7px;
}

#header #logo h1 {
    display: none;
}


#quickLinks {
    position: absolute;
    width: 42px;
    top: 10px;
    left: 712px;
    /*border:1px solid;*/
}

ul#quickLinks, ul#quickLinks li {
    padding: 0px;
    margin: 0px
}

#quickLinks li {
    list-style: none;
    background: none;
}

#quickLinks li.home, #quickLinks li.contact, #quickLinks li.siteMap {
    position: absolute;
}

#quickLinks a {
    display: block;
    width: 45px;
    height: 21px;
}

#quickLinks a span {
    display: none;
}

#quickLinks li.home {
    left: 0px;
    top: 0px;
}

#quickLinks li.contact {
    left: 0px;
    top: 21px;
}

#quickLinks li.siteMap {
    left: 0px;
    top: 42px;
}

#quickLinks li.home a {
    background: url(../img/home.gif) 50% 50% no-repeat;
}

#quickLinks li.home a:hover {
    background: url(../img/home-over.gif) 50% 50%  no-repeat;
}

#quickLinks li.contact a {
    height: 23px;
    background: url(../img/contacto.gif) 50% 50%  no-repeat;
}

#quickLinks li.contact a:hover {
    background: url(../img/contacto-over.gif) 50% 50%   no-repeat;
}

#quickLinks li.siteMap a {
    height: 23px;
    background: url(../img/mapa-sitio.gif) 50% 50%  no-repeat;
}

#quickLinks li.siteMap a:hover {
    background: url(../img/mapa-sitio-over.gif) 50% 50%  no-repeat;
}
/**
 * Menu
 *
 */
div#menuGeneral {
	background: url(../img/tmp_geotravel_menu.jpg)  no-repeat;
	width:774px;
	height: 40px;
	position:absolute;
	top:81px;
	left:0px;
}


#menuGeneral ul.menu{
	width:760px;
	position:absolute;
	top:2px;
}

#menuGeneral ul.menu li {
    /*position:absolute;*/
    display:inline;
    float: left;
	background: url(../img/separador.gif) right center no-repeat;
}

#menuGeneral  ul.menu a span { /*display:none;*/
    padding-left: 10px;
	padding-right: 10px;
	padding-top:4px;
	padding-bottom:3px;
	
    display: block;
	background:none;
	font-weight:bold;
}

#menuGeneral  ul.menu a { /*display:none;*/
	/*border-left:1px solid;*/
	margin-right:2px;
}



#menuGeneral ul.menu li a:hover {
    background: #585E98 no-repeat;
    color: #FFFFFF
	
}



 /* Estilos Generales Menu */

ul.menu, 
ul.menu li {
    padding: 0px;
    margin: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #44508C; /** si no se pone esto salen sobreespaciados en IE6 */
}
ul.menu { border:none;} 
ul.menu li {
    list-style: none;
    background: none;
}

ul.menu a {
    color: #FFFFFF;
    display: block;
    padding: 5px;
    margin-top: 1px; /* border:1px solid */
}

ul.menu a span { /*display:none;*/
    background: url(../img/bullet-menu.jpg) 0em .4em no-repeat;
    padding-left: 10px;
    display: block;
}

ul.menu li a {
    background: none;
    /*font-weight: bold*/
}

ul.menu li a:hover {
    background: #005188 no-repeat;
    color: #FFFFFF
}
/* =Estilos Generales Menu */


/* =Header
 ------------------------------------------------------------------*/
/* Body
 ------------------------------------------------------------------*/
#barraLeft {
    width: 184px;
    float: left;
	margin-left:1px; 
	
}
#barraRight {
    width: 184px;
    float: left;
	
}

#areaCentral {
	
    width: 584px;
    float: left;
    /* alto minimo */
    min-height: 400px;
    height: auto !important;
    height: 400px;
    text-align: justify;
}
#menuInternacional, #menuNacional {margin-bottom:10px;}
#menuInternacional { background: url(../img/menu-bg.jpg) repeat-y; }
#menuInternacional div.header { background: url(../img/menu-top.jpg) top no-repeat; }
#menuInternacional h2 {padding-top:7px; width:184px; height:28px; background:url(../img/titles/destinos-internacionales.jpg)  center 7px no-repeat;}
#menuInternacional h2 span { display:none;}
#menuInternacional div.cuerpo { background: url(../img/menu-bottom.jpg) bottom no-repeat; border-bottom:1px #E0F2F6 solid;}
#menuInternacional div.cuerpo span.internacional { 
   display:block;
	padding: 0px;
    list-style: none;
    list-style-image: none;
    background: url(../img/bullet-menu.jpg) 0em .4em no-repeat;
    padding-left: 10px;
	padding-bottom:10px;
	position:relative;
	margin-left:auto;
	width:90px;
	font-weight:bold;
}

#menuNacional { background: url(../img/menu-bg.jpg) repeat-y}
#menuNacional div.header { background: url(../img/menu-top.jpg) top no-repeat; }
#menuNacional h2 {padding-top:7px; width:184px; height:28px; background:url(../img/titles/destinos-nacionales.jpg)  center 7px no-repeat;}
#menuNacional h2 span { display:none;}
#menuNacional div.cuerpo { background: url(../img/menu-bottom.jpg) bottom no-repeat; border-bottom:1px #E0F2F6 solid;}
#menuNacional div.cuerpo span.nacional { 
 display:block;
	padding: 0px;
    list-style: none;
    list-style-image: none;
    background: url(../img/bullet-menu.jpg) 0em .4em no-repeat;
    padding-left: 10px;
	padding-bottom:10px;
	position:relative;
	margin-left:auto;

	width:90px;
	font-weight:bold;
}

#menuDinamico { background: url(../img/menu-bg-salmon.jpg) repeat-y}
#menuDinamico div.header { background: url(../img/menu-top-salmon.jpg) top no-repeat; }
#menuDinamico h2 {padding-top:7px; width:184px; height:28px; background:url(../img/titles/secciones-geotravel.jpg)  center 7px no-repeat;}
#menuDinamico h2 span { display:none;}
#menuDinamico div.cuerpo { background: url(../img/menu-bottom-salmon.jpg) bottom no-repeat; border-bottom:1px #E0F2F6 solid;}

ul.menuLateral {
    margin: 10px 5px 10px 0px;
    padding: 0px;
    margin-left: 10px;
	padding-bottom:5x;
}
ul.menuLateral li a, span.nacional a, span.internacional  a { color:#000000}
ul.menuLateral li a:hover , span.nacional a:hover, span.internacional  a:hover { text-decoration:underline}
ul.menuLateral li {
    padding: 0px;
    list-style: none;
    list-style-image: none;
    background: url(../img/bullet-menu.jpg) 0em .4em no-repeat;
    padding-left: 10px;
}

#datosContacto {
	width:184px;
	height:197px;
	background: url(../img/informacion-contacto-geotravel.jpg);
}
#datosContacto .informacion { display:none;}




body.homePostItems #areaCentral{
	/*outline: solid #FF0000 1px;*/
    width: 774px;
    float: none;
    /* alto minimo */
    min-height: 400px;
    height: auto !important;
    height: 400px;
    text-align: justify;
    
}
body.homePostItems #areaCentral #contenido, 
body.homePostItems #areaCentral .contenido{
	/*outline: solid #FF0000 1px;*/
	margin-left: 1%;
    margin-right: 1%;
	width:98%;
    
}

#contenido, .contenido {
    width:99%;
    margin-left: 4px;
    margin-right: 4px;
}

/* Le ponemos el fondo a la paginacion */
#paginacion {
    margin-top: 0px;
    padding-bottom: 5px;
    background: url(../img/content_bg.jpg) repeat-y top;
}
/* =Body
 ------------------------------------------------------------------*/
/* Footer
 ------------------------------------------------------------------*/
#footerContent {
    /*display: none;*/
    position:relative;
    width: 588px;
    /*top:9px;*/
    /*left:34px;*/
    /*height: 55px;*/
    /*line-heihht:46px;*/
    padding-top: 10px;
	font-size:8pt;
}

#footerContent h3 {
    display: none
}

#accesoCupones {
	display:block;
	width:132px;
	height:41px;
	background: url(../img/geotravel-acceso-a-cupones.jpg) no-repeat;
	position:absolute;
	top:14px;
	right:9px;
	
}

#accesoCupones span {display:none}

#footerFood {
    background: #A1D5E0;
    height: 11px;
    text-align: right;
    padding-right: 10px;
	font-size:8pt;
}

#footerFood * {
	font-size:8pt;
}
/* URL de pie de página de CLIC*/
#clic {
    position: relative;
}

#clicUrl {
    position: absolute;
    right: 5px;
    top: 1px;
    color: #000000;
    text-decoration: none;
    display: block;
}

#clicUrl h3 {
    background: none;
    font-weight: normal;
    font-size: 7pt;
}
/* =Footer
 -------------------------------------------------------------------*/
.message {
    padding: 10px;
    margin-top: 35px;
    background: #FFDEDE;
    width: 338px;
    text-align: center;
    border: 1px solid #FF7F7F;
}

#flashMessage {
    background: #FFDEDE;
    border: 1px solid #FF7F7F;
    /*height:20px;*/
    padding: 3px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*
#bodyHome #textContent {
    width: 39%;
    float: left;
    padding-right: 5px;
}*/

#bodyHome #paquetes {
    width: 30%;
    float: right;
}
/* paquetes en pagina interiores*/
#paquetesHome {
    width: 29%;
    float: right;
    /*border:1px solid;*/
}
/*
#textContent {
    width: 70%;
    float: left;
    /*border:1px solid;
}
*/
#bodyHome #contenido {
    padding-left: 10px;
    padding-right: 10px;
}
/* LISTADO DE DESTINOS */
.destino {
    border: 3px solid #FFFFFF;
    background: #EAEAEA;
    padding: 5px;
    width: auto;
    margin: 5px;
}

table#listaDestinos td {
	vertical-align:top;
	text-align:left;
	
}
a.ligaDestinos {
    color: #000000;
    font-weight: bold;
	text-align:left;
	/*display:block;*/
}


a:hover.ligaDestinos { /*color:#3597CF;*/
    color: #000000;
	text-decoration:underline;
	

}
table#listaDestinos td.item  span {
    display:block;
	padding: 0px;
    list-style: none;
    list-style-image: none;
    background: url(../img/bullet-menu.jpg) 0em .4em no-repeat;
    padding-left: 10px;
}



.destHead {
    background: url(../img/fondo-btn-top.png) top no-repeat;
    height: 7px;
    width: 196px;
}

.destBody {
    background: url(../img/fondo-btn.png) repeat-y;
    width: 196px;
}

.destFood {
    background: url(../img/fondo-btn-bottom.png) top no-repeat;
    height: 7px;
    width: 196px;
}
/* Tabla de disponiblidad.... Disponibilidad.... #E2E4D9*/
table#availability {
    width: 100%;
    margin-top: 10px;
}

table#availability, table#availability td, table#availability th {
    border: 1px solid #969696;
    border-collapse: collapse;
}

table#availability td.dia {
    width: 16px;
}

table#availability tr.head1 th.hotel {
    border-bottom: 0px;
    background: #FE9900;
    font-size: 8pt;
    text-align: center;
}

table#availability tr.head2 th.hotel {
    border-top: 0px;
    background: #FE9900;
    text-align: center;
    font-size: 8pt;
}

table#availability tr.head1 th.dia {
    font-size: 9px;
    text-align: center;
    background: #FE9900;
}

table#availability tr.head2 th.dia {
    font-size: 9px;
    text-align: center;
    background: #E2E4D9;
}

table#availability td.hotel {
    font-size: 8pt;
    text-align: center;
    background: #E2E4D9;
}

#significados {
    padding: 10px;
}

/** Hotels Descritions en Listados de Destinos */
ul#hotelsDescriptions h2 { font-size:10pt; padding-bottom:5px;}
ul#hotelsDescriptions { margin-left:5px;}
ul#hotelsDescriptions li{ padding-left:10px;  background: url(../img/bullet-menu.jpg) 0px .4em no-repeat;}


.folletoElectronico{
	display:block;
	
	margin-left:auto;
	margin-right:auto;
	width:132px;
	height:41px; 
}


/* hotelByDest Form Style */ 
#hotelByDestForm {
  /*clear:both;*/
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:5px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
/*	border:1px solid #FF0000;*/

}

#hotelByDestForm  .formItem { text-align:center;}
#hotelByDestForm  .formItem select{ width:240px; padding:4px;}
#hotelByDestForm  .formItem .error-message {  margin-top:5px;margin-left:4px;}



#boletosAvion {
	weight:182px;
	height:128px;
	background: url(../img/boletos-avion.png) no-repeat;
	margin-bottom:10px;
	
}
#boletosAvion a span{
	display:none;
}

#boletosAvion a {
	display:block;
	weight:182px;
	height:128px;
}