/* CSS Errialde Restaurante */

/* Estilos especificos del web */
* {
	margin:0px;
	padding:0px;
}
body {
	color:#000;
	font:80% "Trebuchet MS", Arial, Tahoma, Verdana;
	margin:0px;
	padding:0px;
	background:#fff url(../img/fondo-body.gif) left top repeat-x;
}

h1 {
	margin:16px 0 0 40px;
	padding:0px;
}
h2 {
	margin:0px 18px 0 0;
	padding:0px;
	float:right;
	font:150% Georgia, "Times New Roman", Times, serif;
	color:#ccc;
}

h3 {
	font: normal 150% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#A13A12;
	margin:0px;
	padding:0px;
}
h3 a{
	color:#A13A12;
	display:block;
	padding:0 3px;
}
h3 a:hover{
	background-color:#A13A12;
	color:#fff;
	text-decoration:none;
}
.col-2-int h3 {
	margin-bottom:25px;
	text-transform:uppercase;
}

h4 {
	font: normal 140% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	margin:0px;
	padding:0px 0 20px;
}

p {
	margin: 0 0 8px 0;
	padding:0px;
}

a {
	text-decoration:none;
	color: #666;
}
a:active, a:focus {
	color:#A13A12;
	text-decoration:underline;
}
a:hover {
	color:#A13A12;
	text-decoration:underline;
}
img {
	border-style:none;
}
.ocultar {
	display:none;
}
.clear {clear: both; font-size:0.01em;
}

/* -- paginas interiores -- */

#contenedor{
	width:966px;
	margin: 0px auto;
	background: url(../img/fondo-contenedor.gif) left top repeat-y;	
}

#top {
	background:url(../img/fondo-top.gif) left top no-repeat;
	height:10px;
}
#izq {
	background:url(../img/fondo-izq.gif) left top no-repeat;
	width:13px;
	height:240px;
	float:left;
}
#dcha {
	background:url(../img/fondo-dcha.gif) left top no-repeat;
	width:11px;
	height:240px;
	float:right;
}

#contenido {
	min-height:447px;
	width:940px;
	float:left;
}

#head {
	float:left;
	background:url(../img/fondo-head.gif) left top repeat-x;
	height:300px;
	width:942px;
}

.col-a {
	float:left;
	width:260px;
}
.col-a ul{
	margin:35px 0 0;
	padding:0px;
}
.col-a li{
	padding:0px 0 0px 0px;
	margin:0px 20px 0 0;
	list-style-type:none;
	text-transform:uppercase;
}

.col-a li a{
	color:#fff;
	font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px 0 5px 40px;
	display:block;
}
.col-a li a:hover{
	color:#fff;
	background-color:#630;
	text-decoration:none;
}

.col-a .current {
	background-color:#000;
	color:#fff;
	padding:5px 0 5px 40px;
	display:block;
}

.col-b {
	float:right;
	width:660px;
	background-color:#000;
	height:294px;
}
.col-b ul{
	margin:18px 0 10px 10px;
	padding:0px;
}
.col-b li{
	margin:0px;
	padding:0px 10px 0 10px;
	display:inline;
	list-style-type:none;
}


.col_izq {
	float:left;
	width:200px;
	padding:0 20px;
	margin:18px 40px 20px 0px;
}
.col_dcha {
	float:left;
	width:450px;
	padding:15px 0 0 20px;
}

.col-1 {
	float:left;
	background-color:#000;
}
.col-1 img{
	margin:30px;
}
.col-2 {
	float:left;
	width:230px;
	margin:30px 0 0 40px;
}

.col-2 ul {
	margin:10px 0 0;
	padding:0px;
}
.col-2 li {
	margin:0px;
	padding:3px 0;
	border-bottom:1px dotted #ccc;
	list-style-type:none;
}
#carta{
	border-right:1px dashed #999;
	padding:0 50px 0 15px;
}

.col-1-int {
	float:left;
	width:369px;
	height:320px;
	margin:20px 0 20px 60px;
	padding:12px 12px 0 12px; 
	background:url(../img/fondo-fotos.gif) left top no-repeat;
}
#foto {
	width:368px;
	height:272px;
}

