/*
nettvalley.com:  Hoja de estilos
por David Moya. http://www.atrioweb.com/
Última modificación: 20-02-2007
================================================*/

/*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;
/*font:12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Console", "Trebuchet MS", Verdana, sans-serif ;*/
}

img {
border:0px;
}

fieldset {
border:none;
}

.clear {clear:both;}

a:link,a:visited {
color: #E26F02;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}


/*LAYOUT
--------------------------------------------------------------*/

body {
margin:0 auto 0;
background-color: #E1F1F8;
}

#wrap{
background: #E1F1F8 url(../img/wrap_bg.gif) 50% 0 repeat-y;
}

#container{
/*background: transparent url(../img/container_bg.gif) 50% 0 no-repeat;*/
}

#pre-header{
display:none;
}

#header{
position:relative;
height: 80px;
margin:0 auto;
width:760px;
background-color: #397EAE;
}

#nav{
position:relative;
height: 24px;
margin:0 auto;
width:760px;
background-color: #397EAE;/*BEDB6F 9A9865*/
background:  url(../img/button_bg.gif) repeat-x;
}

#content{
width:760px;
margin: 0 auto;
background: #fff url(/img/content_bg.gif) repeat-y left top;
}

#content-header{
	
}

#content-footer{
	clear:both;

}

#sidebar {
	float:left;
	width: 180px;
	overflow:hidden;
	border-top: 1px solid #AFC965;
}

#sidebar2 {
	padding:16px 26px 15px 10px;
}

#main {
	float:left;
	width: 580px;
	margin-bottom:20px;
}

#main2 {
	padding: 18px 20px 15px 20px;
}


#footer {
	clear:both;
	width:760px;
	margin: 0 auto;
	height:24px;
	background-color: #397EAE;

}

#footer #footer-print{
display:none;
}

#footer-out {
width:760px;
height:24px;
margin: 0 auto;
}

/*PRE-HEADER-------------------------------------------------*/

#pre-header h1{
width:450px;
	line-height:2em;
	color:#333;
	font-size:0.8em;

}

#pre-header h1 a{
	color:#E26F02;
	font-weight:bold;

}



/*HEADER-------------------------------------------------*/


#logo a{
display:block;
position:absolute;
top:0;
left:0px;
height:80px;
width:225px;
background-color: transparent;
text-indent:-9999px;
}


/*nav-lang-------------------------------------------------*/


ul#nav-lang {
width:150px;
	position:absolute;
	right:3px;
	bottom: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-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{
   	font-size: 11px;
	font-weight: normal;
	padding: 5px 23px 6px 22px;
	margin: 0;
	display: block;
	color: #fff;
	text-transform: lowercase;
	font-variant: small-caps;
	text-decoration: none;	
	border-right: 1px solid #6EA7CF;/*AFC965*/
	/*background: url(../img/menu_bar.gif) right center no-repeat;			*/
}

#menu li a:hover { 
	background-color: #68BCE0;
	color:#000;
}

#menu li a.desplegable{
	background: url(../img/flechaab.gif) right center no-repeat;
}

#menu li a:hover.desplegable{
	background: #68BCE0 url(../img/flechaab.gif) right center no-repeat;
}


#menu li a.ajuste1{
	padding: 5px 23px 6px 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;
	z-index:100;
}

#menu li ul li{
	margin-top:0;
	width:162px;

}

#menu li ul a {

	text-align: left;
	background: #68BCE0 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: #68BCE0;
}

/* 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: #A4D7EC;
	color: #000;
}	

#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: #fff;
	font-weight:bold;
	width:160px;
	height:25px;
	background-color: #FFB034;
	}



#sidebar h1 span{
	display:block;
	padding: 4px 0 0 0 ;
	padding-left:32px;
}

#sidebar h1#buscador_h1 {
	background: #FFB034 url(/img/search.gif) 10px 5px no-repeat;

}

#sidebar h1#enlaces_h1 {
	background: #FFB034 url(/img/link.gif) 10px 5px no-repeat;

}

#sidebar #buscador {
	width:155px;
	overflow:hidden;
	margin-bottom:1em;
}

#sidebar #buscador2 {
	padding:2px;
}

#sidebar #buscador label{
display:block;
margin-top:0.5em;
margin-bottom:0.2em;
color:#000;
}

#sidebar #buscador input.boton {
display:block;
margin-top:1.5em;
margin-right:auto;
margin-left:auto;
background-image: url(/img/buscar_en.gif);
border:none;
width:80px;
height:22px;
color:#fff;
text-indent:-9999px;
cursor:pointer;
}




#sidebar #enlaces {
	width:155px;
}

#sidebar #enlaces2 {
	padding:4px 0;
}

#sidebar #enlaces ul li {
list-style-type:none;
margin-bottom:3px;

}

#sidebar #enlaces ul li a{
color:#112E42;
background:url(/img/arrow3.gif) 0 3px no-repeat;
margin-left:0;
padding-left:0;
padding-left:15px;
}


/*MAIN-------------------------------------------------*/

