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

 
 #wrapper{
	width:616px;
	/*position:relative;
	margin-left:-285px;
	left:50%;*/
	background-image:none;
 }
 
 #body{
	background: none;	
 }
  

/* 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:2px;
	padding-right:2px;
	/*background: url(../img/body-bg-inner.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
------------------------------------------------------------------*/
.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;
}



 /* listado de destinos */
 .destino { border:3px solid #FFFFFF; 
 			background:#EAEAEA; padding:5px; 
			width:auto; margin:5px;}


a.ligaDestinos {display:block;
				/*margin:5px;*/
				padding:5px;
				text-align:center;
				color:#000000;
				font-weight:bold;
				}
 a:hover.ligaDestinos{  /*color:#3597CF;*/ color:#333333;}
 
.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;}

/** Titulos **/

 h1.title{
   width:95%;
   height:20px;
   margin-left: 6px;
   font-size:12pt;
 }

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

 }
 h3.postDestinationName { 
	background: url('../img/app/flechaBgEnd.gif') no-repeat 0px 50%; 
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;
}
/** Hidden Frame
 */
	 #inneriframe { position : absolute; top : 0px; left : 0px; visibility: hidden; }

/* tabla de hoteles */
table.myHotelsTemp, table.hotels {
	font-size:9pt;
}