/* Estilos básicos */
/*CSS document para el sitio Iretza 

Autor css: Ziongem.com
Año: 2008

-------------------------------------------------------
Colores:

Marrón texto: #8b766c
Marrón items menu: #5a5047

---------------------------------------------------------*/

/* Base */
body {
	background:url(img/body-bg.jpg) repeat top left;
	font-size:0.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#8b766c;
	}
* {
	margin:0;
	padding:0;
	}
p {
	line-height:130%;
	}
a  {
	color:#5a5047;
	cursor:pointer;
	outline:none;
	}
a:hover  {
	text-decoration:none;
	}
a img {
	border:none;
	}
ul li {
	list-style:none;
	}
h1 {
	font-size:150%;
	}
h2 {
	font-size:130%;
	}
h3 {
	font-size:110%;
	}
h4 {
	font-size:100%;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
    }
input, textarea, select {
	border:1px solid #bdbdbd;
	font:inherit;
	font-size:inherit;
	color:#2b2b2b;
	}
br.clear {
	clear:both;
	overflow:hidden;
	height:0;
	visibility:hidden;
	}
/* Estructura
-------------------------------------------*/
#Wrapper {
	background:url(img/main-bg.jpg) no-repeat top left;
	width:961px;
	padding:22px;
	margin:20px auto 10px;
	height:683px;
	overflow:hidden;
	max-width:100%;
	position:relative;
	}
#Header h1 {
	background:url(img/logo.gif) no-repeat top left;
	width:344px;
	height:42px;
	text-indent:-990%;
	overflow:hidden;
	margin:8px 0 5px 18px !important;
	margin:8px 0 5px 10px;
	float:left;
	}
	#Header h1 a {
		display:block;
		width:100%;
		height:100%;
		}
	#Header #lang-sel {
		float:right;
		margin-top:32px;
		margin-right:5px;
	}
		#Header #lang-sel li {
			width:16px;
			height:11px;
			text-indent:-900%;
			overflow:hidden;
			float:left;
			margin:0 2px;
			padding:1px;
			border:1px solid #fff;
			}
			#Header #lang-sel li a {
				display:block;
				width:100%;
				height:100%;
				float:left;
				}
			
		#Header #lang-sel li.spanish {
			background:url(img/spanish-flag.gif) no-repeat center center;
			}
		#Header #lang-sel li.euskadi {
			background:url(img/euskadi-flag.gif) no-repeat center center;
			}
		#Header #lang-sel li.english {
			background:url(img/english-flag.gif) no-repeat center center;
			}
		#Header #lang-sel li.france {
			background:url(img/french-flag.gif) no-repeat center center;
			}
		#Header #lang-sel li.selected, #Header #lang-sel li:hover {
			border:1px solid #000;
			}
ul#menu {
	position:absolute;
	top:64%;
	left:100px;
	}
	ul#menu li {
		text-transform:uppercase;
		font-size:90%;
		padding:5px 15px 5px 5px;
		height:12px;
		width:158px;
		}
		ul#menu li a {
			text-decoration:none;
			display:block;
			width:100%;
			height:100%;
			}
	ul#menu li.selected {
		background:url(img/selected-bg.gif) no-repeat top right #625549;
		}
	ul#menu li.selected a {
		color:#fff;
		}
#Footer {
	position:absolute;
	bottom:30px;
	right:30px;
	max-width:100%;
	overflow:hidden;
	color:#a9917b;
	font-size:90%;
	}
/* Home
-----------------------------------------------*/
#Content #home-banner {
	background:url(img/home-banner-bg.jpg) no-repeat top left;
	width:961px;
	height:280px;
	padding-top:81px;
	}
#Content #ganbara-banner {
	background:url(img/ganbara-banner-bg.jpg) no-repeat top left;
	width:961px;
	height:280px;
	padding-top:81px;
	}	
#home-banner h2 {
	text-indent:-990%;
	overflow:hidden;
	height:55px;
	margin-left:0px;
	}
#home-banner h2 a {
	display:block;
	width:100%;
	height:100%;
	}

#home-banner h2.visita {
	background:url(img/virtual-bg_es.gif) no-repeat top left;
	width:259px;
	margin-top:126px;
	}
#home-banner h2.video {
	background:url(img/video-bg_es.gif) no-repeat top left;
	width:253px;
	margin-top:20px;
	}
