@charset "UTF-8";
/* CSS Document */
* {
margin:0;
padding:0;
}
body {	
	font-size: 16px;
	font-family: Arial;
	text-align:center;
	background:black;	
}
#wall{
background:black;	
height:100%;
}

#wal{
border-bottom: 3px solid #22BCE0;	
background:rgba(16,85,81,0.7);	
height:3em;
margin:1em 0 3em 0;
}

#home{
	position:relative;		
	background-size:100%;
	background:grey;
}
.box {
	display:inline-block;	
	font-size:16px;
	font-family: Arial;
	text-align:center;}
.box2 {
	display:inline-block;
	padding:5em;
	background-image:url(images/marco.png);}
.hinter {
	display:inline-block;
	background-image: url(images/clock.png);
	background-size: 100%;
	background-repeat: no-repeat;
}	
header {
	background-size: 100px, 100px 100px;
}

#intro{
	height:100%;
	float:right;
	display:inline-block;	
	width:40%;}
.boxes{
	background:rgba(2,2,2,0.7);	
	vertical-align:top;
	margin:2em;
	display:inline-block;
	width:80%;	
	}

.round{
	padding:0 3em 0 3em;
	text-decoration:none;
	list-style:none;}
.round img{
	margin-top:0.2em;
	opacity: 80%;
}	
.round1 img{
	margin-top:0.2em;
	border-radius:22em;
}

/* HHHH */

h9{
	color:white;
	font-family: 'Oxygen', serif;
    font-size: 23px;	
	padding:1em;
}
h8{
	font-family:baumans;	
	color: rgba(50,50,50,0.7);
	font-size:25px;
	text-align: justify;
	background: white;
	position:relative;
	top:1em;
}
h7 {
	font-family:baumans;
	font-size:15px;
	color:black;
	
}

h6{
	color:white;
	font-family: 'Patua', serif;
    font-size: 20px;	
	margin:0.5em;
}
h5{
	font-size:11px;	
	font-family:"verdana";
	text-decoration:none;
}


/* new web*/
	
.boxI{
	width:100%;
	height:100%;
	position: relative;
	display:inline-block;	
}
.boxI img{
	width:30%;}

.boxII{
	width:80%;
	position: relative;
	display:inline-block;}
.boxIII{
background:rgba(250,250,250,0.5);	
padding:3em;
margin-top:4em;
display:inline-block;		
position: relative;
}

.boxIV{
	position:relative;
	display:inline-block;
}

.boxV{
	display:inline-block;
	margin:5em 0 5em 0;
}
.boxVI{
	position:relative;
	text-align: center;
	display: inline;}

.boxIV img{
	width:10%;}

.boxVII{
position:relative;	
display:inline-block;
}
.boxVIII{
	display:inline-block;
	background:white;
	margin-top:2em;
	width:100%;
	height:100%; 
}
.boxIX{
	background:rgba(250,250,250,0.5);	
	display:inline-block;
	width:100%;
	margin:1em 0 0 0;}

.boX{align-content: right;}

/* new web*/

#reduce2 img:hover{
	cursor:pointer;
	background:rgba(155,55,55,0.7);}
#reduce2 #giro3 img{transition:0.2s;}	
#reduce2 #giro3 img:hover{
	cursor:pointer;
	border-radius:22em;
	background:#592B9E;	
}
#giro3
{
background:white;
	
}
#reduce #giro3 img:hover{
	cursor:pointer;
	background:rgba(155,55,55,0.7);
	transform: scale(3px);
}
/********************** reduce2 ************************/

#reduce{	
	height:100%;
	width:100%;
}
#reduce img{ width:100%;} 

#top img{
width:60%;
top:1em;
padding:1em;
display: inline-block;
position:relative;	
}

#reduce #top img:hover{
	cursor:pointer;
	background:rgba(55,55,55,0.7);}

#giro{	
transition: all 1s ease;}	

#giro2
{
margin:3em;
}
#giro img{
	margin:1em;
	float:inherit;
	position:relative;	
	width:25%;
	}	

#reduce #giro img{transition:0.5s;}	

#reduce #giro img:hover{
	cursor:pointer;
	border-radius:22em;
	background:#592B9E;	
	transform:rotate(365deg);}