/*comunes*/
#main h1 {
font-size:1.5em;
font-weight: bold;
color: #397EAE;
margin-bottom:1em;
}


#main p {
margin-bottom:1em;
}

#main #bloque1{
	clear:both;
	background-color: #E1F2F9;	
	border: 1px solid #D5EBF4;
	padding:10px;

}

	#paginas #main #bloque1 {
		background-color: transparent;	
		border: none;
		padding:0;
	}

/*fincomunes*/




#home #main div.inm1,
#list #main div.inm1{
	clear:both;
	float:left;
	margin-right:14px;
	margin-bottom: 1em;
	border:1px solid #D5EBF4; 
	background-color: #E1F2F9;/*DDF1FB*/
	width:100%;
	min-height:258px;
	} 

#home #main div.inm1{
	} 

#list #main div.inm1{
	} 


#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{
	padding-bottom:9px;
	margin-right:12px;
	float:left;
	}

#home #main div.inmtxt,
#list #main div.inmtxt{
	float:left;
	width:330px;
	position:relative;
	z-index:1;
	}


#home #main div.inm1 a,
#list #main div.inm1 a{
	display:block;
	font-size:11px;
	color: #E26F02;
	text-decoration: none;
	font-weight:bold;
}


#home #main div.inm1 a span,
#list #main div.inm1 a span{
	font-size:11px;
	color:#333;
	font-weight:normal;
}

/*
#list #main div.inm1 em{
	font-size:11px;
	display:block;
	color:#333;
	font-weight:normal;
	font-style:normal;
}
*/
#home #main div.inmtxt em,
#list #main div.inmtxt em{
	font-size:11px;
	color:#333;
	font-style:normal;
	color: #397EAE;
}

#home #main div.inm1 .hr,
#list #main div.inm1 .hr{
	display:block;
	height:1px;
	font-size:1px;
	color:#aaa;
	border-top:1px solid #aaa;
	margin-top:5px;
}

#home #main div.inmimgnum,
#list #main div.inmimgnum{
position:absolute;
top:220px;
left:0px;
width:330px;
}

#home #main div.inmimgnum ul,
#list #main div.inmimgnum ul{
	list-style-type: none;
	height:16px;

}

#home #main div.inmimgnum li,
#list #main div.inmimgnum li{
	display:inline;
	float:left;
	list-style-type: none;
	padding:3px 5px;
	margin:0 4px 0 0;
	background:none;
	background-color:#fff;
	border:1px solid #aaa;
}

#home #main div.inmimgnum li a,
#list #main div.inmimgnum li a{
	color:#aaa;
}

#home #main div.inmimgnum li a:hover,
#list #main div.inmimgnum li a:hover{
	color:#000;
}

#home #main a.masinfo,
#list #main a.masinfo{
	display:block;
	width:130px;
	height:22px;
	text-indent:-9999px;
	background: url(/img/masinfo_es.gif);
}

#home #main a.masfotos,
#list #main a.masfotos,
#item #main a.masfotos{
	display:block;
	width:130px;
	height:22px;
	text-indent:-9999px;
	background: url(/img/fotos_es.gif);
}

#item #main a.print{
	display:block;
	width:130px;
	height:22px;
	text-indent:-9999px;
	background: url(/img/print_es.gif);
}

/*main-home-ciudades-----------------------------------------------*/

#home #ciudades{
	border:1px solid #D5EBF4; /*99C2DD*/
	background-color: #E1F2F9;
	padding:10px 10px 0;
}

/*condiciones-----------------------------------------------*/

#condiciones{
	border:1px solid #D5EBF4; /*99C2DD*/
	background-color: #E1F2F9;
	padding:10px 10px 0;
	margin-top:2em
}

#condiciones p{
font-size:85%;
}

/*main-listas-----------------------------------------------*/

#main ul{
	list-style:none;
}

#main ul li{
	margin-left:15px;
	padding-left:20px;
	margin-bottom:1em;
	background: url(/img/bullet_blue.gif) 0 2px 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 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 5px;
	border: 1px solid #E26F02;
	background-color: #E26F02;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}

#list #main p#pag a{
	padding:3px 5px;
	border: 1px solid #E26F02;
	background-color: #fff;
	color: #E26F02;
	text-decoration: none;
	font-weight:bold;
	line-height:22px;
}