#menu-side-container { /* aqui va el contenido que esté al lado del menu */
	margin-left:270px;
	}
.wider {
	margin-left:295px !important;
	}
#menu-side-container  p {
	margin:10px 10px 10px 0;
	font-size:95%;
	}
h3.section-title, h4.button, h3.subtitle {
	text-indent:-900%;
	overflow:hidden;
	}
	h3.section-title a , h4.button a, h3.subtitle a{
		display:block;
		width:100%;
		height:100%;
		}
h3#us-tit{
	background:url(img/quienes-title_es.gif) no-repeat top left;
	width:151px;
	height:26px;
	margin-top:20px;
	}
h3#ganbara-tit{
	background:url(img/ganbara-title.gif) no-repeat top left;
	width:151px;
	height:26px;
	margin-top:20px;
	}	
/* Carta
-------------------------------------------------*/




#inner-banner {
	background:url(img/inner-banner-bg.jpg) no-repeat top left;
	width:961px;
	height:39px;
	padding-top:17px;
	}	
#inner-banner h2 {
	text-indent:-990%;
	overflow:hidden;
	height:26px;
	margin-left:0px;
	margin-top:2px;
	float:right;
	}
#inner-banner h2 a {
	display:block;
	width:100%;
	height:100%;
	}

#inner-banner h2.visita {
	background:url(img/inner-visita.gif) no-repeat top left;
	width:155px;
	margin-right:10px;
	}
#inner-banner h2.video {
	background:url(img/inner-video.gif) no-repeat top left;
	width:154px;
	}
#left-sider {
	width:265px;
	float:left;
	padding:10px;
	}
h3#carta-tit {
	background:url(img/carta-title_es.gif) no-repeat top left;
	width:226px;
	height:29px;
	margin-top:15px;
	margin-left:5px;
	}	
#left-sider p {
	margin:5px;
	font-size:90%;
	line-height:180%;
	}
h4#sidreria-btn {
	background:url(img/menu-btn_es.gif) no-repeat top left;
	width:262px;
	height:52px;
	margin-top:5px;

	}
h4#carta-btn {
	background:url(img/carta-btn_es.gif) no-repeat top left;
	width:262px;
	height:54px;
	margin-top:5px;
	}
	
.board {
	background:url(img/board-bg.jpg) no-repeat top left;
	width:620px;
	height:323px;
	padding:10px;
	margin:20px 25px 0 0;
	float:right;
	}
h3#sub-carta {
	background:url(img/carta-subtit_es.jpg) no-repeat top left;
	width:167px;
	height:24px;
	margin:20px auto 0;
	}
h3#sub-menu {
	background:url(img/menu-subtit_es.jpg) no-repeat top left;
	width:184px;
	height:28px;
	margin:20px auto 0;
	}

.board ul#categories {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	color:#f1ede3;
	font-style:italic;
	width:280px;
	margin:10px auto;
	}
	.board ul#categories li {
		float:left;
		padding:5px 15px;
		height:20px;
		}
	.board ul#categories li a {
		color:#f1ede3;
		text-decoration:none;
		}
	
	.board ul#categories li.selected {
		font-weight:bold;
		background:url(img/menu-selected.gif) repeat-x top left;
		}
ul.items {
	margin-left:30%;
	margin-top:10px;
	}
	ul.items li {
		padding:2px;
		list-style:inside disc;
		color:#f2ede4;
		font-size:90%;
		}
.slideshow {
	text-align:center;
	}
.slideshow img {
	margin-right:4px;
}

/* Contacto
---------------------------------------*/	
#contact-tit {	
	background:url(img/contact-tit_es.jpg) no-repeat top left;
	width:162px;
	height:26px;
	margin:20px;
	}
.contact {
	background:url(img/contact-bg.jpg) no-repeat bottom right;
	height:293px;
	}
#horizontal-content {
	clear:both;
	}
.contact p {
	width:250px;
	line-height:180%;
	margin-left:20px;
	}
ul.data {
	margin-left:20px;
	margin-top:30px;
	}
	ul.data li {
		padding:5px;
		list-style:inside disc;
		color:#5a5047;
		}
