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

html, body {
   margin:0;
   padding:0;
   height:100%;
}

h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:33px;
	color:#ffffff;
	padding:0;
	margin:0;
}

p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
}

#container {
   min-height:100%;
   position:relative;
}

#slide-principal{
	width:1000px;
	height:350px;
	margin:auto;
	padding-bottom:50px;
	
}

#header {
   background:url(../img/header.png) repeat-x;
   height:160px;
   margin-bottom:28px;   
}

#cabezera{
	width:1000px;
	margin:0 auto;
	position:relative;			
}

nav{
	width:1000px;
	height:60px;	
}

nav ul{
	padding:0;
	margin:0;
	list-style:none;	
}

nav li a{
	width:100px;
	padding-top:22px;
	color:#ffffff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	list-style:none;
	display:block;
	text-decoration:none;
	float:left;
	text-align:center;	
}

nav li a:hover{
	color:#ffcc00;
}

.derecha-menu{
	float:right;
}

#logo{
	width:287px;
	height:159px;
	background:no-repeat;
	position:absolute;
	left:340px;
	top:0;
}

#body {
   padding:10px;
   padding-bottom:275px;   /* Height of the footer */
}

#body2 {
   padding:10px;
   padding-bottom:335px;   /* Height of the footer */
}

#bg-explorer{
	margin:0;	
	padding:0;
	background:url(../images/7.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
}

.contenedormenuint{
	width:1000px;
	margin:0 auto;
	height:320px;
	margin:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.contenedoraboutint{
	background-color:#FFF;
	background-image:url(../img/about.jpg);
	color:#000;
	width:800px;
	height:495px;
	margin:0 auto;
	border:3px ridge #2C1B14;	
}

.contenedorawardsint{
	background-color:#FFF;
	background-image:url(../img/awards.jpg);
	color:#000;
	width:800px;
	height:495px;
	margin:0 auto;
	border:3px ridge #2C1B14;	
}

.contenedorreviewint{
	background:url(../img/canvas.jpg);
	color:#000;
	width:800px;
	height:495px;
	margin:0 auto;
	border:3px ridge #2C1B14;	
}

.contenedorcontactint{
	background:url(../img/canvas.jpg);
	color:#000;
	width:800px;
	height:100%;
	margin:0 auto;
	border:3px ridge #2C1B14;	
}

.titulos{
	background-color:#2C1B14;
	color:#FFF;
	height:25px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
}

.texto{
	text-align:left;
	padding:15px 10px 0 20px;
	margin:0 auto;
}

.texto-awww{
	text-align:left;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
}

.texto-rew{
	text-align:left;
	margin:0 auto;
	font-size:14px;
}

.rews{
	font-size:16px;
	padding:20px 0 30px 50px;
	text-align:left;
	font-weight:bold;
	color:#2C1B14;
}

.cnt{
	font-size:20px;
	padding:20px 0 30px 50px;
	text-align:left;
	font-weight:bold;
	color:#2C1B14;
}

.tiny{
	font-style:italic;
	text-align:left;
	padding-left:40px;
}

.tino{
	font-style:italic;
	text-align:left;
	padding:0 0 10px 240px;
}

.text-box{
	width:320px;
	height:470px;
	overflow:auto;
	border-right:3px ridge #2C1B14;
	background:url(../img/canvas.jpg);
}

.text-box-awards{
	width:800px;
	overflow:auto;
	border-bottom:3px ridge #2C1B14;
	background:url(../img/canvas.jpg);
}

.msg_body p.sub{
	font-size:12px;
	margin-left:20px;
}

.msg_body p.subtitle{
	font-size:11px;
	margin:-16px 0 10px 0;
	font-style:italic;
}

.msg_body li{
	list-style:none;	
}

.msg_body ul{
	-webkit-padding-start:0px;		
}

.msg_body p.peque{
	font-style:italic;
	font-size:11px;
}

.msg_list {
	list-style: none;
	margin-left: 80px;
	padding: 0;
	width: 850px;	
}

.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#2C1B14;
	margin:1px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

.msg_body{
	padding: 5px 10px 15px;
	background:url(../img/canvas.jpg);
	overflow:auto;
	text-align:left;	
}

.carta{
	float:left;
	padding-left:25px;
	width:250px;
}

.plato{
	float:left;
	width:230px;
}

.precio{
	text-align:right;
}

.izq{
	float:left;
	width:360px;
	padding-left:30px;
}

.der{
	float:right;
	width:350px;
	padding-right:60px;
}

.der a{
	float:right;
	padding-top:50px;
	background:url(../img/bg-menu.png) no-repeat;
	width:120px;
}

.der a:hover{
	background:url(../img/bg-menuh.png) no-repeat;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:275px;   /* Height of the footer */
   text-align:center;
   background:url(../img/bgfooter.jpg);
   text-shadow:#000 1px -1px 2px;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFF;
}

#footer2 {
   position:absolute;
   bottom:0;
   width:100%;
   height:335px;   /* Height of the footer */
   text-align:center;
   background:url(../img/bgfooter.jpg);
   text-shadow:#000 1px -1px 2px;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFF;
}

