@media screen and (max-width: 768px) 	{
h2 {font:300 28px/32px 'Oswald Light','Helvetica',serif; margin:10px 0 0 10px;}
#header img#logo, #header img#logoCat {
margin: 12px 0 0 8px;
width: 28%;
}


}
@media screen and (max-width: 650px) {
#header img#logo, #header img#logoCat {
margin: 14px 0 0 8px;
width: 28%;
}
h2 {
font:300 17px/21px 'Oswald Light','Helvetica',serif; margin:15px 0 0 10px;
}
}
@media screen and (max-width: 478px) 	{
#header img#logo, #header img#logoCat {
margin: 18px 0 0 8px;
width: 32%;
}
h2 {font:300 17px/21px 'Oswald Light','Helvetica',serif; margin:15px 0 0 10px;}
.autor{bottom:0px;}
}

@media screen and (min-width: 479px)  and (max-width: 768px) 	
{
	.nombre_seccion{display:none}
	.pie_foto{display:none}
	/*.video{padding-bottom:35.25% !important}*/
	#miIframe{margin-top:51px;}
	
}



@media screen and (min-width: 801px) and (min-height: 1201px) 
{
	.imgPrincipal{ width:100%; height:auto !important; margin-top:35%}
	
	
}

@media screen and (min-width: 600px) and (max-width: 800px) and (min-height: 950px) and (max-height: 1200px) 	
{
	.imgPrincipal{ width:100%; height:auto !important; margin-top:30%}
	
	
}

@media screen  and (max-width: 600px) and (max-height: 1050px) 	
{
	.imgPrincipal{ width:100%; height:auto !important; margin-top:35%}
			
}

@media screen  and (max-width: 850px)
{
	#comparte {left:29%;}
}

@media screen and (max-width: 700px) and (max-height: 400px) 	
{
	.imgPrincipal{ width:100%; height:auto !important;margin-top:0px;}
	#recomendamos {max-height:160px;margin-bottom:6%;}
	#comparte{ left:22%; top:58%}
	#comparte img {width:91px;}
	#comparte h1 {font:normal 35px/0px 'GothamLight',Helvetica, Arial, sans-serif;}			
	
}


@media screen and (max-width: 400px) and (max-height: 700px) 	
{
	.imgPrincipal{ width:100%; height:auto !important; margin-top:45%}
	#recomendamos {max-height:200px;margin-bottom:9%;}
	#comparte{ left:0%; top:52%}
	#comparte img {width:87px;}
	#comparte h1 {font:normal 34px/0px 'GothamLight',Helvetica, Arial, sans-serif;}	

}


@media screen and (max-width: 500px) and (max-height: 350px) 	
{
	.imgPrincipal{ width:100%; height:auto !important; margin-top:0}
}


@media screen and (max-width: 350px) and (max-height: 500px) 	
{
	.imgPrincipal{ width:100%; height:auto !important;  margin-top:42%}
	#recomendamos {max-height:150px;margin-bottom:9%;}
	
	
}

@media screen and (max-width: 300px) and (max-height: 250px) 	
{
	.imgPrincipal{ width:100%; height:auto !important;  margin-top:0%}
	#recomendamos {max-height:150px;margin-bottom:9%;}	
}

/* Se agrego media Query para resolución 300 x 200px fecha 14/12/215*/
@media screen and (width: 300px) and (height: 200px)
{
	.botonesMovil{right:-30px;}
	.botonesMovil img{ margin: 5px 5px 0px 0px; width: auto}
	.botonesMovil .siguenos{height: 30px;margin-right: 7px;}
	.box_form{width:280px;}
	#div_playmm1{top:70%;}
	#botonesExtr{margin-right: 0%;}
	#comparte {left:15%; top: 127%;}
	#comparte img {width: 40px;}
	#recomendamos {height:37%; margin-bottom:5%;max-height:150px;}
	#textrecomendamos{font: 14px/28px arial, sans-serif,bolder;margin-left:10px;}
}

/* Se agrego media Query para resolución 300 de ancho y entre 169 y 175px de altura fecha 06/01/2016*/
@media screen and (width: 300px) and (min-height: 169px) and (max-height:175px)
{
	.botonesMovil{right:-30px;}
	.botonesMovil img{ margin: 5px 5px 0px 0px; width: auto}
	.botonesMovil .siguenos{height: 30px;margin-right: 7px;}
	.box_form{width:280px;}
	#div_playmm1{top:70%;}
	#botonesExtr{margin-right: 0%;}
	#comparte {left:15%; top: 100%;}
	#comparte img {width: 40px;}
	#recomendamos {height:37%; margin-bottom:5%;max-height:150px;}
	#textrecomendamos{font: 14px/28px arial, sans-serif,bolder;margin-left:10px;}
} 	  	

