@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
// @Sistema: Renta Temporal Mexico	 									 //
// @Version: 1.0														 //
// @Autor: Juan J. Lopez Lira											 //
// @Fecha: 14 Julio 2008 											 	 //
// Descripci�n: Archivo de Estilos Estructurales CSS					 //
/////////////////////////////////////////////////////////////////////////*/

/* Containers */
.main-container{
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: #FFF;
}

.fixed-container{
	width: 90%;
	height: auto;
	padding:10px;
	margin: 20px auto;
	background: #FFF;
}

.left-container{
	float: left;
	width: 230px;
	margin: 0 10px 10px 10px;
}

.right-container{
	float: left;
	width: 700px;
	height: auto;
	margin: 0 0 10px 0;
}

/* Menu */
.menu{
	width: 100%;
	height: 37px;
	background: #fef200;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0 0 10px 0;
	padding:0;
}

#menu{
	width: 800px;
	float: left;
}

#menu li{
	list-style: none;
	float: left;
	padding: 12px 0;
}

#menu li a{
	color: #FFF;
	text-decoration: none;
	padding: 10px 8px;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	border-right: 1px solid #beac00;
	color:#000;
}

#menu li a:hover{
	color: #fef200;
	background: #000;
}

/* Idioma */
#idioma{
	float: left;
	width: 150px;
	height: auto;
	text-align: right;
	padding: 5px 0;
}

#mexico{
	text-align: center;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #d7ccc8;
	margin: 0 0 10px 0;
}

#tarjetas{
	text-align: center;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#ofertas{
	width: 206px;
	height: 15px; 
	padding: 12px;
	text-align: center;
	color: #053850;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/background-ofertas.png) no-repeat top;
	margin: 0 0 10px 0;
}

#diasnodisponibles{
	width: 210px;
	height: auto;
	background: #e1e1da;
	text-align:center;
	color:#F00;
	padding: 10px;
	margin: 0 0 10px 0;
}

#showcalendar{
	width: 210px;
	height: auto;
	background: #e1e1da;
	padding: 10px;
	margin: 0 0 10px 0;
}

#showcalendar table{
	width:100%;
	border:1px solid #069;	
	background:#FFF;
	}

#showcalendar a{
	text-decoration:none;
	color:#069;
	font-weight:bold;
	}
	
#showcalendar table td{
	padding:0.2em;
	}

#diasnodisponibles strong{
	text-transform:uppercase;
}

/* Calendario */
.altn {
	border:1px solid #069;
	width:14%;
	text-align:center;
	background:#069;
	color:#FFF;
}

.disponible{
	text-align:center;
}

.nodisponible{
	text-align:center;
	color:#FFF;
	background:#F00;
	text-decoration:line-through;
} 

/* Footer */
.footer{
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #FFC;
	border-bottom: 1px solid #C90;
	text-align: center;
}

.footer a{
	text-transform: uppercase;
	text-decoration: none;
	color: #6f6f6f;
}

.footer a:hover{
	color: #C90;
}

.credits{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0.9em;
	padding: 10px 0;
}

.credits a{
	color: #6f6f6f;
}

.credits a:hover{
	text-decoration: none;
	color: #C90;
}

#faqs{
	margin:20px auto;
	width:90%;
	line-height:1.7em;
	}
	
#faqs strong, #faqs a{
	color:#060;
	}
	
#faqs a:hover{
	color: #C60;
	text-decoration:none;
}

#texto-bienvenida{
	float:left;
	width:500px;
	padding:20px 10px;
	border:1px solid #d7ccc8;
	margin:10px 10px 10px 0;
	}
	
.vacante{
	float:left;
	width:160px;
	margin:10px 0;
	}
	

#texto-bienvenida img{
	border:5px solid #d7ccc8;
	margin:0 10px 10px 0;
	float:left;
}

.anuncio1, .anuncio2{
	width:205px;
	float:left;
	border:1px solid #d7ccc8;
	padding:8px;
	margin:8px 8px 8px 0;
	}
	
.anuncio3{
	width:205px;
	float:left;
	border:1px solid #d7ccc8;
	padding:8px;
	margin:8px 0 8px 0;
	}

.listing{
	margin:10px 0;
	width:100%;
	height:auto;
	padding:10px 0;
	border-bottom:2px dashed #CCC;
	}

#destino{
	width:680px;
	height:auto;
	padding:10px;
	border-top:5px solid #5899b8;
	background:#eceae7 url(../images/orange-spot.png) no-repeat left;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	margin:0 0 10px 0;
	}
	