form#contacting {
	background:url(img/form-bg.jpg) no-repeat top left;
	width:651px;
	height:204px;
	padding:10px 20px;
	color:#f3f0e8;
	margin-top:5px;
	}
	form#contacting fieldset {
		float:left;
		width:370px;
		margin-top:23px;
		margin-left:10px;
		border:none;
		}
	form#contacting fieldset:first-child {
		width:255px;
		margin:0;
		}
	form#contacting legend {
		margin-bottom:5px;
		}
		form#contacting legend span {
		background:url(img/form-legend_es.jpg) no-repeat top left;
		width:257px;
		display:block;
		height:18px;
		text-indent:-900%;
		overflow:hidden;
		float:left;
		
		}
	form#contacting input, form#booking input {
		border:none;
		background:url(img/input-bg.gif) no-repeat top left;
		width:241px;
		height:14px;
		padding:4px;
		}
	form#contacting textarea {	
		background:url(img/textarea-bg.gif) no-repeat top left;
		width:361px;
		height:104px;
		padding:4px;
		border:none;
		}
	form#contacting label {	
		font-size:90%;
		display:block;
		margin:5px 0;
		}
	
	form#contacting input#submit {
		border:none;
		background:url(img/submit-bg.gif) no-repeat top left;
		width:64px;
		height:35px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#483e36;
		cursor:pointer;
		text-transform:uppercase;
		font-weight:bold;
		font-size:90%;
		float:right;
		margin-top:10px;
		}
/* Ubicación
--------------------------------------------*/
#location-tit {	
	background:url(img/location-tit_es.gif) no-repeat top left;
	width:162px;
	height:29px;
	margin:20px 10px;
	}
#left-sider ul.data {
	margin-left:0;
	}
#map-container {
	margin-top:20px;
	height:370px;
	width:660px;
	border:#CCCCCC solid 1px;
	}
h4#print {
	background:url(img/print-btn.gif) no-repeat top left;
	width:83px;
	height:20px;
	text-indent:8px;
	font-size:90%;
	font-weight:normal;
	line-height:17px;
	margin:30px 20px;
	}	
	h4#print a {
		display:block;
		width:100%;
		height:100%;
		color:#f6f4ed;
		text-decoration:none;
		}
/* Noticias
----------------------------------------------------------*/
.news-body {
	width:580px;
	float:left;
	margin:20px;
	color:#5a5047;
	min-height:293px;
	}
.news-body h2 {
	color:#5a5047;
	font-size:150%;
	}
.news-body h2 strong {
	color:#a6988f;
	font-weight:normal;
	}
	
.news-body p {
	line-height:180%;
	margin:10px 0;
	}
.news-gallery {
	float:right;
	margin:20px 20px 20px 0;
	}	
.news-gallery p, .title p {
	text-align:center;
	width:200px !important;
	margin:0 auto !important;
	}
.news-gallery a.prev, .title a.prev {
	background:url(img/prev-arrow.gif) no-repeat top left;
	display:block;
	height:23px;
	width:70px;
	float:left;
	padding-left:25px;
	color:#625549;
	font-size:90%;
	}
.news-gallery a.next,  .title a.next {
	background:url(img/next-arrow.gif) no-repeat top right;
	display:block;
	height:23px;
	width:70px;
	padding-right:25px;
	float:left;
	color:#625549;
	font-size:90%;
	}
#display {
	margin:10px 0 15px;
	text-align:center;
	}
h4.zoom {
	background:url(img/zoom-btn.gif) no-repeat top left;
	width:73px;
	height:20px;
	line-height:18px;
	font-weight:normal;
	font-size:85%;
	text-indent:8px;
	margin:0 auto;
	}
h4.zoom a {
	display:block;
	width:100%;
	height:100%;
	color:#f6f4ed;
	text-decoration:none;
	}
h3#news-tit {	
	background:url(img/news-title_es.gif) no-repeat top left;
	width:179px;
	height:17px;
	float:left;
	}
p.paginator {
	float:right;
	margin:0px 20px 20px !important;
	}	
p.paginator a.prev {
	background:url(img/prev.gif) no-repeat left 5px;
	padding-left:10px;
	}
p.paginator a.next {
	background:url(img/next.gif) no-repeat right 5px;
	padding-right:10px;
	}
p.paginator a {
	margin:0 2px;
	}
p.paginator a.selected {
	font-weight:bold;
	}
