/*--------------------------------------------------------------------------
 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;
	
}
/*--------------------------------------------------------------------------
 Clic 2006
----------------------------------------------------------------------------
 File: titulos.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS styles for titles
 Estilos generales para titulos.
--------------------------------------------------------------------------*/

/* Titles
------------------------------------------------------------*/
 h1, h2, h3, h4, h5 {
 	margin:0px;
	padding:0px;
	font-size:10pt;

 }
 .title span, .sub span{
	display:none;
 }
 
 h1.title{
	width:95%;
	height:43px;
    margin-left: 6px;
  /*border:1px solid;*/
 }

 h2.sub{
	width:auto;
	height:17px;
	margin-bottom:5px;
	margin-top:5px;
 
 }
 
 h2.subMap {
	  background: url(../img/bullet1.jpg) no-repeat .1em .3em;
	  padding-left:15px;
 }
 
 h3 {
	  background: url(../img/bullet2.jpg) no-repeat .1em .3em;
	  padding-left:15px;
 }
h3.availabilityMonth {
	background:transparent url(../img/app/flechaBgEnd.gif) no-repeat scroll 3px 50%;
	padding-left:25px;
	font-size:9pt;
}
/* =Titles
------------------------------------------------------------*/

/* WebPage Titles   titEditCatalogItem
------------------------------------------------------------*/

 
 #titPromosCatalogItem{ background: url(../img/titles/promociones.jpg)  no-repeat 6px 13px;  }
 #titPackagesCatalogItem{ background: url(../img/titles/paquetes.jpg)  no-repeat  6px 13px; }
 #titPackagesLnmCatalogItem{ background: url(../img/titles/paquetes-lunamieleros.jpg)  no-repeat  6px 13px; }

 /*#idTitlePlayaPostItem{ background: url(../img/titles/playa.jpg) no-repeat bottom 13px 6px; }
 #idTitleCiudadPostItem{ background: url(../img/titles/ciudades.jpg)  no-repeat 13px 6px; }
 #idTitleMontaniaPostItem{ background: url(../img/titles/montania.jpg) no-repeat  13px 6px; }*/
 #idTitleDestinationsPostItem{ background: url(../img/titles/destinos.jpg) no-repeat  6px 13px;}
 #idTitleDestinationsHotelsPostItem{ background: url(../img/titles/destinos-hoteles.jpg) no-repeat 6px 13px; }
 
 #titleContacto{ background: url(../img/titles/contacto.jpg)  no-repeat  6px 13px; }
 #titHomeCatalogItem{ background: url(../img/titles/inicio.jpg) no-repeat 6px 13px;}
 #titleAgencias{ background: url(../img/titles/agencias.jpg)  no-repeat  6px 13px; }
 #titleMapaDelSitio{ background: url(../img/titles/mapa.jpg) no-repeat  6px 13px; }
 #idTitleDestinationsCatalogAvailability{ background: url(../img/titles/disponibilidad.jpg) no-repeat 6px 13px; }
 
/*-------------------------------------------------------------------------
 Clic 2007
---------------------------------------------------------------------------
 File: forms.css

 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS style for html forms
 Estilos generales para los formularios utilizados
--------------------------------------------------------------------------*/

.textoPequeno{	font-size:10px; }
.admin {
	width:550px;
	/*border:1px solid;*/
}

.admin label, .view label{
		display:block;
		width:150px;
		float:left;
		text-align:right;
		padding-right:2px;
}

.view label { font-weight:bold;}

table#days{
	width:98%;
}

table#days label
{
	width:80px;
}

table#days select
{
	width:80px;
}


table#days td{
	padding:4px;
	width:30%;
}
.formItem {
	padding-top:1px;
	padding-bottom:1px;
	clear:both;

}

.formItem input, .formItem textarea {
 width:270px;
}

.formItem input.radio, .formItem  input.checkbox, input.checkbox{	
	width:auto;
}


.converter .formItem input{
	width:100px;
}
.formItem select {
	width:150px;
}

.submit{
		text-align:center;
		padding-top:2px;	
}


/* Formularios de contacto */
 .forma{
	width:400px;
}

.atencion{
	color:#990000;
	font-weight:bold;
}

#PostAvailabilityPostItemId {width:325px}