/* Se creo media Query para la resolución portrait de  320 hasta 568. 
 * Celulares: 	iPhone: 4 y 5
 *              Nokia: Lumia
 */
 @media screen  and (max-width: 320px)  and (max-height: 568px) 
{	
	#comparte{left:8%; top: 80%;}
	#comparte img{width: 54px; margin:0 3px;}
	#div_playmm1{top:51%;}
}

/* Se creo media Query para la resolución portrait de al menos 360 x 640. 
 * Celulares: 	Samsung Galaxy: Note 3 y 2, S 3 y 4.
 * 				Nokia: N9
 *				Black Berry: Z30
 *				Google: Nexus 5
 */
 @media screen and (min-width: 360px)  and (max-height: 640px) and (orientation: portrait)
{
	#div_playmm1{top:52%; left:45%;} 
	#comparte{left:9%; top: 75%;}
	#comparte img{width: 60px;}
}

/* Se creo media Query para la resolución portrait de 357 hasta 627. 
 * Celulares: 	iPhone: 6		
 */
@media only screen and (min-width: 375px)  and (max-height: 627px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)  
{
	#comparte{left:9%; top: 78%;}
	#comparte img{width: 60px;}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) { 
	#comparte{left:9%; top: 78%;}
	#comparte img{width: 60px;}
}


/* Se creo media Query para la resolución portrait de 384 hasta 640. 
 * Celulares: 	Google Nexus: 4.
 *				LG: Optimus				
 */
@media screen and (min-width: 384px)  and (max-height: 640px) and (orientation: portrait)
{
	#comparte{left:10%; top: 78%;}
	#comparte img{width: 65px;}
	#div_playmm1{top:56%;}
}

/* Se creo media Query para la resolución portrait desde 412 hasta 736. 
 * Celulares: 	Google Nexus: 6.
 *							
 */
@media screen and (min-width: 412px)  and (max-height: 736px) and (orientation: portrait)
{
	#textrecomendamos{font:25px/30px arial, sans-serif,bolder;}
	#comparte{left:10%; top: 68%;}
	#comparte img{width: 70px;}
}

/* Se creo media Query para la resolución portrait de 520 hasta 553. 
 * Celulares: 	iPhone: 5.			
 */
