/*
daraxa.com:  Hoja de estilos
por David Moya. http://www.atrioweb.com/
Última modificación: 24-01-2008
================================================*/

/*ESTILOS BÁSICOS
--------------------------------------------------------------*/

* {
margin:0px;
padding:0px;
}

body, textarea, input, select, label, h1,h2,h3,h4, p{
font:normal 11px Verdana, arial, helvetica, sans-serif;
}

img {
border:0px;
}

fieldset {
border:none;
}

.clear {clear:both;}

a:link,a:visited {
color: #B8802B;/*E26F02*/
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

/*
--------------------------------------------------------------*/

body {
margin:0 auto;
background-color: #1E285D;
}

#wrap{
/*background: #E1F1F8 url(../img/wrap_bg.gif) 50% 0 repeat-y;*/
}

#container{
background: #1E285D url(../img/container_bg.gif) repeat-x;
}

#pre-header{display:none;
position:absolute;
height:25px;
width:100%;
top:0;
left:0;
background: #D4D0C8 url(/img/preheader_bg.gif) 0 20px repeat-x;
/*border-bottom: 4px solid #D4D0C8;*/
padding-left:3px;
}

#header{
position:relative;
height: 199px;
margin:0 auto 7px;
width:760px;
background-color: #397EAE;
}

#nav{
position:relative;
height: 28px;
margin:0 auto 7px;
width:760px;
/*background-color: transparent;*/
background:  url(../img/nav_bg.jpg) no-repeat;
}

#content{
width:760px;
margin: 0 auto 7px;
background: #fff url(/img/content_bg.gif) repeat-y left top;
}

#content-header{
	
}

#content-footer{
	clear:both;

}

#sidebar {
	float:left;
	width: 180px;
	overflow:hidden;
	background: url(/img/sidebar_h1_bg.jpg) no-repeat;
}

#sidebar2 {
	padding:10px 26px 15px 10px;
}

#main {
	float:left;
	width: 580px;
}

#main2 {
	padding: 12px 20px 15px 20px;
}


#footer {
	clear:both;
	width:760px;
	margin: 0 auto 7px;
	height:24px;
	background-color: #5989B1;

}

#footer #footer-print{
display:none;
}

#footer-out {
width:760px;
height:40px;
margin: 0 auto;
	background-color: #fff;
}

/*PRE-HEADER-------------------------------------------------*/

#pre-header h1{
width:450px;
	line-height:2em;
	color:#333;
	font-size:0.8em;

}

#pre-header h1 a{
	color:#B8802B;
	font-weight:bold;

}



/*HEADER-------------------------------------------------*/


#logo a{
display:block;
position:absolute;
top:0;
left:0px;
height:80px;
width:225px;
background: transparent url(/img/logo2.gif) no-repeat;
text-indent:-9999px;
}


/*nav-lang-------------------------------------------------*/


ul#nav-lang {
width:150px;
	position:absolute;
	right:3px;
	top:8px;
}

#nav-lang li {
	display:block;
	float:right;
	background:transparent;
	padding-left:2px;
}

#nav-lang li a{
	display:block;
	width:24px;
	color:#fff; 
	text-decoration:none;
	text-indent:-9999px;
}

#nav-lang li#lang1 a{
	background: url(../img/flag_es.gif) no-repeat;
}

#nav-lang li#lang2 a{
	background: url(../img/flag_en.gif) no-repeat;
}

#nav-lang li#lang3 a{
	background: url(../img/flag_fr.gif) no-repeat;
}

#nav-lang li#lang4 a{
	background: url(../img/flag_de.gif) no-repeat;
}

#nav-lang li#lang5 a{
	background: url(../img/flag_ne.gif) no-repeat;
}


/*NAV-------------------------------------------------*/

/* menu styles
-------------------------------------- */


#menu {
	width: 760px;
	margin:0 auto;
	list-style: none;
	padding: 0;
}

#menu li {
	margin: 0; padding: 0;
	float: left;
	position:relative;
}

