/*-----------------------------------------------------*/
/* Desarrollado por MontevideoWebs.com para el hotel
   Los Angeles, Montevideo, Uruguay, año 2010.
/*-----------------------------------------------------*/

/* FONDOS */

body {
	background-color:#0e1319; 
	background-image:url(images/bg.gif); 
	background-repeat:repeat-x; 
	margin:0 auto 0 auto; 
	height:100%; color:#000;
}
html {
	height:100%;
}
.cp {
	background-image:url(images/cp.png); 
	background-repeat:no-repeat; 
	height:700px;
}
.fcp {
	background-color:#0e1319; 
	height: auto;
}
.bgcp {
	background-image:url(images/bgcp.png);
}

/* PRIMER BLOQUE DE CONTENIDO */

.container {
	width:934px; 
	margin:0 auto 0 auto;
}
#jFlowSlide{ 
	background:#FFFFFF; 
	font-family: Georgia; 
}
#myController {
	font-family: Georgia; 
	padding:2px 0; 
	height:22px; 
	margin-right:0px; 
	float:right;
}
#myController span.jFlowSelected {
	background:#FFFFFF; 
	margin-left:5px; 
	color:#000;
}
.separate {
	height:22px;
}
.separateb {
	height:30px;
}
.slide-wrapper {
	width:100%; 
	padding:0px;
}
.slide-details {
	margin:20px;
}
.slide-details h2 {
	font-size:1.5em; 
	font-style: italic; 
	font-weight:normal; 
	line-height: 1; 
	margin:0; 
}
.slide-details .description { 
	margin-top:10px; 
}
.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#FFFFFF; 
	cursor:pointer; 
	padding-left:36px; 
	padding-right:36px; 
	padding-top:6px; 
	padding-bottom:6px;


}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
	background-color: #161e28; 
}


/* FUENTES */

.g45pt {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:45px;
}
.g20px {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:17px; 
	margin-top:1px;
}
.g32px {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:32px; 
	margin-top:1px;
}
.g26px {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:20px; 
	color:#e97711; 
	margin-top:1px;
}
.g12px {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px; 
	margin-top:5px;
}
.galeria {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:20px; 
	color:#e97711; 
	margin-top:1px;
}


/*DISEÑO*/

.dot {
	background-image:url(images/dots.gif); 
	background-repeat:repeat-x; height:7px; 
	margin:10px 0 10px 0;
}
.border { 
	border:#23292f 5px solid;
}
.boton {
	width:100%; 
	text-align: center; 
	margin-top:10px;
}
.logo {
	margin-left:120px;
	font-family: Georgia,"Times New Roman",serif;	font-size: 23px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top:50px;
	}

.reserv-bg { 
	background-image:url(images/reserv-bg.gif)
	}
.contact-bg { 
	background-image:url(images/contact-bg.gif)
	}
.e5px{height:5px;}

/* SEGUNDO BLOQUE DE CONTENIDOS*/

.container2 {
	width:934px; 
	height:203px; 
	margin-top:5px; 
	position:relative;
}
.ccolor {
	background-color:#FFF; 
	padding:20px;
}
.reser {
	background-color:#FFF; 
	width:301px;
	position:relative;
}
.scroll {
	overflow-y: scroll; 
	height:150px; 
	padding:20px;
}
.chotel {
	background-color:#0d1217; 
	padding:10px; 
	height:auto; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:10px; 
	color:#7e7e7e; 
	text-align:center; 
	border-top: #1b2533 solid 5px;
}
.izqa {
	float:left; 
	width:50%;
}
.dera {
	float:right; 
	width:50%;
}
.centr {
	width: 100%;
}

/*FORMULARIOS*/

.form {
	width:100%;
	background-color:#FFFFFF; 
	font-family: Georgia;
}
.ftitle {
	font-family: Georgia; 
	font-size:12px; 
	margin-top:3px; 
	margin-bottom:3px; 
	color:#666666;
}
.oblig {
	font-family: Georgia; 
	font-size:12px; 
	margin-top:10px; 
	margin-bottom:9px; 
	color:#666666;
}


/* AREA DE RESERVA */
form {
    width: 700px;
}
form div#left {
    float: left;
    width: 33%;
}
form div#content {
	margin-left: 33%;
	}
form div#right {	
	float: right;
    width: 33%;

}
div#beneath {
    clear: both;
}
label {
	font-family: Georgia; 
	font-size:12px;
	color:#666666;
}
form {
	width: 700px;
	margin-top: 0px;
}

form input, textarea, select {
	padding: 2px;
	width: 200px;
	font-family: Georgia;
	font-size: 1.2em;
	margin: 5px 0px 5px 0px;
	border: 1px solid #ccc;
}

form textarea {
	height: 80px;
	font-family: Georgia;
	font-size: 0.7em;

}

form textarea:focus, input:focus {
	border: 1px solid #e97711;
	background-color:#fff8f2;
}

form input.submit-button {
	width: 100px;
	float: right;
	margin-right:20px;

}

/* CONTACT AREA */
#contact-area {
	width: 465px;
	margin:35px auto 0 auto;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 371px;
	font-family: Georgia;
	font-size: 1.2em;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #e97711;
	background-color:#fff8f2;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

.calabel {
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 75px;
	padding-top: 5px;
	color:#666666;
	font-size: 1.2em;
}

/*CARGANDO*/
#cargando {
	height:100%;
	width:100%;
	background-color:#FFF;
	text-align:center;
	font-family:georgia; font-size:10px;
	color:#666666;
	margin:0 auto 0 auto;
	z-index:3;
	position:absolute;
	padding-top:150px;
	padding-bottom:150px;
}
/*IDIOMAS*/
.idiom {	
	width:100px;
	background-color:#19222d;
	float: right;
	padding:8px;
	margin-right:20px;
}

.trflag img{ 
filter: alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5; 
border:1px solid #FFF;
}
.trflag:hover img{ 
filter: alpha(opacity=100); 
-moz-opacity: 1; 
opacity: 1;
border:1px solid #FFF;
}