@charset "UTF-8";
/* CSS Document */

/*
Type:   Generales
Site:   Café Iruña
Author: Jaime Zubiaur - YOU Media
*/

body {								
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #523419 url(../images/fondo.jpg) no-repeat top right;
	color: #ceb99c;}	
	
a,	
a:visited,
a:link {color: #ceb99c; }

a:hover {color: #ae916a; }


/* LAYOUT
///////////////////////////////////////////////////////////////////// */

#container {					
	position:relative;
	width:100%;
	margin: 0;
	padding: 250px 0 0 0;
	_padding:0;}

#content {
	position:relative;
	z-index: 1;	
	width:900px;
	float: right;
	margin:0;}
	
	#home #content {}

	
#header {
	position:absolute;
	_position:relative;
	top: -200px;
	_top:40px;
	left:0;
	z-index: 9;
	width: 452px;
	height: 287px;
	margin:0;
	padding: 0;}	
	
	#home #header {_left:185px;}
		
#menu {
	width: 200px;
	float: left;
	padding: 100px 0 0 0;
	_margin-top:-45px;}
	
	#home #main-content #menu {
		width: 250px;
		float: none;
		padding: 15px 0 80px 0;
		_padding-top:60px;}

#main-content {
	width: 700px;
	float: left;
	background:#24150d url(../images/fondo_contenido.png) no-repeat top left;
	_margin-top:-45px;}	
	
	#home #main-content {_margin-left:193px;}

#mendebaldea #main-content {
	background:#2d2a2b url(../images/fondo_contenido_mendebaldea.png) no-repeat top left;}
	
	

	
	
/* MENÚ 
///////////////////////////////////////////////////////////////////// */

#menu img.titulo-menu {
	margin-left:12px;}

#menu ul {
	margin-left:22px;}
	
	#home #main-content #menu ul {margin-left:0;}
	
#menu li {
	padding: 4px 0;}
	
	#home #main-content #menu li {padding: 10px 0;}
	
#menu a,
#menu a:link,
#menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.3px;
	color: #ceb99c;
	padding: 2px 6px 10px 7px;}
	
	#home #main-content #menu a,
	#home #main-content #menu a:link,
	#home #main-content #menu a:visited {
		font-size:15px;
		padding:0;}
		
	#home #main-content #menu em {
		font-style: italic;
		font-size:13px;
		font-weight:normal;}	
		
#menu a:hover,
#menu a.selected {background: url(../images/tira.png) no-repeat;}

	#home #main-content #menu a:hover {background:none;}
	
	#home #main-content #menu li:hover {margin-left: -2px;/*border-top: 2px solid #24150d; border-bottom: 2px solid #24150d;*/}



#menu li.sub {
	margin-left: 15px;
	padding:1px 0;}
	
/*#menu li.sub a,
#menu li.sub a:link, 
#menu li.sub a:visited {color: #24150e;}*/





#menu hr {
	margin:5px 0 5px 41px;
	height:2px;
	background-color: #24150e;}
	#main-content #menu hr {
		margin:5px 0 5px -50px;
		background-color: #523419;
		_color:#523419;}

#menu ul#restaurantes {
	margin-left:35px;}
	

#menu #restaurantes li {
	padding: 2px 0;}
	
#menu #restaurantes a,
#menu #restaurantes a:link,
#menu #restaurantes a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #24150d;
	padding: 2px 6px 10px 7px;}
	
	#main-content #menu #restaurantes a,
	#main-content #menu #restaurantes a:link,
	#main-content #menu #restaurantes a:visited {color:#523419;}
			
#menu #restaurantes a:hover {background: url(../images/tira.png) no-repeat;}


#menu #logos-restaurantes {
	position:absolute;
	bottom:0;
	width: 170px;
	margin: 0 0 10px 35px;}

#menu #logos-restaurantes img {
	margin: 5px 0;}

#menu #logos-restaurantes a:hover {background:none;}





/* MENÚ IDIOMAS
///////////////////////////////////////////////////////////////////// */

#cambio-idioma {
	position:absolute;
	top:5px;
	right:15px;}

#cambio-idioma li {
	padding: 1px 0;}
	
#cambio-idioma a,
#cambio-idioma a:link,
#cambio-idioma a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.3px;
	color: #8c6843;
	padding: 0px 6px 10px 26px;}

#cambio-idioma a:hover {color: #977a5d;}




		
/* PLANTILLAS
///////////////////////////////////////////////////////////////////// */	     /* OJO, ÉSTO ESTILOS DEBEN DUPLICARSE EN EL ARCHIVO ESTILOS_PLANTILLA.CSS PARA QUE EN EL TYNI TAMBIÉN SE VEAN */


