@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;
	padding: 0;
	vertical-align: baseline;
	list-style-type:none;
	text-decoration:none;
	font-weight:normal;
}

/* 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 { width:960px; 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, #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:16px; line-height:24px;}
#pre_container { background:#fff; height:211px; }
#pre_container .data {
	width: 620px;
}
#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 .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;}


.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 { border:1px solid #999; border-width: 0 0 1px 1px; text-align:center; margin-bottom:60px; width:730px;}
table td { background:#10a4a6; font-size:11px; border:1px solid #999; border-width:1px 1px 0 0; padding: 10px 19px; color:#fff; vertical-align: middle;}
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;}