ul.news-list li {
	list-style:inside disc;
	padding:2px 5px;
	}
ul.news-list li a {
	text-decoration:none;
	}

ul.news-list li.selected a {
	color:#342e29;
	text-decoration:underline;
	}
/* Reservar mesa 
------------------------------------------*/
form#booking {
	background:url(img/book-form-bg.gif) no-repeat top left;
	width:277px;
	height:314px;
	color:#f2efe6;
	}
	form#booking fieldset {
		border:none;
		padding:10px;
		padding-top:5px;
		
		}
	#booking legend span {
		background:url(img/book-legend_es.jpg) no-repeat top left;
		width:145px;
		height:15px;
		text-indent:-900%;
		overflow:hidden;
		display:block;
		float:left;
		margin-top:10px;
		}
	form#booking label {
		font-size:90%;
		display:block;
		margin:5px 0;
			}	
	form#booking select {
		background:url(img/select-bg.gif) no-repeat top left;
		border:none;
		width:70px;
		height:22px;
		padding:2px 0 2px 2px;
		margin-right:9px;
		}
	form#booking input#submit {
		background:url(img/book-btn.gif) no-repeat top left;
		width:81px;
		height:32px;
		text-transform:uppercase;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#483e36;
		cursor:pointer;
		font-weight:bold;
		font-size:90%;
		border:none;
		float:right;
		margin-top:5px;
		margin-right:10px;
		}
form#booking input#id_people, form#booking input#id_time {
width:65px;
background:url(img/input-bg-small.gif) no-repeat top left;
}
form#booking input#id_people {
margin-right:8px;
}
form#booking select#id_table {
margin-right:15px;
}

span.notice {
	font-size:85%;
	width:150px;
	display:block;
	float:left;
	}
h3#table-tit {
	background:url(img/table-tit_es.gif) no-repeat top left;
	width:244px;
	height:19px;
	margin-top:20px;
	}
.table {
	float:left;
	margin:10px 5px;
	}	
.table h4.special {
	background:url(img/mesa-especial_es.gif) no-repeat 90% center #625549;
	width:303px;
	height:30px;
	text-indent:-900%;
	margin-left:3px;
	}
.table h4.standar {
	background:url(img/mesa-standar_es.gif) no-repeat 90% center #625549;
	width:303px;
	height:30px;
	text-indent:-900%;
	margin-left:4px;
	}
#acerca-tit {
	background:url(img/acerca-tit.gif) no-repeat top left;
	width:352px;
	height:25px;
	}
.no-m {
	margin:0 !important;
	}
/* Productos
---------------------------------------------*/
#products, #video {
	width:900px;
	margin:30px auto 0;
	min-height:293px;
	}

.product {
	float:left;
	width:250px;
	color:#573e33;
	font-size:85%;
	}
.product img {
	float:left;
	margin:0 5px 5px 0;
	}
	.product h3 {
		color:#573e33;
		font-size:100%;
		margin-top:50% !important;
		margin-top:10%;
		}

#products a#left , #products a#right { 
	width:47px;
	height:63px;
	display:block;
	float:left;
	text-align:center;
	text-indent:-900%;
	margin-top:100px;
	}
#products a#left {
	background:url(img/left.gif) no-repeat top left;
	margin-right:20px;
	}

#products a#right {
	background:url(img/right.gif) no-repeat top left;
	margin-left:20px;

	}
h3#products-tit {
	background:url(img/products-tit.gif) no-repeat top left;
	width:209px;
	height:19px;
	}

/* Instalaciones
-----------------------------------------------*/
#select-tit {
	background:url(img/select-tit.gif) no-repeat top left;
	width:208px;
	height:17px;
	float:left;
	}
#inst-tit {
	background:url(img/inst-tit.gif) no-repeat top left;
	width:212px;
	height:25px;
	margin-top:10px;
	margin-left:10px;
	}
.title {
	margin:25px auto 0;
	width:545px;
	height:40px;
	}
.title p {
	float:right;
	}

.gallery {
	width:545px;
	margin:10px auto;
	}
.gallery img {
	padding:2px;
	margin:0 10px 15px 0;
	}
.gallery a.selected img  {
	border:1px solid #6d5c4b;
	}

ul.errorlist li {
color:#FF0000;
font-size:10px;
}
	
	



#MenuTex p {
line-height:158%;
}