@charset "utf-8";
#receta { padding:150px 0px 45px 0px; background-color:#F5E9DB; 
		background-image:url('../imagenes/bg-madera.jpg'); background-repeat:no-repeat; background-position:center bottom; 
		-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;  }
	#tit01 { font-size:60px; font-weight:100; color:#464648; text-align:center; margin-bottom:30px; }
	#tit01 > label { font-size:28px; font-weight:100; color:#464648; }
	
	#tit02 { position:relative; font-size:50px; color:#fff; text-align:left; background-color:#FFCC01; border-top:10px solid #B79706; border-bottom:10px solid #B79706; 
		padding:10px 30px; padding-right:315px !important; margin:40px 0px; }
	#tit02 > img { position:absolute; top:-60px; right:10px; width:160px; }
	#rds { position:absolute; top:-11px; right:160px; width:155px; }
	#rds > a > img { width:37px; margin:0px 1px; -webkit-transition:all 0.6s; transition:all 0.6s; }
	#rds > a > img:hover, #rds > a > img:focus { -webkit-filter:brightness(1.14); filter:brightness(1.14); }
	#rds > label { font-size:20px; line-height:20px; color:#B79706; letter-spacing:1px; width:100%; text-align:center; padding-top:5px; }
	
	.tit05 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; color:#070b4b; padding:0px 30px 0px 45px; }
	.tit05 > div { position:absolute; top:0px; left:0px; width:40px; height:40px; background-color:#970014; }
	
	.txt02 { font-size:18px; color:#070b4b; line-height:30px; text-align:justify; padding:0px 0px 25px 45px; }
	.txt03 { font-size:18px; color:#070b4b; line-height:32px; text-align:justify; padding:0px 0px 25px 45px; }
	
	#vista { position:relative;/* padding-top:80px;*/ }
	#img05 { width:100%; height:auto; }
	#img06 { position:absolute; bottom:-12%; right:0px; width:78%; height:auto; }
	
	
	
#recetas { position:relative; padding:0px 0px 45px 0px; margin-top:-6%; background-color:#970014; }

	.recs { min-height:430px; padding:40px 30px 20px 30px; margin:25px 0px; cursor:pointer; -webkit-transition:all 0.6s; transition:all 0.6s; }
	.recs > a { text-decoration:none; }
	.img03 { width:90%; max-width:300px; height:auto; border-radius:50%; 
		 -webkit-box-shadow: 0px 15px 0px 0px rgba(96,1,11,1); -moz-box-shadow: 0px 15px 0px 0px rgba(96,1,11,1); box-shadow: 0px 15px 0px 0px rgba(96,1,11,1); 
		 -webkit-transition:all 0.6s; transition:all 0.6s; }
	.tit03 { font-size:22px; font-weight:bold; color:#fff; text-align:left; letter-spacing:1px; border-left:5px solid #6C010B; padding:7px 0px 7px 10px; margin:30px 0px 7px 0px; 
		 -webkit-transition:all 0.6s; transition:all 0.6s; }
	.txt01 { font-size:16px; color:#fff; text-align:justify; padding-bottom:30px; }
	
	.recs:hover, .recs:focus { background-color:#6C010B; 
		-webkit-box-shadow: 9px 9px 0px -5px rgba(78,1,7,1); -moz-box-shadow: 9px 9px 0px -5px rgba(78,1,7,1); box-shadow: 9px 9px 0px -5px rgba(78,1,7,1); }
	.recs:hover > a > div > .img03, .recs:focus > a > div > .img03 { -webkit-filter:brightness(1.14); filter:brightness(1.14); }
	.recs:hover > a > div > .tit03, .recs:focus > a > div > .tit03 { border-left:5px solid #4E0107; }
	
	#tit04 { font-size:50px; font-weight:bold; color:#fff; text-align:center; line-height:70px; background-color:#6C010B; padding:10px 30px; margin:0px;
		border-top:10px solid #4E0107; border-bottom:10px solid #4E0107; }
	#tit04 > img { height:56px; margin-top:-20px; }
	
	
	
@media(max-width:1200px){ 
	#tit01 { font-size:30px; }
	#tit02 { line-height:60px; font-size:28px; padding:10px 15px; }
	.txt02, .txt03 { padding:0px 0px 25px 0px; }
	
	#tit02 { padding-right:160px !important; }
	#tit02 > img { display:none; }
	#rds { top:-11px; right:0px; width:155px; }
}

@media(max-width:768px){ 
	
}

.container_pag {
	text-align: center;
	border-style: solid;
	border-color: red;
	border-width: 5px;
}

.pagination {
  /*display: inline-block;*/
  /*position: absolute;*/
  left: 10%;
  right: 10%;
  margin: auto;
  margin-bottom: 10px;
}

.search_title{
	/*display: inline-block;*/
  	position: relative;
  	margin: auto;
  	color: #fff;
  	margin-bottom: 10px;
    margin-top: 10px;
}

.pagination a {
  color: red;
  font-size: 20px;
  float: left;
  padding: 8px 12px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a.active {
  background-color: #FFCC02;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/* Dropdown */

/*.dropdown {
  display: inline-block !important;
  position: relative !important;
}*/

.dd-button {
  /*display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 10px 30px 10px 20px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;*/
}

.dd-button:after {
/*  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;*/
}

.dd-button:hover {
  /*background-color: #eeeeee;*/
}


/*.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}*/

.dropdown-menu{
	background-color: #4fac05;
	filter: opacity(75%); 
}

.item:hover{
	color: #000 !important;
}