/*Colores
verde oscuro: #00441D
verde claro: #00755C
amarillo: #FCF599
amarillo claro: #FCF7D5
*/



* {margin:0; padding:0;}

body {
  background-color:#FCF7D5;
  text-align:center;
  border-top: 10px solid #00441D;
  font: 11px/18px 'Lucida Grande', Arial, sans-serif;
  margin:0;
  padding:0;
}

#wrap {
  text-align:left;
  width:920px;
  margin:0 auto;
  padding:0;
}

#contenido {
  position:relative;
  background-color:#FCF599;
  border-top: 5px solid #00441D;
}

#footer {
  position:relative;
  height:50px;
  clear:both;
  margin:0;
  padding:0;
  padding-top:10px;
  border-top: 5px solid #00441D;
  color: #00441D;
}

a {color:#00441D; font-weight:bold;}

/*títulos*/

h1, h2, h3, h4, h5 {
  font-family: Georgia, Times, serif;
  letter-spacing:.1em;
  color: #00441D;
}

h1, h2, h3 {
  text-transform:uppercase;
}

/*header*/
#header {
  height:100px;
  background:#fff;
  position:relative;

}
#header h1 {
  font-size:11px;
  position:absolute;
  right:20px;
  top: 30px;
}
#header h2 {
  text-indent:-9999px;
  background: transparent url("/img/logo-calida-villas.gif") no-repeat;
  width:150px;
  height:52px;
  position:absolute;
  left:20px;
  top: 5px;
}

/*Menú
=====================*/
ul#menu {
  position:absolute;
  top:75px;
  display:inline;
  margin-left:20px;
  font-size:10px;

}

ul#menu li {
  height:20px;
  display:inline;
}

ul#menu li a {
  display:block;
  float:left;
  width:80px;
  height:30px;
  margin-right:5px;
  padding-top:5px;
  color:#fff;
  text-decoration:none;
  text-align:center;
  background: transparent url("/img/bg_menu.gif") repeat-x 0 -40px;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li a.activa { 
  background: transparent url("/img/bg_menu.gif") repeat-x;
  padding-top:1px;
}

/*idioma*/
#idioma {
  position:absolute;
  top:75px;
  right:25px;
  width:70px;
  height:30px;
  padding-top:4px;
  text-align:center;
  background:#fff url("/img/bg-idioma.gif") no-repeat;
  display:none;
}

#idioma a {color:#00755C;text-decoration:none;}
#idioma a:hover {color:#00441D;}

#contenido h2 {
  position:absolute;
  top:15px;
  right:20px;
  font-size:12px;
  font-weight:normal;
}

/*bloque home Marina*/
#contenido #bloquefull {
  position:relative;
  top:0px;
  left:20px;
  background:#FCF599 url("/img/bgmarina-top.gif") no-repeat 0 0;
  width: 880px;

}
#contenido #bloquefull div.bottom {
  background:#FCF599 url("/img/bgmarina-bottom.gif") no-repeat;
  width: 880px;
  height:40px;
  clear:both;
  margin-bottom:20px;
}

#bloquefull h3 {
  position:absolute;
  left:20px;
  top: 60px;
  height:78px;
  width:161px;
  text-indent:-9999px;
  background:transparent url("/img/logo-marina-big.gif") no-repeat;

}
#contenido #bloquefull div.calidad-marina {
  text-align:center;
  width:120px;
  position:absolute;
  top:220px;left:30px;
  background:#fff url("") no-repeat;
}
#contenido #bloquefull div.calidad-marina img {
  margin:25px auto;
  padding:0 25px 0 0;
}

#bloquefull p {
  margin-bottom:10px;
  margin-left:20px;
  margin-right:460px;
}
#bloquefull h4 {
  margin-bottom:10px;
}
.home #bloquefull h4, .home #bloquefull p, .home #bloquefull ul {
  margin-left:220px;
}

#bloquefull h4 {
  padding-top:20px;
  font-size:14px;
}
.home #bloquefull p {
  margin-right:420px;
}
#bloquefull li {
  font-weight:bold;
  margin-left:10px;
}
#bloquefull p.informese {
   position:absolute;
   bottom:40px;
   right:370px;
   margin:0;
   padding:0;
}
#bloquefull img {
	position:absolute;
	right:6px;
	bottom:40px;
	overflow: visible;
	left: 300;
	top: 0;

}
#bloquefull img.izquierda {
  position:static;
  float:left;
  margin:10px 20px 10px 10px;
}

/*BLOQUE VPO*/
div.vpo {position:relative;margin: 20px 0 0 20px;padding:0 0 10px 0;}
div.vpo img {margin:0;padding:0;}

/*bloques playa y villasol en 3 bloques 2 VIVIENDAS + VILLASOL */
#contenido .bloquebottom {
  position:relative;
  width:100%;
  clear:both;
}

