/* Basic */
* { margin:0; padding:0; text-transform:lowercase}

body {
	background:#e7e7e8;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#5a5b5e;
}
:focus {outline:0;}
img {border:0px;}
ul, ol {list-style-type:none;}

a {color:#00a1fe; text-decoration:none;}
a:hover {color:#00a1fe; text-decoration:underline;}

p, ul, ol {font-size:1.1em;}


/****************** Clases generales *********************/
.right { float:right;}
.left { float:left;}
.cleaning { clear:both;}

.clearfix:after {/*Esta clase la utilizaremos para todas las cajas que contengan elementos con floats
					y se encargará de crearle un elemento con clear:both */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:block;}/* Hack para ie6*/
* html .clearfix {height:1px;}/* Hack para ie mac*/

.s11 {font-size:11px!important;}

.box_info { background:#E2E3E4; color:#00A1FE; padding:0.8em;}

	/* Formularios */
	
	.obli_special {color:#869100;}
	
	fieldset {border:0em;}
	
	label {font-size:1.2em; margin-bottom:0.1em;}
	label.bloque { display:block; text-align:left;}
	label.line, label.lineLarge { display:block; width:4.1em; float:left; text-align:right!important; margin-bottom:1.0em; padding-right:0.5em;}
	label.lineLarge {width:10.0em;}
	
	.box_form span { font-size:1.2em;} 
	
	.txt, textarea, .txtLarge, select {
		font-family:Arial, Helvetica, sans-serif;
		color:#5a5b5e;
		font-size:1.2em;
		border:1px solid #00a1fe;
		padding:0.0em 0.3em;
		margin-bottom:1.0em;
	}
	.txt:focus, textarea:focus, .txtLarge:focus { background:#EFFAFF;}
	select {padding:0.0em 0.0em 0.0em 0.3em!important;}
	
	.btn {
		background:#00a1fe;
		border:0em;
		color:#fff;
		padding:0em 0.2em;
		line-height:1.5em;
		height:1.5em;
		cursor:pointer;
	}
	.btn:hover {text-decoration:none; color:#fff;}
	
	form br { clear:both;}
	
	.box_form{background:#F0F0F1; padding:0.8em;}
		.box_form h3.legend, .box_form h1.legend {
			font-size:1.4em;
			color:#00a1fe;
			margin-bottom:0.4em;
			font-weight:normal;
		}
		
		.box_form .txt, .box_form .txtLarge {margin-right:1.2em;}
		
		.txtLarge { width:20.0em;}
		
		.box_form select {width:8.5em;}
		
		.box_form select.adap {width:11.5em;}
	
		.box_form p { font-size:1.2em; margin-bottom:0.8em;}
		
		.box_form li { margin-bottom:0.5em;}
	
	/* oOtros */
	
	span.noResults { display:block; background:#e2e3e4; font-size:1.2em; padding:0.5em 1.2em; margin-bottom:1.0em;}

/*************************  Layout base ***********************/

#contenedor {
	padding:2.0em;
	margin:0em auto;
	width:92.0em;
	background:#fff;
}

#cabecera { padding:2.0em 0em 17px 2.0em; border-bottom:1px solid #5a5b5e;}
	#cabecera h1 a{
		display:block;
		width:162px;
		height: 0px !important;
		height /**/:50px; /* IE 5/Win hack */ 
		padding: 50px 0 0 0;
		overflow: hidden;
		background: url(../img/logo_vivienda2.gif) no-repeat 0em 0em;
		margin-right:2.6em;
	}
	#cabecera h2, #cabecera p {font-size:1.4em; font-weight:normal; padding-top:2.0em;}
	#cabecera h2 a, #cabecera p a { color:#869100; text-decoration:none;}
	#cabecera h2 a span, #cabecera p a span { font-size:1.3em;}
	
	ul.topMenu {font-size:1.2em; margin-top:2.75em;}
	ul.topMenu li {
		float:left;
		background:url(../img/bullet_topMenu.gif) no-repeat 0em 0.38em;
		padding:0em 1.0em 0em 0.8em;
	}
	.topMenu_item {color:#5a5b5e;}
	.topMenu_item:hover, .topMenu_itemSel {color:#00a1fe; text-decoration:none;}

	.mainMenu { margin:1.55em 0em;}
	.mainMenu li {display:inline; font-size:1.9em; padding:0em 0.9em;}
	
	.mainMenu_item {color:#00a1fe; text-decoration:none;}
	.mainMenu_item:hover, .mainMenu_itemSel { color:#e2e3e4; text-decoration:none;}
	

.main {position:relative;}

	#box_busqueda {margin-right:2.0em; width:45.8em;}
		#box_busqueda label {display:block;}
		#box_busqueda .btn {margin-top:1.65em;}
		
	#box_acceso {padding:1.1em;}
	html>body #box_acceso { min-height:80px;}
		#box_acceso label {
			display:block;
			float:left;
			width:5.0em;
			margin-right:0.5em;
			text-align:right;
			font-size:10px;
		}
		#box_acceso .txt { width:6.7em; border:1px solid #5a5b5e; margin-bottom:0.3em; font-size:1.0em;}
		#box_acceso .btn { margin:0.3em 0em 0.4em; width:5.7em;}
		
#pie {border-top:1px solid #5a5b5e; padding-top:1.2em;}

	#pie ul li {color:#00a1fe; display:inline; font-size:10px;}
	#pie ul li a { padding:0em 0.2em;} 	
	#pie p { margin:1.0em 0em; font-size:10px;}
	#pie img { margin-right:0.8em;}
	
	
/***********  Layout Interior ***********/
	/* Tablas */
	.tableForm { background:#fff; font-size:1.2em; width:100%;  border-left:1px solid #00a1fe;  border-right:1px solid #00a1fe;}
	.tableForm th, .tableForm td { border-bottom:1px solid #00a1fe;}
 	.tableForm th { color:#00a1fe; text-align:left; font-weight:normal; border-top:1px solid #00a1fe;}
	.tableForm tr, .tableForm th { padding:0.3em;}


#main_interior { position:relative;}

	#main_interior #box_acceso { position:absolute; top:-2.0em; right:0em; width:26.0em;}
	#box_acceso .txt { width:6.7em; border:1px solid #5a5b5e; margin-bottom:0.3em; font-size:1.0em;}
	#box_acceso .check {margin:0.6em 0em 0em 1.0em}
	#box_acceso .btn { width:5.0em; margin-top:0em; line-height:1.2em; height:1.2em;}
	#box_acceso label.right { width:9.5em;}

/* Definimos el ancho del contenido para el layout de 2 columnas */
.dosCol #contenido { width:71.0em;}
.dosCol .box_txt { padding:2.0em 1.0em 2.0em 16.0em;}
	.dosCol .box_txt p, .dosCol .box_txt h3, .dosCol .box_txt dl, .dosCol .box_txt .box_form {width:325px;}

.unaCol { width:100%;}

#contenido {background:url(../img/bg_niv2.gif) repeat-x 0em 6.0em; padding-bottom:2.0em;}

	#contenido h2.tituSeccion {
		display:block;
		background:#00a1fe;
		font-size:25px;
		color:#fff;
		padding:15px 20px;
		position:relative;
	}
	#contenido h2.tituSeccion2 {
		display:block;
		background:#00a1fe;
		font-size:25px;
		color:#fff;
		padding:15px 20px;
		position:relative;
	}

	
	.tituSeccion_img {
		height: 0px !important;
		height /**/:60px; /* IE 5/Win hack */ 
		padding: 60px 20px 0px 0px;
		overflow: hidden;
		background-color:#00a1fe;
		background-position:20px 0px;
		background-repeat:no-repeat;
	}
	
	.anexo_tituSec {
		font-size:11px;
		display:block;
		position:absolute;
		left:525px;
		top: 25px;
		z-index:50;
		color:#fff;
	}
	.anexo_tituSec a { color:#fff; text-decoration:underline;}
	.anexo_tituSec a:hover { color:#fff; text-decoration:none;} 
	
	#secVender {background-image:url(../img/img_secVender02.jpg);}
	#sec10Razones {background-image:url(../img/img_sec10Razones2.jpg); position:relative;}
	#secAlquilar {background-image:url(../img/img_secAlquilar02.jpg);}
	#secComprar {background-image:url(../img/img_secComprar02.jpg);}
	#secFinanciar {background-image:url(../img/img_secFinanciar03.jpg);}
	
	.box_txt {padding:2.0em 2.0em 2.0em 20.0em; background-repeat:no-repeat; background-position:2.0em 2.0em;}
	.box_txt_corp {padding:2.0em; background-repeat:no-repeat; background-position:2.0em 2.0em;}
		
		.box_txt h3,.box_txt_corp h3, .box_txt h2,.box_txt_corp h2 {
			font-size:2.0em;
			color:#00a1fe;
			font-weight:normal;
			margin-bottom:1.2em;
		}
		
		.box_txt h3 .fuente { font-size:11px; color:#869100;}
		
		.box_txt p, .box_txt_corp p{font-size:1.2em; margin-bottom:1.4em;}
		.box_txt p.dest, .box_txt_corp p.dest {color:#00a1fe;}
		
		.box_txt dt, .box_txt_corp dt {
			font-size:1.6em;
			color:#00a1fe;
			background:url(../img/bullet_dl_cont.gif) no-repeat 0em 0.35em;
			padding-left:0.8em;
			padding-bottom:0.4em;
		}
		.box_txt dd, .box_txt_corp dd {
			font-size:1.2em;
			padding-left:1.15em;
			margin-bottom:1.2em;
		}
		
		.box_txt .box_form h3.legend, .box_txt_corp .box_form h3.legend, .box_txt .box_form h1.legend, .box_txt_corp .box_form h1.legend {font-size:1.4em;}
		.box_txt .box_form, .box_txt_corp .box_form {margin-bottom:1.4em;}
		
.niv_1 {background:#e2e3e4; padding:2.0em; margin-bottom:1.0em; height:1%;}		
.box_situacion {}
		
#box_experto, #box_experto02, #box_experto03, #box_experto04 { width:200px;}
	#box_experto h3, #box_experto02 h3, #box_experto03 h3, #box_experto04 h3, #box_experto span, #box_experto02 span, #box_experto03 span, #box_experto04 span {
		font-size:1.2em;
		display:block;
		padding:1.0em 0.0em 1.5em 8.5em;
		font-weight:normal;
	}	
	#box_experto p, #box_experto02 p, #box_experto03 p, #box_experto04 p {padding:1.2em; height:5.3em;}
	#box_experto p strong, #box_experto02 p strong, #box_experto03 p strong, #box_experto04 p strong {color:#00a1fe;}
	#box_experto p.impar, #box_experto02 p.impar, #box_experto03 p.impar, #box_experto04 p.impar {background:#e2e3e4;}
	#box_experto p.par, #box_experto02 p.par, #box_experto03 p.par, #box_experto04 p.par {background:#f0f0f1;}
	#box_experto {background:url(../img/bg_tit_experto.jpg) no-repeat 0em 0em;}
	#box_experto02 {background:url(../img/bg_tit_experto02.jpg) no-repeat 0em 0em;}	
	#box_experto03 {background:url(../img/bg_tit_experto03.jpg) no-repeat 0em 0em;}	
	#box_experto04 {background:url(../img/bg_tit_experto04.jpg) no-repeat 0em 0em;}	
		

/*** Layout 10 razones ***/
.diezRazonesLeft {position:absolute; width:38%; left:10.0em; top:15.8em;}

.box_razon {margin-bottom:2.2em;}		
.box_razon span { color:#D7D097; font-size:4.0em; float:left; display:block; width:0.5em; width:38px;} /* #e9e6c7*/
.box_razon p { width:25.3em;}
.box_razon p strong { color:#00A1FE; font-size:1.7em; font-weight:normal;}


/***** Layout Interior 2 *****/
.subMenu_interior { padding:1.0em 0em;}
.subMenu_interior li { display:inline; font-size:1.4em; color:#00A1FE;}
	.subMenu_int_itemSel, .subMenu_int_itemSel:hover, .subMenu_int_item:hover {padding:0em 0.6em; color:#e2e3e4; text-decoration:none;}
	.subMenu_int_item {padding:0em 0.6em; color:#00a1fe; text-decoration:none;}
	
.niv_1 {background:#e2e3e4; padding:2.0em; margin-bottom:1.0em;} /* Clase tb para inicio*/
.niv_1  #box_acceso {background:#f0f0f1; width:13.0em;}

/***** Mapa web ******/

.webMap, .webMap_noLnk  { margin-bottom:1.6em!important;}
.webMap li  {border-top:1px solid #00A1FE; font-size:1.2em; margin-bottom:0.2em;}
.webMap li a {font-weight:bold; line-height:1.6em; display:block; padding:0em 0.7em;}
.webMap li a:hover {
	text-decoration:none;
	background:#F0F0F1;
}

.webMap_noLnk li{border-top:none; padding-left:1.5em; margin-bottom:0.2em;  font-size:1.2em;}

.sub_webMap {border-top:none!important; margin-left:1.5em; margin-bottom:1.0em;}
.sub_webMap li {border-top:none!important; font-size:11px!important;}
.sub_webMap li a {
	color:#5A5B5E;
	text-decoration:underline;
	line-height:1.6em;
	display:block;
	font-weight:normal!important;
}
.sub_webMap li a:hover {
	color:#5A5B5E;
	background:none;
	text-decoration:none;
}	
/********* Dónde estamos *********/
.box_oficina .btn { font-size:1.2em; padding:0.2em 0.3em;} 


/* 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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* 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 */

.sIFR-hasFlash h2.tituSeccion {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}