.col-1-int ol {
	margin:10px 0px 0;
	padding:0x;
	float:right;
	height:30px;
}
.col-1-int li {
	margin:0px;
	padding:0x 10px;
	list-style-type:none;
	display:inline;
	color:#ccc;
	}
.col-1-int li a {
	color:#666;
	padding:2px 3px 8px;
}
.col-1-int li a:link {
	color:#999;
}
.col-1-int li a:visited {
	color:#000;
}
.col-1-int li a:active, .col-1-int li a:focus {
	background-color:#A13A12;
	color:#fff;
}
.col-1-int li a:hover {
	color:#A13A12;
	background-color:#efefef;
	text-decoration:none;
}
.col-2-int {
	float:left;
	width:420px;
	margin:20px 0 0 30px;
}
.carta {
	float:left;
	width:890px;
	margin:20px 0 0 30px;
	color:#333;
}
.carta p{
  	
	line-height:110%;
	color:#333;
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
}

.menu, .menu2{
	float:left;
	width:200px;
	margin:0px 30px 0 0;
  	font:85% Tahoma, Geneva, sans-serif;
	line-height:110%;
}
.menu2{
	margin-right:0px;
}
.menu h4, .menu2 h4 {
  	border-top:8px solid #eee;
	font-size:150%;
	margin:20px 0;
	padding:0px;
	color:#A13A12;
}
.menu span {
	color:#666;
	font-weight:bold;
	margin:5px 0;
	padding:0px;
}
.menu ul, .menu2 ul {
	margin:3px 0 8px 10px;
	padding:0px;
}
.menu li, .menu2 li {
	margin:0px;
	padding:3px 0;
	list-style-type:none;
	color:#666;
}
.menu dt {
	color:#000;
	font-weight:bold;
}
.menu dd {
	color:#666;
	padding:0 0 5px 8px;
	border-bottom:1px dotted #ccc;
	margin-bottom:3px;
}
.bocatas li {
	border-bottom:1px dotted #ccc;
	padding:7px 0;
	margin:0px;
}
.sand li {
	border-bottom:1px dotted #ccc;
	padding:7px 0;
	margin:0px;
}

/*---- ubicacion -------- */

.col-1-mapa {
	float:right;
	width:590px;
	margin:20px 30px 20px 0px;
	padding:5px;
	border:1px solid #ccc; 
}
.col-2-mapa {
	float:left;
	width:280px;
	margin:20px 0 0px 20px;
}


/* ------- */ 
.texto{
	float:left;
	width:890px;
	margin:20px 0 0 30px;
	color:#333;
}
.texto h3{
	margin-bottom:20px;
}
.texto ul {
	margin:5px 0;
	padding:0px;
}
.texto li {
	margin:0px 0 0px 25px;
	padding:5px 0;
	list-style-type: square;
}

/*-----------------------------
----------pie -----------------*/

#pie{
	padding:10px 0 0px 0px;	
	height:22px;
	color:#333;
	background:#fff url(../img/fondo-pie.gif) left top no-repeat;
	font-size:90%;
}
.izq {	
	float:left;
	margin-left:20px;
}
.dcha {	
	float:right;
	margin-right:20px;
	color:#666;
}


/* ------------------------------
-------- contenido -------------*/ 


/* -- Formulario -- */

#formulario, .gracias {
	float:right;
	width:450px;
	color:#333333;
	padding:15px 20px 15px 15px;
	margin:40px 40px 20px 0;
	text-align:right;
	border:3px solid #ccc;
}

label{
	margin-bottom:0px;
	
	
}
input, textarea{
	width:83%;
	border:0px solid #fff;
	border-bottom: 1px dashed #666666;
	margin-bottom:3px;
	font:90% "Trebuchet MS", Arial, Tahoma, Verdana;
	color:#333333;
	vertical-align:middle;
}
textarea{
	height:50px;
}
.boton{
	width:70px;
	border:1px solid #666666;
	color:#666666;
	margin:8px 0px 0px 130px;
	cursor:pointer;
	text-transform:uppercase;
}
.check {
	width:20px;
	text-align:left;
	border-style:none;
}

/* -------------------------------
--------- Xfade para la HOME-----*/

#imageContainer {
	position:relative;
	margin:auto;
	width:837px;
	height:416px;
	background: url(../img/img_home_02.jpg) center no-repeat;
}

#imageContainer img {
	display: none;
	opacity: 0.1;
}