#contenido #bplaya {
  position:relative;
  float:left;
  width:460px;
  background: #FCF599 url("/img/bgplaya-top.gif") no-repeat 0 0;
  left:20px;
  margin:0;
}
#bplaya div {
  background: #FCF599 url("/img/bgplaya-bottom.gif") no-repeat 0 100%;
  height:30px;
  width:440px;
  clear:both;
}

#bplaya h2, 
#bvillasol h2  {
  margin-right:20px;
}
#bplaya h3 {
  margin:15px 0 2px 20px;
  text-transform:none;
  font-size:14px;
}

#bplaya a {text-decoration:none;}

#bplaya p {
  line-height:1.2;
  margin-top:4px;
}
ul#ventaplaya {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}

#bplaya p a {font-weight:normal;}

#bplaya li#bplaya1, #bplaya li#bplaya2 {
  float:left;
  width:190px;
  margin:0;
  padding-left:20px;
  list-style:none;
}

#bplaya li#bplaya1 h3, #bplaya li#bplaya2 h3 {
  font:bold 11px/18px 'Lucida Grande', Arial, sans-serif;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
}

#contenido #bvillasol {
  position:relative;
  float:right;
  width:460px;
  background: #FCF599 url("/img/bgproyectos-top.gif") no-repeat 0 0;
  right:0px;
}

#bvillasol div {
  background: #FCF599 url("/img/bgproyectos-bottom.gif") no-repeat 0 100%;
  height:30px;
  width:440px;
  clear:both;
}

#bvillasol h2 {
  color:#FCF7D5;
}

#bvillasol h3 {
  text-indent:-9999px;
  background: transparent url("/img/logo-villasol.jpg") no-repeat;
  position:absolute;
  right:27px;
  top:60px;
  height:97px;
  width:179px;
}
#bvillasol p {
  margin: 20px 220px 0 20px;
  color:#fff;
}
#bvillasol a {color:#FCF7D5}
/*FIN 3 BLOQUES 2 VIVIENDAS + VILLASOL*/

/*HOME 4 BLOQUES 3 VIVIENDAS + VILLASOL */
#contenido #b3playa {
  position:relative;
  float:left;
  width:690px;
  background: #FCF599 url("/img/bg3playa-top.gif") no-repeat 0 0;
  left:20px;
  margin:0;
}
#b3playa div {
  background: #FCF599 url("/img/bg3playa-bottom.gif") no-repeat 0 100%;
  height:30px;
  width:660px;
  clear:both;
}

#b3playa h2, 
#b1-4villasol h2  {
  text-align:center;
  margin: 0 0 0 0;
  position:relative;
}
#b3playa h3 {
  margin:15px 0 2px 0px;
  text-transform:none;
  font-size:14px;
}

#b3playa a {text-decoration:none;}

#b3playa p {
  line-height:1.3;
  margin-top:10px;
}
ul#ventaplaya {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}

#b3playa p a {font-weight:normal;}

#b3playa li#bplaya1,#b3playa li#bplaya2,#b3playa li#bplaya3 {
  float:left;
  width:190px;
  margin:0;
  margin-left:20px;
  list-style:none;
}

#b3playa li#bplaya1 h3, #b3playa li#bplaya2 h3, #b3playa li#bplaya3 h3 {
  font:bold 11px/18px 'Lucida Grande', Arial, sans-serif;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
}

#contenido #b1-4villasol {
  position:relative;
  float:right;
  width:230px;
  background: #FCF599 url("/img/bg4proyectos-top.gif") no-repeat 0 0;
  right:10px;
}

#b1-4villasol div {
  background: #FCF599 url("/img/bg4proyectos-bottom.gif") no-repeat 0 100%;
  height:30px;
  width:220px;
  clear:both;
}

#b1-4villasol h2 {
  color:#FCF7D5;
  text-align:center;
}

#b1-4villasol h3 {
  text-indent:-9999px;
  background: transparent url("/img/logo-villasol.jpg") no-repeat;
  position:absolute;
  right:30px;
  top:35px;
  height:97px;
  width:179px;
}
#b1-4villasol p {
  line-height: 1.3;
  margin: 120px 20px 0 20px;
  color:#fff;
}
#b1-4villasol a {
	color:#FCF7D5;
	font-weight:bold;
	text-decoration: none;
	}

/*FINAL HOME 4 BLOQUES*/

#contenido #pcontacto {
 position:relative;
 clear:both;
  width:100%;
 background-color:#FCF599;
}
#pcontacto p {
  text-align:center;
  padding:20px 0;
  font: bold 11px/18px Georgia, Times, serif;
  letter-spacing:1px;
  color:#00441D;

}

/*páginas
====================*/
#bloquefull h1 {
  position:relative;
  padding:1em 0 .25em 0px;
  margin: 0 6px .9em 20px;
  border-bottom:1px solid #00441D; 
  font-size:24px;
}
/*EMPRESA*/