#destino strong, .colleft strong, .colright strong{
	margin:0 0 0 15px;
	color:#0d5779;
}

.destinos{
	float:left;
	width:500px;
	padding:10px;
	margin:10px 90px;
	border-bottom:1px dashed #CCC;	
	}
	
.destinos h1{
	font-size:1.7em;
	color:#00290a;
	background:url(../images/green-arrow.jpg) no-repeat left;
	padding:0 0 0 25px;
	}
	
.destinos h2{
	font-size:1.5em;
	color:#00290a;
	padding:0 0 0 25px;
	font-weight:lighter;
	margin:0 0 5px 0;
	}
	
.destinos a{
	display:block;
	float:left;
	margin:5px;
	padding:5px;
	text-decoration:none;
	color:#060;
	}
	
.destinos a:hover{
	text-decoration:underline;
	background: #F5FFD1;
	}

.destinos img{
	margin:0 0 10px 0;
	border:1px #a3d5bc solid;
	padding:5px;
	}

.destino-titulo{
	width:680px;
	height:auto;
	padding:10px;
	background:url(../images/destinos-turisticos-generica.jpg) no-repeat left;
	margin-bottom:5px;
	text-transform:uppercase;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size:1.3em;
	letter-spacing:0.3em;
	color:#FFF;
}


.titulos{
	width:680px;
	height:auto;
	padding:10px;
	background:url(../images/titulos-genericos.jpg) no-repeat left;
	margin-bottom:5px;
	text-transform:uppercase;
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size:1.3em;
	letter-spacing:0.3em;
	color:#FFF;
}

.destino-titulo a{
	float:right;
	margin:5px 10px 0 0;
	color:#FFF;
	text-decoration:none;
	background:url(../images/back.png) no-repeat left;
	padding:0 0 0 25px;
	font-size:0.7em;
	}
	
.destino-titulo a:hover{
	color:#C30;
	}

.destino-descripcion{
	width:680px;
	height:auto;
	padding:10px;
	background:#e9feef;
	color:#062908;
	}
	
.destino-propiedad{
	width:680px;
	height:auto;
	padding:10px;
	background:#a6d7be;
	color:#062908;
	}	
	
.destino-propiedad h1{
	font-size:1.3em;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}	
	
.destino-propiedad a{
	width:auto;
	height:auto;
	padding:5px;
	margin:20px 0;
	text-decoration:none;
	color:#FFF;
	background:#86c0a4;
	}

.destino-propiedad a:hover{
	background:#002b01;
	
	}
	
.listing #imagen{
	float:left;
	background:#e5e2de;
	padding:10px;
	width:150px;
	height:115px;
	margin:0 10px 0 0;
	}
	
.listing #imagen img{
	width:150px;
	height:115px;
	overflow:hidden;
	}

#detalles{
	float:left;
	width:497px;
	height:auto;
	padding:10px;
	border:1px solid #e5e2de;
	}
	
#detallado{
	float:left;
	width:678px;
	height:auto;
	padding:10px;
	border:1px solid #e5e2de;
	margin:0 0 10px 0;
	}
	
#detalles h2 , #detallado h2, #detalles h2 a, #detallado h2 a{
	color:#F00;
	text-transform:uppercase;
	font-size:1.2em;
	margin:0 0 10px 0;
	text-decoration:none;
	}
		
.galerias img{
	width:100px;
	height:70px;
	margin:0 10px 10px 0;
	border:1px solid #FFF;
	}
	
.galerias img:hover{
	border:1px solid #F60;
	}
	
#detalles span, #detallado span{
	float:right;
	color:#e5e2de;
	font-size:0.9em;
	}
	
#detalles a span{
	display:none;
	}
	
#precios{
	clear:both;
	margin:10px 0 0 0;
	text-align:left;
	color:#5899b8;
	}
	
#precios strong{
	color:#999;
	}
	
.share{
	clear:both;
	width:690px;
	height:auto;
	background:#FFC;
	border-bottom:1px solid #c1c1c1;
	border-top:1px solid #c1c1c1;
	padding:0;
	text-align:right;
	}
	
.share a{
	text-decoration:none;
	color:#606060;
	}
	
.share a:hover{
	color: #F60;
	}

.addthis_default_style{
	margin:5px 0 0 50px;
	}
	
.moreinfo{
	float:left;
	}

.colleft{
	width:325px;
	height:auto;
	padding:10px;
	border-top:5px solid #5899b8;
	background:#eceae7 url(../images/orange-spot.png) no-repeat left;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	margin:0 10px 10px 0;
}

