/* ------------ CSS Castillo de Mendillorri --------- */
/* -------------------  Febrero 2008 ---------------- */
/* ------ Navarraweb Marketing Publicidad S.L. ------ */


/*   ETIQUETAS    */
*{
margin:0px;
padding:0px;
border:0px;
}

body{
background-color:#312202;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1, h2{
position:absolute;
display:block;
width:0;
overflow:hidden;
}

h3{
margin-top:70px;
font-weight:normal;
color:#FFFFFF;
font-size:100%;
padding:2px;
margin-bottom:30px;
background-color:#996633;
}

h4{
font-size:80%;
margin-top:10px;
}

form{
width:80%;
text-align:right;
}

label{
font-size:70%;
}

input{
font-family:"Courier New", Courier, mono;
background-color:#996633;
padding:2px;
margin-bottom:2px;}

textarea{
background-color:#996633;
margin-bottom:2px;}


/* CAPAS y etiquetas dentro de capas  */

#madre{
width:800px;
margin-left:auto;
margin-right:auto;
min-height:500px; 
height:auto !important;
height:500px;
}

* html #content {
    min-height: 200px;
}

/* Internet Explorer *
/*\*/
* html #content {
    height: 200px;
}
/**/


#cabecera{
height:170px;
background-image:url(imagenes/cabeceracastillo.jpg);
}

#contenedor{
width:670px;
margin-left:auto;
margin-right:auto;
border-bottom:2px solid #312202;
padding-bottom:20px;
background-color:#AD885d;
}

#contenido{
width:698px;
margin-left:auto;
margin-right:auto;
background-color:#AD885d;
border-left:1px solid #6D6565;
border-right:1px solid #6D6565;
min-height:400px;
color:#312202;
/*height:auto !important;
height:400px;*/
}


#contenido li{
font-size:70%;
margin-left:20px;
}

#contenido .sublista{
font-size:130%;
margin-left:20px;
}

#menu{
margin-left:340px;
background-color:#999999;
}

#menu li{
list-style:none;
float:left;
}

#menu a{
color:#312202;
text-decoration:none;
font-weight:bold;
font-size:100%;
}

#menu a:hover{
text-decoration:underline;
}

#fotos, #direccion{
float:left;
width:220px;
margin-left:12px;

}

#fotos img{
margin-bottom:10px;
}

#texto, #texto-carta{
float:right;
width:400px;
min-height:300px;
margin-right:15px;
background-color:#AD885d;
/*height:auto !important;
height:300px;*/
}

#texto p, #texto-carta p{
font-size:70%;
margin-bottom:15px;
}

#texto-carta{
/*background-image:url(imagenes/montaje-mariscos.jpg);
background-position:bottom right;
background-repeat:no-repeat;*/
}

#direccion p,#contenedor p{
font-size:70%;
}


#pie{
width:698px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
background-color:#AD885d;
border-left:1px solid #6D6565;
border-right:1px solid #6D6565;
border-bottom:1px solid #6D6565;
color:#312202;
height:30px;
clear:both;

}

#pie p{
margin:5px;
font-size:70%;
margin-left:15px; 
margin-right:15px;
}

#texto a, #pie a, #contenedor a{
color:#312202;
}

#texto a:hover, #pie a:hover, #contenedor a:hover{
background-color:#312202;
color:#AD885D;
}


#splash{
margin-left:auto;
margin-right:auto;
width:467px;
height:404px;
margin-top:80px;
background:url(imagenes/intro.jpg) no-repeat;
}

#menu-index{
width:200px;
margin-left:240px;
margin-top:10px;
}

#menu-index a{
color:#FFFFFF;
text-decoration:none;
padding-bottom:3px;
}

#menu-index a:hover{
border-bottom:3px double #CC9966;
}

#menu-index li{
line-height:40px;
margin-left:30px;
vertical-align:middle;
list-style:none;
}

#texto ol{
	list-style: upper-alpha;
	margin-left:5px;
}

/*  CLASES  */
.clear{clear:both;}

.relleno{
height:70px;}

.parr-dcha{float:right;}
.parr-izda{float:left;}


.restaurante{margin-top:120px;}
.que-ofrecemos{margin-top:80px; margin-left:-40px;}
.contacto{ margin-top:50px;margin-left:-40px;}
.ubicacion{ margin-top:30px;margin-left:-10px;}

.seccion{}

.plano{
border:2px solid #996633;
}


/**/
noscript p{color:#FFFFFF; text-align:center;}

.singular img{
	float:left;
}