@charset "utf-8";


/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	vertical-align: baseline;
	list-style-type: none;
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

/* GENERALES */

.clear{ clear:both;}
.no_margin { margin:0 !important;}
.no_border { border:none !important;}
.no_padding { padding:0 !important;}
.no_padding_l { padding-left:0 !important;}
.block { display:block;}
.none { display:none;}
.float_l { float:left;}
.float_r { float:right;}
.margin_l_20 { margin-left:20px;}
.margin_r_20 { margin-right:20px;}
.gum { margin-bottom:20px !important;}
.gum_10 { margin-bottom:10px;}
.gum_max { margin-bottom:40px !important;}
.bold { font-weight:bold;}
.relative { position:relative;}

.turquesa { color:#11a4a6;}
.naranja { color:#ff7800; }

.silvertech { margin:auto; text-align:center; font-size:11px; color:#999; margin-bottom:40px; display:block;}

h1 { font-size:28px; margin-bottom:16px;}
h2 { font-size:28px; margin-bottom:20px;}

h1, h2, h3 {
	font-family: 'Montserrat', sans-serif;
	border-radius: 10px 5px;
}

body { 
background: url(../images/bg_body.jpg) repeat; color:#272727; font-family: 'Quando', serif;
}

#container p { font-size:18px; line-height: 29px; }
.margins_p p { margin-bottom: 20px;}



#cont_header { background:url(images/bg.jpg) repeat-x top; width:100%; height:472px;}
#top,  #header  { width:960px; background:#fff; margin:auto; z-index:10;}

#container, #pre_container, #pre_container2,#pre_containerG, #servicios, #galeria, #contacto{ width:900px; padding:20px 30px; background:#fff; margin:auto; z-index:10;}

/* TOP */

#cont_top { height:38px; position:fixed; top:0; width: 100%; z-index:1000;}

#top { height:18px; padding:10px 30px; width:900px; box-shadow: 0 1px 3px #999;}
#top li { float:left; text-transform:uppercase; font-size:12.5px;}
#top li a { padding:0 10px; border-right:1px solid #11a4a6; color:#444;}
#top li:last-child a {border-right:0; padding-right:0;}
#top li a:hover { color:#999;}

#top p { font-size:12px; color:#11a4a6; font-family:Arial, Helvetica, sans-serif;}


#header { background:none; height:248px;}


/* Pre container */


#pre_container p { font-size:14px; line-height:21px;}
#pre_container {
	background: #fff;
	height: 1000px;
}
#pre_containerG {
	background: #fff;
	height: 370px;
}
#pre_container .data {
	width: 620px;
}

#pre_containerG .data {
	width: 900px;
	margin:0 auto;
}

#pre_container .data2 {
	width: 270px;
	height: 152px;
	border-radius: 20px 10px;
	background-image:url(../images/galeria/backs/background.jpg);
	position:relative;
}
#pre_container .data2 p{
	font-size:22px;
	color:#410092;
}

#pre_container .data2 h1{
	font-size:23px;
	color:#251D1D;
	font-weight:bold;
	text-outline:#FFFFFF;
}

#pre_container .data3 {
	width: 310px;
	height: 152px;
	border-radius: 20px 10px;
	position:relative;
}
#pre_container .data3 p{
	font-size:22px;
	color:#410092;
}
#pre_container .data3 h1{
	font-size:25px;
	color:#251D1D;
	font-weight:bold;
	text-outline:#FFFFFF;
}
#pre_containerG .data p{
	font-size:14px;
	color:#251D1D;
	text-align:center;
}
#pre_containerG .data p1{
	font-size:10px;
	color:#251D1D;
	text-align:left;
}
#pre_containerG .data h1{
	font-size:25px;
	color:#251D1D;
	font-weight:bold;
	text-outline:#FFFFFF;
	text-align:center;
}
#pre_container .promos {
	color: white;
	text-align: center;
	position: absolute;
	top: 75px;
	left: 1px;
	height: 30%;
	width: 100%;
	margin-top: -15%;
	margin-right: 0;
	margin-left: 0%;
	margin-bottom: 0;
}

#pre_container .banner_disp { display:block; width: 270px;}

#pre_container2 p { font-size:14px; line-height:21px;}
#pre_container2 u {text-decoration:underline;}
#pre_container2 {
	background: #fff;
	height: auto;
	}
#pre_container2 .data {
	width: 450px;
	margin: 0 auto;
}
#pre_container2 .data3 {
	width: 420px;
}
#pre_container2 .data3 p{
	font-size:22px;
	color:#410092;
}
#pre_container2 .data3 txt{
	font-size:15px;
	color:#251D1D;
	text-align:center;
}
#pre_container2 .data3 h1{
	font-size:25px;
	color:#251D1D;
	font-weight:lighter;
	text-outline:#FFFFFF;
	text-align:center;
}

#pre_container2 .data2 {
	width: 270px;
	height: 152px;
	border-radius: 20px 10px;
	background-image:url(../images/galeria/backs/background.jpg);
	position:relative;
}
#pre_container2 .data2 p{
	font-size:22px;
	color:#410092;
}
#pre_container2 .data2 h1{
	font-size:25px;
	color:#251D1D;
	font-weight:bold;
	text-outline:#FFFFFF;
}
#pre_container2 .promos {
	color: white;
	text-align: center;
	position: absolute;
	top: 75px;
	left: 1px;
	height: 30%;
	width: 100%;
	margin-top: -15%;
	margin-right: 0;
	margin-left: 0%;
	margin-bottom: 0;
}

#pre_container2 .banner_disp { display:block; width: 270px;}


