/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');


/*html 5 tags*/
header,
nav,
article,
aside,
footer,
hgroup,
section,
figure {
	display:block
}




body {
	background-color:#f9f9f9;
	font-family: 'opensans';
	margin:0;
	padding:0;
	overflow-x:hidden;
}



a:link {color:#691a6f;}




/*FONTS*/
@font-face {
    font-family: 'cookiesmilkregular';
    src: url('../fonts/cookiesmilk-regular-webfont.woff2') format('woff2'),
         url('../fonts/cookiesmilk-regular-webfont.woff') format('woff'),
		 url('../fonts/cookiesmilk-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'beyond_the_mountainsregular';
    src: url('../fonts/beyond_the_mountains-webfont.woff2') format('woff2'),
         url('../fonts/beyond_the_mountains-webfont.woff') format('woff'),
		 url('../fonts/beyond_the_mountains-webfont.woff') format('truetype');
    font-weight: normal;
    font-style: normal;

}


p {
		color:#3b3b3b;
		font-family: 'Quicksand', sans-serif;
		font-size:14px;
		line-height:18px;
		margin:0;
		padding:0;
}

h1 {
		color:#0074b0;
		font-size:25px;
		 font-family: 'cookiesmilkregular';
		margin:0;
		padding:0;
}

h2 {
		color:#3b3b3b;
		font-size:25px;
		 font-family: 'cookiesmilkregular';
		line-height:36px;
		margin:0;
		padding:0;
		text-align:center;
}

h3 {
		color:#3b3b3b;
		font-size:18px;
		font-family: 'cookiesmilkregular';
		line-height:24px;
		margin:0;
		padding:0;
		font-weight:normal;
}


/*--------------------------------------------------------------------------*/



#wrapper {
	display:block;
	margin:0 auto;
	width:100%;
}


#container {
	background:url(../images/home/background.jpg) top center no-repeat;
	background-size:cover;
	display:block;
	height:auto;
	width:100%;
}




/*NAVEGACION-------------------------------------------------*/

header {
	height:80px;
	width:100%;
	position:fixed;
	z-index:9999;
}


header .contentMenu {
	background:url(../images/menu/bg_nav.png) no-repeat center center;
	margin:0 auto;
	height:143px;
	position:relative;
	margin-top:-30px;
	width:1100px;
}


header a.logo {
	background:url(../images/menu/logo.png) no-repeat center center;
	display:block;
	height:159px;
	float:left;
	margin-top:20px;
	margin-left:55px;
	width:250px;
}


header nav {
	float:left;
	position:relative;
	width:600px;
}


header nav ul.menu {
	height:50px;
	float:left;
	padding-top:30px;
	margin-left:15px;
	position:relative;
	width:750px;
}


header nav ul.menu li.button {
	font-family: 'cookiesmilkregular';
	float:left;
	font-size:28px;
	position:relative;
	letter-spacing:1px;
}

header nav ul.menu li.button a {
	color:#fff;
	display:block;
	height:55px;
	padding:35px 12px 0 12px;
	text-align:center;
	text-decoration:none;
}

header nav ul.menu li.button a:hover {
	/*background:#865198;*/
	color:yellow;
}



/*MENU DROPDOWN*/
nav ul {
	margin:0;
	margin-left:20px;
	padding:0;
}

nav ul li {
	list-style:none;
	margin:0;
	padding:0;
}

nav ul li a {
	display:block;
	margin:0;
	padding:0;
}


nav ul#submenu {
	background:#f59d12;
	border:none;
	border-radius:8px;
	display:none;
	height:auto;
	left:0px;
	top:75px;
	padding:0;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:20px;
	position:absolute;
	width:180px;
	z-index:1500;
}


nav ul#submenu li a {
	background:url(../images/menu/line.png) bottom center no-repeat;
	border:none;
	color:#fff;
	display:block;
	float:none;
	font-size:24px;
	height:25px;
	margin:0;
	padding:0;
	padding-top:12px;
	padding-left:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:left;
}

nav ul#submenu li a:hover {
	color:red;
}

nav ul#submenu li ul li a {
	background: none;
}

nav ul#submenu li ul {
	margin-left: 10px;
}

