/*------------------------------
*
*	NOVA Publicidad 2012
*
------------------------------*/

body {
	margin: 0;
	font-family: Verdana, Arial,Sans-serif;
}
img {border:none;}

#wrapper {width:1000px; height:auto; margin:auto;}
#wrappersecundario {width:880px; height:auto; margin:auto;}
#header { width:880px; height:150px; padding:0;margin-top:10px;}
.logo_header {display:block; width:372px; height:133px; background: url("../img/Logo-playa-village.png"); text-indent:-1000em;  margin:0 auto;}
/*border-radius: 15px; box-shadow: 4px 4px 5px #999;}*/
/*#tagline {display:inline-block; float:left; width:650px; height:230px; background: url("../img/tagline_larioja.png"); text-indent:-1000em;}*/
/* fotos*/
#divCuerpo {
	width: 880px;
	height: auto;
	float: left;
}
#divFotos {
	height: 680px;
	margin: 0;
	float: left;
	width: 460px;
}
.picPlayas {display:block; width:359px; height:225px; text-indent:-1000em;box-shadow: 4px 4px 5px #999;  margin:0;}
.picPlayas2 {display:block; width:359px; height:225px;   padding-left: 100px;text-indent:-1000em;box-shadow: 4px 4px 5px #999;  margin:0;}
#inputs {
	display: block;
	padding: 5px;
	width: 320px;





text-align; left;						height: auto;
	font-size: 12px;
}
#caja_botones{
	display: block;
	padding: 5px;
	margin-top: 5px;
	width: 320px;

text-align; left;		height: auto;
	font-size: 0.9em;
}
/*CONTACTANOS*/
#contactanos_content {
	padding: 0px;
	float: right;
}
#texto_contactanos {
	margin-left: 20px;
	width: 320px;
	padding: 5px;
	text-align: center;
	height: auto;
	font-size: 0.6em;
}
#informacion_content {
	width: 640px;
	height: 210px;
	padding: 20px 20px 20px 220px;
	margin-top: 15px;
	background: url("../img/informacion_back.png");
}
#informacion_content a:link { color: #494848;}
#informacion_content a:visited { color: #494848;}

/*FORMULARIO CONTACTO*/
#formulario {
	height: 100px;
	padding: 20px;
	position: relative;
}
#formulario h4 {display:inline-block; width:100px; text-align:right; font-size:0.9em; color:#494848; font-weight:normal;}
.input {display:inline; width:310px; height:20px; border:none; padding:5px; margin:0; background: url(../img/background_input.png);}
.textarea {display:inline; width:310px; height:115px; border:none; padding:5px; margin:0; background: url(../img/background_textarea.png) no-repeat; resize: none;}




#nav {width:1000px; height:35px; background: url("../img/background_nav.png"); list-style:none; margin:0; padding:0; text-align:center; }
#nav li {display:inline-block; height:28px; margin:0; padding-top:7px;}
#nav a:link {color:#FFF; font-weight:bold; font-size:14px; text-decoration:none; margin:0 10px;}
#nav a:visited {color:#FFF; font-weight:bold; font-size:14px; text-decoration:none; margin:0 10px;}
#nav a:hover {text-shadow: 0 1px 3px #000}
#nav a:active {color:#FFF;}

