@font-face{
	font-family:comforta;
	font-weight:300;
	src:local('comforta'),
	url(../fonts/comforta.ttf) format('TrueType');
}
@font-face{
	font-family:pacifico;
	font-weight:300;
	src:local('pacifico'),
	url(../fonts/pacifico.ttf) format('TrueType');
}
@font-face{
	font-family:anton;
	font-weight:300;
	src:local('anton'),
	url(../fonts/anton.ttf) format('TrueType');
}
#index{
	font-size: 20px;
	margin: 0;
	background-image:url(../img/fondo.jpg);
	background-size: cover;
	background-repeat: no-repeat;	
}
#main{
	min-height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#main > article{
	box-shadow: 5px  5px 5px #000;
	margin: 30px;
	margin-left: 50px;
	margin-right: 50px;
	padding: 5px;
	border: solid #872349;
	border-radius: 7pt;
	flex-grow:3;
	flex-shrink:1;
	flex-basis:70%;
	order: 2;
}
iframe{
	min-height: 800px;
	width: 100%;
}
#main > nav{
	font-family: anton;
	padding: 5px;
	border: solid #872349;
	border-top:0;
	border-bottom:0;
	background-color: #66cc66;
	color: #000;
	flex-grow:1;
	flex-shrink:6;
	flex-basis:5%;
	order: 1;
	margin: 0;	
	justify-content: center;
}
nav ul, ol{
	list-style-type: none;
	font-size: 20px;
	padding: 5px;
	line-height:60px;
	text-align: center;
	min-width:150px;
}
li:hover{
	background-color:#8b61a0;
	color: #000; 
	font-size:20px;
	box-shadow: 5px  5px 5px #000;
	border-radius: 10px;
	text-align: center;
}
.menu{
	display: none;
	margin-top: 2px;
	background-color:#8b61a0;
	position: absolute;
	box-shadow: 5px  5px 5px #000;
	border-radius: 10px;
	min-width:140px;
}
#lis1:hover > .m1{display: block;}
#lis2:hover > .m2{display: block;} 
#lis3:hover > .m3{display: block;} 
#lis4:hover > .m4{display: block;} 
#lis5:hover > .m5{display: block;} 
#lis6:hover > .m6{display: block;} 
#lis7:hover > .m7{display: block;} 
.menu li:hover{
	background-color:#f7de56;
	color: #000; 
	box-shadow: 5px  5px 5px #000;
}
header{
	font-family: pacifico;
	font-size: 50px;
	display: flex;
	margin: 0px;
	padding: 10px;
	min-height:100px;
	border:solid #872349;
	border-radius: 7pt;
	border-bottom-left-radius: 0;
	background-color: #ff6699;
	color: #fff;
	text-shadow: 5px 5px 5px #000;
	justify-content: center
}
footer{
	display: flex;
	margin: 0px;
	padding: 5px;
	min-height:50px;
	border:solid #872349;
	border-radius: 7pt;
	border-top-left-radius: 0;
	background-color: #ff6699;
	color: #fff;
	display: flex;
	justify-content: space-between;
}
/*RECETAS*/
.others{
	background: rgba(255,255,255,0.75);
	font-family: comforta;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;

}
.others .titulo{
	text-align: center;
	order:1;
	flex-basis: 100%;
	flex-grow:2;
}
.others .tiempo{

	order:2;
	flex-basis: 100%;
	flex-grow:2;

}
.others .elaboracion{

	order:4;
	flex-basis: 70%;
	flex-grow:1;
}
.others .ingredientes{

	order:3;
	flex-basis: 30%;
	flex-grow:1;
}
.others img:hover{
	transition: all 2s ease-in-out;
	width: 400px;
	border-radius:15px;
}
.others img{
	transition: all 2s ease-in-out;
	
}
.others .titulo2{
	text-align: center;
	order:4;
	flex-basis: 100%;
	flex-grow:2;
}
.others .tiempo2{

	order:5;
	flex-basis: 100%;
	flex-grow:2;

}
.others .elaboracion2{

	order:7;
	flex-basis: 70%;
	flex-grow:1;
}
.others .ingredientes2{

	order:6;
	flex-basis: 30%;
	flex-grow:1;
}
#bien{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: rgba(255,255,255,0.75);
}
.others img{
	width: 300px;
	align-self: center;
}
td, th {
	padding: 5px;
}
a:link{
	color: #000;
	text-decoration: none;
}
a:visited{
	color: #d26690;
}
footer div{
	font-weight: bold;
}
footer div:hover{
	text-decoration: underline;
}
footer a:visited{color: #872349;}
footer #validator{
	font-size: 14px;
	flex-basis: 30%;
	text-align: right;
}
foo #opinion{
	flex-basis: 70%;
}
input:focus{
	background-color: #d26690;
	color: #fff;
}
#menu-entrada{
	display: none;
}
.lista{
	display: inline;
}
#bien img{width: 200px;}
#bien #bien1{
	flex-basis: 100%;
	order: 1;
}
#bien #bien2{
	flex-basis: 40%;
	order: 2;
}
#bien #bien3{
	flex-basis: 40%;
	order: 3;
}
/* Start http://www.cursors-4u.com */ * {cursor: url(http://cur.cursors-4u.net/food/foo-4/foo373.cur), auto !important;} /* End http://www.cursors-4u.com */
@media all and (max-width: 640px){
	#main{
		flex-flow: column;
	}
	.other .titulo{
		order:2;
	}
	.other .tiempo{
		order:3;
	}
	.other .elaboracion{
		order:4;
	}
	.other .ingredientes{
		order:1;
		align-self: stretch;
	}
	#main .lista{
		display: none;
	}
	#menu-entrada{
		display: inline;
		padding: 5px;
	}
	#menu-entrada img{
		width: 20px;		
	}
	#main nav{
		border-bottom: solid #872349;
	}
}