/*	documento css por y para garcia.valenciano.net	
	agosto 2008. sebas.
	sebastian@garcia-valenciano.net
*/

html{
overflow-y:scroll;
} 

body{
font-family: arial,verdana,tahoma,helvetica,sans-serif;
font-size: 100%;
line-height: 1.125em;
background: #fff;
color: #2a2a2a;
}

/*	css genéricos	*/

a { color: #2266bb; cursor: pointer; outline: none !important; }
a:hover { color: #005FCD; }
a:visited { color: #4E0067; }
a:visited:hover { color: #4E0067; }
a:active, a:focus{ outline: none; }

img {border: none;}

h1{}
h2{}
h3{}
h4{}
h5{}

.hide{display: none;}
.destacado{font-weight: bold!important;}
.clear-all{clear:both;}

.azul{color:#1536ff;}
.rojo{color:#f60e0e;}
.amarillo{color:#fff008;}
.verde{color:#39a239;}

/*	css maquetación reutilizables	*/

.content5px{margin:5px;}
.content10px{margin:10px;}
.content20px{margin:20px;}
.content30px{margin:30px;}

/* css para maquetación*/

#contenido{
width:95%;
max-width:1000px;
padding: 0;
margin: 0 auto;
border-top: solid 7px #dde6f9;
}

#contenido #cabecera{
width:100%;	
}


#contenido #buscador{
width:100%;	
border: solid 1px #dde6f9;
background: url(../img/bg_buscador.png) repeat-x top;
margin: 1em auto;
text-align: center;
font-size:0.9em;
}
#contenido #buscador span{
margin-right: 2em;
}

#contenido #buscador #buscador_l,
#contenido #buscador #buscador_f{
display:inline;
}

#contenido #buscador #buscador_f form{
display:inline;
}


#contenido #resumen{
width:100%;
}

#contenido #resumen #encabezado{
margin-bottom:0.5em;	
}

#contenido #resumen #encabezado h1{
font-size:1.5em;
}
#contenido #resumen #encabezado h2{
font-size:0.8em;
}

#contenido #resumen #mapa{
width:570px;
float:left;
}

#contenido #resumen #detalle{
width:400px;
float:right;
}

#contenido #resumen #detalle h1{
padding-left:5px;
margin-bottom:0.5em;
}
#contenido #resumen #detalle h2{
padding-left:5px;
margin-bottom:0.5em;
}

#contenido #resumen #detalle div{
display:block;
margin-bottom:0.5em;
padding: 2px 10px;
font-size: 0.9em;	
}

#contenido #resumen #detalle div.geopos{
background-color:#ecffb2;
border: solid #c9fd2e 1px;
}
#contenido #resumen #detalle div.wikipedia{
border: solid 1px #dde6f9;
background-color:#ECF0FA;
}
#contenido #resumen #detalle div.google{
background: url(../img/google_icon.png) no-repeat left 0;
padding-left: 25px;
margin-left:10px;
}

#contenido #resumen #detalle div.altavista{
background: url(../img/altavista_icon.png) no-repeat left 0;
padding-left: 25px;
margin-left:10px;
}

#contenido #resumen #detalle div.yahoo{
background: url(../img/icon_logo_yahoo.gif) no-repeat left 0;
padding-left: 25px;
margin-left:10px;
}

#contenido #resumen #detalle div#mapamundi{
min-height:100px;
}

#contenido #principal{
margin: 2em 0;	
}

#contenido #principal #secciones{
width:300px;
float:left;
}

#contenido #principal #secciones ul{
font-size:0.8em;
}

#contenido #principal #secciones ul li{
margin-bottom:10px;
padding-left: 22px;
height:18px;
}

#contenido #principal #secciones ul li.flickr{
background: url(../img/flickr_icon.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.youtube{
background: url(../img/youtube_icon.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.panoramio{
background: url(../img/panoramio_icon.png) no-repeat left 0;
}


#contenido #principal #secciones ul li.delicious{
background: url(../img/delicious_icon.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.noticias{
background: url(../img/newspaper.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.buscadores{
background: url(../img/magnifier.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.viviendas{
background: url(../img/house.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.hoteles{
background: url(../img/hotel_icon.png) no-repeat left 0;
}

#contenido #principal #secciones ul li.restaurantes{
background: url(../img/restaurante_icon.png) no-repeat left 0;
}


#contenido #principal #secciones ul li.vuelos{
background: url(../img/aviones_icon.png) no-repeat left 0;
}


#contenido #principal #informacion{
width:670px;
float:right;
}

#contenido #principal #informacion h1{
font-size:1.5em;
font-weight:normal;
background: url(../img/world_icon.png) no-repeat left 2pt;	
padding-left:22px;
margin-bottom:0.5em;
}

#contenido #principal #informacion div.ad-horizontal{
padding-left:22px;
}



#pie{
clear:both;
width:90%;	
border: solid 1px #dde6f9;
background: url(../img/bg_buscador.png) repeat-x top;
margin: 2em auto 0 auto;
text-align: center;
font-size:0.8em;
}
#contenido #pie strong{font-weight:bold;}