/*--------------------------------------------------------------------------
 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
 -------------------------------------------------------------------*/
html {
    background: url(../img/html-bg.jpg) #007CC2 repeat top;
	
}
body {
    background:  url(../img/page_bg.jpg) repeat-x top;
}

 #wrapper {
    width: 774px;
    position: relative;
    margin-left: -387px;
    left: 50%;
    background-image: none;
} #header {
    background: url(../img/header_bg.jpg) no-repeat top;
    width: 774px;
    height: 297px;
    position: relative;
    /*border:1px solid;*/
} #bodyWrap {
    background: url(../img/body-bg.jpg) repeat-y top;
} #body {
    background: url(../img/body-top.jpg) no-repeat top;
} #bodyHome {
    background: url(../img/body-top.jpg) no-repeat top;
} #footer {
    background: url(../img/pie-bg.jpg) no-repeat;
    width: 774px;
    position: relative;
    font-size: 9pt !important;
    text-align: center;
    min-height: 69px;
    height: auto !important;
    height: 69px;
    clear: both;
	azimuth: expression(
			this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
			this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
			this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
			);
} .contenido img.promocharter {
    padding: 1px;
    border: 4px solid #0069B0;
}

/* =Layout343
 -------------------------------------------------------------------*/
/* Header
 -------------------------------------------------------------------*/ #logo {
    width: 286px;
    height: 256px;
    background: url(../img/logo.jpg) no-repeat top;
    position: absolute;
    top: 0px;
    left: 0px;
} #logo h1 {
    display: none;
} #banner {
    width: 488px;
    height: 256px;
    background: url(../img/banner.jpg) no-repeat top;
    position: absolute;
    top: 0px;
    left: 286px;
} #bannerBody {
    position: absolute;
    top: 39px;
    left: 30px;
} #menuArea {
    height: 41px;
    width: 774px;
    background: url(../img/menu-bg.jpg) no-repeat top;
    position: absolute;
    top: 256px;
    left: 0px;
    /*border:1px solid #FF0000;*/
} #menu {
    height: 41px;
    position: relative;
} #quickLinks {
    position: absolute;
    /*height:244px;*/
    width: 42px;
    top: 196px;
    left: 75px;
    /*border:1px solid;*/
}

ul#quickLinks, ul#quickLinks li {
    padding: 0px;
    margin: 0px
} #bannerArea h2, #bannerArea span.atnRep {
    display: none;
} #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: 23px;
}

/* #quickLinks a:hover { background: url(../img/home.gif) 50% 50% no-repeat #ff0000} */ #quickLinks a span {
    display: none;
} #quickLinks li.home {
    left: 0px;
    top: 0px;
} #quickLinks li.contact {
    left: 45px;
    top: 0px;
} #quickLinks li.siteMap {
    left: 90px;
    top: 0px;
} #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
 *
 */ #menuArea {
    text-align: center
} #menuArea ul#menu {
    /*width: 45.8em;*/
	width:666px;
    margin-left: auto;
    margin-right: auto;
}

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

ul#menu li {
    list-style: none;
    background: none;
}

ul#menu li {
    /*position:absolute;*/
    /*display:inline;
     width:auto;*/
    float: left;
}

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

ul#menu a span { /*display:none;*/
}

/* #quickLinks a:hover { background: url(../img/home.gif) 50% 50% no-repeat #ff0000} */
ul#menu li a {
    background: none;
    font-weight: bold
}

ul#menu li a:hover {
    background: #3597CF no-repeat;
    color: #FFFFFF
}

/* =Header
 ------------------------------------------------------------------*/
/* Body
 ------------------------------------------------------------------*/ #contenido, .contenido {
    /*width:60%;*/
    /*padding-top:10px;*/
    padding-bottom: 10px;
    text-align: justify;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    /*border:1px solid;*/
    padding-left: 10px;
    padding-right: 10px;
    /*background: url(../img/body-bg-inner.jpg) repeat-y top;*/
} #bodyHome #contenido, #bodyHome .contenido {
    background: url(../img/body-bg.jpg) repeat-y top;
}

/* 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:absolute;*/
    width: 774px;
    /*top:9px;*/
    /*	left:34px;*/
    height: 55px;
    /*line-heihht:46px;*/
    padding-top: 5px;
} #footerContent h3 {
    display: none
} #footerFood {
    /* background: url(../img/footer_food_bg.jpg) top no-repeat;*/
    height: 11px;
    text-align: right;
    padding-right: 10px;
    background: none;
	font-size:10px;
}

/* 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;
}

/*
 a.ligaDestinos {display:block;
 border:3px solid #FFFFFF;
 background:#EAEAEA; padding:5px;
 margin:5px;
 text-align:center;
 color:#000000;
 font-weight:bold;
 }
 a:hover.ligaDestinos{background:#3597CF; padding:5px; color:#FFFFFF; border:3px solid #FFFFFF;}
 */
a.ligaDestinos {
    display: block;
    /*margin:5px;*/
    padding: 5px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

 a:hover.ligaDestinos { /*color:#3597CF;*/
    color: #333333;
}
#simpleDestList li { background-position: 3px 0.5em;}
#simpleDestList li { padding-bottom:5px; padding-top:5px; border-bottom: 1px solid #FFFFFF;}
#simpleDestList  li.separador { border:none; background:none; padding:none;}
#simpleDestList a.ligaDestinos {
    /*margin:5px;*/
    padding: 0px;
    padding-left:none;
	display: inline;
	text-align:left;
}

#simpleDestList a:hover.ligaDestinos { /*color:#3597CF;*/
    color: #333333;
}

span.awrap{
	display:block; 
	text-align:left
}


.destLeft {
	float:left;
}

.destHead {
    background: url(../img/fondo-btn-top.png) top no-repeat;
    height: 7px;
    width: 196px;
	azimuth: expression(
			this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
			this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
			this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
			);
} 

.destBody {
    background: url(../img/fondo-btn.png) repeat-y;
    width: 196px;
   	azimuth: expression(
			this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
			this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
			this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
			);
} 
.destFood {
    background: url(../img/fondo-btn-bottom.png) top no-repeat;
    height: 7px;
    width: 196px;
   	azimuth: expression(
			this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
			this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
			this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
			);
}

/* 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;
}

/* hotelByDest Form Style */ 
#hotelByDestForm {
   
	/*clear:both;*/
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px:
	margin-bottom:5px;
	width:300px;
	margin-left:10px;
	float:left;
}

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

/* Forma contacto */
#msnInfo {
	float:left;
	margin: 0px 10px 0px 5px;
	width:260px;
	
}

#tableMsn ul { margin: 5px 0 5px 0px}
#contactForm{
   float:left;
   width:460px;
}
#contacto { margin-left:auto; margin-right:auto;}

#contactForm .forma { width:300px;}
#contactForm td {padding-top:1px; padding-bottom:1px }

#aviso {
	
	width:200px;
	border:1px solid #FFCC00;
	background:#FFFFCE;
	margin: 5px auto;
	margin-top:15px;
	padding:5px;
	font-weight:bold;
	font-size:80%;
	text-align:center;
	
}