/* CSS Document */

/*
COLORES
	morado oscuro: #4E155B
	morado medio:#5F3370
	morado claro:#9275A4
	morado más claro:#DACFE0
	verde:#84B31F
	verde oscuro:#557414
*/

*{margin: 0; padding: 0;}
img{border: 0;}

body{text-align: center; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #333; SCROLLBAR-FACE-COLOR:#5F3370; SCROLLBAR-HIGHLIGHT-COLOR: #9275A4; SCROLLBAR-SHADOW-COLOR: #607673; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #000000;}
.moradoclaro{color: #9275A4;}

#contenedorindex{margin: 15px auto; width: 725px; min-height: 522px; _heigth: 522px; background: url(../images/entrada.jpg) no-repeat center top; _background: url(../images/entrada.jpg) no-repeat center top;}
#contenedorindex img.logo{float: right; padding: 25px 0 0 0;}
div.provincias{float: left; margin: 315px 0 0 0; width: 725px;}
div.provincias p.alava{float: left; margin: 0 5px 0 0; color: #fff; font-size: 16px; font-weight: bold; text-align: right;}
div.provincias p.alava a{float: left; background: url(../images/btn1.gif) no-repeat left top; text-decoration: none; color: #fff; font-size: 16px; padding: 8px 5px 0 0; text-align: right; width: 135px; height: 40px;}
div.provincias p.alava a:hover{ background: url(../images/btn2.gif) no-repeat left top; text-decoration: none;}
/*div.provincias p.navarra{float: left; background: url(../images/navarra.gif) no-repeat left top; width: 183px; height: 59px; margin: 0 5px 0 0;}
div.provincias p.navarra a{float: left; background: url(../images/navarra.gif) no-repeat left top; width: 183px; height: 59px; text-decoration: none;}
div.provincias p.navarra a:hover{ background: url(../images/navarra2.gif) no-repeat left top; width: 183px; height: 59px; text-decoration: none;}
div.provincias p.huesca{float: left; background: url(../images/huesca.gif) no-repeat left top; width: 183px; height: 59px;}
div.provincias p.huesca a{float: left; background: url(../images/huesca.gif) no-repeat left top; width: 183px; height: 59px; text-decoration: none;}
div.provincias p.huesca a:hover{ background: url(../images/huesca2.gif) no-repeat left top; width: 183px; height: 59px; text-decoration: none;}*/

span.oculto{visibility: hidden;}

#contenedor{margin: 5px auto; width: 980px;}
#contenedorficha{margin: 5px auto; width: 840px;}
#contenedorpop{margin: 0 auto; width: 203px; min-height:380px; _heigth: 380px; background-color: #fff; padding: 0 5px 5px 5px;}

#cabecera{float: left; margin:0 auto; width: 980px;}
#cabecera.ficha{float: left; margin:0 auto; width: 840px;}
img.titulocab{float: left; margin: 73px 0 0 150px;}
img.logo{float: right; margin: 0 35px 0 0;}
img.titulocabficha{float: left; margin: 5px 0 0 10px;}
img.logoficha{float: left; margin: 0 0 15px 5px;}


#centro{float: left; background: url(../images/fondomapa.gif) no-repeat right top; width: 980px; height: 620px;}
#centroficha{float: left; background: url(../images/fondoficha.gif) no-repeat right top; width: 840px; height: 673px;}

#menu{float: left; width: 203px; margin: 15px 0 0 0;}
#menu div.titulomenu{width: 198px; background: url(../images/tit_buscador.gif) no-repeat left top; height: 30px; border-bottom: 1px solid #fff; margin: 0 0 0 2px;}
#menu div.titulociudad{width: 198px; background: url(../images/tit_ciudades.gif) no-repeat left top; height: 30px; border-bottom: 1px solid #fff; margin: 0 0 0 2px;}
#menu div.titulodireccion{width: 198px; background: url(../images/tit_direccion.gif) no-repeat left top; height: 30px; border-bottom: 1px solid #fff; margin: 0 0 0 2px;}
#menu div.cuerpomenu{float: left; height:390px;  background: #84B31F url(../images/fondomenu.gif) no-repeat right top; width: 197px; margin: 0 0 0 2px; *margin: 0 0 0 3px !important; _margin: 0 0 0 1px; min-height: 160px; _height: 160px; padding: 5px 0 0 0;}
#menu div.cuerpomenupop{float: left; height:200px;  background: #84B31F url(../images/fondomenu.gif) no-repeat right top; width: 197px; margin: 0 0 0 2px; *margin: 0 0 0 3px !important; _margin: 0 0 0 1px; min-height: 160px; _height: 160px; padding: 5px 0 0 0;}
#menu div.piemenu{float: left; background: url(../images/piemenu.gif) no-repeat left bottom; width: 203px; height: 102px; margin: 0; *margin: 0 0 0 1px !important; _margin: 0; text-align: center;}
#menu div.piemenu img.logo2{border: none; text-align: center;}

span.dire{color: #9375A4;}

input.menu{float: left; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #fff; border-bottom: 1px solid #557414; border-right: none; border-left: none; border-top: none; background-color: transparent; margin: 0 0 5px 0; *margin: 0 0 0 0 !important; width: 118px; height:18px; _height:15px;}
select.menu{float: left; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #333; width: 120px; height:18px; *margin: 0 0 0 0 !important;}
label.menu{float: left; margin: 0 5px 5px 5px; width: 60px; text-align: left; *margin: 0 5px 0 5px !important; color: #fff;}
input.buscar{float: right; background: url(../images/btn_buscar.gif) no-repeat left top; border: none; color: #fff; font-weight: bold; cursor: pointer; font-size: 11px; width: 75px; padding: 3px 0 7px 0; margin: 5px 5px 0 0;}
input.enviar{float: left; background: url(../images/btn_enviar.gif) no-repeat left top; border: none; color: #fff; font-weight: bold; cursor: pointer; font-size: 11px; width: 75px; padding: 3px 0 7px 0; margin: 5px 5px 0 65px;}
fieldset{float: left; width: 678px; border: 1px solid #ccc; margin: 0 0 0 5px; padding: 5px;}
legend{background-color: #DACFE0; color: #4E155B; padding:2px 5px; margin: 15px 0 10px 5px;}
label.contacto{float: left; margin: 0 5px 5px 5px; width: 60px; text-align: left; *margin: 0 5px 0 5px !important; color: #4E155B;}
input.contacto{float: left; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #333; margin: 0 0 5px 0; *margin: 0 0 5px 0 !important; width: 300px; height:18px;background-color: #DACFE0; border: 1px solid #4E155B;}
textarea.contacto{float: left; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #333; margin: 0 0 5px 0; *margin: 0 0 0 0 !important; width: 300px; height:80px; background-color: #DACFE0; border: 1px solid #4E155B;}

p.alerta{margin: 5px 0; font-weight: bold; color:#5F3370; text-align: left; padding: 0 0 0 0;}

a.detalle{display:inline-block; background: url(../images/btn_enviar.gif) no-repeat left top; border: none; color: #fff; font-weight: bold; cursor: pointer; font-size: 11px; width: 75px; padding: 3px 0 7px 0; margin: 5px 5px 0px 0px; text-decoration:none;}


#cuerpo{float: right; width: 696px; margin: 25px 75px 0 0; _margin: 25px 37px 0 0; height: 515px;}
#cuerpo p{text-align: justify; line-height: 1.2em;}
#cuerpo p strong{color: #4E155B;}
#cuerpo h1{color: #fff; font-weight: bold; font-size: 13px; text-align: left; padding: 3px 0 3px 5px; background-color:#84B31F;}

#cuerpoficha{float: right; width: 740px; margin: 25px 75px 0 0; _margin: 20px 35px 0 0; height: 570px; text-align: left;}
#cuerpoficha h1{float: left; color: #4E155B; font-size: 14px; text-align: left; border-bottom: 1px solid #4E155B; width: 210px; margin: 0 0 5px 0;}
#cuerpoficha h2{color: #4E155B; font-size: 14px; text-align: left; border-bottom: 1px solid #4E155B; width: 740px; margin: 0 0 5px 0;}
p.ficha{float: left; width: 210px; text-align: left;}
p.ficha a{float: left; color: #333; text-decoration: none;}
p.ficha a:hover{color: #333; text-decoration: underline;}
p.ficha strong{color: #4E155B;}

div.galeria{float: right; text-align: left; margin: 0 0 5px 4px; _margin: 0 0 0 4px; width: 500px; height: 269px;}
div.visor{float: left; width: 398px; margin: 0 7px 0 0; text-align: left;}
div.visor img{float: left; border: 1px solid #ccc; padding: 3px;}
div.miniaturas{float: left;}
div.miniaturas img{border: 1px solid #ccc; padding: 2px; margin: 0 0 4px 0;}
div.miniaturas a img {filter:alpha(opacity=100); opacity:1;}
div.miniaturas a:hover img {filter:alpha(opacity=75); opacity:0.75;}
 
#map{float: left; border: 1px solid #84B31F;}

div.listado{float: left; margin: 5px 0 0 0;}
div.listado div.titulolistado{float: left; width: 194px; background: url(../images/tit_restaurantes.gif) no-repeat left top; height: 30px; border-bottom: 1px solid #fff; margin: 0 2px 0 1px;}
div.listado dl{float: left; width: 190px; background-color: #fff; margin: 2px 0 5px 3px; list-style: none; display: block; text-align: left; height: 170px; overflow-y: scroll;}
div.listado dt{background-color: #ccc; padding: 1px 2px; font-weight: bold; color:#557414;}
div.listado dd{padding: 0 2px; color: #333;}
div.listado dd a{color: #333; text-decoration: none;}
div.listado dd a:hover{color: #557414; text-decoration: none;}

#mapCallejero{width: 694px; *width: 694px !important; height: 490px; *height: 490px !important; border:1px solid #333; float: right;}

#pie{float: left; clear: both; color: #fff; margin: 30px 0 0 163px; _margin: 20px 0 0 80px; width: 500px; text-align: left;}
#pie a{color: #fff; text-decoration: underline;}
#pie a:hover{color: #fff; text-decoration: none;}

#pieficha{float: left; clear: both; color: #fff; margin: 30px 0 0 25px; _margin: 25px 0 0 15px; width: 500px; text-align: left;}
#pieficha a{color: #fff; text-decoration: underline;}
#pieficha a:hover{color: #fff; text-decoration: none;}

div.clear{clear: both;}