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

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;
}
 .destino { border:3px solid #FFFFFF; 
 			background:#EAEAEA; padding:5px; 
			width:auto; margin:5px;}


.destHead {

}

.destBody {
  
}

.destFood {

}
/* Disponibilidad.... #E2E4D9*/ 
#significados{ padding:10px;}

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

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