nav ul#submenu li ul li a {
	border:none;
	color:#fff;
	display:block;
	float:none;
	font-size:18px;
	height:20px;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:4px;
	padding-bottom:4px;
	text-decoration:none;
	text-align:left;
}



/*menu responsive*/
.menu_bar {display:none;}






/*HOME ---------------------------------------------------------------------------*/
#home .slider {
	display:block;
	width:100%;
}



#home .slider .txt1 {
	text-align:center;
	position:absolute;
	height:200px;
	top:42%;
	left:50%;
	margin-left:-325px;
	width:650px;
	z-index:100;
}


#home .slider .txt2 {
	text-align:center;
	position:absolute;
	height:200px;
	top:50%;
	left:50%;
	margin-left:-325px;
	width:650px;
	z-index:100;
}



#home .recetas {
	width:/*1140px*/100%;
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:center;
}


#home .recetas .titulo {
	background:url(../images/home/titRecetas.png) top center no-repeat;
	text-align:center;
	color:#fff;
	font-size:46px;
	font-family: 'cookiesmilkregular';
	line-height:45px;
	position:absolute;
	height:100px;
	top:0;
	left:50%;
	margin-left:-210px;
	width:420px;
	z-index:100;
}





/*COMUN -----------------------------------------------------------------------*/

.headerfoto {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.headerfoto img {
	max-width:100%;
	width:100%;
	display: block;
	margin:0 auto;
}


.titulo {
	background: url(../images/comun/tit_bg.png) top left no-repeat;
    height: 60px;
    width: 275px;
    text-align: center;
    color: #fff;
    font-size: 42px;
    font-family: 'cookiesmilkregular';
    padding-top: 20px;
    letter-spacing: 2px;
    margin-left: 32px;
}

.titulo_s {
	background: url(../images/comun/tit_bg_s.png) top left no-repeat;
    height: 60px;
    width: 220px;
    text-align: center;
    color: #fff;
    font-size: 42px;
    font-family: 'cookiesmilkregular';
    padding-top: 20px;
    letter-spacing: 2px;
    margin-left: 32px;
}

.titulo_l {
	background: url(../images/comun/tit_bg_l.png) top left no-repeat;
    height: 60px;
    width: 320px;
    text-align: center;
    color: #fff;
    font-size: 42px;
    font-family: 'cookiesmilkregular';
    padding-top: 20px;
    letter-spacing: 2px;
    margin-left: 32px;
}

.titulo_xl {
	background: url(../images/comun/tit_bg_l.png) top left no-repeat;
    height: 60px;
    width: 320px;
    text-align: center;
    color: #fff;
    font-size: 34px;
    font-family: 'cookiesmilkregular';
    padding-top: 20px;
    letter-spacing: 2px;
    margin-left: 32px;
}





/*FOOTER -----------------------------------------------------------------------*/

#footer  {
	height:auto;
	position:relative;
	width:100%;
}


#footer  .center {
	background:url(../images/comun/bg_footer.png) top center repeat;
	height:auto;
	padding-top:30px;
	margin:0 auto;
	margin-top:-2px;
	width:1050px;
}

#footer  .social {
	margin:0 auto;
	position:relative;
	padding-left:10px;
	width:170px;
}

#footer .social a.fb {
    background: url(../images/footer/fb.png) bottom;
    display: block;
    height: 42px;
    float: left;
    margin-right: 5px;
    width: 46px;
}

#footer .social a:hover.fb {
	background-position:top;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}


#footer .social a.insta {
    background: url(../images/footer/insta.png) bottom;
    display: block;
    height: 43px;
    float: left;
    margin-right: 5px;
    width: 46px;
}

#footer .social a:hover.insta {
	background-position:top;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}

#footer .social a.ytb {
    background: url(../images/footer/ytb.png) bottom;
    display: block;
    height: 42px;
    float: left;
    margin-right: 5px;
    width: 46px;
}

#footer .social a:hover.ytb {
	background-position:top;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}



#footer .legal {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align:center;
	font-size:12px;
	line-height:20px;
	color:#666;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
}







/*MEDIA QUERIES // RESPONSIVE ---------------------------------------------*/


