/* Hoja de Estilos de Capella Gestión ----------------------
-----------------------------------------------------------------vgcomunicacion.com -dhc*/

/* ESTILOS GENERALES*/
object {margin:0px; border:0px; padding:0px;}
* {	margin:0; padding:0; border:0px;} 
img a { border:0px;}
a{
  color:#fff;
}
body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;	color: #FFFFFF;
	background: #7F111E url(/images/fondos/background.jpg) repeat-x left top;
	color:#fff;
}
.separador {
	clear:both; 
	width:auto; 
	display:block; 
	height:1px; 
	line-height:1px;
}
.derecha {
	float:right;
	clear: both;
}
.izquierda{
	float:left;
	clear: both;
}
#paginadortxt {
	height:19px;
	background-color:#5F0E18;
	position:relative; 
	top: 43px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.paginador01 {width: 272px;}
.paginador02 {width: 100%;}
#botonanterior, #botonsiguiente{ width:59px; height:19px;}
#botonanterior{ float:left;}
#botonsiguiente{ float:right;}
#botonanterior a, #botonsiguiente a  {
	width:59px;
	display:block;
	padding: 19px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:19px;
	background: no-repeat;
	cursor:pointer;
}
#paginadortxt a:active { background-position: 0 -19px; display:block; }
#paginadortxt a:hover { background-position: 0 -19px; display:block; }

#botonanterior a{ background: url(/images/botones/boton-anterior.gif); width:59px;}
#botonsiguiente a{ background: url(/images/botones/boton-siguiente.gif); width:59px;}

#botontexto { width:153px; float:left; display:block; text-align:center; height:19px; line-height:19px;}

/* ESTRUCTURA BASE */

/*#contenedora {
	width:980px;
	height:589px;
	margin: 0px auto;
	padding: 0px;
}*/

#contenedora {
	width:980px;
	height:589px;
	left:50%;
	margin-left:-490px;
	padding: 0px;
	position:absolute;
	top:50%;
	margin-top:-300px;
}
#contenido {
	height:467px;
}
html > body #contenido {
  min-height:467px;
  height:auto;
}
#logotipo {}
#coverhome {
	margin: 0px;
	padding: 24px 0px 0px;
	width: 980px;
	height: 429px;
}

#menu { width:400px; height:35px; display:block; float:right;}
#inicio, #obranueva , #segundamano , #servicios , #contacto {
  float:left;
  display:inline;
  margin-right:20px;
}
#inicio a, #obranueva a, #segundamano a, #servicios a, #contacto a {
	float:left;
	display:block;
	padding: 35px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:35px;
	background: no-repeat;
	cursor:pointer;
	/*margin-right: 23px;*/
}
#menu a:active { background-position: 0 -35px; display:block; }
#menu a:hover, #menu a.selected { background-position: 0 -35px ; display:block; }


#inicio a{ background:url(/images/menu/inicio.jpg); width:37px;}
#obranueva a{ background: url(/images/menu/obranueva.jpg); width:73px;}
#segundamano a{ background: url(/images/menu/segundamano.jpg); width:52px;}
#servicios a{ background: url(/images/menu/servicios.jpg); width:57px;}
#contacto a{ background: url(/images/menu/contacto.jpg); width:58px;}


/* SUBMENU */
#submenu, #submenu2 {
	width:170px;
	float:left;
	margin-top: 70px;
}

#informacion a, #calidades a, #tipos a, #situacion a, #galeria a, #capella a, #promotores a, #clientes a, #experiencia a {
	font-size:20px;
	display:block;
	padding: 40px 0 0;
	width:165px;
	overflow: hidden;
	height: 0px !important;
	height /**/:40px;
	background: no-repeat;
	cursor:pointer;
}
#submenu a:active { background-position: 0 -40px; display:block; }
#submenu a:hover, #submenu a.selected { background-position: 0 -40px ; display:block; }
#submenu .descargapdf {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 15px;
}

#informacion a{background:url(/images/menu/info.gif); margin-bottom: 12px;}
#calidades a{ background: url(/images/menu/calidades.gif); margin-bottom: 12px;}
#tipos a{ background: url(/images/menu/tipos.gif); margin-bottom: 12px;}
#situacion a{ background: url(/images/menu/situacion.gif); margin-bottom: 12px;}
#galeria a{ background: url(/images/menu/galeria.gif);}

