/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* Reset Css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
	 font-family:Calibri,Arial, Helvetica, sans-serif;
	 font-size:15px;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea, select {
     margin: 0;
     padding: 0;
	 border:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* STYLES */

body {
	background:#fafaf8 url(../images/bg-body.jpg) no-repeat center -25px;
	}
a {
	text-decoration:none;
	color:#C50501;
}
p { 
	font-size:13px;
	line-height:16px;
	color:#6a6a6a;
}
label {
	font-size:12px;
}
input {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#main {
	/*background:url(../images/bg-content.jpg) repeat-y left top;*/
	width:960px;
	/*padding:0 20px;*/
	overflow:hidden;
	height:1%;
	margin:0 auto 40px;
	}

#header {
	/*padding:27px 31px 25px;*/
	background:url(../images/bg-content.jpg) repeat-y left top;
	margin:49px 0 0 0;
	overflow:hidden;
	height:90px;
	text-align:center;
	padding:5px 0 0 0;
	}

/* Content */
#content {
	background:url(../images/bg-content.jpg) repeat-y left top;
	overflow:hidden;
	height:1%;
/*	line-height:0;*/
	}
/* Menu */
#menu {
	background:url(../images/bg-menu.gif) no-repeat left top;
	height:62px;
	/*padding:0 15px;*/
	position:relative;
	z-index:100;
	width:820px;
	margin:0 0 0 70px;
	}

#menu ul{
	background:url(../images/bg-menu-ul.gif) repeat-x left top;
	height:61px;
	padding:0 0 0 10px;
	float:left;
	}

#menu ul li{
	float:left;
	margin:0 8px 0 0;
	height:61px;
	display:block;
	}
	
#menu ul li:hover a, #menu ul li.hover a{
	background:url(../images/btn-menu.gif) repeat-x 0 center;
	}
	
#menu ul li:hover ul, #menu ul li.hover ul{
	display:block;
	}
#menu ul li.active{
	background:url(../images/bg-active.gif) no-repeat right 11px ;
	/*font-weight:bold;*/
	}
#menu ul li.active a, #menu ul li.active:hover a{
	background:url(../images/bg-active.gif) no-repeat left 11px ;
	/*font-weight:bold;*/
	}

#menu ul li a:hover{
	/*background:url(../images/btn-menu.gif) repeat-x 0 center;*/
	}
#menu ul li a.active:hover{
	/*background:url(../images/btn-menu.gif) repeat-x 0 bottom;*/
	}
#menu ul li a{
	padding:21px 12px 0 20px;
	margin:0 8px 0 0;
	height:40px;
	display: block;
	color:#ffffff;
	font-family: "Lucida Sans", Arial, Tahoma;
	/*text-transform:uppercase;*/
	font-size:18px;
	float:left;
	text-shadow:#4b7a94 1px 1px 3px;
	}
	
#menu ul li a:hover{
	text-shadow:#a5c7db 0 0 3px;
	}

#menu .search{
	float:right;
	padding:16px 0 0;
	}

#menu .search input{
	float:left;
	}

#menu .search span{
	background:url(../images/bg-search.gif) no-repeat right 0;
	width:134px;
	height:15px;
	display:block;
	float:left;
	padding:4px 8px 5px 5px;
	}

#menu .search span input{
	font-size:12px;
	background:none;
	width:134px;
	}
/* Submenu */
#menu ul li ul{
	float:none;
	background:none;
	position:absolute;
	display:none;
	padding:0;
	margin:0;
	top:56px;
	left:0;
	width:138px;
	font-size:0px;
	}
#menu ul li ul li{
	float:none;
	margin:0;
	padding:0;
	height:36px;
	background:none;
	border-top: solid 1px #7f100e;
	}
#menu ul li ul{
	float:none;
	background:none;
	position:absolute;
	display:none;
	padding:0;
	margin:0;
	top:56px;
	left:0;
	font-size:0px;
	}
#menu ul li ul.about li, #menu ul li ul.about{
	width:232px;
	}
#menu ul li ul.cooked li, #menu ul li ul.cooked{
	width:138px;
	}