.colleftcontainer{
	float:left;
	width:345px;
	height:auto;
	margin:0 10px 10px 0;
}

.colleftcontainer #txt, .colrightcontainer #txt{
	width:90%;
	margin:0 auto;
	}

.colright{
	width:325px;
	height:auto;
	padding:10px;
	border-top:5px solid #5899b8;
	background:#eceae7 url(../images/orange-spot.png) no-repeat left;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	margin:0 0 10px 0;
	}

.colrightcontainer{
	float:left;
	width:345px;
	height:auto;
	margin:0 0 10px 0;
	}
	
.megaform{
	width:100%;
	margin:10px auto;
	}
	
.megaform td{
	padding:0.2em;
	}
	
/* Modulos Left */
#buscador{
	width: 229px;
	height: auto;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	background: #17729c url(../images/buscar-back.jpg) no-repeat left top;
}

#buscador h4{
	color: #FFF;
	margin: -2px 0 15px 20px;
	font-size: 13px;
	text-transform:uppercase;
}

#buscador select{
	margin:0 0 10px 0;
	width:100%;
	}
	
#buscador select option{
	padding:2px;
	border-bottom:1px dashed #f8f8f8;
	}

#buscador form{
	text-align:left;
	color:#FFF;
	width:90%;
	margin:0 auto;
	padding:10px 0;
	}
	
#fechallegada{
	width:80px;
	padding:0.12em;
	text-align:center;
	border:1px solid #09C;
	color: #333;
	}

#buscarlink-es a{
	display:block;
	width:229px;
	height:63px;
	background:url(../images/buscar-es.png) no-repeat top;
	}

#buscarlink-en a{
	display:block;
	width:229px;
	height:63px;
	background:url(../images/buscar-en.png) no-repeat top;
	}
	
#buscarlink-fr a{
	display:block;
	width:229px;
	height:63px;
	background:url(../images/buscar-fr.png) no-repeat top;
	}
	
#buscarlink-es a:hover, #buscarlink-en a:hover, #buscarlink-fr a:hover{
	background-position:bottom;
	}
	
#buscarlink-es a span, #buscarlink-en a span, #buscarlink-fr a span{
	display:none;
	}

#links{
	width: 210px;
	height: auto;
	background: #ccc;
	padding: 10px;
	margin: 0 0 10px 0;
}

#links select{
	width: 100%;
	margin: 0 0 5px 0;
}

#links option{
	padding: 0.1em;
}

.atencion{
	width: 208px;
	height: auto;
	border-top: 10px solid #d6a13c;
	border-left: 1px solid #d6a13c;
	border-right: 1px solid #d6a13c;
	border-bottom: 1px solid #d6a13c;
	background: #FFF url(../images/atencion-back.jpg) no-repeat left top;
	padding: 10px;
}

.atencion h4{
	color: #4b4b4b;
	margin: -5px 0 15px 10px;
	font-size: 13px;
}

.atencion span{
	color: #727272;
	margin: 0 0 0 30px;
	font-size: 13px;
	text-align:left;
}

#contacto{
	width: 208px;
	height: auto;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #d7ccc8;
	background: #FFF url(../images/contacto-back.jpg) no-repeat left top;
}

#contacto h4{
	margin: 4px 0 15px 10px;
	font-size: 12px;
	text-align:left;
}

#contacto a{
	text-decoration: none;
	display: block;
	margin: 5px 0;
	color: #727272;
}

#contacto a:hover{
	color: #C90;
}

/* Form Anunciate */
.bform{
	width:98%;
	margin:10px auto;
	color:#000;
	}
	
.bform th{
	text-align:center;
	padding:0.5em;
	text-transform:uppercase;
	}
	
.bform td{
	padding:0.2em;
	font-size:0.8em;
	text-align:left;
	font-weight:bold;
	}
	
.bform input{
	width:99%;
	border:1px solid #CCC;
	padding:5px 1px;
	margin:0 auto;
	}
	
.bform #idciudad, .bform #idtipopropiedad{
	width:95%;
	}
	
.masinfo a{
	display:block;
	float:right;
	width:120px;
	height:auto;
	padding:5px;
	text-decoration:none;
	background: #036;
	color:#FFF;
	margin:10px 0;
	border:1px solid #09C;
	text-align:center;
	}
	
.masinfo a:hover{
	background:#09C;
	border:1px solid #036;
	}
	
.requerido{
	background:url(../images/requerido.png) no-repeat right center;	
}