#menu li a{
	display: block;
   	font-size: 11px;
	font-weight: normal;
	padding: 6px 24px 9px 24px;
	background-color: transparent;/*#275B83*/
	border-right:4px solid #18326F;
	color: #fff;
	text-decoration: none;	
	/*background: url(../img/menu_bar.gif) right center no-repeat;			*/
}

#menu li a:hover { 
	background-color: #5A8CB1;
	color:#fff;
}

#menu li a.ajuste1{
	padding: 6px 22px 9px 22px; /*padding laterales más estrechos para dejar sitio a nav-lang*/
}

/* menu drop down styles (suckferfish)
-----------------------------------------------*/
#menu li ul {
	position: absolute;
	left: -999em;
	list-style: none;
	margin: 0;
	width:162px;
}

#menu li ul li{
	margin-top:0;
	width:162px;

}

#menu li ul a {
	text-align: left;
	background: #8D8D8D url(../img/menu_bg_bottom.gif) repeat-x;
	color: #fff;
	width: 162px;
	border:none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 114px;	
} html>#menu li ul a {width: 114px;}

/* ensure first li has no bg */
#menu li.start a {
	text-align: left;
	background: #8D8D8D;
}

/* rounded bottom of menu */

#menu li.end a {
	text-align: left;
	height: 14px;
	background: transparent url(../img/menu_bg_footer.gif) no-repeat left bottom;
}

#menu li.end a:hover {
	text-align: left;
	background: url(../img/menu_bg_footer_hover.gif) repeat-x bottom;
}
#menu li ul a:hover {
	margin: 0;
	background: #5A8CB1;
	color: #fff;
}	

#menu li:hover ul {
	margin: 0;
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
	margin: 0;
	left: auto;	
}



/*SIDEBAR-------------------------------------------------*/

/*buscador-------------------------------------------------*/
#sidebar h1 {
	color: #6D87BC;
	font-size:1.2em;
	font-weight: bold;
	width:160px;
	height:29px;

}


#sidebar h1 span{
display:block;
padding-left: 10px ;
}

#sidebar #buscador {
	width:155px;
	overflow:hidden;
}

#sidebar #buscador2 {
	padding:2px;
}

#sidebar #buscador label{
display:block;
margin-top:0.5em;
margin-bottom:0.2em;
color:#000;
}

#sidebar .provincias{
	background-color:#A3DEF7;
	color:#000;
	text-transform:uppercase;
}

#sidebar #buscador input.boton {
display:block;
margin-top:1.5em;
margin-right:auto;
margin-left:auto;
background-image: url(/img/buscar_es.gif);
border:none;
width:80px;
height:22px;
color:#fff;
text-indent:-9999px;
cursor:pointer;
}



/*MAIN-------------------------------------------------*/

/*comunes*/
#main h1 {
font-size:1.5em;
color: #3C87A7;/*397EAE*/
margin-bottom:5px;
}


#main p {
margin-bottom:1em;
}

#main #bloque1{
	background-color: #ECECEC;	
	border: 1px solid #ECECEC;
	padding:10px;

}

/*fincomunes*/




#home #main div.inm1,
#list #main div.inm1{
	float:left;
	margin-right:14px;
	margin-bottom: 1em;
	border:1px solid #ECECEC; /*BFDCF0*/
	background-color: #ECECEC;/*DDF1FB*/
	width: 168px;	
	} 

#home #main div.inm1{
	min-height:230px;
	} 

#list #main div.inm1{
	min-height:216px;
	} 


#home #main div.inm1:hover,
#list #main div.inm1:hover{
	background-color: #fff;
	}

#home #main div.inm2,
#list #main div.inm2{
	padding:9px;
}

#home #main div.last,
#list #main div.last{
	margin-right:0px;
	}


#home #main div.inmimg,
#list #main div.inmimg{
	margin-bottom:0.5em;

	}

#home #main div.inmtxt a,
#list #main div.inmtxt a{
	display:block;
	color: #B8802B;
	text-decoration: none;
	font-weight:bold;
}


#home #main div.inmtxt a span,
#list #main div.inmtxt a span{
	color:#333;
	font-weight:normal;
}

