/*--------------------------------------------------------------------------
 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 { } /* es correcto? */
body {
    background:  #FFAD03;
}


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


#header{
	width: 774px;
	height:208px;
	position: relative;
	background: url(../img/header-bg.jpg) no-repeat;
}



#logotipo{
	width: 195px;
	height: 155px;
	/*background: url(../img/logo.jpg) no-repeat;*/
	position:absolute;
	top:36px;
	left:203px;
	
}

#body{
	background:#FFFFFF;
}

#body #contentHeader, #body #titleWrapper{
	background: url(../img/titles-bg.jpg);
	width:774px;
	height:54px;
}

#footer {
	background: url(../img/footer-bg.jpg) no-repeat;
	width:774px;
	padding-top:18px;
	color:#000000;
	text-align: center;
}

#footer a{
	color:#000000;
}

#contentHeader {
	 
}

#imgDestinos {
	margin-left:auto;
	margin-right:auto;
	
	width:753px;
	height:209px;

}


#imgBanners {
	margin-left:auto;
	margin-right:auto;
	
	width:739px;
	height:205px;

}



#imgCancun {
	background: url(../img/cancun.jpg) no-repeat;
	width:187px;
	height:200px;
	
}

#imgChichen {
	background: url(../img/chichen.jpg) no-repeat;
	width:187px;
	height:170px;
	
}
#contenido, .contenido {
	padding-right:15px;
	padding-left:15px;
	padding-bottom:10px;
	  min-height: 400px;
    height: auto !important;
    height: 400px;
}

#bannerArea{
	width:751px;
	height:217px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background: #D4DCF7;
}

#banner{
	width:739px;
	height:205px;
	position:absolute;
	top:6px;
	left:6px;
}


/*** MENU ***/
/*ul#menu {
 	position:relative;
	width:222px;
	height:312px;
 }*/
 
 ul#menu, ul#menu li {
 	position:absolute;
	padding:0px;
	margin:0px;
	width: 174px;
	height: 205px;
	background: url(../img/menu-bg.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:29px;
 }
 
 ul#menu li a span {display:none}

 ul#menu li {
 	left:5px;
	position:absolute; 
 	height:21px; 
	width:164px;
	background: url(../img/menu/menu-sep.gif) no-repeat left bottom;
 }
 ul#menu a { display:block; width:164px; height:20px;}
 
 ul#menu li#inicio { top:13px;  }
 ul#menu li#destinosNacionales {  top:34px; height:36px;}
 ul#menu li#destinosInternacionales {  top:70px; height:36px;}
 ul#menu li#promociones {  top:106px;}
 ul#menu li#servicios { top:127px;}
 ul#menu li#contacto {  top:148px;}
 
 ul#menu li#inicio a { background: url(../img/menu/inicio.jpg) 0px 0px  no-repeat; }
 ul#menu li#inicio a:hover { background: url(../img/menu/inicio.jpg) 0px -20px  no-repeat; }
 
 ul#menu li#destinosNacionales a { height:35px; background: url(../img/menu/destinos-nacionales.jpg) 0px 0px no-repeat; }
 ul#menu li#destinosNacionales a:hover { background: url(../img/menu/destinos-nacionales.jpg) 0px -35px  no-repeat; }
 
 ul#menu li#destinosInternacionales a { height:35px;  background: url(../img/menu/destinos-internacionales.jpg) 0px 0px no-repeat;  }
 ul#menu li#destinosInternacionales a:hover { background: url(../img/menu/destinos-internacionales.jpg) 0px -35px  no-repeat; }
 
 ul#menu li#promociones a {  background: url(../img/menu/promociones.jpg) 0px 0px no-repeat;  }
 ul#menu li#promociones a:hover { background: url(../img/menu/promociones.jpg) 0px -20px  no-repeat; }

 ul#menu li#servicios a {  background: url(../img/menu/servicios.jpg) 0px 0px no-repeat;  }
 ul#menu li#servicios a:hover { background: url(../img/menu/servicios.jpg) 0px -20px  no-repeat; }
 
 ul#menu li#contacto a {  background: url(../img/menu/contacto.jpg)  0px 0px no-repeat;  }
 ul#menu li#contacto a:hover { background: url(../img/menu/contacto.jpg) 0px -20px  no-repeat; }
 
 ul#menu li#contacto { background:none;}
 
 
 
/** **/
#footerFood {
    /* background: url(../img/footer_food_bg.jpg) top no-repeat;*/
    height: 11px;
    text-align: right;
    padding-right: 10px;
    background: none;
	padding-bottom:10px;
}

#footerFood * {
	color:#000000;
	font-size:8pt;
}


/*** QUICKLINKS ***/
 #quickLinks {
 	position:absolute;
	height:16px;
	width:90px;
	top:20px;
	left:250px;
	
	background: url(../img/quicklinks-bg.jpg);
 }

 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:23px; height:16px; }
 #quickLinks a span { display:none;}

 #quickLinks  li.home    { left:10px; top:0px;}
 #quickLinks  li.contact { left:33px; top:0px;}
 #quickLinks  li.siteMap { left:56px; top:0px;}
 
 #quickLinks  li.home a { background: url(../img/home.gif) 50% 50% no-repeat;  }
 #quickLinks  li.home a:hover { background: url(../img/home.gif) 50% 50% #FFFFFF no-repeat; }
 
 #quickLinks  li.contact a {  background: url(../img/contacto.gif)  50% 50% no-repeat;  }
 #quickLinks  li.contact a:hover { background: url(../img/contacto.gif) 50% 50% #FFFFFF no-repeat; }
 
 #quickLinks  li.siteMap a { background: url(../img/mapa-sitio.gif)  50% 50% no-repeat; }
 #quickLinks  li.siteMap a:hover { background: url(../img/mapa-sitio.gif) 50% 50% #FFFFFF no-repeat; }

 /* flashMessage */
 .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;
	margin-bottom:10px;
	margin-top:5px;
}

/* Iframes */
/* Iframes */
#myiframe { width:754px; margin-left:auto; margin-right:auto; }