#pie{
	width:1000px;
	padding-top:25px;
	margin:0 auto;
}

#mail{
	width:206px;
	display:block;
	margin:0 auto;
	padding:0;
	float:left;
	margin-right:34px;
}

#copy{
	width:275px;
	display:block;
	height:230px;
	margin:0 auto;
	padding:0;
	float:left;
}

#copy ul li{
	text-align:left;
}

.copyrht{
	text-align:center;
}

.actual-home{
	width:50px;
	background-color:#ffcc00;
	height:5px;
	display:block;
	margin:55px 0 0 -275px;
	float:left;
}

.actual-about{
	width:80px;
	background-color:#ffcc00;
	height:5px;
	display:block;
	margin:55px 0 0 -189px;
	float:left;
}

.actual-menu{
	width:50px;
	background-color:#ffcc00;
	height:5px;
	display:block;
	margin:55px 0 0 -75px;
	float:left;
}

.actual-awards{
	width:70px;
	background-color:#ffcc00;
	height:5px;
	display:block;
	margin:55px -185px 0 0;
	float:right;
}

.actual-review{
	width:70px;
	background-color:#ffcc00;
	height:5px;
	display:block;
	margin:55px -85px 0 0;
	float:right;
}

.actual-contact{
	width:95px;
	background-color:#ffcc00;
	height:5px;
	display:block;
	margin:55px -300px 0 0;
	float:right;
}

.chrome{
	padding-top:20px;
}

#contact-form {   
    width:465px;     
    margin: 0 auto;
    -moz-border-radius:15px;   
    -webkit-border-radius:15px;   
    border-radius:15px;   
    position:relative;   
}
  
#contact-form input,   
#contact-form select,   
#contact-form textarea,   
#contact-form label {   
    font-size:15px;   
    margin-bottom:2px;   
}   
  
#contact-form input,   
#contact-form select,   
#contact-form textarea {   
    width:450px;   
    border: 1px solid #CEE1E8;   
    margin-bottom:20px;   
    padding:4px;   
}   
  
#contact-form input:focus,   
#contact-form select:focus,   
#contact-form textarea:focus {   
    border: 1px solid #ffcc00;   
    background-color: #EBF2F4;   
}   
  
#contact-form textarea {   
    height:150px;   
    resize: none;   
}   
  
#contact-form label {   
    display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}   
  
#contact-form .required {   
    font-weight:bold;   
    color:#F00;   
}   
  
#contact-form #submit-button {   
    width: 100px;
    color:#FFF;   
    border:none;   
    display:block;
    margin-bottom:0px;   
    margin-right:6px;   
    background-color:#2C1B14;
	-webkit-border-radius:4px;
}   
  
#contact-form #submit-button:hover {
	color:#ffcc00;
}   
  
#contact-form #submit-button:active {   
    position:relative;   
    top:1px;   
}   
  
#contact-form #loading {   
    width:32px;   
    height:32px;   
    background-image:url(../img/loading.gif);   
    display:block;   
    position:absolute;   
    rightright:130px;   
    bottombottom:16px;   
    display:none;   
}   
  
#errors {   
    border:solid 1px #E58E8E;   
    padding:10px;   
    margin:25px 0px;   
    display:block;   
    width:437px;   
    -webkit-border-radius:8px;   
    -moz-border-radius:8px;   
    border-radius:8px;   
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;   
    display:none;   
}   
  
#errors li {   
    padding:2px;   
    list-style:none;   
}   
  
#errors li:before {   
    content: ' - ';   
}   
  
#errors #info {   
    font-weight:bold;   
}   
  
#errors #info:before {   
    content: '';   
}   
  
#success {   
    border:solid 1px #83D186;   
    padding:25px 10px;   
    margin:25px 0px;   
    display:block;   
    width:437px;   
    -webkit-border-radius:8px;   
    -moz-border-radius:8px;   
    border-radius:8px;   
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;   
    font-weight:bold;   
    display:none;   
}   
  
#errors.visible, #success.visible {   
    display:block;   
}   
  
#req-field-desc {   
    font-style:italic;   
}   
  
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
input:required, textarea:required {   
    -moz-box-shadow:none;   
    -webkit-box-shadow:none;   
    -o-box-shadow:none;   
    box-shadow:none;   
}   
  
/* Normalize placeholder styles */  
  
/* chrome, safari */  
::-webkit-input-placeholder {   
    color:#CCC;   
    font-style:italic;   
}   
  
/* mozilla */  
input:-moz-placeholder, textarea:-moz-placeholder {   
    color:#CCC;   
    font-style:italic;   
}   
  
/* ie (faux placeholder) */  
input.placeholder-text, textarea.placeholder-text  {   
    color:#CCC;   
    font-style:italic;   
}