#list #main div.inmtxt em{
	float:right;
	display:block;
	color:#B8802B;
	font-weight:normal;
	text-decoration: underline;
}

/*main-home-ciudades-----------------------------------------------*/

#home #ciudades{
	border:1px solid #DDF1FB; 
	background-color: #ECECEC;
	padding:10px 10px 0;
}


/*main-listas-----------------------------------------------*/

#main ul{
	list-style:none;
}

#main ul li{
	margin-left:15px;
	padding-left:20px;
	text-align:justify;
	margin-bottom:1em;
	background: url(/img/bullet_red.gif) no-repeat;
}

#main ol{
margin-bottom:1em;
}

#main ol li{
	margin-left:20px;
	padding-left:0;
	text-align:justify;
	margin-bottom:1em;
}

#main ol li ul{
	margin-top:1em;
}

#main ol li ul li{
	padding-left:20px;
}

/*main-tablas-----------------------------------------------*/

	/*INICIO TABLA */

	table
	{	width:100%;
		border-left:1px solid #999;
		border-top:1px solid #999;
		border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/
		margin-bottom:1em;
	}

	table th
	{
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		background-color:#B9DFF2;
		padding:0.2em 1em;
		border-spacing:0;
		vertical-align:top;
		white-space:nowrap;
		line-height:normal;
		color:#333;
		text-align:left;
	}

	table tr
	{
		margin:0;
		padding:0;
		border-spacing:0;
	}

	table tr.tr_odd
	{
		background-color:#F0F8FC;
	}

	table td
	{
		border-right:1px solid #999;
		border-bottom:1px solid #999;
		margin:0 1em;/*?*/
		padding:0.2em 1em;
		border-spacing:0;
		vertical-align:top;
	}
	/*FIN TABLA */

table.peq th, table.peq td{font-size:0.8em;		padding:0.1em 0.5em;
}

/*LIST
--------------------------------------------------------*/

#list #main h1 em{
	float:right;
}


/*main-paginacion-----------------------------------------------*/

#list #main p#pag{
	width:50%;
	text-align:center;
	margin:1em auto;
}

#list #main p#pag span{
	padding:3px;
	border: 1px solid #B8802B;
	background-color: #B8802B;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}

#list #main p#pag a{
	padding:3px;
	border: 1px solid #B8802B;
	background-color: #fff;
	color: #B8802B;
	text-decoration: none;
	font-weight:bold;
	line-height:22px;
}

#list #main p#pag a:hover{
	background-color: #B8802B;
	color: #fff;
}



/*ITEM
-----------------------------------------------------------*/

#item #main h1 em{
display:inline;
float:right;
}

#item #main h1 em a{
}


#item #main #detalle{
	background-color: #ECECEC;	
	border: 1px solid #ECECEC;
}

#item #main #bloque_item {
	margin-bottom:1em;
}

#item #main #bloque_item h2 {
	padding:5px 10px;
	font-size:140%;
	font-weight:bold;
	color: #B8802B;
}

#item #main #bloque_item h2 em {
	float:right;
	text-decoration: underline;
}

#item #main #bloque_item h3 {
	padding:0 10px;
	line-height:1.2em;
	color: #2A6791;
}

#item #main #bloque_item h3 em {
	float:right;
}

#item #main #bloque_item p{
	margin-top:1em;
	margin-bottom:0;
	padding:0 10px;
}


/*thumbs*****************************************/

#thumbs {
	width: 520px;
	height: 155px;
	overflow: auto;
	white-space: nowrap;
margin:0 auto 1em;

	}

html>body #thumbs {
	height: auto;
}

#thumbs2 {
	padding: 5px 0; 
}


#thumbs img {
	border: none;
	padding:3px;
	background-color: #fff;
	border: 1px solid #ECECEC;
	margin-right:10px;
}

#thumbs a img {

}
#thumbs a:hover img {
	background-color: #397EAE;
	border: 1px solid #397EAE;

}


/*tabla datos*****************************************/
#item #datos_container{
	padding: 1em 10px 1em;
}

