@font-face
{
font-family: 'Gothic';
src: url('../fonts/gothic.ttf');

}

@font-face
{
font-family: 'LeagueGothic';

src: url('../fonts/LeagueGothic-Regular.eot');
src: url('../fonts/LeagueGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/LeagueGothic-Regular.woff') format('woff'),
url('../fonts/LeagueGothic-Regular.ttf') format('truetype');
}

body {
	background:black url('img/bk4.png') repeat;
	margin:0;
	width:auto;
	font-family: Calibri,'Gothic',"Trebuchet MS",'Helvetica Neue',Arial;
	
}

li {
	display:inline;
	margin:20px;
}

ul, .inline {
	display:inline;
}

.menu-gallery a , .postres-gallery a {
	color:black;
}

a {
	text-decoration:none;
}

a:hover {
	color:#65BD5A;
}

.tipBody {
	font-size:0.9em;
}

label, button{
margin-top: 0.5em;
display:block;
}

button {
border-radius: 4px;
height: 30px;
background: transparent;
font-family: inherit;
font-weight: bold;
color: white;
}

input {
margin-top:0.5em;
display:inline;
}

#menu, .whiteheader , #listacorreo label, .whiteheaderS{

text-shadow: 2px 2px 3px rgba(30, 30, 30, 0.85);

}

#menu, .whiteheader , #listacorreo label, .whiteheaderS, a, .textoblanco , .textoblancoS, .whiteheaderT {
	color:#F1F1F1;
}

.parrafo {
	margin-bottom:2em;
}

.whiteheader {
	font-family:LeagueGothic;
	display:block;
	font-size:3em;
	line-height:1em;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #444, 0px 6px 0px #333, 0px 7px 7px #001135;
	margin-bottom:20px;
}

.whiteheaderS{
	font-size:2em;
	line-height:2em;
	font-family:LeagueGothic;
}

.whiteheaderT{
	font-size:1.2em;
	line-height:1.2em;
	font-family:LeagueGothic;
}

.greenheader {
	font-family:LeagueGothic;
	font-size:3em;
	line-height:1.5em;
	text-shadow: 1px 1px 1px #FAFFF7;
	color:#62A23D;
	display:inline;
}

.greyheader {
	font-family:LeagueGothic;
	font-size:2em;
	line-height:1.5em;
	text-shadow: 1px 1px 1px #FFF4E0;
	color:#5B5B5B;
	display:inline
}

.greenhr {
	width:70%;
	margin:-0.4em auto 0.5em auto;
	height:1px;
	background-color:#62A23D;
}

.texto ,.textoblanco{
	font-size:1.6em;
	line-height: 1em;
}

.embossed {
text-shadow: 1px 1px 1px rgba(255, 249, 221, 1);
}

.texto + .texto, .textoblanco + .textoblanco {
	margin-top:1em;
}

.centradoHor{
	text-align:center;
}

.centradoVer{
	text-align:justify;
	margin-bottom: 20px;
}

.cuadro{
	position:absolute;
	z-index:3;
}

.contentCarta{
	padding: 2em 1em 2em 1em;
	height: 80%;
}

.clavo{
	position:relative;
	left: 5%;
top: 60px;
}
 
.clavo2{
	position:relative;
	left: 93%;
	top: -80px;
}

.fitmenu{
	padding-top:1em;
}

.icono:hover span{
	-webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	transform: scale(2, 2);
}

.icono span {
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	transition: all 100ms ease;
}

.tooltip , .tipHover{
	text-decoration:none !important;
	color:#F1F1F1 !important;
}

.tooltip:hover {
	color:#65BD5A !important;
}

.small {
font-size:1.4em;
}

@media screen and (max-width: 600px) {
	#menu{
		font-family:Gothic;
		font-size:1.4em;
		margin-bottom:2em;
		text-align:center;
		background: url('img/menucompleto.png');
		background-position:top center;
		width:100%;
		height:264px;
		position:fixed;
		z-index:200;
	}
}

#localizacion{
	margin-bottom:4em;

}

#menu {
  font-family: Gothic;
  font-size: 1.4em;
  margin-bottom: 2em;
  text-align: center;
  background-position: top center;
  width: 100%;
  height: 70px;
  position: fixed;
  z-index: 200;
  background-color: #4b4e53;
  opacity:90%;
}

#ribbon {
  background-color: #4b4e53;
  height: 6px;
  width: 100%;
  position: fixed;
  margin-top: 74px;
  z-index: 200;
  opacity:90%;
}

#footer {
	text-align:center;
	padding:2em 0 0.8em 0;
}

#galeria  img{
	max-width:99%; 
	max-height:99%;
}

#location,#carta,#inicio,#listacorreo {
width:100%;
background-position:center;
position:relative;
overflow:auto;
}

#carta {
padding-top:8em;
padding-bottom:4em;
z-index:3;
background:url('img/woodSierra.png') no-repeat;
background-size:100% 100%;
}

#location {
margin-top:-60px;
padding-top:12em;
padding-bottom:5em;
background:url('img/localizacion2.png') no-repeat;
background-size:100% 100%;
z-index:4;
}

#listacorreo {
margin-top:-60px;

background:black url('img/leather.jpg');
z-index:5;
}

#inicio {
z-index:1;
padding-top:100px;
}

#contacto p {
padding:0.5em 0;
}

#menuleft, #menuright{
	padding:0;
	display:inline-block;
	margin-top:110px;
}

#menuleft {
float:left;

}

#menuright{
float:right;

}

#leftside, #rightside {
text-align:center;
}

#leftside {

height: 70%;
overflow: hidden;
font-size: 1em;

}

#rightside {
height: 70%;
overflow: hidden;
font-size: 1em;
}

#intro {
	text-align:center;
}

#inforeserva , #novedades{
	text-align:center;
}

#mapa{
	position:relative;
	margin-top: 88px;
	margin-left: 9%;
	z-index:100;
	width: 78%;
	height: 380px;
}	

#costura{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:0;
	padding-bottom:3em;
	background-repeat: repeat-x;
    background-image: url("img/costura.png");
}

#marcoconmapa{
	background:url('img/goldembossedM.png') no-repeat;
	margin-bottom:100px;
	padding-bottom: 95px;
	background-position: 0px 3px;
	background-size:100% 100%;
}

#relleno  {
	width:100%;
	height:100%;
}

#listamenu{
	padding-top:1em;
}

#allselected{
	display:inline;
}

#mail {
	width:100%;
	height:200px;
}

#elmenu {
	height:100%;
	margin-bottom:120px;
	padding-bottom:2em;
	overflow: auto;
	background: url('img/carta.png');
	background-size: 100% 100%;
}

#slides{
position:absolute;
display:none;
width:354px;
top:117px;
left:147px;
z-index:2;
}

#logo{
position:absolute;
margin-bottom:3em;
text-align:center;
z-index:100;
}

.espacio{
width:607px;
height:600px;
}