/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 568px),
only screen and (min-width: 320px) and (max-width: 568px) {
	
	body,html {
		height: auto;
	}

	#lacocina {
	  width: 39px;
	  height: 47px;
	  background: url(../img/lacocina_m.png) no-repeat;
	  background-size: cover;
	  position: absolute;
	  top: 0;
	  left: 50%;
	  margin-left: -20px;
	  z-index:50;
	}
	#botonmenu {
	  left: 3%;
	  width: 24px;
	  height: 18px;
	  background-size:24px auto;
	}
	#botonmenu.negro {
	  background-position: 0 -19px;
	}
	#st_btn_fb, #st_btn_tw{
		display: none;
	}
	.modal .cerrar {
	  position: absolute;
	  right: 3%;
	  top: 1%;
	  width: 24px;
	  height: 23px;
	  display: block;
	  background: url(../img/btn_cerrar.png) no-repeat;
	  background-size: 24px auto;
	}

	#menu ul {
	  width: 100%;
	  top: 50%;
	  left:0;
	  margin-top: -40%;
	}
	#menu ul li {
	  text-align: center;
	  font-size: 33px;
	  border-top: 1px solid #B0B0B0;
	  border-bottom: 1px solid #B0B0B0;
	  margin-top: -1px;
	  padding: 10px 0;
	}
	#menu ul a {
	  color: #e9e7e7;
	  text-transform: uppercase;
	  font-weight: lighter;
	  text-decoration: none;
	  display: inline-block;
	  width: 100%;
	}
	#home {
	  padding-top:50px;
	  background:#1F1714 url(../img/head_m.jpg) no-repeat center top;
	  /*background-size: contain;*/
	  background-size: 100%;
	  height:571px;
	}
	#home .logohome {
	  width: 225px;
	  height: 130px;
	  margin: 0 auto;
	  padding-top: 54px;
	  background: url(../img/logohome_m.png) no-repeat center bottom;
	  background-size: 100%;
	}
	#home .cont1 .cuadro {
	  width: 300px;
	  height: 98px;
	  margin: 8px auto 0px auto;
	  background: none;
	  text-align: center;
	  font-size: 13px;
	  padding: 10px;
	  border: none;
	}
	#home .caldo{
		display: none;
	}
	#home .cont1 .cuadro h1 {
	  font-size: 14px;
	  margin-bottom:10px;
	}
	#home .cont1 .botones {
	  width: 320px;
	  margin: 0 auto;
	  text-align: center;
	}
	#home .cont1 .botones #btn_fb, #home .cont1 .botones #btn_fb:hover{
	  width: 218px;
	  height: 37px;
	  margin-top: 6px;
	  background: url(../img/btn_fb_m.png) no-repeat;
	  background-size: 100% auto;
	}
	#home .cont1 .botones #btn_tw, #home .cont1 .botones #btn_tw:hover{
	  width: 218px;
	  height: 37px;
	  display: block;
	  margin: 8px auto 0px auto;
	  background: url(../img/btn_tw_m.png) no-repeat;
	  background-size: 100% auto;
	}
	#home .cont1 .botones #btn_pc, #home .cont1 .botones #btn_pc:hover{
	  width: 218px;
	  height: 37px;
	  margin-top: 8px;
	  background: url(../img/btn_pc_m.png) no-repeat;
	  background-size: 100% auto;
	}
	#home .cont1 .cuadro br{
		display: none;
	}
	#banner{
		display: none;
	}
	#inp_imagen{
		top: -1000px;
		left: -1000px;
		position: absolute;
		display: block;
	}
	#galeria .logo{
		display: none;
	}
	#galeria .titulogaleria {
	  width: 320px;
	  height: 220px;
	  margin: 0px auto 10px auto;
	  background: url(../img/bg_galeria_m.png) no-repeat center top;
	  position: relative;
	}
	#galeria .titulogaleria p {
	  width: 260px;
	  margin: 0 auto;
	  position: relative;
	  left:0;
	  top: 110px;
	  text-align: center;
	  padding-top:10px;
	}
	#premios {
	  width: 100%;
	  height: 571px;
	  overflow: hidden;
	  background: url(../img/premios_m.jpg) center no-repeat;
	  background-size: 100%;
	}
	#premios > div {
		display: none;
	}
	/**** Formulario *****/
	.modal .cerrar{
		right: 6%;
	}
	#formulario input{
		width: 250px;
		height: 36px;
		margin: 8px 0px 0px 19px !important;
	}
	#formulario textarea{
		width: 218px;
		margin: 8px 0px 0px 19px !important;
	}
	#formulario .container{
		top: 6%;
		width: 90%;
		margin-left: -145px;
		margin-top: 0px;
	}
	#formulario .container .logo{
		display: none;
	}
	#formulario .container .contenido{
		height: 514px;
		background: url(../img/bg_formulario_m.png) no-repeat;
	}
	#formulario .container .contenido .felicitaciones{
		position: relative;
	}
	#formulario .container .contenido .da_izq{
		float: none;
		width: 100%;
		overflow: hidden;
	}
	#formulario .container .contenido .da_izq .item{
		width: 140px;
		height: 150px;
		display: block;
		margin: 10px auto 0px auto;
	}
	#formulario .container .contenido .da_izq .item2{
		width: 288px !important;
		height: 330px !important;
	}
	#formulario .container .contenido .datos .da_izq #btn_buscarfoto{
		top: 118px;
		left: 28%;
		width: 127px;
		height: 30px;
		color: #fff;
		z-index: 1000;
		line-height: 32px;
		font-size: 14px;
		position: absolute;
		background: url(../img/pixel1.png);
	}
	#formulario .container .contenido .da_der{
		float: none;
		width: 100%;
	}
	#formulario .container .contenido .datos .da_der .avatar{
		display: none;
	}
	#formulario .container .contenido .datos .da_der .jqEasyCounterMsg{
		width: 269px;
	}
	#formulario .container .contenido .datos .da_der .siguiente{
		margin: 0px auto;
		width: 176px;
		height: 38px;
		line-height: 33px;
	}
	
	#formulario .container .contenido .felicitaciones .da_izq{
	}
	
	#formulario .container .contenido .felicitaciones .da_izq #btn-finaliza-in{
		color: #fff;
		width: 176px;
		height: 38px;
		line-height: 33px;
		text-align: center;
		font-weight: lighter;
		border: 3px solid #711520;
		background-color: #AF1228;
		margin: 30px auto 0px auto;
	}
	#formulario .container .contenido .felicitaciones .da_der{
	}
	#formulario .container .contenido .felicitaciones .da_der .fel1{
		font-size: 22px;
		margin: 10px auto 0px auto;
	}
	#formulario .container .contenido .felicitaciones .da_der .fel3{
		color: #fff;
		font-size: 14px;
		margin: 10px auto 0px auto;
	}
	#galeria .buscar .submit{
		float: left;
	}
	#galeria .ui-input-text{
		float:left;
	}
	#galeria > .container .item{
		width: 140px;
		height: 154px;
	}
	
	#receta .item{
		width: 288px;
		height: 400px;
		left: 14px;
		margin-left: 0px;
	}
}

/* SMARTPHONES - LANDSCAPE */
@media 
only screen and (min-width: 321px) {
		
}

/* SMARTPHONES - PORTRAIT */
@media 
only screen and (max-width: 320px) {
		
	
	body,html {
		width:320px;
	}
	
}

/* IPADS - PORTRAIT & LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {
	
	body,html {
		max-width: auto;
		width: auto;
	}
	
}

/* IPADS - LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - PORTRAIT */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	/* INSERT YOUR STYLES */
	
}


/* DESKTOPS & LAPTOPS */
@media 
only screen and (min-width: 1024px) {
			
	
}

@media 
only screen and (min-width: 1224px) {
	
	/* INSERT YOUR STYLES */
	
}

/* RETINA DISPLAY */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
	/* INSERT YOUR STYLES */
	
}