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

body {font:14px verdana, arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small }

table {font-size:inherit;font:100%;}

select, input, textarea {font:99% Verdana, Arial, Helvetica, sans-serif;}

pre, code {font:115% monospace;*font-size:100%;}

body * {line-height:1.22em;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

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

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}

html, body{ 
 	margin:0; 
 	padding:0; 
 	text-align:center; 
 	background-color:#FFFFFF;
} 

#header {
	height: 125px;
	background-color:#000000;
	margin-top: 10px;
	width: 100%;
}

#header #logo {
	height: 125px;
	width: 170px;
	float: left;
}

#header #titulo {
	height: 125px;
	float: left;
}

#header #contacto {
	height: 85px;
	width: 200px;
	float: right;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-variant:small-caps;
	margin-top: 30px;
}

#header #contacto a:link, #header #contacto a:visited{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #9999CC;
	text-decoration: underline;
}

#header #contacto a:hover{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#pagewidth{ 
	width:955px; 
 	background-color:#FFFFFF;
 	text-align:justify;  
 	margin-left:auto; 
 	margin-right:auto;
}

#menu {
	position : relative;
	float: left;
	width: 955px;
	height: 20px;
	margin-top: 1px;
	clear: both;
}

#menu ul li, #menu ul li a:link, #menu ul li a:visited{
	list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	text-align: center;
	width: 158px;
	border-left: 1px solid #FFFFFF;
	height: 20px;
	display: inline;
	background-color: #bcb6a9;
	display: block;
	float: left;
}

#menu ul li a:hover{
	background-color: #000000;
	text-decoration: none;
}

#home-menu {
	position : relative;
	float: right;
	width: 360px;
	height: 360px;
	margin-top: 25px;
}

#home-menu ul li, #home-menu ul li a:link, #home-menu ul li a:visited{
	list-style-type: none;
	color: #FFFFFF;
	text-decoration: none;
	font: 32px Gregorian, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 360px;
	height: 50px;
	display: inline;
	background-color: #bcb6a9;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#home-menu ul li a:hover{
	list-style-type: none;
	color: #000000;
	text-decoration: none;
	font: 32px Gregorian, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 360px;
	height: 50px;
	display: inline;
	background-color: #bcb6a9;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#home-portada {
	position : relative;
	float: left;
	width: 570px;
	height: 500px;
	margin-top: 25px;
}

#home-portada img {
	width: 570px;
	height: 350px;
}

#home-portada h1 {
	width: 560px;
	height: 30px;
	background-color: #bcb6a9;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #ffffff;
	padding-left: 10px;
	margin-top: 10px;
}

#line {
	clear: both;
	width: 100%;
	font-size: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bcb6a9;
}

#carta-platos-img {
	width: 300px;
	position: relative;
	float: left;
	margin-top: 37px;
}

#carta-platos {
	width: 625px;
	position: relative;
	float: right;
	margin-top: 20px;
}

#carta-platos h1{ 
	margin: 15px 0 15px 0;
	width: auto;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
	background-color: #bcb6a9;
    padding-left: 3px;
    text-align: left;
}

#carta-platos #plato{
	margin: 5px 0 5px 0;
	height: 130px;
	overflow: hidden;
	border: 1px solid #878787;
}

#carta-platos #plato #plato-head h2{
	height: 20px;
	background-color: #000000;
	color: #FFFFFF;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 5px 0 5px;
}

#carta-platos #plato #plato-head h2 a:link, #carta-platos #plato #plato-head h2 a:visited{
	height: 20px;
	background-color: #000000;
	color: #FFFFFF;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#carta-platos #plato #plato-head h2 a:hover{
	height: 20px;
	background-color: #000000;
	color: #bcb6a9;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#carta-platos #plato p{
	color: #000000;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
}

#carta-platos #plato p a:link, #carta-platos #plato p a:visited{
  color: #878787;
  text-decoration: none;
}

#carta-platos #plato p a:hover{
  color: #000000;
}

#carta-platos #plato #plato-img{
	width: 130px;
	height: 130px;
	position: relative;
	float: left;
}

#menu-platos-img {
	width: 300px;
	position: relative;
	float: left;
	margin-top: 37px;
}

#menu-platos {
	width: 625px;
	position: relative;
	float: right;
	margin-top: 20px;
}

#menu-platos h1{ 
	margin: 15px 0 15px 0;
	width: auto;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
	background-color: #bcb6a9;
    padding-left: 3px;
    text-align: left;
}

#menus {
	width: auto;
	position: relative;
	float: right;
	margin-top: 20px;
}

#menus h1{ 
	margin: 15px 0 15px 0;
	width: auto;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
	background-color: #bcb6a9;
    padding-left: 3px;
    text-align: left;
}

#menus h2{ 
	margin: 10px 0 10px 0;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #000000;
	background-color: #bcb6a9;
    padding-left: 3px;
    text-align: left;
}

#menus a:link, #menus a:visited{
  color: #878787;
  text-decoration: none;
}

#menus a:hover{
  color: #000000;
}

#menu-platos #plato{
	margin: 5px 0 5px 0;
	height: 130px;
	overflow: hidden;
	border: 1px solid #878787;
}

#menu-platos #plato #plato-head h2{
	height: 20px;
	background-color: #000000;
	color: #FFFFFF;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 5px 0 5px;
}

#menu-platos #plato #plato-head h2 a:link, #menu-platos #plato #plato-head h2 a:visited{
	height: 22px;
	background-color: #000000;
	color: #FFFFFF;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#menu-platos #plato #plato-head h2 a:hover{
	height: 22px;
	background-color: #000000;
	color: #bcb6a9;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#menu-platos #plato p{
	color: #000000;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
	padding-left: 15px;
}

#menu-platos #plato p a:link, #menu-platos #plato p a:visited{
  color: #878787;
  text-decoration: none;
}

#menu-platos #plato p a:hover{
  color: #000000;
}

#menu-platos #plato #plato-img{
	width: 130px;
	height: 130px;
	position: relative;
	float: left;
}

#menu-platos h3{ 
	width: auto;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
	background-color: #bcb6a9;
    padding-right: 5px;
    text-align: right;
	margin-bottom: 10px;
}

#restaurante {
	width: 625px;
	position: relative;
	float: left;
	margin-top: 20px;
}

#restaurante h1{ 
	margin: 15px 0 15px 0;
	width: auto;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
	background-color: #bcb6a9;
    padding-left: 3px;
    text-align: left;
}

#restaurante p{
	color: #000000;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
}

#restaurante-img {
	width: 300px;
	position: relative;
	float: right;
	margin-top: 37px;
}

#restaurante-img img {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 140px;
	height: 140px;
}

#receta-plato {
	width: 625px;
	position: relative;
	float: right;
	margin-top: 20px;
}

#receta-plato h1{ 
	margin: 15px 0 15px 0;
	width: auto;
	font-family: Gregorian, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
    color: #000000;
	background-color: #bcb6a9;
    padding-left: 3px;
    text-align: left;
}

#receta-plato p{
	color: #000000;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
}

#receta-img {
	width: 300px;
	position: relative;
	float: left;
	margin-top: 37px;
	margin-bottom: 15px;
}

#footer {
	margin-bottom: 10px;
}

#footer p {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	text-align: justify;
	padding-top: 5px;
}

#footer p a:link, #footer p a:visited{
	color: #938e84;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	text-align: justify;
	padding-top: 5px;
	text-decoration: none;
}

#footer p a:hover {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	text-align: justify;
	padding-top: 5px;
}