#reduce #giro2 img:hover{
	cursor:pointer;
	background:rgba(55,55,55,0.7);
	transform: scale(3px);
}
/********************** reduce2 ************************/

#bottom img{
display: inline-block;
width:30%;
border: double #000000;
}	
	
.linea{
	margin:1em;	
	position:relative;
	display:inline-block;}

/********************** footer ************************/

footer{	
	position: relative;
	font-size:14px;
	width:100%;
	background:black;}
#topy{	
	background:black;}
#botty{	
	display:inline-block;			
	background:black;
	width:100%;
	}	
.infi{	
	display:inline-block;		
	width:auto;
	color:white;}
.info{	
	padding:0 5em 0 0;
	margin:0.5em;
	color:white;
	display:inline-block;}	
	
.nav{
	text-align:center;
	width:100%;	}
.nav ul{
	width:100%;
	list-style:none;
	}
.nav ul li{
	text-align:left;
	margin:0;
	padding:0;
	display:inline-block;}	

.nav ul li a{ 
	color:rgba(white,0,0,0.2);
	transition:all 1s linear;
	text-decoration:none;
	position: relative;
	background:#1F7872;
	display:inline-block;	
	padding:5px;
	border-radius:0.5em;}	

.nav ul li a:hover{ 	
background:#72B095;
transform:scale(1) rotate(-5deg);
transform:scale(1), rotate(-5deg);
}

/********************** suoer footer ************************/
/********************** Slider ************************/
.mp-slider .items {
	width:100%;
	display:none;}

.mp-prev {
	left:0px;
	background:url(../images/mp-prev.png);
}
	.mp-prev:hover {
		opacity:0.8;
	}
.mp-next {
	right:0px;
	background:url(../images/mp-next.png);
}
	.mp-next:hover {
		opacity:0.8;
	}

	.mp-slider .banner span {
		display:block;
	}
	.mp-slider .banner b {
		color:#ead909;
	}
	.mp-slider .banner .row-1 b {font-weight:normal;}
	.mp-slider .row-1 {
		padding:0;
	}
	.mp-slider .row-2 {
		font-size:80px;
		line-height:90px;
		font-weight:bold;
	}


  /*** cierre banner**/
 
   /*** inicio contenido **/ 
  
.content2{
	margin-bottom:100%;
}
 
.text-w{
overflow:hidden;
}

.text-fot{
	width:380px;
}

.text{
	margin-left:400px;
	text-align:justify;
}

.servi-w{

padding:0px;
}

.servi-w .carnes a{
	background:url(../images/servicio_carne.png);
 }
 .servi-w .carnes a:hover{
	background:url(../images/servicio_carne_o.png);
 }
 
 .servi-w .salsas a{
	background:url(../images/servicio_salsa.png);
 }
 .servi-w .salsas a:hover{
	background:url(../images/servicio_salsa_o.png);
 }
 
 .servi-w .sopas a{
	background:url(../images/servicio_sopas.png);
 }
 .servi-w .sopas a:hover{
	background:url(../images/servicio_sopas_o.png);
 }
 
 .servi-w .platosTipicos a{
	background:url(../images/servicio_platosTipicos.png);
 }
 .servi-w .platosTipicos a:hover{
	background:url(../images/servicio_platosTipicos_o.png);
 }
 
 
 @media screen and (max-width:400px){	 
.boxIII {right:0;}	
.linea{width:100%;}
.box{ 
	width:10%;
	display:table-cell;}
.box2 {padding:1px;
}}
@media screen and (max-width:650px){
		
	#topy{overflow:hidden;}

	#botty{
		overflow:hidden;
		}
	#botty .info{
		width:49%;
		float: left;
		}
#botty .info{margin-left:25%;	

	}}
@media screen and (max-width:1024px)
{}
@media screen and (max-width:1200px)
{
#intro{ float:none; width:80%; height:2%;}
.item4{width:70%}	
.info{position: relative;text-align: left;display:inline;}	
.box{ width:5%;display:table-cell;}
.box2 {padding:1px;}		
.img-w{padding:10em;}	
.item{width:30%;margin:4em;padding:1em;}
h5 { font-size:11px;}
h9 { font-size:16px; text-align: center; }	
#top img{ width:80%;}
#bottom img{ width:60%;}	
#contenido .item .autor_item{ margin:1em;}	
.round{ padding:0;}
.boxIII { padding:0;}
	
}