#capella a{background:url(/images/menu/capella.gif); margin-bottom: 12px;}
#promotores a{ background: url(/images/menu/promotores.gif); margin-bottom: 12px;}
#clientes a{ background: url(/images/menu/clientes.gif); margin-bottom: 12px;}
#experiencia a{ background: url(/images/menu/experiencia.gif);}

/* FIN SUBMENU */


/* MENU SEGUNDO NIVEL */
.nivel2{
  margin:0;
  padding:3px 0 5px 0;
  list-style:none;
  position:absolute;  
  bottom:40px;  
  background:#AD1629;
}
  .nivel2 li{
    display:block;
    padding:0 0 0 13px;
    margin:0;
    background:url(/images/fondos/fnd_item_nivel2.gif) no-repeat 5px 5px;
    line-height:1.4em;
    margin-bottom:0px;
  }
    .nivel2 li a, .nivel2 li a:hover{
      padding:0;
      margin:0;
      font:11px Arial, Helvetica, sans serif;
      line-height:1em;
      color:#fff;
      text-decoration:none;
    }    
    .nivel2 li a:hover{
      text-decoration:underline;
    }
    
.nivel2.obranueva{
  /*visibility:hidden;*/
  display:none;
  width:116px;
  left:615px;
}

.nivel2.segundamano{
  /*visibility:hidden;*/
  display:none;
  width:120px;
  left:690px;
}
/* FIN MENU SEGUNDO NIVEL */

/*SECCION INTERIOR */
#interior {
	width:800px;
	margin: 21px 0px 0px;
	padding: 0px;
	float: right;
}
#nombre-promo {
	position: absolute;
	margin: 0px 0px 0px 200px;
	padding: 0px;
	left: 50%;
}

#textos {
	width:270px;
	float:left;
	padding-top: 20px;
	padding-left: 10px;
}
#textos p {
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 14px;
}
#textos h3 {
	margin: 0px 0px 10px;
	font:14px Arial, Helvetica, sans serif;
	color:#fff;
	padding: 0px;
	line-height: 14px;
}

#interior h1, #seccion-experiencia h1, #seccion-tipos h1, #seccion-situacion h1 {
	font: normal 20px/normal "Arial Narrow", Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 5px;
}
#interior p, #interior ul {
	color:#FFFFFF;
	font: 11px/16px Arial, Helvetica, sans-serif;
}
#interior ul{
	margin: 10px 0px 0px 10px;
	padding: 0px 20px 0px 0px;
}
#interior li {
	list-style: url(none) none;
	background: url(/images/web/bullet.jpg) no-repeat left 3px;
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 10px;
}
#interior li a{}
#interior li a:hover{}

#fotogaleria,#marco_foto {
	width:495px;
	height:398px;
	margin: 0px;
	padding: 0px;
	line-height: 398px;
	text-align: center;
	vertical-align: bottom;
	float: right;
	overflow: hidden;
}
#fotogaleria img {
	text-align: center;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	display: inline;
}
#logofoto {
	margin: -30px 0px 0px 350px;
	padding: 0px;
	text-align: center;
	display: block;
	width: 102px;
	position: absolute;
	left: 50%;
	height: 102px;
}

#fotocalidades {
	width:300px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: right;
}

#fotocalidades img{
	text-align: center;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#textoscalidades {
  width:460px;
	float:left;
	padding-top: 20px;
	padding-left: 30px;
	}
#textoscalidades p{
	margin: 0px 0px 10px;
	padding: 0px;
	line-height: 14px;
	}
	
/* CONTACTO */

#seccion-contacto {
	margin: 0px auto;
	padding: 0px;
	height: 211px;
	width: 662px;
	display: block;
	background: url(/images/fondos/fondo_contacto.gif) no-repeat left top;
}
.cajacontacto {
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: relative;
}
#direcciones{
	margin: 0px;
	padding: 0px;
	top: 25px;
	left: 25px;
}
#contactos {
	margin: 0px;
	padding: 0px;
	top: 25px;
	left: 80px;
}
#horarios {
	top: 25px;
	left: 160px;
}