#list #main p#pag a:hover{
	background-color: #E26F02;
	color: #fff;
}



/*ITEM
-----------------------------------------------------------*/

#item #main h1 em{
display:inline;
float:right;
}

#item #main h1 em a{
padding-left:10px;
}


#item #main #detalle{
	background-color: #E1F2F9;	
	border: 1px solid #D5EBF4;
}

#item #main #bloque_item {
	margin-bottom:1em;
}

#item #main #bloque_item h2 {
	padding:5px 10px;
	font-size:140%;
	font-weight:bold;
	color: #E26F02;
}

#item #main #bloque_item h3 {
	padding:0 10px;
	line-height:1.2em;
	color: #333;
}

#item #main #bloque_item h3 em {
	float:right;
}

/*
#item #main #bloque_item p{
	margin-top:1em;
	margin-bottom:0;
	padding:0 10px;
}*/

#item #main #bloque_item2 {
	width:500px;
	margin-bottom:1em;
}

#item #main #bloque_item2 #inmimg{
	float:left;
	padding:0 10px;
}


	#item #main #bloque_item2 #inmimgnum{
	position:relative;
	z-index:90;/*al-loro, si no se superpone el p de #inmtxt*/
		width:180px;
		
	}

	#item #main #bloque_item2 #inmimgnum ul{
		list-style-type: none;
		height:16px;
		margin-top:2px;


	}

	#item #main #bloque_item2 #inmimgnum li{
		display:inline;
		float:left;
		list-style-type: none;
		padding:2px 4px;
		margin:0 2px 4px 0;
		background:none;
		background-color:#fff;
		border:1px solid #aaa;
	}

	#item #main #bloque_item2 #inmimgnum li a{
		color:#aaa;
	}

	#item #main #bloque_item2 #inmimgnum li a:hover{
		color:#000;
	}




#item #main #bloque_item2 #inmtxt{
	padding:0 10px;
}

#item #main #bloque_item2 #inmtxt p{
}

#item #main #bloque_item2 #inmtxt p em{
	color: #2A6791;
	font-weight:bold;
	font-style:normal;
}



/*thumbs*****************************************/

#thumbs {
	width: 700px;
	margin:0 auto 1em;

	}

#thumbs2 {
	padding: 5px 0; 
}


#thumbs img {
	border: none;
	padding:3px;
	background-color: #fff;
	border: 1px solid #D5EBF4;
	margin:10px 0;
}

#thumbs a img {

}
#thumbs a:hover img {
	background-color: #397EAE;
	border: 1px solid #397EAE;

}


	/*PÁGINA FOTOS*/
	#fotos #thumbs{
	width:700px;
	}

	#fotos h1 em{
	display:inline;
	float:right;
	}

/*fotos sueltas*****************************************/

div.foto{
	float:right;
	padding-left:16px; 
	padding-bottom:16px;
}



/*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;
	}


#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;
}

#formmasinfo textarea {
	width:220px;
	border:1px solid #7C7C7C;
	padding:0.2em;
}

#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-------------------------------------------------*/

#paginas #main h2{
clear:both;
font-weight:bold;
font-size:1.2em;
margin-bottom:1em;
color:#333;/*E26F02*/

background-color: #397EAE;
color:#fff;
padding:2px 4px;
}

#paginas #main h3{
font-weight:bold;
font-size:1em;
margin-bottom:1em;
}

#paginas #main p{
}

/*CONTACTO-------------------------------------------------*/

dl.address {
margin:1em 0;
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 {
	padding-top:6px;
	text-align:center;	
	font-size:10px;
	color: #D5EAF3;
}

#footer p a {
	font-weight: normal;
	color:#fff;
}


/*FOOTER OUT-------------------------------------------------*/


#footer-out p#xhtml {
text-align:center;
padding-top:5px;
font-size:10px;
color: #A4D5EA;
}

#footer-out p#xhtml a {
	font-size:10px;
	color: #A4D5EA;
	text-decoration:none;
}

#footer-out p#xhtml a:hover {
	color:#397EAE;
}


/*-------------------------------------------------------*/
/*POPUPS-------------------------------------------------*/
/*-------------------------------------------------------*/


#container-popup{
}

#header-popup{
position:relative;
height: 86px;
margin:0 auto;
background-color: #397EAE;
background:url(/img/header.jpg) no-repeat;
}

#header-popup #logo{
height:80px;
width:225px;
/*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, body#fotos {
background-color: #fff;
} 

#main-popup h1 {
font-size:1.5em;
font-family:Arial, Verdana, sans-serif;
font-weight: bold;
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;

}