#menu ul li:hover ul.about li a, #menu ul li.hover ul.about li a, #menu ul li ul.about li a {
	width:192px;
	}
#menu ul li:hover ul.cooked li a, #menu ul li.hover ul.cooked li a, #menu ul li ul.cooked li a {
	width:98px;
	}
/* Content */
.video {
	width:800px;
	height:449px;
	border:1px solid #F4F4F2;
	padding:9px;
	margin:15px 0 0 70px;
	background:#F9F9F8;
	}

#player {
	width:799px;
	height:447px;
	background:#CCC;
	}

.related {
	display:block;
	clear:both;
	overflow:hidden;
	background:url(../images/bg-separator.gif) no-repeat center 16px; 
	padding:25px 0;
	height:1%;
	}
	
.related h3 {
	text-align:center;
	font-size:40px;
	color:#2f7197;
	display:block;
	clear:both;
	}

.reservas, .localizacion, .galeria {
	width:252px;
	float:left;
	padding:20px 0 0 20px;
	}
.reservas {
	padding:20px 0 0 80px;
	margin:0;
	}
.reservas div.cont, .localizacion div.cont, .galeria div.cont {
	background: url(../images/bg-separator-block.gif) repeat-x left top;
	display:block;
	clear:both;
	overflow:hidden;
	padding:20px 15px 15px;
	
	}
.reservas div.cont p, .localizacion div.cont p, .galeria div.cont p {
	color:#57574c;
	line-height:21px;
	padding:0 0 5px 2px;
	font-size:14px;
	}

.reservas div.cont a {
	color:#68954f;
	text-decoration:underline;
	}

.localizacion div.cont p.box {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:url(../images/localiza-home.gif) no-repeat;
	padding:18px 0 18px 15px;
	width:222px;
	}
.localizacion div.cont p.box a{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	color:#4b7b97;
	font-style:italic;
	}
.localizacion div.cont p.note {
	font-size:11px;
	padding:10px 0 0 0;
	line-height:17px;
	}

.galeria{
	text-align:center;
	}

.galeria div.cont ul {
	display:block;
	overflow:hidden;
	padding:0 0 0 15px;
	width:210px;
	}

.galeria div.cont ul li {
	float:left;
	padding:5px;
	border:1px solid #ecece9;
	background:#f9f9f8;
	margin:0 10px 10px 0;
	}
	
.galeria div.cont a {
	color:#994b25;
	text-decoration:underline;
	}
/* Localizacion */
.direccion {
	padding:0 0 20px 0;
}
.direccion div.cont p.box {
	background:transparent url(../images/localiza.gif) no-repeat scroll 0 0;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	padding:18px 10px 18px 10px;
	text-align:center;
	font-size:14px;
	line-height:20px;
	height:63px;
}
/* Sugerencias */
.testimonio {
	background: url(../images/bg-testimonio.gif) no-repeat 0 bottom;
	margin:0 0 20px;
}
.testimonio p{
	font-size:16px !important;
	color:#a5988f;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background: url(../images/bg-top-testimonio.gif) no-repeat 0 top;
	padding:20px 20px 10px !important;
}
.testimonio span{
	font-size:12px !important;
	color:#949185;
	text-align:center;
	background: url(../images/decor.gif) no-repeat center top;
	padding:25px 20px 25px !important;
	display:block;
}
.testimonio em{
	text-transform:uppercase;
}
.especialidad {
	padding:0 0 30px;
}
.content-esp {
	background:transparent url(../images/decor.gif) no-repeat scroll 120px bottom;
	padding:0 0 18px;
}
.content-esp ul li {
	clear:both;
	overflow:hidden;
	padding:0 0 5px;
	height:1%;
}
.price {
	text-align:right;
	margin:0 20px 0 0;
	color:#9f9f9f;
	font-size:16px;
	line-height:20px;
}
.platos {
	color:#6d6d64;
	font-size:16px;
	line-height:20px;
}
.platos em {
	width:100px; 
	text-align:right;
	padding:0 20px 0 0; 
	float:left; 
	display:block;
	color:#9f9f9f;
	font-size:16px;
}
/* Página Galería */
.galery {
	padding:20px 0 0 3px;
	overflow:hidden;
	height:1%;
}
.galery li{
	float:left;
}
.galery li a{
	padding:10px;
	display:block;
	float:left;
}
.galery li a:hover{
	background-color:#faf5f3;
	border:1px solid #f5e6df;
	padding:9px;
}
/* Footer */
#footer {
	background:url(../images/bg-footer-bottom.gif) no-repeat bottom;
	}