/* PROMOTORES Y CLIENTES  */

#seccion-columnas {
	margin: -87px 0 0 0;
	padding: 0px;
	float: right;
	width: 645px;
	position: relative;
	/*top: -87px;*/
}
#seccion-columnas .columna {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 215px;
}
#seccion-columnas .columna p {
	color: #FFFFFF;
	font: 11px/16px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px 5px 0px;
}
.columna ul {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 15px;
}
.columna ul li{
	margin: 0px 0px 0px 6px;
	padding: 0px 10px 0px 6px;
	list-style: url(none) none;
	background: url(/images/web/bullet-b.gif) no-repeat left 0px;
	line-height: 16px;

}

/* TIPOS */
.seccion-tipos, .seccion-situacion {
position:relative;
top:20px;
left:10px;
}
.item-tipo {
	margin: 0px;
	padding: 10px 0px 3px;
	position: relative;
	font-size: 11px;
	color: #FFFFFF;
	background: url(/images/fondos/fondopunteado.gif) repeat-x left bottom;
	clear: both;
}
.item-tipo strong {}
.texto-item {
	width: 370px;
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 16px;
}
.item-tipo .botones-descarga {
	margin: 0px;
	padding: 0px;
	width: 144px;
	float: right;
	position: relative;
	top: 1px;
}

/* EXPERIENCIA */
#seccion-experiencia {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 640px;
	position: relative;
	top: -87px;
}
#seccion-experiencia .caja-experiencia {
	width: 179px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.caja-experiencia ul {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	width: 149px;
}
.caja-experiencia li {
	margin: 0px 0px 4px;
	padding: 0px;
	list-style: url(none) none;
}
.caja-experiencia a {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	text-decoration: none;
}
.caja-experiencia a:hover{
	background: #B45460;
}
.ficha-experiencia {
	border-top: 1px solid #B85B68;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 15px;
}
#galeria-experiencia, .galeria-experiencia {
	margin: 0px;
	padding: 0px;
	width: 288px;
	height: 214px;
	float: left;
}
#marco_img_experiencia, .marco_img_experiencia{
  width:288px;
  height:214px;
  overflow:hidden;
}
.parrafos-experiencia {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 300px;
	font:12px Tahoma,Arial,Helvetica,sans serif;
}
.parrafos-experiencia ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
}
.parrafos-experiencia li {
	list-style: url(none) none;
	background: url(/images/web/bullet-b.gif) no-repeat left 1px;
	padding-left: 8px;
}
.parrafos-experiencia p {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font:12px Tahoma,Arial,Helvetica,sans serif;
	color:#fff;
}

.parrafos-experiencia a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
	margin: 8px 0px 0px;
	padding: 0px;
	display: block;
}


/* SITUACION */
/*#seccion-situacion {
	width:680px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
	top: 50px;
}*/
#bloque-situacion {
	background: url(/images/fondos/fondo_situacion.gif);
	width: 720px;
	height: 203px;
	margin: 0px;
	padding: 0px;
}
.cajas-situacion {
	float: left;
	margin: 0px;
	padding: 0px;
	top: 18px;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
}
#cajasituacion {
	width: 150px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 18px;
}
#cajacomollegar {
	width: 136px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 36px;
}
#cajamapa {
	width: 282px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 65px;
}
#cajamapa p img {
	margin: 5px 0px 0px;
	padding: 0px;
}
#mapa_situacion{
  padding:0;
  margin:0;
  width:282px;
  height:110px;
  overflow:hidden;
}


/* SEGUNDA MANO */
#lista-segunda {
	float:left;
	color: #FFFFFF;
	width:170px;
	font-family: Arial, Helvetica, sans-serif;
}
#lista-segunda ol {
	font-size: 11px;
	color: #FFFFFF;
	margin: 6px 0px 0px;
	padding: 0px;
}
#lista-segunda li {
	font-size: 11px;
	margin: 3px 0px 2px;
	padding: 0px 0px 0px 19px;
	list-style: url(none) none;
	background: url(/images/web/bullet-c.gif) no-repeat left 1px;
}
#lista-segunda li a{
	color: #D39CA4;
	text-decoration: none;
}
#lista-segunda li a:hover{
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-decoration: underline;
}
/*#lista-segunda li a:visited{
	color: #B3535F;
	text-decoration: none;
}*/