#fondo-tyni,
#fondo-tyni-mendebaldea {background-color:none;}

h1 {
	color: #6f4a2d;
	margin-top:8px;
	margin-bottom: -5px;
	font-weight:bold;
	font-size:28px;}
	#mendebaldea h1 {color:#FFF}

p {
	color: #ceb99c;
	text-align: justify;
	padding: 5px 0;
	font-weight:bold;
	font-size:12px;}
	#mendebaldea p {color:#FFF;}
	
#fondo-tyni em {font-style:italic;}


.foto-panoramica {margin: 25px 0 0 13px;}

.titulo-pagina {margin: 43px 0 0 27px;}

.texto {
	margin: 5px 85px 0 31px;
	color: #ceb99c;
	text-align: justify;}

.carta {
	margin: 5px 85px 0 31px;
	color: #523419;}

.carta-sup {background: #FFF url(../images/carta2_sup.png) top left no-repeat;}
	#mendebaldea .carta-sup {background: #FFF url(../images/cartamende_sup.png) top left no-repeat;}

	
	.carta-contenido {margin: 55px 0 0 50px;}
		#mendebaldea .carta-contenido,
		#mendebaldea .carta-contenido p,
		#mendebaldea .carta-contenido h1 {color:#2d2a2b;}
		
		#mendebaldea .carta-contenido p {margin: 0;}
		
.carta-inf {
	width: 584px;
	height:92px;
	background: #FFF url(../images/carta2_inf.png) top left no-repeat;}
	#mendebaldea .carta-inf {background: #FFF url(../images/cartamende_inf.png) top left no-repeat;}
	#elrincon .carta-inf {background: #FFF url(../images/cartarincon_inf.png) top left no-repeat;}
	
.carta  h1 {
	width:210px;
	color: #24150d;
	margin-bottom: 10px;
	border-bottom: solid 2px;
	font-size:26px;}
	
	
.carta  h2 {
	width:210px;
	color: #24150d;
	margin-bottom: 8px;
	font-weight:bold;
	font-size:26px;
	text-align:center;}
	
.carta  h3  {
	width:210px;
	text-align:center;}

.carta  p {
	width:210px;
	color: #523419;
	text-align:left;
	}
	
	
.galeria {
	margin:10px 0;}	

.galeria img {
	border: 5px solid #3b2513;
	border-width: 5px 5px 20px;}
	
.galeria a:hover img {
		border: 5px solid #523419;
		border-width: 5px 5px 20px;
		color: #3b2513;}

.destacado {
	float: right;
	background:url(../images/destacado_fondo.png) no-repeat top left;}

.destacado h2 {
	font-weight: bold;
	font-style: italic;
	font- size: 21px;
	text-align: left;
	color: #ceb99c;}
	
.menu-mendebaldea {
	margin: -5px 85px 0 2px;
	color: #FFF;
	text-align: justify;}

#mendebaldea ul:hover p {color:#ccc;}

#mendebaldea .menu-mendebaldea p {text-align:left;}


	
	
/* FORMULARIO
///////////////////////////////////////////////////////////////////// */

.inputext input {
	width: 330px;
	height: 15px;
	background: #eee;
	border: #eee;}

.inputext P {
	padding-bottom: 0;}

input.modalidad, 
input.info {margin-left:-1px;}

.inputext textarea {
	width: 330px;
	font-family:Arial, Helvetica, sans-serif;}

.inputext SELECT {
	width: 235px;
	height: 18px;}
	
	.inputext .form-numero {
		text-align:right;
		width: 50px;}

	.inputext .form-dia {
		display:inline;
		width: 50px;}
		
	.inputext .form-mes {
		display:inline;
		width: 100px;}
		
	.inputext .form-ano {
		display:inline;
		width: 80px;}
		
	.inputext .hora {
		text-align:right;
		width: 50px;}

form strong { font-size:9px; color:#ceb99c;}

form p {
	margin: 10px 0 4px 0;}
	



/* VARIOS
///////////////////////////////////////////////////////////////////// */	
	
.clear {
	clear: both;}

#copyright {
	margin-top:40px;
	padding: 0 85px 10px 31px;
	color: #ac987f;
	font-size: 10px;
	font-weight:bold;}
	#mendebaldea #copyright {color:#999;}
	
#mapa {
	width:330px;
	height:552px;}