.empresa #bloquefull p, .aguilas #bloquefull p {
  font-size:11px;
  margin-right:460px;
  margin-left:50px;
} 
.empresa #bloquefull img {
  top:4.4em;
  border-top:20px solid #00441D;
}

/*propiedades*/
.propiedades #bloquefull h1 {


}
.propiedades #bloquefull h2 {

}
.propiedades #bloquefull h3, .empresa #bloquefull h3 {
  font-size:14px;
  text-transform:none;
  position:relative;
  width:100%;
  left:20px;
  top:0px;
  height:auto;
  text-indent:0px;
  background:transparent;
  margin:20px 0 10px 0; 
  padding:0;
}
.propiedades #bloquefull h3 span {
  font-size:11px;
  font-weight:normal;
  text-transform:none;
  font-style:italic; 
}
.propiedades #bloquefull ul, .empresa #bloquefull ul {margin:5px 490px 0px 30px;}

.propiedades #bloquefull li, .empresa #bloquefull li {
  font-weight:normal;
  margin-bottom:10px;
}

#contenido #bloquefull #detalle {
  position:absolute;
  right:20px;
  top:4.46em;
  width:400px;
  border:1px solid #00755C;
  border-top:0;
  background:#FCF7D5;
  z-index:10;
  height:auto;
}
.propiedades #bloquefull #detalle h3 {
  width:95%;
  margin:10px 10px 10px -10px;
  padding:0;

}
#contenido #bloquefull img.derecha {
  position:static;
  float:right;
  margin: 0 250px 0 0;}

#bloquefull #detalle img {
  display:block;
  position:static;
  margin:0 0 5px 10px;
  padding:0;
}
.imgmarinahome {
  margin-top:90px;
}


/*TABLAS*/

table.tipos, table.caracteristicas {
  font-size:11px;
  width:380px;
  margin:0 10px;
  text-align:center; 
  background:#00441D;
  margin-bottom:10px;
  border:0;
  padding:0;
}
table.caracteristicas {
  width:410px;
  margin-left:20px;
}

#detalle table img {
  padding:0;
  margin:5px 0 5px 8px;
  border:0;
}
table.tipos caption, table.caracteristicas caption {
  font-weight:bold;
  font-size:12px;
}
table.tipos th, table.caracteristicas th {
  color:#fff;
  background-color:#00441D;
  
}
table.tipos tr, table.caracteristicas tr {
  background-color:#FFF;
  margin:0;
  padding:0;
  border:0;
}
table.tipos tbody, table.caracteristicas tbody {border:0;margin:0;padding:0;}

table.tipos td, table.caracteristicas td {
  border:0;
  margin:0;
  padding:0;
  background-color:#FCF599;
  color:#000;
  font-weight:bold;
}
table.caracteristicas td {
  background-color:#fff;
}
table.tipos tr.vendido td {
  color: #999;
  background-color:#fff;
  font-weight:normal;
}
table.tipos td:first-child {
  font-weight:bold;
}
table.caracteristicas td:first-child {
  background-color:#FCF7D5;
}
table.tipos a {color:#00441D;}

/*GALERIA
============*/
#bloquefull ul#galeria {
  display:inline;
  margin:0;
  margin-left:10px;
  padding:0;
    }
    
#bloquefull ul#galeria li {
  display:inline;
  margin:0;
  padding:0;
  list-style-type:none;
    }
#bloquefull ul#galeria li a {
  background:#fff;
  font-size:10px;
  color:#00441D;
  padding:3px 6px;
  margin:0;
  text-decoration:none;
  border:1px solid #00441D;
    }
#bloquefull ul#galeria li a:hover {
  background:#FCF599;
  color:#000;
  border:1px solid #00441D;
    }
          

p#desc  {
  font-style:italic;
  color: #555;
  text-align:center;
  margin:0;
  margin-bottom:5px;
  padding:0;
}

/*tipografía*/
span.normal {font-weight:normal;}
span.small {font-size:10px;}
/*calidad*/
.empresa #bloquefull .p-calidad p {margin:10px 20px; padding:0;}
.empresa #bloquefull .p-calidad img {
  float:left;
  border:30px solid #FCF7D5;
  border-top:10px solid #FCF7D5;
  border-bottom:10px solid #FCF7D5;
}

#footer .copy {float:left; height:40px;padding-top:10px;}
#footer .calidad {
/*width:200px;
  display:block;
  height:40px;
  float:right;
  margin:0;padding:0;padding-top:10px;
  background-color: #FCF7D5;
*/
  display:none;
}
.calidad img {
/*  position:absolute;top:10px;right:0;*/
display:none;
}

/*COOPERATIVA*/
.cooperativa {
}
div#facebook-twitter {
	width:240px;
	float:left;
}
div#youtube {
	float:right;
	padding:20px;
}