iframe { 
      display:block;
      width:100%; 
      border:none; 
}


main { /* Con este margen superior separamos 70px del munu principal de la web*/
    margin-top: 70px; /* Margen superior del banner*/
    position: relative;
}



.carta ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display:flex;
    justify-content: center;
}

.carta li:hover {
	background: rgba(0,0,0,0.5);
}

.carta li a {
	display:block;
	padding: 6px 30px;
	color: #fff;
	text-decoration: none;
    margin: 5px;
    background: #999999;
    border: 1px #fff solid;
}

#content .contentCarta {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

#content { /*Posicionar la tabla en el centro*/
    display: flex;
    justify-content: center;
}

#content .contentCarta iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    
}
#imgMenu img {
    width: 480px;  
    height: 380px;
}

#imgMenu .contenedor {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#content h3{
    text-align: center;
    font-size: 20px;
}

#paraPicar .contentCarta {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

#paraPicar .contentCarta iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    
}

#paraPicar h3{
    text-align: center;
    font-size: 20px;
}



#paraPicar{
position:relative;

}
#paraPicar h3{
font-size:40px;

}
#paraPicar .platoNombre{
font-size:24px;
margin-top:10px;

}
#paraPicar a{
text-decoration:none;
}

#paraPicar a:link {
color:#000000;
}

#paraPicar a:hover{
color:#FFFFFF;
background-color:#000000;
}



#huerta{
position:relative;
}
#huerta h3{
font-size:40px;

}
#huerta .platoNombre{
font-size:24px;
margin-top:10px;
}

#huerta a{
text-decoration:none;
}

#huerta a:link {
color:#000000;
}

#huerta a:hover{
color:#FFFFFF;
background-color:#000000;
}


#delMar{
position:relative;
}
#delMar h3{
font-size:40px;

}
#delMar .platoNombre{
font-size:24px;
margin-top:10px;

}
#delMar a{
text-decoration:none;
}

#delMar a:link {
color:#000000;
}

#delMar a:hover{
color:#FFFFFF;
background-color:#000000;
}


#carnes{
position:relative;

}
#carnes h3{
font-size:40px;

}
#carnes .platoNombre{
font-size:24px;
margin-top:10px;

}
#carnes a{
text-decoration:none;
}

#carnes a:link {
color:#000000;
}

#carnes a:hover{
color:#FFFFFF;
background-color:#000000;
}



#tablas{
position:relative;

}
#tablas h3{
font-size:40px;

}
#tablas .platoNombre{
font-size:24px;
margin-top:10px;

}
#tablas a{
text-decoration:none;
}

#tablas a:link {
color:#000000;
}

#tablas a:hover{
color:#FFFFFF;
background-color:#000000;
}

@media (min-width:480px) {
    .carta ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display:flex;
    justify-content: center;
}
    .carta li a {
	display:block;
	padding: 6px 20px; /*Tamaño del menu de la carta en version tablet*/
	color: #fff;
	text-decoration: none;
    margin: 5px;
    background: #999999;
    border: 1px #fff solid;   
    }
    
}

/*.carta ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display:flex;
    justify-content: center;
}

.carta li:hover {
	background: rgba(0,0,0,0.5);
}

.carta li a {
	display:block;
	padding: 6px 30px;
	color: #fff;
	text-decoration: none;
    margin: 5px;
    background: #999999;
    border: 1px #fff solid;
}*/