@media screen and (max-width: 520px)  and (min-height: 533px) and (orientation: landscape)
{
	#comparte{left:21%; top: 68%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución landscape de 533 hasta 320. 
 * Celulares: 	Nokia Lumia 520.			
 */
@media screen and (max-width: 533px)  and (min-height: 320px) and (orientation: landscape)
{
	#comparte{left:18%; top: 86%;}
	#comparte img{width: 72px;}
}

/* Se creo media Query para la resolución portrait de 568 hasta 320. 
 * Celulares: 	iPhone: 5.			
 */
@media screen and (min-width: 568px)  and (max-height: 320px) and (orientation: landscape)
{
	#comparte{left:21%; top: 85%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución landscape de 567 hasta 384. 
 * Celulares: 	Google Nexus: 4 y 5.			
 */
@media screen and (min-width: 598px)  and (max-height: 359px) and (orientation: landscape)
{
	#comparte{left:25%; top: 84%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución portrait de 600 hasta 1024. 
 * Celulares: 	Google Nexus: 7.
 *				Black Berry: PlayBook 
 */
@media screen and (min-width: 600px)  and (max-height: 1024px) and (orientation: portrait)
{
	#div_playmm1{top:42%; left:45%;} 
	#div_playmm1 img{width:100px; height:100px;}
	#comparte{left:12%; top: 60%;}
}

/* Se creo media Query para la resolución landscape de 667 hasta 375. 
 * Celulares: 	iPhone: 6			
 */
@media screen and (min-width: 627px)  and (max-height: 375px) and (orientation: landscape)
{
	#comparte{left:27%; top: 75%;}
	#comparte img{width: 65px;}
}

@media screen and (min-width: 667px)  and (max-height: 375px) and (orientation: landscape)
{
	#comparte{left:27%; top: 75%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución landscape de 640 y 360. 
 * Celulares: 	Samsung Galaxy: Note 3 y 2, S 3 y 4.
 *				Nokia: N9
 */
@media screen and (width: 640px)  and (height: 360px) and (orientation: landscape)
{
	#comparte{left:26%; top: 84%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución landscape de 640 y 384. 
 * Celulares: 	LG Optimus: L70
 */
@media screen and (width: 640px)  and (height: 384px) and (orientation: landscape)
{
	#comparte{left:26%; top: 75%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución landscape de 659 hasta 412. 
 * Celulares: 	Google Nexus: 6				
 */
@media screen and (min-width: 690px)  and (max-height: 412px) and (orientation: landscape)
{
	#comparte{left:29%; top: 80%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución landscape de 736 hasta 414. 
 * Celulares: 	iPhone: 6 plus				
 */
@media screen and (min-width: 736px)  and (max-height: 414px) and (orientation: landscape)
{
	#comparte{left:28%; top: 74%;}
	#comparte img{width: 65px;}
}

/* Se creo media Query para la resolución portrait de 768 hasta 1024. 
 * Celulares: 	Ipad 
 *				Ipad Mini 
 */
@media screen and (min-width: 768px)  and (max-height: 1024px) and (orientation: portrait)
{	
	#div_playmm1{top:50%} 
	#comparte{left:20%; top: 60%;}
	#textrecomendamos{font:25px/38px arial, sans-serif,bolder;}
}

/* Se creo media Query para la resolución portrait de 800 hasta 1280. 
 * Celulares: 	Google Nexus: 10 
 */
@media screen and (min-width: 800px)  and (max-height: 1280px) and (orientation: portrait)
{	
	#div_playmm1{top:47%}
	#div_playmm1 img{width:150px; height:150px;}	
	#comparte{left:16%; top: 55%; width:70%}
	#comparte img{width:25%; margin: 0 0px;}
	#recomendamos{max-height:260;}
	#textrecomendamos{font:27px/45px arial, sans-serif,bolder;}
}
/* Se agrego media query para resolucion 854 X 540*/
@media screen and (width: 854px)  and (height: 540px)
{
	.botonesMovil img: {width: 50px;}
	.botonesMovil . Siguenos{ height: 45; }
	.img#enviaNW{ width:35%; margin-top: 1%;}
	#comparte {left: 23%; margin-bottom: 4%; top:61%}
	#textrecomendamos {font: 24px/30px arial,sans-serif,bolder;margin-left:10px;} 
	#recomendamos {height: 40%; margin-bottom:4%;}
}

/* Se agrego media Query para resolución 890 x 540px fecha 14/12/215 */
@media screen and (width: 890px)  and (height: 540px)
{
	.botonesMovil img: {width: 50px;}
	.botonesMovil . siguenos{ height: 45;}
	.img#enviaNW{ width:35%; marin-top: 1%;}
	#comparte {left: 23%; margin-bottom: 4%; top:73%;}
	#recomendamos {height: 40%; margin-bottom:4%;}
	#textrecomendamos{font: 24px/30px arial, sans-serif,bolder;margin-left:10px;} 
	
} 	

/* Se creo media Query para la resolución landscape de 900 hasta 600. 
 * Celulares: 	Google Nexus: 7				
 */
@media screen and (min-width: 960px)  and (max-height: 600px) and (orientation: landscape)
{
	#comparte{left:27%; top: 65%;}
	#textrecomendamos{26px/40px arial, sans-serif,bolder;}
}

@media screen and (width: 960px)  and (max-height: 640px) 	
{
	#comparte {left:27%; top:56%}
	#recomendamos {margin-bottom:12%;}
	
}

@media screen and (width: 620px)  and (height: 390px) 	
{
	#recomendamos{ margin-bottom:15%; height:35;}
	#comparte{ left:22%; top:68%}
	#comparte img {width:75px;}
	#comparte h1 {font:normal 35px/0px 'GothamLight',Helvetica, Arial, sans-serif;}	
	
}

@media screen and (width: 790px)  and (height: 445px) 	
{	
	
	#recomendamos{ margin-bottom:15%; height:35%;}
	#comparte{ left:21%; top:64%}
	#comparte img {width:17%;}
	#comparte h1 {font:normal 40px/5px 'GothamLight',Helvetica, Arial, sans-serif;}	
}
/* Con esto tambien toma las medidas para Iphone 4 landscape*/
@media screen and (width: 480px)  and (height: 320px) 	
{
	#recomendamos{ height:30%; margin-bottom:10%;}
	#comparte{ left:20%; top:88%;}
	#comparte img {width:57px;}
	/*#comparte h1 {font:normal 32px/0px 'GothamLight',Helvetica, Arial, sans-serif;}*/ 
	
}

@media screen and (width: 300px)  and (height: 451px) 	
{
	#recomendamos{ margin-bottom:10%;}
	#comparte{ left:6%; top:75%}
	#comparte img {width:53px;}
	#comparte h1 {font:normal 34px/0px 'GothamLight',Helvetica, Arial, sans-serif;}
	#emailNewsLetter{width: 155px;}
	.imgPrincipal{ width:100%; height:auto !important; margin-top:40%}	
	.botonesMovil    {right: 0px; }
	.botonesMovil .siguenos{margin-right:5px;}
	.box_form{		width:265px; padding: 5px!important;	}
	.box_form span{		font: 14px/15px Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;	}
	
}


@media screen and (min-width: 700px) and (max-width: 900px) and (min-height: 700px) and (max-height: 900px) 	
{
	#recomendamos{max-height:200px; margin-bottom:12%;}
	.imgPrincipal{ width:100%; height:auto !important; margin-top:15%}	
	#comparte {left:29%;}
} 

@media screen and (max-width: 550px)
{
	#botonesExtr{ width:100%;}
	.botonesMovil .siguenos {height:30px; width:auto;}
	.botonesMovil img {width:30px;}
	.box_form {right:0;padding:0;margin-right:10px;}
	input[type="text"] {width:190px;margin:10px;}
	button {margin-right:10px; margin-left:0}
	.icono{margin-left:40px; margin-top:5px}
	.modal .texto{margin:0px 5px 10px 5px;font: normal 33px/40px 'GothamCondLight','Arial', sans-serif}
	.btn_cerrar{margin:5px 5px 0px 0px;}
	.modal{width:90%; padding:0; left:0;margin-left:5%;top:45%;}
	
	
}

/* Se creo media Query para la resolución landscape de 1024 hasta 768. 
 * Celulares: 	Black Berry: PlayBook.
 *				Ipad 
 *				Ipad Mini 
 */
@media screen and (min-width: 1024px)  and (max-height: 768px) and (orientation: landscape)
{	
	#div_playmm1{top:60%; left:50%;} 
	#div_playmm1 img{width:100px; height:100px;}
	#comparte{left:27%; top: 60%;}
	#textrecomendamos{font: 30px/45px arial, sans-serif,bolder;}
}

/* Se creo media Query para la resolución landscape de 1280 hasta 800. 
 * Celulares: 	Google Nexus: 10
 */
 @media screen and (min-width: 1280px)  and (max-height: 800px) and (orientation: landscape)
{
	#div_playmm1{top:50%; left:47%;} 
	#div_playmm1 img{width:125px; height:125px;}
	#comparte{left:10%; top: 62%; width:80%;}
	#comparte img{width: 15%; margin: 0px 0px;}
	#textrecomendamos{font: 30px/45px arial, sans-serif,bolder;}
}

/* Se creo media Query para la resolución portrait de 1600 hasta 2560. 
 * Celulares: 	Amazon Kindel Fire HDX
 */
 @media screen and (min-width: 1600px)  and (max-height: 2560px) and (orientation: portrait)
{
	.botonesMovil img{width:70px;}
	.botonesMovil .siguenos{width:255px; height:75px}
	#comparte{left:3%; top: 50%; width:90%;}
	#comparte img{width: 15%; margin: 0px 0px;}
	#div_playmm1{top:42%; left:45%;}
	#div_playmm1 img{width:200px; height:200px;}
	#recomendamos{max-height:300px; margin-bottom:20%;height:35%}
	#textrecomendamos{font: 55px/64px arial, sans-serif,bolder;}
}

/* Se creo media Query para la resolución landscape de 2560 hasta 1600
 * Celulares: 	Amazon Kindel Fire HDX
 */
 @media screen and (min-width: 2560px)  and (max-height: 1600px) and (orientation: landscape)
{	.imgPrincipal{margin-top:0%}
	.botonesMovil img{width:70px;}
	.botonesMovil .siguenos{width:255px; height:75px}
	#comparte{left:4%; top: 50%; width:90%;}
	#comparte img{width: 15%; margin: 0px 0px;}
	#div_playmm1 img{width:200px; height:200px;}
	#recomendamos{max-height:300px; margin-bottom:5%;height:35%}
	#textrecomendamos{font: 55px/64px arial, sans-serif,bolder;}
	
}


/*MediaQuery para compartir*/
@media screen and(width:480px) and (height:320px)
{
	#opciones
	{
		height:320px;
	}	
	#share .no-class-share
	{
		height:320px;
	}
}

@media screen and (max-width:320px) and (max-height:200px)
{
	button{width:60px; font: 12px/16px Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
	a.oo-fullscreen.oo-control-bar-item {margin-right: 10px;}
	#comparte{display:none;}
	#recomendamos{display:none;}
	#discoverBtn{display:none;}
	#emailNewsLetter{width:165px;font: 12px/15px Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
	.botonesMovil{right:0px;}
	.botonesMovil img{width:20px;}
	.botonesMovil .siguenos {height: 20px;}
	.box_form{width:280px; top: 35px;}
	.box_form span {font: 12px/13px Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
	.imgPrincipal{margin-top:0;}

}