#item table, #item td{
	border:none;
} 

#item table#tb-datos td{
	padding:2px 2px;
}




/*formmasinfo-------------------------------------------------*/

#formmasinfo {
	border-top: 1px solid #fff;
	padding: 10px;
}

	#contacto #formmasinfo {
		padding: 0;
		border-top:none;
	}


#formmasinfo h4{
font-weight:bold;
}

#formmasinfo form {
	margin: 1em 0 0;
}

#formmasinfo #form_a{
	float:left;
	width:250px;
}

#formmasinfo #form_b{
	float:left;
	width:250px;
}

#formmasinfo label {
	display:block;
	margin-bottom:0.2em;
}

#formmasinfo input{
	width:180px;
	padding:0.2em;
	margin-bottom:0.2em;
	margin-left:0;
	border:1px solid #7C7C7C;
	color:#666;
}

#formmasinfo textarea {
	width:220px;
	border:1px solid #7C7C7C;
	padding:0.2em;
	color:#666;

}

	#formmasinfo input:focus, #formmasinfo textarea:focus {
		border: 1px solid #000;
		color: #000;
		}

#formmasinfo #form_b p+p {
	padding-top:20px;
}

#formmasinfo input.boton, #contacto input.boton, #emailfriend input.boton {
	display:block;
	background-image: url(/img/enviar_es.gif);
	border:none;
	width:80px;
	height:22px;
	color:#fff;
	text-indent:-9999px;
	cursor:pointer;
}

/*main empresa, servicios-------------------------------------------------*/

#empresa #main h2,
#servicios #main h2{
font-weight:bold;
font-size:1.2em;
margin-bottom:1em;
color:#333;/*E26F02*/
}

#empresa #main h3,
#servicios #main h3{
font-weight:bold;
font-size:1em;
margin-bottom:1em;
}

#empresa #main p,
#servicios #main p{
text-align: justify;
}

/*CONTACTO-------------------------------------------------*/

dl.address {
margin-top:1em;
color:#333;
background: url(../imagenes/bg1.gif);
padding:1em;
border:1px solid #999;
}

dl.address dt {
font-size:1.2em;
margin-bottom:0.5em;
}

dl.address dd {}
dl.address dd span {display:block;float:right;text-align:right}


/*FOOTER-------------------------------------------------*/

#footer p {
	text-align:center;	
	font-size:10px;
	color: #D5EAF3;
	border-left:180px solid #29478D;
	line-height:24px;
}

#footer p a {
	font-weight: normal;
	color:#fff;
}


/*FOOTER OUT-------------------------------------------------*/


#footer-out p#xhtml {
text-align:center;
padding-top:5px;
margin-left:180px;
font-size:10px;
color: #909090;
}

#footer-out p#xhtml a {
	font-size:10px;
	color: #909090;
	text-decoration:none;
	font-weight:normal;
}

#footer-out p#xhtml a:hover {
	color:#666;
}


/*-------------------------------------------------------*/
/*POPUPS-------------------------------------------------*/
/*-------------------------------------------------------*/


#container-popup{
}

#header-popup{
position:relative;
height: 80px;
margin:0 auto;
background: transparent url(/img/popup_bg_header.gif) repeat-x;
}

#header-popup #logo{
height:80px;
width:100%;
background: transparent url(/img/logo2.gif) no-repeat;
text-indent:-9999px;
}

#main-popup{
background-color:  #fff ;
padding-top:1em;

}

#main-popup-header{
}

#main-popup-footer{
}

/*-------------------------------------------------------*/
body#emailfriend, body#hipoteca, body#currencyconv{
background-color: #fff;
} 

#main-popup h1 {
font-size:1.5em;
font-family:Verdana, Arial, sans-serif;
font-weight: normal;
color: #397EAE;
}

#main-popup h1, #main-popup p{
margin-left: 20px;
margin-right:20px;
margin-bottom:1em;
}

#emailfriend input, #emailfriend textarea {
margin-bottom: 0.5em;
}

#emailfriend input.boton{
margin-bottom: 1em;
margin-top: 1em;

}