/*DROPDOWN*/
.dropdown {display:block; width:160px; position:relative; z-index:100;}
#nav ul{position:absolute; left:-9999px;}
#nav li:hover ul{ left:-40px; top:35px;}
.dropdown_item { display:block; width:220px; height:20px; margin:0; background:#3D9B45; color:#FFF;}
.dropdown_item:hover { background:#297C30;}
#nav li:hover ul a{ text-decoration:none;}

/*SLIDER*/
#slider { margin:20px 0 0 0;}

/*ICONOS*/
#icons { width:880px; height:200px; margin-top:20px; position:relative;}
#icons p { font-size:18px; font-weight:bold; padding:0 10px; text-align:center;}
.item_icons { width:205px; height:200px; float:left; background: #FFF; border-radius:10px 10px;}
.item_icons.second {margin-left:20px; margin-right:10px;}
.item_icons.third {margin-left:10px; margin-right:20px;}

.icon_round { display:block; width:180px; height:180px; margin:auto; margin-top:-80px; position:relative; z-index:5; background: url("../img/icon_sprite.png");}
.icon_red { background-position: 0 0;}
.icon_red:hover { background-position: 0 -180px;}
.icon_orange { background-position: -180px 0;}
.icon_orange:hover { background-position: -180px -180px;}
.icon_green { background-position: -360px 0;}
.icon_green:hover { background-position: -360px -180px;}
.icon_blue { background-position:-540px 0;}
.icon_blue:hover { background-position:-540px -180px;}

/*BLOQUES FLOTANTES*/
.sprite_block {background: url(../img/sprite_block.png);}
a.icon_red:hover + #flotante_red {display: block; width:800px; height:250px; background-position: 0 0; position:absolute; z-index:300; left:40px; top:50px;}
a.icon_orange:hover + #flotante_orange {display: block; width:800px; height:250px; background-position: 0 -250px; position:absolute; z-index:300; left:40px; top:50px;}
a.icon_green:hover + #flotante_green {display: block; width:800px; height:250px; background-position: 0 -500px; position:absolute; z-index:300; left:40px; top:50px;}
a.icon_blue:hover + #flotante_blue {display: block; width:800px; height:250px; background-position: 0 -750px; position:absolute; z-index:300; left:40px; top:50px;}

#news_promos {width:840px; height:190px; margin-top:20px; background: url(../img/background_news_promo.png) repeat-x; border-radius:10px 10px; padding:20px;}
#news_promos h3 {margin:0; color:#272727;}
#promo {width:410px; height:190px; float:left;}

#news_promos1 {width:840px; height:200px; margin-top:20px; background: url(../img/background_news_promo_1.png) repeat-x; border-radius:10px 10px; padding:20px;}
#news_promos1 h3 {margin:0; color:#272727;}
#promo1 {width:410px; height:190px; float:left;}


.novedades { display:block; width:180px; height:190px; float:left;}
.novedades p {margin:0; font-size:0.7em; margin-top:7px; line-height:1.5em;}
.thumb_promo {display:block; width:auto; height:auto; float:left; margin-top:10px;}
.thumb_recorte {display:block; width:auto; height:auto;  float:left;  margin-left:15px; margin-top:0px;}

.detail_novedades {display:block; width:100%; height:auto; float:left; margin-left:10px; font-size:0.8em; margin-top:5px;}
.detail_novedades p {margin-bottom:10px;}
.detail_novedades a {color:#000; text-decoration:none;}
.detail_novedades a:hover {color:#048439;}

.detail_promociones {display:block; width:160px; height:150px; float:left; margin-top:5px; color:#313030; background: url(../img/background_promociones.png) no-repeat;}
a.detail_promociones:link {margin:0; font-size:0.7em; margin-top:10px; line-height:1.3em; padding:10px; text-decoration:none;}
a.detail_promociones:visited {margin:0; font-size:0.7em; margin-top:10px; line-height:1.3em; padding:10px; text-decoration:none;}
a.detail_promociones:hover {color:#048439;}

.divisor {
	width: 18px;
	height: 160px;
	float: left;
	border-left: solid 2px #C0C0C0;
	margin-top: 30px;
}
.divisor.dos {margin-left:10px;}

.divisortres {
	width: 18px;
	height: 160px;
	float: left;
	margin-top: 30px;
}


/*FOOTER*/
#footer {width:840px; height:75px; float:left; margin-top:20px; background: url("../img/background_footer.png"); border-radius:10px 10px; padding:20px;}
.logo_inmobiliare {width:65px; height:85px; float:left; background: url("../img/logo_inmobiliare.png"); text-indent:-1000em;}
.tagline_inmobiliare {
	width: 300px;
	height: 75px;
	float: left;
	margin-top: 0;
	margin-left: 20px;
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.5em;
}
.tagline_inmobiliare a:link {text-decoration:underline; color:#000;}
.tagline_inmobiliare a:visited {color:#000;}
.tagline_inmobiliare a:hover { text-decoration:none; color:#00A160;}
.tagline_inmobiliare a:active {color:#000;}
#icon_carousel {width:200px; height:75px; background:transparent url(../img/icon_carousel.jpg); float:left; margin-left:20px;}
.phone {width:200px; height:75px; float:left; font-size:0.75em; margin-left:20px; line-height:1.3em;}
.phone p {margin-top:0; font-style:italic;}
.facebook {
	display: block;
	width: 45px;
	height: 45px;
	float: left;
	margin: -7px 0 15px 23px;
	background: url("../img/icon_facebook.png");
	text-indent: -1000em;
}
.facebook1 {display:block; width:40px; height:36px; float:left; margin:-5px 0 10px 20px; background: url("../img/icon_twiter.png"); text-indent:-1000em;}
.twitter {
	display: block;
	width: 38px;
	height: 30px;
	float: right;
	margin: -10px 025px 5px;
	background: url("../img/icon_twiter1.png");
	text-indent: -1000em;
}

#copyright { width:880px; height:100px; float:left; margin-top:20px; font-size:0.75em; text-align:center; color:#FFF; background:#048439; border-radius:10px; margin-bottom:20px; text-shadow: 0 1px 0 #003c19;}

/*CONTENIDO GENERAL
Contiene estilos para <h2> y <p>*/
.content h2 {
	font-family: Century Gothic, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	color: #272727;
}
.content h3 {font-family: Century Gothic, Sans-serif; font-size:24px; font-weight:bold; margin:0; color:#272727;}
.content p {font-size:0.9em; color:#494848;}

#Cotiza_Confir {width:630px; height:230px; padding:20px 230px 20px 20px; margin-top:20px; position:relative; border-radius: 15px; margin-left: 5em;}
/*QUIENES SOMOS*/
#quienes_somos_content {width:540px; height:320px; background:#FFF;padding:20px 320px 20px 20px; margin-top:20px; background: url("../img/quienes_somos_back.png");}
#banner_quienes_somos {width:880px; height:300px; background: url(../img/slider/pic6.jpg); margin-top:20px;}

/*UBICACION*/
#ubicacion_content {width:630px; height:230px; padding:20px 230px 20px 20px; margin-top:20px; background: url("../img/ubicacion_back.png"); position:relative;}
#google_maps {width:840px; height:auto; float:left; position:relative; margin-top:20px; padding:20px; background:#FFF; border-radius:10px 10px;}
#ubicacion_img {width:250px; height:300px; position:absolute; top:-300px; right:-20px; z-index:300; background: url("../img/ubicacion_img.png");}

/*INSTRUCCIONES*/
#instrucciones_content {width:630px; height:230px; padding:20px 230px 20px 20px; margin-top:20px; background: url(../img/ubicacion_back.png);}

/*MAPA*/
#mapa_ruta {width: 870px; height: 540px; border: 5px solid #048439; margin:-20px -20px 0 -20px;}
#direcciones {width: 550px; margin:auto; margin-top:20px;}
#direcciones td {font-size:0.75em; color:#494848;}
#direcciones a {color:#ed1c24;}
.mapa_sencillo { display:block; width:650px; height:542px; margin:auto;}
.ver_mapa_interactivo {display:block; width:165px; height:205px; background: url(../img/mapa_interactivo.png); text-indent:-1000em; position:absolute; right:-70px; bottom:-300px;}

.mapa_form {margin-top:20px;}
.mapa_form p {display:inline; font-size:0.9em; color:#494848;}
.mapa_input {display:inline; width:310px; height:20px; border:none; padding:5px; margin:0 10px; background: url(../img/background_input.png);}
.calcular_ruta{width:320px; height:30px; margin:20px 0 0 60px; border:none; text-indent:-1000em; cursor:pointer; background: url(../img/sprite_calcular_ruta.png);}
.calcular_ruta:hover {background-position:0 -30px;}
.calcular_ruta:active {background-position:0 -60px;}

/*URBANIZACION*/
#urbanizacion_content {width:580px; height:480px; padding:20px 280px 20px 20px; margin-top:20px; background: url("../img/urbanizacion_back.png");}
#urbanizacion_content ul {font-size:0.9em; list-style-image:url("../img/bullet.png"); color:#494848;}
#video_urbanizacion {margin:20px 120px 0 120px;}
.plano {margin-top:20px;}

/*SKYN GALERIA*/
#gallery {padding: 30px; background: #e1eef5; margin-top:20px; border-radius:10px;}
  

.boton_limpiar {width:75px; height:30px; position:absolute; right:100px; bottom:0; background:red; border:none; cursor:pointer; text-indent:-1000em; background: url("../img/sprite_limpiar.png");}
.boton_limpiar:hover {background-position:0 -30px;}
.boton_limpiar:active {background-position:0 -60px;}

.boton_enviar {width:75px; height:30px; right:32px; bottom:0; background:red; border:none; cursor:pointer; text-indent:-1000em; background: url("../img/sprite_enviar.png");}
.boton_enviar:hover {background-position:0 -30px;}
.boton_enviar:active {background-position:0 -60px;}

/*MODELOS DE CASAS*/
#modelos_casas_content {width:460px; height:160px; position:relative; padding:20px 400px 20px 20px; margin-top:20px; background: url(../img/modelos_casas_back.png);}
.flotante {position:relative; z-index:400;}

#casas {width:660px; height:auto; list-style:none; margin-left:0; padding:0; text-align:center; margin:20px auto 0 auto; }/*originalmente con float:left; y margin:20 0 0 0; para alojar cuadro promocional*/
#casas li {
	width: 200px;
	height: 400px;
	float: left;
	background: #7AC143;
	margin: 0 20px 20px 0;
	border-radius: 10px;
	-o-border-radius: 10px;
	position: relative;
}
#casas h2 {font-family: Century Gothic, Sans-serif; font-weight:bold; font-size:1.5em; color:#FFF; margin:5px; padding:0;}
#casas img {margin-bottom:10px;}
#casas p {font-size:0.75em; color:#FFF; margin:auto; padding:0; text-align:left; margin-left:20px;}
.mas_detalle {
	background: url(../img/sprite_detalles.png);
	position: absolute;
	bottom: 0px;
	left: 24px;
}
.mas_detalle:link {
	display: block;
	width: 150px;
	height: 24px;
	text-indent: -1000em;
	margin: 10px auto;
	background-position: 0 0;
}
.mas_detalle:visited {display:block; width:150px; height:24px; text-indent:-1000em; margin: 10px auto; background-position: 0 -50px;}
.mas_detalle:hover {display:block; width:150px; height:24px; text-indent:-1000em; margin: 10px auto; background-position: 0 -25px;}
.mas_detalle:active {
	display: block;
	width: 150px;
	height: 24px;
	text-indent: -1000em;
	margin: 10px auto;
	background-position: 0 -50px;
}

#promocion {width:220px; height:340px; float:left; margin-top:20px; background: url(../img/promocion.png)}

.conoce_modelos_tradicionales {display:block; width:200px; height:340px; float:left; background: url(../img/conoce_modelos_tradicionales.png); text-indent:-1000em;}
.conoce_modelos_modernos {display:block; width:200px; height:340px; float:left; background: url(../img/conoce_modelos_modernos.png); text-indent:-1000em;}

/*VIDEO*/
#modelos_casas_content video {position:absolute; top:0; right:0;}

/*DETALLE*/
#detalle_content {width:840px; height:80px; padding:20px; margin-top:20px; background: url("../img/detalle_back.png")}
#detalle_content > h2 {line-height:1em;}
#imagen_casa {width:880px; height:440px; float:left; margin-top:20px; position:relative;}
.foto_casa {display:block; width:620px; height:440px; float:left;}
#imagen_casa ul {width:220px; height:320px; float:left; background:#7AC143; margin:0; padding:60px 20px; list-style:none; color:#FFF; line-height:2em;}
#especificaciones_tecnicas {width:840px; height:340px; float:left; padding:20px; margin-top:20px; background: url("../img/especificaciones_back.png")}
#especificaciones_tecnicas ul {font-size:0.9em; color:#494848; list-style-image:url("../img/bullet.png");}

#cotiza_enlinea {width:165px; height:205px; position:absolute; top:200px; right:-80px;}
#cotizador {width:165px; height:205px; position: absolute; top: 150px; background:url(../img/cotiza_enlinea.png); z-index:200; text-indent:-1000em;}
#cotizador.fixed {position: fixed; top: 0;}

.plano_amoblado {display:block; width:880px; height:670px; float:left; margin-top:20px;}
.plano_arquitectonico {display:block; width:880px; height:670px; float:left; margin-top:20px;}

/*INTERIOR*/
.ver_interior_casa { display:block; width:210px; height:30px; background: url(../img/sprite_interior.png); margin-top:20px; text-indent:-1000em;}
.ver_interior_casa:hover {background-position:0 -30px;}
.ver_interior_casa:active {background-position:0 -60px;}

/*LOGO NOVA*/
.logo_nova {display:inline-block; width:49px; height:14px; background: url(../img/logo_nova.png); text-indent:-1000em; vertical-align:-2px;}

/*BANCOS*/
#bancos {width:840px; height:155px; float:left; background: url("../img/background_bancos.png"); border-radius:10px 10px; padding:20px; margin-top:20px;}
#bancos p { line-height:1em; margin:0; font-size:0.9em; color:#494848;}
#bancos img {margin-top:20px;}


#cotiza_enlinea2 {width:300px; height:240px; position:absolute; top:200px; right:70px;}
#cotizador2 {width:300px; height:240px; position: absolute; top: 150px; background:url(../img/flotante.jpg); z-index:200; text-indent:-1000em;}
#cotizador2.fixed {position: fixed; top: 0;}


/*ARTE PROMOCION*/
#arte_promocion {width:100%; height:100%; margin: 20px auto; text-align:center;}
#arte_cupon {width:100%; height:100%; margin: 20px auto;  left:0; text-align:center;}

/*DECORATIVOS*/
/*#red_corner {width:100%; min-width:880px; height:250px; position:absolute; top:0; left:0; background: url(../img/strip_bg.jpg); z-index:-1;}*/
/*#red_strip {width:100%; height:150px; position:fixed; bottom:0; left:0; background: #ee1c25 url(../img/strip_bg.png); z-index:-2; border-top:solid 5px #7AC143;}*/
/*#background_sky {width:100%; height:100%; position:fixed; top:0; left:0; background:#e2efd5 url(); z-index:-3;}*/
/*DECORATIVOS*/
/*#red_corner {width:304px; height:446px; position:absolute; top:0; left:0; background: url(../img/leaves_corner.png); z-index:-1;}
#red_strip {width:100%; height:160px; position:fixed; bottom:0; left:0; background:url(../img/background_botton.png); z-index:-2;}*/
/*#background_sky {width:100%; height:100%; position:fixed; top:0; left:0; background:#b7e1d2 url(../img/cielo.jpg); z-index:-3;}*/}
#background_sky {width:100%; height:100%; position:fixed; top:0; left:0;background-color:#FFFFFF; z-index:-3;}



.mantenimiento{  background: url("../img/mantenimiento.png"); background-repeat:no-repeat ; background-position:center;}





#fb_box {
		float:left;
		}
		
#fb_like {
		margin-top: 5px;
		text-align: center;
		}
		
		
		
#estado_cuenta_fb {
		float:right;
		}
		
.ventana_flotante {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    top: auto;
    left: auto;
    margin-left: -220px;
	margin-top: 10px;
    padding: 0px 0 0;
    position: fixed;
    text-align: left;
    width: 220px;
	height: 320px;
    z-index: 15;
		
}

.ventana_flotante2 {
/*	background: url("../img/promo_fanpage.png");*/
/*    background: none repeat scroll 0 0 #FFFFFF;*/
    border: 0px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    top: auto;
    right: auto;
    margin-left: 982px;
	margin-top: 10px;
    padding: 0px 0 0;
    position: fixed;
    text-align: left;
    width: 200px;
	height: 320px;
    z-index: 15;
	
}