#footer p{
	background:url(../images/bg-footer.gif) no-repeat 71px top;
	padding:26px 25px;
	text-align:center;
	color:#CCC;
	}
	
#footer div {
	background:url(../images/bg-separator.gif) no-repeat top 16px;
	padding:50px 0 20px 0;
	}
	
.content-reservas {
	padding:10px 77px;
	display:block;
	clear:both;
	overflow:hidden;
	}

.left {
	float:left;
	width:215px;
	padding:20px
	}

.left p{ 
	line-height:23px;
	padding:0 0 5px;
	font-size:15px;
	}

.right {
	float:left;
	padding:15px 30px;
	}
	
.border-form {
	border:1px solid #f9f9f8;
	padding:8px;
	}

.form {
	background:#f7f7f7;
	padding:20px;
	width:432px;
	overflow:hidden;
	height:1%;
	}

.form ul {
	margin:0 0 16px 0;
	display:block;
	clear:both;
	overflow:hidden;
	}

.form ul li {
	float:left;
	padding:0 20px 0 0;
	overflow:hidden;
	}
.form ul li label{
	font-size:18px;
	color:#6D6D64;
	padding:10px 10px 0 9px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
.form ul li label.fumador{
	padding:10px 33px 0 9px;
	}
.form ul li .ui-datepicker-trigger{
	padding:6px 10px 0 10px;
	float:left;
	}
.form ul li .required{
	font-size:13px;
	color:#6D6D64;
	padding:0 0 0 9px;
	}
input.text, select {
	padding:5px;
	border:3px solid #e7e7e6;
	font-size:18px;
	color:#6d6d64;
	width:190px;
	}
input.reserva {
	background:url(../images/btn-reserva.gif) no-repeat 0 0;
	height:43px;
	width:160px;
	font-size:18px;
	color:#ffffff;
	cursor:pointer;
	}
.radio{
	padding:14px 0 0 15px !important;
	font-size:14px !important;
	float: left;
}
.radio input{
	width:15px !important;
	padding:1px 0 0 5px;
	border:none;
	float:left;
}
.last {
	padding:0 !important;
	}
.respuesta {
	font-size:15px;
	line-height:20px;
}
.respuesta p{
	font-size:15px;
	margin:0 0 5px;
}
/* Input */
textarea {
	padding:5px;
	border:3px solid #e7e7e6;
	font-size:18px;
	color:#6d6d64;
	width:416px;
	height:115px;
}
optgroup {
	font-style:normal;
}
.s-inp {
	border:solid 1px #b0afa7;
	}
.inp {
	border-bottom:solid 3px #d7d7d3;
	padding:4px 5px;
	}
/* MAPA */
#map {
	height:420px;
	width:472px;
	display:block;
	overflow:hidden;
}
/* Icon */
.icon-pdf {
	background:url(../images/icon-pdf.gif) no-repeat left top;
	}
.icon-disc {
	background:url(../images/icon-disc.gif) no-repeat 8px 6px;
	}
/* Border */
.bdr {
	border-right:solid 1px #efefef;
	}
.bdl {
	border-left:solid 1px #efefef;
	}
/* Float */
.f-l {float:left !important}
.f-r {float:right !important}
/* Width */
.w762 { width:762px !important}
.w470 { width:470px !important}
.w440 { width:440px !important}
.w360 { width:360px !important}
.w270 { width:270px !important}
.w240 { width:240px !important}
.w220 { width:220px !important}
.w206 { width:206px !important}
.w199 { width:199px !important}
.w190 { width:190px !important}
.w136 { width:136px !important}
.w120 { width:120px !important}
.w110 { width:110px !important}
.w86 { width:86px !important}
.w80 { width:80px !important}