.logo { display:block; width: 316px; height:215px; background:url(../images/logo_wesak.png) no-repeat; background-size:contain; position:relative; left:20px; top:54px;}

/* Container slider */

#container { margin-bottom:30px;}


/* Servicios */

#servicios { background:#272727; padding-top: 50px;}
#servicios h2 { color:#fff;}
#servicios ul li { width:205px; height:154px; float:left; margin-right:26px; margin-bottom:26px; background:url(../images/sprite_servicios.jpg) no-repeat;}

#servicios .mucama { background-position: 0 -154px;}
#servicios .wifi { background-position: 0 -308px;}
#servicios .pileta_climatizada { background-position: 0 -462px;}
#servicios .alarma { background-position: 0 -616px;}
#servicios .cocheras { background-position: 0 -770px;}
#servicios .ascensor{ background-position: 0 -924px;}
#servicios .directv { background-position: 0 -1078px;}

/* especificos home */

.items { width: 390px; }
.items li { list-style-position: outside; list-style-type: circle; font-size: 16px; position: relative; left: 20px;}

#items {background: none repeat scroll 0 0 #F9F9F9;
    border: 1px dotted #DDDDDD;
    padding: 20px;
    margin:20px 0;
    }


/* Galeria de imagenes */

#galeria { padding-top: 50px; margin-bottom: 40px;}
#galeria li { float:left; margin-right: 22px; margin-bottom:24px;}

/* Contacto */

#contacto { background:#f2f2f2; margin-bottom:20px; clear:both;}
#contacto p { font-size:14px; line-height:24px;}
#contacto p2 { font-size:12px; line-height:24px;}

#contacto form { margin-top:20px;}
#contacto > .float_l { width:300px;}
#contacto > .float_r { width:510px; position:relative;}

#contacto input, #contacto textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC inset;
    color: #666666;
    display: block;
    font-family: georgia;
    font-size: 16px;
    height: 30px;
    margin-top: 14px;
    padding-left: 5px;
    width: 400px;
	float:right;
	
}

#contacto textarea { height:60px; resize:none;}

#contacto input[type=submit] { width:auto !important; padding: 0 10px; background: #0c97cb; text-transform: uppercase; font-size:14px; color:#fff; box-shadow:none; border:0; cursor:pointer; clear:both; }

#contacto input[type=submit]:hover { background:#666;}

#contacto label{ width: 100px; float:left; clear:both; line-height:56px;}

.errormsg { color:red; position:absolute; bottom:0;}
.enviado { color:green; position:absolute; bottom:0;}


/* Disponibilidad */

.disponibilidad { height:auto !important; padding-bottom:190px !important; position:relative;}
.disponibilidad > div.float_l { width:728px; clear:both;} 
.disponibilidad > div.float_r { width:140px;} 
.disponibilidad > div.float_l, .disponibilidad > div.float_r { position:relative; top:-64px;} 
.disponibilidad > div.float_r img {
    border: 1px solid #DDDDDD;
    display: block;
    margin-bottom: 46px;
    padding: 7px;
}

table { width:850px; border:0; cellspacing:0; cellpadding:0;}
table td { font-size:14px; padding: 5px 19px; color:#000; vertical-align: middle; width:33%;}
table thead td {
	background:#666;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 1px #0B686F;
}
table .gris { background:#ddd; color:#272727; }
table .precio { background:#fff; color:#272727;}

#restricciones { 
background: none repeat scroll 0 0 #FCFCFC;
    border: 1px dotted #DDDDDD;
    padding: 20px;
	position:absolute; bottom:20px;
}
#restricciones li { margin-bottom:10px; list-style-type:circle; color:#11a4a6; list-style-position:inside;}
#restricciones li span { color:#272727;}

#bottom {
width:900px;
position: fixed;
bottom: 0;
height: 34px;
background: #fff;
}
#pre_bottom {
	margin:0 auto 0 auto;
	width:900px;
}

.unidadestop {
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
}

.reservatop {
	background-color:rgba(0,0,153,0.5);
	color:#FFF;
}

.booked {
	background-color: rgba(255, 52, 47, 0.6);
	color:#FFF;
}
.bookedcrr {
	background-color: rgba(255, 106, 60, 0.6);
	color:#FFF;
}

.bookedsrr {
	background-color: rgba(255, 182, 180, 0.6);
	color:#FFF;
}

login {
	width:250px;
}


    .myButton {
        
        -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
        -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
        box-shadow: 0px 1px 0px 0px #f0f7fa;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #84e3db), color-stop(1, #84b2e3));
        background:-moz-linear-gradient(top, #84e3db 5%, #84b2e3 100%);
        background:-webkit-linear-gradient(top, #84e3db 5%, #84b2e3 100%);
        background:-o-linear-gradient(top, #84e3db 5%, #84b2e3 100%);
        background:-ms-linear-gradient(top, #84e3db 5%, #84b2e3 100%);
        background:linear-gradient(to bottom, #84e3db 5%, #84b2e3 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#84e3db', endColorstr='#84b2e3',GradientType=0);
        
        background-color:#84e3db;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #ffffff;
        
        display:inline-block;
        color:#3870ad;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #84b2e3), color-stop(1, #84e3db));
        background:-moz-linear-gradient(top, #84b2e3 5%, #84e3db 100%);
        background:-webkit-linear-gradient(top, #84b2e3 5%, #84e3db 100%);
        background:-o-linear-gradient(top, #84b2e3 5%, #84e3db 100%);
        background:-ms-linear-gradient(top, #84b2e3 5%, #84e3db 100%);
        background:linear-gradient(to bottom, #84b2e3 5%, #84e3db 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#84b2e3', endColorstr='#84e3db',GradientType=0);
        
        background-color:#84b2e3;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }