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

body {
	background: url(../IMAGENES/fondos/Especialidad-Paletilla-cordero.jpg) no-repeat center center fixed; background-size: cover;
	border:0;
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	}
	
	
header {
	background:rgba(0,0,0,0.75);
	width:100%;
	height:60px;
	float:left;
	margin-left:0%;
	position:fixed;
	}
	
	
	
.logo {
	width:5%;
	height:auto;
	float:left;
	margin-left:20%;
	}
	
	
.logo img {
	width:70%;
	height:auto;
	float:left;
	margin-top:5%;
	
	}
	
	
	
.menu {
	width:50%;
	height:auto;
	float:left;
	margin-left:10%;
	}

	
.redes {
	width:10%;
	height: auto;
	float:left;
	}
	
	
.redes img {
	max-width:20%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-top:5%;
	}		
	
	
	
.cuerpo {
	width:100%;
	height: auto;
	float:left;
	margin-top:1%;
	z-index:-100;
	position:relative;
	}
	
	






	
.banner {
	background: transparent;
	width:100%;
	height:auto;
	float:left;
	}
	

.banner_tapas {
	background: transparent;
	width:100%;
	height:auto;
	float:left;
	}


.banner a:link,
.banner a:visited,
.banner a:hover {
	color: #fff;
	text-decoration:none;
	}	

	
	
section {
	background: #FFF;
	width:100%;
	height:auto;
	float:left;
	}
	
	
	


	
	
	
aside {
	width:40%;
	height:auto;
	float:left;
	text-align:left;
	margin-left:20%;
	margin-right:0%;
	margin-top:3%;
	margin-bottom:10%;
	}	
	
aside table {
	background: #FDFDFD;
	width:100%;
	height:auto;
	float:left;
	}
	
	
aside img {
	width:30%;
	height: auto;
	}	


	
	
			
	
aside_2 {
	background: #FDFDFD;
	width:20%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-top:6%;
	margin-bottom:15%;
	}
	
	
aside_2 img {
	width:60%;
	height:auto;
	float:left;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:5%;
	}	
	
	
aside_2 table {
	width:90%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:10%;
	}
	
table img {
	width:60%;
	height:auto;
	float:left;
	margin-left:20%;
	}
	
	
.reserva {
	width:90%;
	height:80px;
	float:left;
	margin-left:3%;
	margin-right:5%;
	}
					

	
				
		

.form {
	border-radius:3px;
	width:90%;
	height: auto;
	float:left;
	margin-left:3%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	}
	
	

		
	footer {
	background:rgba(0,0,0,0.90);
	width:100%;
	height: auto;
	float:left;
	}
	
	
.footer_nav {
	width:10%;
	height: auto;
	float:left;
	margin-left:20%;
	margin-right:-12%;
	margin-top:3%;
	margin-bottom:3%;
	text-align:left;
	}	
	
	
.footer_nav img {
	width:20%;
	margin-left:10%;
	margin-right:-7%;
	margin-top:4%;
	}		
	
	
footer a:link,
footer a:visited,
footer a:hover {
	color:#fff;
	text-decoration:none;
	}	
	

	
.copy {
	background:#663333;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	}
	
	
.text_copy {
	font-size:0.7em;
	color:#fff;
	padding:1% 0%;
	margin-top:0%;
	margin-bottom:0%;
	}	
	
	
h1 {
	font-size:20px;
	color:#663333;
	font-weight: normal;
	margin-top:1%;
	margin-left:3%;
	}	
	
				
	

	
h2 {
    width:35%;
	font-size:2.5em;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:10%;
	margin-bottom:1%;
	font-weight:normal;
	}
	
.boton {
    width:10%;
	font-size:.9em;
	border:1px solid #fff;
	border-radius:15px;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:1%;
	margin-bottom:10%;
	font-weight:normal;
	text-align:center;
	padding:.5% 0%;
	}	
	
	
		
	
h3 {
	font-weight: normal;
	font-size:16px;
	color:#000;
	margin-top:4%;
	}	
		
		
		
h4 {
	font-size:12px;
	color: #333;
	font-weight: normal;
	margin-left:5%;
	margin-top:0.25em;
	}		
	
	
	
h6 {
	font-weight: normal;
	font-size:0.7em;
	color:#FFF;
	}		
	
						
						
						
p {
	font-weight: normal;
	font-size:1em;
	color:#222;
	margin-top:1%;
	margin-left:0%;
	margin-right:5%;
	margin-bottom:4%;
	}
	
	
strong {
	font-weight:normal;
	}	
	
	
aside_2 p {
	font-weight: normal;
	font-size:0.8em;
	color:#222;
	margin-top:1%;
	margin-left:3%;
	margin-right:5%;
	margin-bottom:1%;
	line-height:1.4em;
	}	
	
	
	
.p_direccion {
	font-weight: normal;
	font-size:10px;
	color:#FFF;
	margin-top:10%;
	}	
	
	
	
.titulo {
	font-weight:normal;
	font-size:2em;
	color:#222;
	margin-top:1%;
	margin-left:1%;
	margin-right:10%;
	margin-bottom:5%;
	} 
	
	
	
.nota {
	width:100%;
	height:auto;
	float:left;
	margin-left:0%;
	padding:3%;
	font-weight: normal;
	font-size:0.8em;
	color:#222;
	margin-top:1%;
	margin-bottom:1%;
	} 
	
	

	
	
iframe {
	width:95%;
	height:350px;
	float:left;
	margin-left:2.5%;
	margin-top:2.5%;
	margin-bottom:2.5%;
	}
	
		
	
input, textarea {
	background: tranparent;
	width:98%;
	height:auto;
	border:1px solid #999;
	border-radius:5px;
	color:#000;
	font-size:12px;
	padding:15px 5px;
	font-weight:lighter;
	margin-bottom:5px;
	}
	
	
.input2 {
	background: tranparent;
	width:32%;
	height:auto;
	border:1px solid #999;
	border-radius:5px;
	color:#000;
	font-size:12px;
	padding:15px 5px;
	font-weight:lighter;
	margin-bottom:5px;
	}	
	
		
	
.reserva_bottom {
	background:#663333;
	width:98%;
	height:auto;
	border:1px solid #000;
	border-radius:5px;
	color:#fff;
	font-size:0.8em;
	padding:10px 5px;
	font-weight: normal;
	}
	
	
	

@media screen and (max-width: 1500px) {
	
	
	
header {
	width:100%;
	height:50px;
	}
	


	
	
.redes img {
	max-width:20%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-top:10%;
	}		
	
	
aside {
	width:50%;
	height:auto;
	float:left;
	text-align:left;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:5%;
	}	
	

	
			
	
aside_2 {
	background: #FDFDFD;
	width:20%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-top:6%;
	margin-bottom:5%;
	}
	
	
.reserva_bottom {
	width:70%;
	height:auto;
	border-radius:5px;
	float:left;
	margin-top:5%;
	background:#663333;
	color:#fff;
	font-size:0.6em;
	font-weight: normal;
	padding:0.75em;
	text-align:center;
	}	
	
	
h1 {
	font-size:1.7em;
	color:#222;
	font-weight: normal;
	margin-top:1%;
	margin-left:3%;
	}
	
	
h2 {
    width:35%;
	font-size:1.8em;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:15%;
	margin-bottom:1%;
	font-weight:normal;
	}
	
	
.boton {
    width:10%;
	font-size:.9em;
	border:1px solid #fff;
	border-radius:15px;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:1%;
	margin-bottom:15%;
	font-weight:normal;
	text-align:center;
	padding:.3% 0%;
	}				
	
	
	
p {
	width:100%;
	font-weight: normal;
	font-size:0.9em;
	color:#222;
	margin-top:1%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:8%;
	line-height:1.4em;
	}

	
aside_2 p {
	font-weight: normal;
	font-size:0.8em;
	color:#222;
	margin-top:1%;
	margin-left:3%;
	margin-right:5%;
	margin-bottom:1%;
	line-height:1.4em;
	}
	
	
.nota {
	width:98%;
	height:auto;
	float:left;
	margin-left:0%;
	padding:3%;
	font-weight: normal;
	font-size:0.8em;
	color:#222;
	margin-top:5%;
	margin-bottom:2%;
	} 	
	

	
	}	
	
	
	
	
	

@media screen and (max-width: 1180px) {
	
	
header {
	width:100%;
	height:50px;
	}	
	
.logo {
	width:5%;
	height:auto;
	float:left;
	margin-left:15%;
	}
	
	
.logo img {
	width:80%;
	height:auto;
	float:left;
	margin-top:7%;
	
	}

.menu {
	width:60%;
	height:auto;
	float:left;
	margin-left:5%;
	}

	
.redes {
	width:10%;
	height: auto;
	float:left;
	}
	
	
.redes img {
	max-width:20%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-top:15%;
	}
	
	
aside {
	width:55%;
	height:auto;
	float:left;
	text-align:left;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:5%;
	}	
	

aside_2 {
	background: #FDFDFD;
	width:25%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-top:6%;
	margin-bottom:5%;
	}
	
	
h1 {
	font-size:1.5em;
	color:#222;
	font-weight: normal;
	margin-top:1%;
	margin-left:3%;
	}	
	
	
h2 {
    width:35%;
	font-size:1.6em;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:15%;
	margin-bottom:1%;
	font-weight:normal;
	}
	
	
.boton {
    width:10%;
	font-size:.8em;
	border:1px solid #fff;
	border-radius:15px;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:1%;
	margin-bottom:10%;
	font-weight:normal;
	text-align:center;
	padding:.3% 0%;
	}			
			
	
p {
	font-weight: normal;
	font-size:0.8em;
	color:#222;
	margin-top:1%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:5%;
	line-height:1.4em;
	}

	
aside_2 p {
	font-weight: normal;
	font-size:0.7em;
	color:#222;
	margin-top:1%;
	margin-left:3%;
	margin-right:5%;
	margin-bottom:1%;
	line-height:1.4em;
	}
			
	
.nota {
	width:80%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-right:0%;
	font-weight: normal;
	font-size:0.7em;
	color:#222;
	margin-top:2%;
	margin-bottom:2%;
	} 	
	
	}
	
	
	
	
@media screen and (max-width: 980px) {
	
	
	
header {
	width:100%;
	height:70px;
	margin-left:0%;
	}
	
	
.logo {
	width:10%;
	height:auto;
	float:left;
	margin-left:0%;
	}
	
	
.logo img {
	width:90%;
	height:auto;
	float:left;
	margin-left:10%;
	}
		

	
	
.reserva_bottom {
	width:80%;
	height:auto;
	font-size:10px;
	}			
	
	
	}
	
	
	

@media screen and (max-width: 800px) {
	
	
	
header {
	width:100%;
	height:50px;
	margin-left:0%;
	margin-top:0%;
	}
	
	
.logo {
	width:10%;
	height:auto;
	float:left;
	margin-left:10%;
	}
	
.logo img {
	width:70%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-bottom:10%;
	}		
	
	
.menu {
	width:80%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-top:0%;
	margin-right:0%;
	}
	
	
	
	
.redes {
	width:0%;
	height: auto;
	float:left;
	margin-left:0%;
	}
	
	
.redes img {
	max-width:0%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-top:0%;
	}		
		
	
.cuerpo {
	width:100%;
	margin-left:0%;
	margin-top:1%;
	}
	
	
	

	
aside {
	width:80%;
	height:auto;
	float:left;
	text-align:left;
	margin-left:10%;
	margin-top:3%;
	margin-bottom:2%;
	}	
	
aside table {
	background: #FDFDFD;
	width:100%;
	height:auto;
	float:left;
	}
	
	
	
aside img {
	width:60%;
	height:auto;
	float:left;
	margin-left:10%;
	margin-top:5%;
	}

	
	
			
	
aside_2 {
	background: #FDFDFD;
	width:80%;
	height:auto;
	float:left;
	margin-left:10%;
	margin-top:6%;
	margin-bottom:5%;
	}
	
	
aside_2 img {
	width:60%;
	height:auto;
	float:left;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:5%;
	}	
	
	
aside_2 table {
	width:90%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:10%;
	}	
	
	
.footer_nav {
	width:20%;
	height: auto;
	float:left;
	margin-left:6%;
	margin-right:-3%;
	margin-top:3%;
	margin-bottom:3%;
	text-align:left;
	}	
	
	
.footer_nav img {
	width:20%;
	margin-left:10%;
	margin-right:-7%;
	margin-top:4%;
	}			

	
	
.reserva_bottom {
	width:80%;
	height:auto;
	font-size:10px;
	}
	
h2 {
    width:40%;
	font-size:1.2em;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:15%;
	margin-bottom:1%;
	font-weight:normal;
	}
	
	
.boton {
    width:10%;
	font-size:.7em;
	border:1px solid #fff;
	border-radius:15px;
	color: #FFF;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:1%;
	margin-bottom:10%;
	font-weight:normal;
	text-align:center;
	padding:.3% 0%;
	}		
	
			
	
	
	}	
	
	

@media screen and (max-width: 600px) {
	

	
header {
	width:100%;
	height:auto;
	float:left;
	margin-left:0%;
	}
	

	
	
.logo img {
	width:20%;
	height:auto;
	float:left;
	margin-left:40%;
	margin-right:40%;
	margin-top:5%;
	margin-bottom:2%;
	}
	
	
	
	
	
.menu {
	width:80%;
	height:auto;
	float:left;
	margin-left:10%;
	margin-bottom:1%;
	}	
	
	
							
section {
	background:#fff;
	width:100%;
	float:left;
	margin-left:0%;
	}
	
	
	
footer table {
	width:40%;
	height:auto;
	float:left;
	margin-left:30%;
	margin-bottom:2%;
	text-align: center;
	}
			
		

footer img {
	width:100%;
	height:auto;
	float:left;
	margin-top:20%;
	margin-bottom:6%;
	margin-left:0%;
	margin-right:0%;
	}
	
	
.copy {
	background:#663333;
	width:100%;
	height: auto;
	float:left;
	text-align:center;
	}
	
	
	
h3 {
	font-weight: normal;
	font-size:14px;
	color:#000;
	margin-top:4%;
	}		
	
	
	
h6 {
	font-weight: normal;
	font-size:0.4em;
	color:#FFF;
	}
	
	
	
	
	
	
.p_direccion {
	font-weight: normal;
	font-size:0.5em;
	color:#FFF;
	margin-top:10%;
	}	
	
	
	
.enlace_bottom {
	width:40%;
	height:auto;
	border-radius:5px;
	float:left;
	margin-left:26%;
	margin-top:7%;
	margin-bottom:7%;
	background:#663333;
	color:#fff;
	font-size:10px;
	font-weight: normal;
	padding:0.75em;
	text-align:center;
	}	
				
	
	

}	
								
	
	
	
	
@media screen and (max-width: 500px) {
	

	
	
header {
	width:100%;
	height:auto;
	float:left;
	margin-left:0%;
	position:inherit;
	}
	
	
	
.logo {
	width:25%;
	height:auto;
	float:left;
	margin-left:5%;
	
	}
	
	
.logo img {
	width:50%;
	height:auto;
	float:left;
	margin-left:20%;
	margin-right:30%;
	margin-top:5%;
	margin-bottom:2%;
	}
	
	
	
	
	
.menu {
	width:60%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-right:0%;
	margin-top:1%;
	margin-bottom:1%;
	}
	

	
	
.redes {
	width:0%;
	height: auto;
	float:left;
	margin-left:0%;
	margin-right:0%;
	}
	
	
.redes img {
	width:0%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-top:5%;
	}	
		
	
.cuerpo {
	width:100%;
	margin-left:0%;
	}
	
	
section {
	width:100%;
	height:auto;
	float:left;
	}	
	
	
	
.banner {
	background: url(../IMAGENES/fondos/fondo-index-movil.jpg) no-repeat center center; background-size: cover;
	}	

	
aside {
	width:90%;
	height:auto;
	float:left;
	text-align:left;
	margin-left:5%;
	margin-top:3%;
	margin-bottom:2%;
	}	
	
aside table {
	background: #FDFDFD;
	width:100%;
	height:auto;
	float:left;
	}
	
	
	
aside img {
	width:80%;
	height:auto;
	float:left;
	margin-left:10%;
	margin-top:10%;
	}

	
	
			
	
aside_2 {
	background: #FDFDFD;
	width:90%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-top:6%;
	margin-bottom:5%;
	}
	
	
aside_2 img {
	width:60%;
	height:auto;
	float:left;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:5%;
	}	
	
	
aside_2 table {
	width:90%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:10%;
	}	
	

	

	
.reserva_bottom {
	width:80%;
	height:auto;
	font-size:10px;
	}
	
	
footer {
	background:rgba(0,0,0,0.90);
	width:100%;
	height: auto;
	float:left;
	}
	
	
footer a:link,
footer a:visited,
footer a:hover {
	color:#fff;
	text-decoration:none;
	}	
	

	
	
	
.reserva_bottom {
	width:80%;
	height:auto;
	font-size:10px;
	margin-bottom:10%;
	}
	
	
footer {
	background:rgba(0,0,0,0.90);
	width:100%;
	height: auto;
	float:left;
	}
	
	
footer a:link,
footer a:visited,
footer a:hover {
	color:#fff;
	text-decoration:none;
	}	
	
.footer_nav {
	width:50%;
	height: auto;
	float:left;
	margin-left:25%;
	margin-right:25%;
	margin-top:0%;
	margin-bottom:3%;
	}	
	
	
.footer_nav img {
	width:20%;
	margin-left:10%;
	margin-right:-4%;
	margin-top:4%;
	}		
	
	
		
	
	
	
.copy {
	background:#663333;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	}
	
	
.text_copy {
	font-size:0.7em;
	color:#fff;
	padding:1% 0%;
	margin-top:0%;
	margin-bottom:0%;
	}	
	
	
h1 {
	font-size:1.2em;
	color:#222;
	font-weight: normal;
	margin-top:2%;
	margin-left:3%;
	}		
		
h2 {
    width:70%;
	font-size:1em;
	color: #FFF;
	float:left;
	margin-left:15%;
	margin-right:15%;
	margin-top:35%;
	margin-bottom:1%;
	font-weight:normal;
	text-align:center;
	}
	
	
.boton {
    width:30%;
	font-size:.7em;
	border:1px solid #fff;
	border-radius:15px;
	color: #FFF;
	float:left;
	margin-left:35%;
	margin-right:35%;
	margin-top:3%;
	margin-bottom:30%;
	font-weight:normal;
	text-align:center;
	padding:1% 0%;
	}		
	
	
	
	
h6 {
	font-weight: normal;
	font-size:0px;
	color:#FFF;
	}
	
	
	
	
p {
	font-size:0.7em;
	font-weight: normal;
	margin-top:3%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:8%;
	}
	
.titulo {
	font-weight:normal;
	font-size:1.2em;
	color:#222;
	margin-top:1%;
	margin-left:1%;
	margin-right:10%;
	margin-bottom:5%;
	} 		
	
	
.p_direccion {
	font-weight: normal;
	font-size:0.7em;
	color:#FFF;
	margin-top:10%;
	text-align:center;
	}			
	
	
.precio {
	font-size:12px;
	color: #333;
	font-weight: normal;
	margin-left:5%;
	margin-top:0.15em;
	float: right;
	margin-right:0%;
	} 
		
.text_copy {
	font-size:10px;
	color:#fff;
	margin-top:5%;
	margin-bottom:5%;
	}
	
	
.nota {
	width:100%;
	height:auto;
	float:left;
	margin-left:0%;
	margin-right:0%;
	font-weight: normal;
	font-size:0.6em;
	color:#222;
	margin-top:0%;
	margin-bottom:2%;
	} 
	
input, textarea {
	background: tranparent;
	width:98%;
	height:auto;
	border:1px solid #666;
	border-radius:0px;
	color:#000;
	font-size:0.9em;
	padding:10px 5px;
	font-weight:lighter;
	margin-bottom:5px;
	box-shadow:0px;
	}
	
	
.input2 {
	background: tranparent;
	width:31.5%;
	height:auto;
	border:1px solid #666;
	border-radius:0px;
	color:#000;
	font-size:0.9em;
	padding:10px 5px;
	font-weight:lighter;
	margin-bottom:5px;
	box-shadow:0px;
	}	
	
		
	
.reserva_bottom {
	background:#663333;
	width:98%;
	height:auto;
	border:1px solid #000;
	border-radius:0px;
	margin-top:0%;
	color:#fff;
	font-size:0.8em;
	padding:10px 5px;
	font-weight: normal;
	appearance:button;
  -moz-appearance:button; /* Firefox */
  -webkit-appearance:button; /* Safari and Chrome */
	}	
					
	
	}