#contenido_vivienda{
  height:280px;
  overflow:hidden;
}

#googlemaps{
	display:block;
	margin:0px auto;
	position:relative;
	left:169px;
}
/*PIE*/
#pie {
	background: #AD1629 url(/images/fondos/backgroundfooter.jpg) repeat-x left top;
  position:relative;
	height:40px;
	clear: both;
}
#pie p{ margin:0px; padding:0px; border:0px;}
#direccion {
	width: 470px;
	float: left;
	height: 25px;
	font: 10px/12px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 8px 5px 5px 3px;
	overflow:hidden;
}
#direccion a {
	text-decoration:none;
	color: #FFFFFF;
}
.paginador {
	width: 100px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: absolute;
	margin-left: 12px;
	margin-top: -160px;
}
.paginador2 {
	width: 60px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.paginador img, .paginador2 img {
	vertical-align:bottom;
	padding-bottom: 1px;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

@media print{
    /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

    .sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
    	display: none !important;
    	height: 0;
    	width: 0;
    	position: absolute;
    	overflow: hidden;
    }

    span.sIFR-alternate {
    	visibility: visible !important;
    	display: block !important;
    	position: static !important;
    	left: auto !important;
    	top: auto !important;
    }
}


/* otros */
.error{
  font:12px Arial,Helvetica,sans serif;
  color:#fff;
  margin-left:10px;
}
/* fin otros */

.visible,.ocultar{
/*overflow:hidden;*/
}


/* secciones corporativas */
  #dcha_corporativa{
    float:left;
    display:inline;
    margin:25px 0 15px 170px;
    width:450px;
    padding-bottom:30px;
  }
  #dcha_corporativa_peq{
    float:left;
    display:inline;
    margin:25px 0 5px 170px;
    width:450px;
  }
  #izqda_corporativa{
    float:left;
    width:300px;
    margin:0 0 15px 170px;
    padding-bottom:30px;
  }
  #dcha_corporativa2{
    float:right;
    width:310px;
    padding-bottom:30px;
  }
  #izqda_corporativa strong, #dcha_corporativa2 strong{
    background:#fff;
    color:#000;
    padding:0 3px;
  }
  
  #dcha_corporativa h1, #dcha_corporativa_peq h1{
    margin:0 0 15px 0;
    width:450px;
    font: 20px Arial, Helvetica, sans serif;
    line-height:28px;
  }
  #dcha_corporativa h2{
    margin:20px 0 10px 0;
    font:bold 12px Arial, Helvetica, sans serif;
    color:#000;
  }
  #dcha_corporativa h2 span{
    background:#fff;
    padding:0 6px 0 3px;
  }
  #dcha_corporativa p{
    margin:0 0 10px 0;
    width:450px;
    font:12px Arial, Helvetica, sans serif;
  }
  #izqda_corporativa p, #dcha_corporativa2 p{
    margin:0 0 10px 0;
    font:12px Arial, Helvetica, sans serif;
  }
  
  #dcha_corporativa ul{
    list-style:none;
    margin:0 0 0 40px;
    padding:0;
  }
  #dcha_corporativa ol{
    margin:0 0 0 40px;
    padding:0;
    list-style:decimal inside;
  }
  #dcha_corporativa li{
    font:12px Arial, Helvetica, sans serif;
    color:#fff;
    height:16px;
    display:list-item;
  }
  #dcha_corporativa ol li{
    padding:0;
    margin:0;
  }
  
/* fin secciones corporativas */

/* pie ec */
#pie_ec{
    font:11px Arial, Helvetica, sans-serif;
    color:#D5B1B5;
    position:relative;
    text-align:right;
    margin-top:5px;
    
    /*bottom:-20px;
    right:0;*/
}
#pie_ec a{
    font:11px Arial, Helvetica, sans-serif;
    color:#D5B1B5;
}
/* fin pie ec */