/*1024*/
@media screen and (max-width: 1050px) {

header a.logo {height:100px; background-size:180px 90px; width:180px; margin-left:15px;}
header {height:auto;}

header .contentMenu {height:100px; width:100%; background-position:-45px -40px; background-size:1100px 140px; margin-top:-15px;}
header nav {width:600px;}
header nav ul.menu {padding-top:30px;margin-left:15px;width:800px;}
header nav ul.menu li.button {font-size:27px;	}
header nav ul.menu li.button a {padding:10px 18px 0 25px;}

nav ul#submenu {top:50px;}


#home .recetas {width:100%; height:auto;}
#home .recetas img {width:90%;}

#home .slider{padding-top:58px;}

.headerfoto {padding-top:58px; }

}




/*--------------------------------------------------------------------*/



/*768*/
@media screen and (max-width: 980px) {


	header {width:100%}
	nav {width:90%;}




	header .contentMenu {height:100px; background-position:-30px -30px; background-size:1000px 120px; margin-top:-15px;}


	#home .slider .txt1 {
		height:210px;
		top:30%;
		left:50%;
		margin-left:-200px;
		width:400px;
	}


	#home .slider .txt2 {
		height:200px;
		top:40%;
		left:50%;
		margin-left:-200px;
		width:400px;
	}


	/*menu bar*/
	header .menu_bar {
		display:block;
		position:absolute;
		right:15px;
		width: 42px;
		z-index:1000;
	}


	header .menu_bar .bt-menu {
		display:block;
		padding:24px;
		padding-top:35px;
		padding-right:50px;
		color:#fff;
		text-decoration:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	header .menu_bar span {float:right;}

	header .menu_bar span.icon-menu {
		background:url(../images/menu/menuBar.png) top no-repeat;
		height:41px;
		width:42px;
	}



	/*Mobile menu*/
	header nav {
		background:red;
		border-radius:6px;
		width:180px;
		height:100%;
		right:-100%;
		margin:0;
		position: fixed;
		top:60px;
		z-index:1000;
	}

	header nav ul.menu {
		margin:0;
		padding-top:0;
		width:160px;
	}


	header nav ul.menu li.button {
		font-size:24px;
		display:block;
		float:none;
		text-align:left;
	}

	header nav ul.menu li.button a {
		height:28px;
		padding:8px 8px 0 0px;
		text-align:center;
		width:160px;
		font-size:20px;
	}


	/*dropdown submenu*/
	header nav ul#submenu {
		background:none;
		position:relative;
		height:auto;
		left:-25px;
		top:0;
		padding:0;
		padding: 10px 0 20px 0;
	}


	nav ul#submenu li a {
		background:none;
		font-size:20px;
		height:20px;
		padding-top:10px;
		padding-left:10px;
		padding-bottom:0;
		text-align:center;
	}

	nav ul#submenu li a:hover {
		color:yellow;
	}

	nav ul#submenu li ul li a {
		text-align: center;
		font-size: 18px;
	}


	#footer  .center {width:100%;}


}



/*--------------------------------------------------------------------*/



/*640*/
@media screen and (max-width: 700px) {

	header a.logo {height:70px; background-size:135px 70px; width:135px; margin-left:10px; margin-top:25px;}

}



/*--------------------------------------------------------------------*/




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

	#home .slider .txt1 {
		height:150px;
		top:30%;
		left:50%;
		margin-left:-110px;
		width:220px;
	}


	#home .slider .txt2 {
		height:150px;
		top:40%;
		left:50%;
		margin-left:-110px;
		width:220px;
	}



	#home .recetas .titulo {
	background-size:250px 50px;
	font-size:26px;
	line-height:12px;
	height:50px;
	left:50%;
	margin-left:-125px;
	width:250px;
}

	.titulo {
	background-size:220px 80px;
	height:80px;
	width:220px;
	font-size:36px;
	padding-top:20px;
	margin:0 auto;
}


.titulo_s {
	background-size:200px 80px;
    height: 80px;
    width: 200px;
    font-size:36px;
	padding-top:20px;
	margin:0 auto;
}

.titulo_l {
	background-size:300px 80px;
	height:80px;
	width:300px;
	font-size:36px;
	margin:0 auto;
	padding-top:20px;
}


}




/*--------------------------------------------------------------------*/



/*320*/
@media screen and (max-width: 400px) {





}