@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url("youmurdererbb_reg/stylesheet.css");

/* menu -----------------------------------------------------*/ 
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 1;
		display: block;
		position:relative;
		height:110px; /* altura de cada caja*/	 
}
#cssmenu:after,
#cssmenu > ul:after {
  		display: block;
  		clear: both;
  		visibility: hidden;
  		line-height: 0;
 		height: 0;
}
#cssmenu #menu-button {
  		display: none;
}
#cssmenu {
		position:fixed; /*fixed*/
		top: 5px;
		left: 45%;/*distancia del menu horizontal */
		z-index: 10;
		font-family: "youmurdererbb reg";
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 2px;
		display: block;
		opacity:0.8;		
}
#fondo{ /*del menu*/
		left: 45%; 
		background:#990000;
		position:fixed;
		border-radius: 10px;
		box-shadow: 15px 10px 5px #aaa;
		opacity:0.7;
		height: 67px; /*alto*/
		width: 612px; /*ancho */		
}
#cssmenu > ul > li {
		float:left; 
   	 	margin: 0 10px 0 0;
}
#cssmenu.align-center > ul {
		font-size: 0;
		text-align: center;
}
#cssmenu.align-center > ul > li {
		display: inline-block;
		float: none;
}
#cssmenu.align-center ul ul {
  text-align:right; /*left*/
}
#cssmenu.align-right > ul > li {
		float: right;
}
#cssmenu > ul > li > a {
		padding: 17px; /*separacion*/
		font-size: 30px; /*tamaño letras menu*/
		letter-spacing: 2px;
		text-decoration: none;
		color:#fff;
}
#cssmenu > ul > li:hover > a {
  		color:#CC0000; /*rojo*/
}
#formu { /*formulario contacto*/
		width: auto;
	 	height:auto;
		opacity:0.9;
	 	margin: 1% auto;
		position:relative;
		top:-100px;	
}
ul#nav li a.current, ul#nav li a.current:hover {
		background-image:url('../images/nav_current.png');
		background-size:auto;
		background-repeat:no-repeat;
		background-position:top;
		color:red;	
}
/* fin del menu */ 
body {
		text-align:center;
		background-color:#000000;
}
/* FONDOS */ 
#indice {
		background-image:  url('../images/indice.jpg');
		background-size:cover;
		background-position:center top;
		background-repeat:no-repeat;
		padding-top:0;
}
#one {
		background: url('../images/sinopsis.jpg');
		background-size:cover;
		background-position:center top;
		background-repeat:  no-repeat;
		padding-top:0;
}
#two {
		background: url('../images/novelas.jpg');
		background-size:cover;
		background-position:center top;
		background-repeat:  no-repeat;
		padding-top:0;
}
#tree {
		background: url('../images/noticias.jpg');
		background-size:cover;
		background-position:center top;
		background-repeat:  no-repeat;
		padding-top:0;
}
#four {
		background: url('../images/contacto.jpg');
		background-size:cover;
		background-position: center top;
		background-repeat:  no-repeat;
		padding-top:0;
}
/*MEDIA QUERYS */ 


@media screen and (min-width: 176px) and (max-width: 599px){/*menos que tablet  */
.global {width:600px; height:800px; margin:0 auto;}

#indice {
		background-image:  url('../images/indice.jpg');
		background-size:100%;
		background-position: center top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}
	
#one {
		background-image:  url('../images/sinopsis.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}	
#two {
		background-image:  url('../images/novelas.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}	
		
#tree {
		background-image:  url('../images/noticias.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}
#four {
		background-image:  url('../images/contacto.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;
}
#cssmenu > ul > li > a {
  		padding: 5px; /*separacion*/
  		font-size: 13px; /*tamaño letras menu*/
  		letter-spacing: 1px;
  		text-decoration: none;
  		color:#fff;
}

 #fondo{ 
	left:0em;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 20px; /*alto*/
	width: 285px; /*ancho */		
}

#cssmenu {
		position:fixed; /*fixed*/
		top: 2px;
		left: 0.5em;/*distancia del menu horizontal */
		z-index: 10;
		font-family: "youmurdererbb reg";
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 2px;
		display: block;
		opacity:0.8;
}

.portada {
	padding-top:6em;
	width:100%;
}

.novelas {
	padding-top:6em;
	width:100%;
}

/*------------------------------------INDEX TABLET----------------------------------------*/

#index1 { /*buy*/
		top:13em;
		position:relative;
		margin: 0 auto;
		width: 60%;
		padding-left:2.5em;
}

#index3 { /*redes*/
		top:1em;
		position:relative;
		margin: 0 auto;
		width:70%;
}

#index4 { /*play*/
		position:relative;
	
		top:8em;
		margin: 0 auto;
		width: 50%;
		opacity:0.8;
		padding-bottom:7em;
				
}

/*--------------------------------------------------------SINOPSIS TABLET------------------------------------------------------*/


#sinop1 { top:-1.3em; position:relative;   left:18em; width:40%;  } /*BUY*/

#sinop3 { top:-18em; position:relative;  left:10em; width: 70%; } /*REDES*/

#sinop4 { top:-6em; position:relative;   left:4em; width: 30%; opacity:0.8 ; } /*PLAY*/

#text{ top:-24em; color:#FFFFFF; position:relative; width: 240px; padding-right:2%; text-align:left; font-size:15px;
	  left:2em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:16px;
	left:9em;
	top:11em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;

}
 
#text3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:16px;
	left:1em;
	top:11em;
	
	color:#FFFFFF;
	
 }
 
#text4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:16px;
	left:1em;
	top:11em;

	color:#FFFFFF;
	
   }
 
#text5 { /*cuarto parrafo*/
   width: 400px;
	 position:relative;
	font-size:16px;
	left:1em;
	top:11em;
	
	color:#FFFFFF;
	
 }
 
#text6 { /*ultimo parrafo*/
   width: 560px;
	 position:relative;
	font-size:16px;
	left:1em;
	top:11em;

	color:#FFFFFF;

 }
 
 #pie2{
	position:relative;
	top:10em;
	
	
}

/*-----------------------------------------------novelas TABLET------------------------------------------------*/ 

#novelas1 { top:10em; position:relative; top:14em; padding-right:0; margin: 0 auto;  width:60%; } /*BUY*/

#pie{
	position:relative;
	top:-14em;
	
	
}

/*--------------------------------------------------------noticias tablet------------------------------------------------------*/


#buy4 { top:6.3em; position:relative;   left:18em; width:40%;  } /*BUY*/

#redes4 { top:1em; position:relative;  left:10em; width: 70%; } /*REDES*/

#play4 { top:1em; position:relative;   left:4em; width: 30%; opacity:0.8 ; } /*PLAY*/

#info4{ top:-3.5em; color:#FFFFFF; position:relative; width: 240px; padding-right:2%; text-align:left; font-size:15px;
	  left:2em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:18px;
		margin: 0 auto;
	top:17em;	
	margin: 0 auto;

	color:#FFFFFF;

}
 
#noti3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:17px;
	margin: 0 auto;
	top:18em;
	
	color:#FFFFFF;
	
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:17px;
	margin: 0 auto;
	top:18em;

	color:#FFFFFF;
	
   }
 
#noti5 { /*ultimo*/
   width: 600px;
    position:relative;
	font-size:18px;
	margin: 0 auto;
	top:17em;

	color:#CC0000;
	
   }
 

 
 #pie4{
	position:relative;
	top:3em;
	
	
}
/*------------------------------------------------------CONTACTO.HTML tablet ------------------------------*/
#formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-22em;	
}
#redes5 {
	width:75%;
	top:40em; 
	position:relative;
	margin:0  auto;
}
#buy5 {
	top:40em; 
	position:relative; 
	left:7em;
	width:40%;	
}
#play5 { 
	top:35em; 
	position:relative;  
	left:20em; 
	width: 30%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-8em;	
}

}



@media screen and (min-width: 600px) and (max-width: 1023px){/*tablet  */
.global {width:600px; height:800px; margin:0 auto;}

#indice {
		background-image:  url('../images/indice.jpg');
		background-size:100%;
		background-position: center top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}
	
#one {
		background-image:  url('../images/sinopsis.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}	
#two {
		background-image:  url('../images/novelas.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}	
		
#tree {
		background-image:  url('../images/noticias.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;		
}
#four {
		background-image:  url('../images/contacto.jpg');
		background-size:100%;
		background-position:top;
		background-repeat:  no-repeat;
		background-color:#000000;
		padding-top:0;
}
#cssmenu > ul > li > a {
  		padding: 5px; /*separacion*/
  		font-size: 24px; /*tamaño letras menu*/
  		letter-spacing: 1px;
  		text-decoration: none;
  		color:#fff;
}

 #fondo{ 
	left:9em;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 33px; /*alto*/
	width: 420px; /*ancho */		
}

#cssmenu {
		position:fixed; /*fixed*/
		top: 2px;
		left: 9.5em;/*distancia del menu horizontal */
		z-index: 10;
		font-family: "youmurdererbb reg";
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 2px;
		display: block;
		opacity:0.8;
}

.portada {
	padding-top:6em;
	width:100%;
}

.novelas {
	padding-top:6em;
	width:100%;
}

/*------------------------------------INDEX TABLET----------------------------------------*/

#index1 { /*buy*/
		top:13em;
		position:relative;
		margin: 0 auto;
		width: 60%;
		padding-left:2.5em;
}

#index3 { /*redes*/
		top:1em;
		position:relative;
		margin: 0 auto;
		width:70%;
}

#index4 { /*play*/
		position:relative;
	
		top:8em;
		margin: 0 auto;
		width: 50%;
		opacity:0.8;
		padding-bottom:7em;
				
}

/*--------------------------------------------------------SINOPSIS TABLET------------------------------------------------------*/


#sinop1 { top:-1.3em; position:relative;   left:18em; width:40%;  } /*BUY*/

#sinop3 { top:-18em; position:relative;  left:10em; width: 70%; } /*REDES*/

#sinop4 { top:-6em; position:relative;   left:4em; width: 30%; opacity:0.8 ; } /*PLAY*/

#text{ top:-24em; color:#FFFFFF; position:relative; width: 240px; padding-right:2%; text-align:left; font-size:15px;
	  left:2em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:16px;
	left:9em;
	top:11em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;

}
 
#text3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:16px;
	left:1em;
	top:11em;
	
	color:#FFFFFF;
	
 }
 
#text4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:16px;
	left:1em;
	top:11em;

	color:#FFFFFF;
	
   }
 
#text5 { /*cuarto parrafo*/
   width: 400px;
	 position:relative;
	font-size:16px;
	left:1em;
	top:11em;
	
	color:#FFFFFF;
	
 }
 
#text6 { /*ultimo parrafo*/
   width: 560px;
	 position:relative;
	font-size:16px;
	left:1em;
	top:11em;

	color:#FFFFFF;

 }
 
 #pie2{
	position:relative;
	top:10em;
	
	
}

/*-----------------------------------------------novelas TABLET------------------------------------------------*/ 

#novelas1 { top:10em; position:relative; top:14em; padding-right:0; margin: 0 auto;  width:60%; } /*BUY*/

#pie{
	position:relative;
	top:-14em;
	
	
}

/*--------------------------------------------------------noticias tablet------------------------------------------------------*/


#buy4 { top:6.3em; position:relative;   left:18em; width:40%;  } /*BUY*/

#redes4 { top:1em; position:relative;  left:10em; width: 70%; } /*REDES*/

#play4 { top:1em; position:relative;   left:4em; width: 30%; opacity:0.8 ; } /*PLAY*/

#info4{ top:-3.5em; color:#FFFFFF; position:relative; width: 240px; padding-right:2%; text-align:left; font-size:15px;
	  left:2em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:18px;
		margin: 0 auto;
	top:17em;	
	margin: 0 auto;

	color:#FFFFFF;

}
 
#noti3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:17px;
	margin: 0 auto;
	top:18em;
	
	color:#FFFFFF;
	
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:17px;
	margin: 0 auto;
	top:18em;

	color:#FFFFFF;
	
   }
 
#noti5 { /*ultimo*/
   width: 600px;
    position:relative;
	font-size:18px;
	margin: 0 auto;
	top:17em;

	color:#CC0000;
	
   }
 

 
 #pie4{
	position:relative;
	top:3em;
	
	
}
/*------------------------------------------------------CONTACTO.HTML tablet ------------------------------*/
#formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-22em;	
}
#redes5 {
	width:75%;
	top:40em; 
	position:relative;
	margin:0  auto;
}
#buy5 {
	top:40em; 
	position:relative; 
	left:7em;
	width:40%;	
}
#play5 { 
	top:35em; 
	position:relative;  
	left:20em; 
	width: 30%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-8em;	
}

}

@media screen and (min-width: 1024px) and (max-width: 1279px){/*10 y 12*/
.global {width:1024px; height:768px; margin:0 auto;}

/* MENU ----------------------------------------------------*/ 

 #fondo{ 
	
	left: 30%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 60px; /*alto*/
	width: 612px; /*ancho */		
}
#cssmenu {
	
		position:fixed; /*fixed*/
		top: 5px;
		left: 30%;/*distancia del menu horizontal */

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;

	
}

.portada {
	width:80%;
	 
	
	
}

#index1 { /*buy*/
		position:relative;
  		padding-top: 20%; 
		padding-right:0;
		/*border: solid blue 1px;*/
		left:10%;
		height: 50%;
		width: 18%;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:8%;
		height: 50%x;
		width: 200px;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:8%;
		height: 150%;
		width: 200px;
		opacity:0.8;
		padding-bottom:90px;			
}


/*--------------------------------------------------------SINOPSIS 10 ----------------------------------------------------*/


#sinop1 { top:-20em; position:relative; padding-top:8%; padding-right:0; left:6em; width:17%; } /*BUY*/

#sinop3 { top:-22em; position:relative; padding-right:0; padding-top:0; left:4em; width: 20%; } /*REDES*/

#sinop4 { top:-17em; position:relative; padding-right:0; padding-top:0; left:6em; width: 17%; opacity:0.8} /*PLAY*/

#text{ top:-20em; color:#FFFFFF; position:relative; width: 240px; padding-top:0em; padding-right:2%; text-align:left; font-size:17px;
	 text-shadow: 1px 1px 1px #C00; left:6em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:15px;
	left: 38em;
	top:-7em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
}
 
#text3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:15px;
	left:20em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
 
#text4 { /*tercer parrafo*/
   width: 550px;
    position:relative;
	font-size:15px;
	left:32em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
   }
 
#text5 { /*cuarto parrafo*/
   width: 400px;
	 position:relative;
	font-size:15px;
	left:36em;
	top:9em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
 
#text6 { /*ultimo parrafo*/
   width: 560px;
	 position:relative;
	font-size:15px;
	left:28em;
	top:10em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }

/*-----------------------------------------------------NOVELAS 10 -------------------------------------------*/


.novelas {
	padding-top:12em;
	width:85%;
	
}

#novelas1 { top:-12.5em; position:relative; padding-top:8%; padding-right:0; left:47em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:-0.1em;	
   
}
/*-------------------------------------------------------------NOTICIAS 10 -----------------------------------------*/

#buy4 { top:-8em; position:relative; padding-top:8%; padding-right:0; left:6em; width:17%; } /*BUY*/

#redes4 { top:-9em; position:relative; padding-right:0; padding-top:0; left:4em; width: 20%; } /*REDES*/

#play4 { top:-7em; position:relative; padding-right:0; padding-top:0; left:6em; width: 17%; opacity:0.8} /*PLAY*/

#info4 { top:-10em; color:#FFFFFF; position:relative; width: 240px; padding-top:0em; padding-right:2%; text-align:left; font-size:15px;
	 text-shadow: 1px 1px 1px #C00; left:7em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:15px;
	left:33em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
 
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:15px;
	left:30em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:15px;
	left:28.1em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
   }
 
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:15px;
	left:30em;
	top:6em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
 }
/*------------------------------------------------------CONTACTO.HTML 10 ------------------------------*/
#formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-33em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:5em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:7em;
	width:15%;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:8em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-27em;	
} 		
}

@media screen and (min-width: 1280px) and (max-width: 1365px){/*13*/
.global {width:1280px; height:800px; margin:0 auto;}

/* MENU ----------------------------------------------------*/ 

 #fondo{ 
	
	left: 37%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 60px; /*alto*/
	width: 612px; /*ancho */		
}
#cssmenu {
	
		position:fixed; /*fixed*/
		top: 5px;
		left: 37%;/*distancia del menu horizontal */

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;

	
}

.portada {
	width:80%;
	 
	
	
}

#index1 { /*buy*/
		position:relative;
  		padding-top: 20%; 
		padding-right:0;
		/*border: solid blue 1px;*/
		left:10%;
		height: 50%;
		width: 15%;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:8%;
		height: 50%x;
		width: 200px;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:8%;
		height: 150%;
		width: 200px;
		opacity:0.8;
		padding-bottom:20px;			
}


/*--------------------------------------------------------SINOPSIS 13------------------------------------------------------*/



#sinop1 { top:-27em; position:relative; padding-top:8%; padding-right:0; left:6em; width:17%; } /*BUY*/

#sinop3 {/*REDES*/
	top:-27em;
 position:relative; 
 padding-right:0; 
 padding-top:0; 
 left:6em;
  width: 18%; } 

#sinop4 { top:-27em; position:relative; padding-right:0; padding-top:0; left:6em; width: 17%; opacity:0.8} /*PLAY*/

#text{ top:-25.5em; color:#FFFFFF; position:relative; width: 240px; padding-top:0em; padding-right:2%; text-align:left; font-size:17px;
	 text-shadow: 1px 1px 1px #C00; left:8em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:17px;
	left: 45.5em;
	top:-8em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
}
 
#text3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:17px;
	left:27em;
	top:-8em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
 
#text4 { /*tercer parrafo*/
   width: 560px;
    position:relative;
	font-size:17px;
	left:40em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
   }
 
#text5 { /*cuarto parrafo*/
   width: 450px;
	 position:relative;
	font-size:17px;
	left:37em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
 
#text6 { /*ultimo parrafo*/
   width: 660px;
	 position:relative;
	font-size:17px;
	left:29em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
/*--------------------------------------------------novelas 13--------------------------------------*/

.novelas {
	padding-top:12em;
	width:85%;
	
}

#novelas1 { top:-15.5em; position:relative; padding-top:8%; padding-right:0; left:59em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:0em;
	
	
}

/*-------------------------------------------------------------NOTICIAS 13------------------------------------------*/
#buy4 { top:-16.7em; position:relative; padding-top:8%; padding-right:0; left:8.5em; width:15%; } /*BUY*/

#redes4 {top:-14em; position:relative; padding-right:0; padding-top:0; left:6.5em; width: 17%; } /*REDES*/

#play4 { top:-15.9em; position:relative; padding-right:0; padding-top:0; left:8.5em; width: 15%; opacity:0.8} /*PLAY*/

#info4{ top:-12em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:18px;
	 text-shadow: 1px 1px 1px #C00; left:8em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:22px;
	left:31em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
 
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:22px;
	left:28.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:22px;
	left:26.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
   }
 
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:22px;
	left:28em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
 }
 /*------------------------------------------------------CONTACTO.HTML 13 ------------------------------*/
     #formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-33em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:6.5em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:9em;
	width:15%;	
}

#play5 { 
	top:5em; 
	position:relative;  
	left:10em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-27em;	
} 



	
	
	
}

@media screen and (min-width: 1366px) and (max-width: 1439px){ /*15*/
	
.global {width:1366px; height:768px; margin:0 auto;}

/*-----------------------------------------------------------INDEX 15 --------------------------------------------*/
#index1 { /*buy*/
		position:relative;
  		padding-top: 10%; 
		padding-right:0;
		left:12%;
		height: 50%;
		width: 200px;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		left:11%;
		height: 50%x;
		width: 200px;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		left:11%;
		height: 150%x;
		width: 200px;
		opacity:0.8;
		padding-bottom:84px;			
}

/*--------------------------------------------------------SINOPSIS 15------------------------------------------------------*/



#sinop1 { top:-30em; position:relative; padding-top:8%; padding-right:0; left:10em; width:15%; } /*BUY*/

#sinop3 {/*REDES*/
 top:-27em;
 position:relative; 
 padding-right:0; 
 padding-top:0; 
 left:9em;
 width: 16%; 
} 

#sinop4 { top:-30em; position:relative; padding-right:0; padding-top:0; left:11em; width: 13%; 

 opacity:0.8} /*PLAY*/

#text{ top:-25.5em; color:#FFFFFF; position:relative; width: 240px; padding-top:0em; padding-right:2%; text-align:left; 

font-size:17px;
	 text-shadow: 1px 1px 1px #C00; left:10em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 450px;
	font-size:17px;
	left: 50.5em;
	top:-8em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
	
}
 
#text3 { /*segundo parrafo*/
  	 width: 500px;
 	 position:relative;
	font-size:17px;
	left:33em;
	top:-8em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
		
 }
 
#text4 { /*tercer parrafo*/
   width: 560px;
    position:relative;
	font-size:17px;
	left:44em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
	
   }
 
#text5 { /*cuarto parrafo*/
   width: 450px;
	 position:relative;
	font-size:17px;
	left:42em;
	top:2em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
	
 }
 
#text6 { /*ultimo parrafo*/
   width: 660px;
	 position:relative;
	font-size:17px;
	left:31em;
	top:1.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;

	
 }

/*--------------------------------------------------novelas 15--------------------------------------*/

.novelas {
	padding-top:12em;
	width:85%;	
}

#novelas1 { /*buy*/
top:-16.5em;
position:relative; 
padding-top:8%; 
padding-right:0;
left:63em; 
width:13%; 
}

#pie{
	position:relative;
		
}


/*-------------------------------------------------------------NOTICIAS 15------------------------------------------*/
#buy4 { top:-16.7em; position:relative; padding-top:8%; padding-right:0; left:11em;

 width:15%; } /*BUY*/

#redes4 {top:-14em; position:relative; padding-right:0; padding-top:0; left:9em;


 width: 16%; } /*REDES*/

#play4 { top:-15.9em; position:relative; padding-right:0; padding-top:0; left:11em; 


width: 15%; opacity:0.8} /*PLAY*/

#info4{ top:-12em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; 


font-size:19px;
	 text-shadow: 1px 1px 1px #C00; left:9em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:23px;
	left:33em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;

}
 
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:23px;
	left:30.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
	
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:24px;
	left:27.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
	
   }
 
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:23px;
	left:30em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;

 }
 

/*------------------------------------------------------CONTACTO.HTML 15 ------------------------------*/
     #formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-33em;	
}

#buy5 {
	top:5em; 
	position:relative; 
	left:10.5em;
	width:15%;	
}
#redes5 {
	width: 16%;
	top:-0.5em; 
	position:relative;
	left:9em;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:11.5em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-29em;	
}
}

@media screen and (min-width: 1440px) and (max-width: 1599px){/*19*/
.global {width:1440px; height: 900px; margin:0 auto;}

 #fondo{ 
	
	left: 43%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 60px; /*alto*/
	width: 612px; /*ancho */		
}
#cssmenu {
	
		position:fixed; /*fixed*/
		top: 5px;
		left: 43%;/*distancia del menu horizontal */

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;

	
}

.portada {
	width:80%;
	 
	
	
}

#index1 { /*buy*/
		position:relative;
  		padding-top: 20%; 
		padding-right:0;
		/*border: solid blue 1px;*/
		left:11%;
		height: 50%;
		width: 15%;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:10%;
		height: 50%x;
		width: 200px;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:10%;
		height: 150%;
		width: 200px;
		opacity:0.8;
		padding-bottom:20px;			
}

/*--------------------------------------------------------SINOPSIS------------------------------------------------------*/



#sinop1 { top:-30em; position:relative; padding-top:8%; padding-right:0; left:9em; width:17%; } /*BUY*/

#sinop3 {/*REDES*/
	top:-29em;
 position:relative; 
 padding-right:0; 
 padding-top:0; 
 left:7em;
  width: 18%; } 

#sinop4 { top:-30em; position:relative; padding-right:0; padding-top:0; left:9em; width: 17%; opacity:0.8} /*PLAY*/

#text{ top:-27.5em; color:#FFFFFF; position:relative; width: 240px; padding-top:0em; padding-right:2%; text-align:left; font-size:17px;
	 text-shadow: 1px 1px 1px #C00; left:10em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 500px;
	font-size:19px;
	left: 46em;
	top:-7em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
}
 
#text3 { /*segundo parrafo*/
  	 width: 520px;
 	 position:relative;
	font-size:18px;
	left:31em;
	top:-7em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
 
#text4 { /*tercer parrafo*/
   width: 590px;
    position:relative;
	font-size:18px;
	left:42em;
	top:-6.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
   }
 
#text5 { /*cuarto parrafo*/
   width: 450px;
	 position:relative;
	font-size:18px;
	left:42em;
	top:5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }
 
#text6 { /*ultimo parrafo*/
   width: 660px;
	 position:relative;
	font-size:18px;
	left:33.5em;
	top:5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
	
 }

/*--------------------------------------------------novelas 19--------------------------------------*/


.novelas {
	padding-top:13em;
	width:85%;
	
}

#novelas1 { top:-17.5em; position:relative; padding-top:8%; padding-right:0; left:66em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:0em;
	
	
}	
/*-------------------------------------------------------------NOTICIAS------------------------------------------*/
#buy4 { top:-16.7em; position:relative; padding-top:8%; padding-right:0; left:10em; width:15%; } /*BUY*/

#redes4 {top:-14em; position:relative; padding-right:0; padding-top:0; left:8.1em; width: 16%; } /*REDES*/

#play4 { top:-15.9em; position:relative; padding-right:0; padding-top:0; left:10em; width: 15%; opacity:0.8} /*PLAY*/

#info4{ top:-12em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:19px;
	 text-shadow: 1px 1px 1px #C00; left:8.5em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:24px;
	left:33em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
 
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:24px;
	left:30.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:24px;
	left:28.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
   }
 
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:24px;
	left:30em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
 }
 /*------------------------------------------------------CONTACTO.HTML 19 ------------------------------*/
#formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-40em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:7.5em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:10em;
	width:15%;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:11em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-27em;	
}
}

@media screen and (min-width: 1600px) and (max-width: 1679px){/*20*/
.global {width:1600px;height: 900px; margin:0 auto;}

/*-------------------------------------------------MENU-----------------------------------------------*/
 #fondo{ 
	
	left: 46%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 60px; /*alto*/
	width: 612px; /*ancho */		
}
#cssmenu {
	
		position:fixed; /*fixed*/
		top: 5px;
		left: 46%;/*distancia del menu horizontal */

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;
}

.portada { width:70%; }

/*--------------------------------------------------------INDICE------------------------------------------------------*/

#index1 { /*buy*/
		position:relative;
  		padding-top: 13%; 
		padding-right:0;
		/*border: solid blue 1px;*/
		left:14%;
		width:15%;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:13%;
		width: 15%;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:13%;
		width: 15%;
		opacity:0.8;
		padding-bottom:6em;			
}


/*--------------------------------------------------------SINOPSIS------------------------------------------------------*/

#sinop1 { top:-35em; position:relative; padding-top:8%; padding-right:0; left:13%; width:15%; } /*BUY*/

#sinop3 {top:-32em; position:relative; padding-right:0; padding-top:0; left:13%; width: 15%; } /*REDES*/

#sinop4 { top:-34em; position:relative; padding-right:0; padding-top:0; left:13%; width: 15%; opacity:0.8} /*PLAY*/

#text{ top:-27em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:19px;
	 text-shadow: 1px 1px 1px #C00; left:15%; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 750px;
	font-size:20px;
	left: 57%;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
}
 
#text3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:20px;
	left:33em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text4 { /*tercer parrafo*/
   width: 700px;
    position:relative;
	font-size:20px;
	left:44em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
   }
 
#text5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:20px;
	left:40em;
	top:4.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text6 { /*ultimo parrafo*/
   width: 800px;
	 position:relative;
	font-size:20px;
	left:31em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }

/*--------------------------------------------------novelas 20--------------------------------------*/


.novelas {
	padding-top:13em;
	width:85%;
	
}

#novelas1 { top:-19.5em; position:relative; padding-top:8%; padding-right:0; left:73.5em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:0em;
	
	
}

/*-------------------------------------------------------------NOTICIAS------------------------------------------*/
#buy4 { top:-16.7em; position:relative; padding-top:8%; padding-right:0; left:15em; width:15%; } /*BUY*/

#redes4 {top:-14em; position:relative; padding-right:0; padding-top:0; left:13em; width: 15%; } /*REDES*/

#play4 { top:-15.9em; position:relative; padding-right:0; padding-top:0; left:15em; width: 15%; opacity:0.8} /*PLAY*/

#info4{ top:-12em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:19px;
	 text-shadow: 1px 1px 1px #C00; left:12.7em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:25px;
	left:37em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
 
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:25px;
	left:34.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:25px;
	left:32.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
} 
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:25px;
	left:34em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
}
/*------------------------------------------------------CONTACTO.HTML 20 ------------------------------*/
#formu1{ /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-40em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:12.5em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:15em;
	width:15%;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:16em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5{	
	position:relative;
	top:-27em;	
}
 
 
 
}





@media screen and (min-width: 1680px) and (max-width: 1919px){/*22*/
.global {width:1680px; height:1050px; margin:0 auto;}

 #fondo{ 
	
	left: 48%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 60px; /*alto*/
	width: 612px; /*ancho */		
}
#cssmenu {
		left: 48%;/*distancia del menu horizontal */
		position:fixed; /*fixed*/
		top: 5px;
		

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;

	
}

.portada {
	width:80%;
	 
	
	
}

#index1 { /*buy*/
		position:relative;
  		padding-top: 19%; 
		padding-right:0;
		/*border: solid blue 1px;*/
		left:10%;
		width: 18%;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:8%;
		width: 20%;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:9%;
		width: 18%;
		opacity:0.8;
		padding-bottom:0em;			
}

/*--------------------------------------------------------SINOPSIS------------------------------------------------------*/

#sinop1 { top:-35em; position:relative; padding-top:8%; padding-right:0; left:10.5em; width:15%; } /*BUY*/

#sinop3 {top:-35.5em; position:relative; padding-right:0; padding-top:0; left:9%; width: 16%; } /*REDES*/

#sinop4 { top:-34em; position:relative; padding-right:0; padding-top:0; left:10.5em; width: 15%; opacity:0.8} /*PLAY*/

#text{ top:-30em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:19px;
	 text-shadow: 1px 1px 1px #C00; left:10.5em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 750px;
	font-size:22px;
	left: 55%;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
}
 
#text3 { /*segundo parrafo*/
  	 width: 630px;
 	 position:relative;
	font-size:22px;
	left:28em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text4 { /*tercer parrafo*/
   width: 730px;
    position:relative;
	font-size:22px;
	left:41em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
   }
 
#text5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:22px;
	left:38em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text6 { /*ultimo parrafo*/
   width: 800px;
	 position:relative;
	font-size:22px;
	left:31em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }

/*--------------------------------------------------novelas 22--------------------------------------*/


.novelas {
	padding-top:15em;
	width:85%;
	
}

#novelas1 { top:-20.5em; position:relative; padding-top:8%; padding-right:0; left:77.5em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:0em;
	
	
}


/*-------------------------------------------------------------NOTICIAS------------------------------------------*/
#buy4 { 
	top:-16.7em; 
	position:relative; 
	padding-top:8%;  
	left:11em; 
	width:16%; 
} 
#redes4 {
	top:-16em; 
	position:relative; 
	left:9em; 
	width: 17%; 
}
#play4 { 
	top:-15.9em; 
	position:relative; 
	left:11em; 
	width: 16%; 
	opacity:0.8
}
#info4{ /*TEX*/
	top:-13em; 
	color:#FFFFFF; 
	position:relative; 
	width: 230px; 
	padding-top:0em; 
	padding-right:2%; 
	text-align:left; 
	font-size:19px;
	text-shadow: 1px 1px 1px #C00; 
	left:10.5em; 
	font-weight:bold; 
	line-height:5px; 
	font-family: 'Source Sans Pro', sans-serif; 
	letter-spacing: 0.5px; 
}

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:26px;
	left:37em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:26px;
	left:34.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:26px;
	left:32.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
   }
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:26px;
	left:33.9em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
 }
 /*------------------------------------------------------CONTACTO.HTML 22 ------------------------------*/
#formu1 { /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-45em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:9em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:11em;
	width:15%;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:12em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5 {	
	position:relative;
	top:-27em;	
}
}
@media screen and (min-width: 1920px) and (max-width: 2559px){/*23 24 */
.global {width:1920px; height:1080px; margin:0 auto;}
#cssmenu > ul > li > a {
  padding: 17px; /*separacion*/
  font-size: 33px; /*tamaño letras menu*/
  letter-spacing: 2px;
  text-decoration: none;
  color:#fff;
}
  #fondo{ 
	left: 52%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 67px; /*alto*/
	width: 644px; /*ancho */		
}
#cssmenu {
		left: 52%;/*distancia del menu horizontal */
		position:fixed; /*fixed*/
		top: 5px;
		

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;

	
}



.portada {
	width:74%;
	 
	
	
}

#index1 { /*buy*/
		position:relative;
  		padding-top: 13%; 
		padding-right:0;
	
		left:15em;
		width: 15%;
}

#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		
		left:14em;
		width: 15%;
}

#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		left:14em;
		width: 15%;
		opacity:0.8;
		padding-bottom:3.7em;			
}


/*--------------------------------------------------------SINOPSIS 23 24------------------------------------------------------*/

#sinop1 { top:-35em; position:relative; padding-top:8%; padding-right:0; left:14.5em; width:15%; } /*BUY*/

#sinop3 {top:-36.5em; position:relative; padding-right:0; padding-top:0; left:13.5em; width: 16%; } /*REDES*/

#sinop4 { top:-34em; position:relative; padding-right:0; padding-top:0; left:14.5em; width: 15%; opacity:0.8} /*PLAY*/

#text{ top:-30em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:19px;
	 text-shadow: 1px 1px 1px #C00; left:14.5em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 750px;
	font-size:23px;
	left: 51em;
	top:-8.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
}
 
#text3 { /*segundo parrafo*/
  	 width: 660px;
 	 position:relative;
	font-size:23px;
	left:37em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text4 { /*tercer parrafo*/
   width: 760px;
    position:relative;
	font-size:23px;
	left:48em;
	top:-7.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
   }
 
#text5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:23px;
	left:44.5em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text6 { /*ultimo parrafo*/
   width: 800px;
	 position:relative;
	font-size:23px;
	left:37em;
	top:4em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
/*------------------------------------- novelas 23 24 -----------------------------------*/ 

.novelas {
	padding-top:15em;
	width:85%;
	
}

#novelas1 { top:-23.5em; position:relative; padding-top:8%; padding-right:0; left:88.5em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:0em;
	
	
}

/*-------------------------------------------------------------NOTICIAS 23 24 ------------------------------------------*/
#buy4 { top:-16.7em; position:relative; padding-top:8%; padding-right:0; left:16em; width:16%; } /*BUY*/

#redes4 {top:-16em; position:relative; padding-right:0; padding-top:0; left:13.3em; width: 17%; } /*REDES*/

#play4 { top:-15.9em; position:relative; padding-right:0; padding-top:0; left:16em; width: 16%; opacity:0.8} /*PLAY*/

#info4{ top:-12em; color:#FFFFFF; position:relative; width: 230px; padding-top:0em; padding-right:2%; text-align:left; font-size:20px;
	 text-shadow: 1px 1px 1px #C00; left:14em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 600px;
	font-size:26px;
	left:42em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
 
#noti3 { /*segundo parrafo*/
  	 width: 600px;
 	 position:relative;
	font-size:26px;
	left:39.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
 
#noti4 { /*tercer parrafo*/
   width: 600px;
    position:relative;
	font-size:26px;
	left:37.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
   }
 
#noti5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:26px;
	left:38.9em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
 }
 /*------------------------------------------------------CONTACTO.HTML 23 24 ------------------------------*/
#formu1 { /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-45em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:13.5em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:16em;
	width:15%;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:17em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5 {	
	position:relative;
	top:-27em;	
} 





}

@media screen and (min-width: 2560px) and (max-width: 3840px){/*30 */
.global {width:2560px; height:1440px; margin:0 auto;}

#cssmenu > ul > li > a {
  padding: 17px; /*separacion*/
  font-size: 45px; /*tamaño letras menu*/
  letter-spacing: 2px;
  text-decoration: none;
  color:#fff;
}
 #fondo { 
	
	left: 52%;
	background:#990000;
	position:fixed;
	border-radius: 10px;
	box-shadow: 15px 10px 5px #aaa;
	opacity:0.7;
	height: 70px; /*alto*/
	width: 780px; /*ancho */		
}
#cssmenu {
		left: 52%;/*distancia del menu horizontal */
		position:fixed; /*fixed*/
		top: 5px;
		

	z-index: 10;
	font-family: "youmurdererbb reg";
		margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 2px;
	display: block;
	opacity:0.8;

	
}


ul#nav li a.current, ul#nav li a.current:hover {
	

	 background-image:url('../images/nav_current.png');
	 background-size:150%;
	background-repeat:no-repeat;
	background-position:top;
	color:red;
	
}

.portada {
	width:80%;	
}
#index1 { /*buy*/
		position:relative;
  		padding-top: 13%; 
		padding-right:0;
		/*border: solid blue 1px;*/
		left:10%;
		width: 15%;
}
#index3 { /*redes*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:9%;
		width: 15%;
}
#index4 { /*play*/
		position:relative;
		padding-right:0;
  		padding-top:0;
		/*border: solid blue 1px;*/
		left:9%;
		width: 15%;
		opacity:0.8;
		padding-bottom:4em;			
}

/*--------------------------------------------------------SINOPSIS------------------------------------------------------*/

#sinop1 { top:-40em; position:relative; padding-top:8%; padding-right:0; left:15.5em; width:15%; } /*BUY*/

#sinop3 {top:-40.5em; position:relative; padding-right:0; padding-top:0; left:13.5em; width: 18%; } /*REDES*/

#sinop4 { top:-40em; position:relative; padding-right:0; padding-top:0; left:15.5em; width: 15%; opacity:0.8} /*PLAY*/

#text{ top:-25em; color:#FFFFFF; position:relative; width: 300px; padding-top:0em; padding-right:2%; text-align:left; font-size:26px;
	 text-shadow: 1px 1px 1px #C00; left:12.5em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#text2 { /*primer parrafo*/
	position:relative;
	width: 750px;
	font-size:27px;
	left: 59em;
	top:-9.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
}
 
#text3 { /*segundo parrafo*/
  	 width: 800px;
 	 position:relative;
	font-size:27px;
	left:42em;
	top:-8.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text4 { /*tercer parrafo*/
   width: 820px;
    position:relative;
	font-size:25px;
	left:61em;
	top:-8.5em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
   }
 
#text5 { /*cuarto parrafo*/
   width: 600px;
	 position:relative;
	font-size:25px;
	left:60em;
	top:6em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }
 
#text6 { /*ultimo parrafo*/
   width: 870px;
	 position:relative;
	font-size:25px;
	left:53em;
	top:7em;
	text-shadow: 3px 3px 1px #000;
	color:#FFFFFF;
 }

/*-----------------------------------------------------------NOVELAS  30 -------------------------------*/ 


.novelas {
	padding-top:30em;
	width:85%;
	
}

#novelas1 { top:-31em; position:relative; padding-top:8%; padding-right:0; left:117em; width:13%; } /*BUY*/

#pie{
	position:relative;
	top:1em;		
}

/*-------------------------------------------------------------NOTICIAS------------------------------------------*/
#buy4 { top:-16.7em; position:relative; padding-top:8%; padding-right:0; left:16em; width:16%; } /*BUY*/

#redes4 {top:-16em; position:relative; padding-right:0; padding-top:0; left:13.3em; width: 18%; } /*REDES*/

#play4 { top:-15.9em; position:relative; padding-right:0; padding-top:0; left:16em; width: 16%; opacity:0.8} /*PLAY*/

#info4{ top:-9em; color:#FFFFFF; position:relative; width: 300px; padding-top:0em; padding-right:2%; text-align:left; font-size:27px;
	 text-shadow: 1px 1px 1px #C00; left:11.5em; font-weight: bold; line-height:5px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; }/*TEX*/

#noti2 { /*primer parrafo*/
	position:relative;
	width: 760px;
	font-size:33px;
	left:47em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
}
 
#noti3 { /*segundo parrafo*/
  	 width: 760px;
 	 position:relative;
	font-size:33px;
	left:44.3em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
 }
 
#noti4 { /*tercer parrafo*/
   width: 760px;
    position:relative;
	font-size:33px;
	left:42.5em;
	top:1em;
	text-shadow: 1px 1px 1px #000;
	color:#FFFFFF;
   }
 
#noti5 { /*cuarto parrafo*/
   width: 760px;
	 position:relative;
	font-size:33px;
	left:43.9em;
	top:3em;
	text-shadow: 1px 1px 1px #000;
	color:#CC0000;
 }
 /*------------------------------------------------------CONTACTO.HTML 30 ------------------------------*/
#formu1 { /*formulario contacto*/	
	display:inline-block; /*div se ajusta al contenido*/
	opacity:0.9;
	margin:0  auto;
	position:relative;
	top:-45em;	
}
#redes5 {
	width: 17%;
	top:-0.5em; 
	position:relative;
	left:14.5em;	
}
#buy5 {
	top:5em; 
	position:relative; 
	left:18em;
	width:15%;	
}
#play5 { 
	top:5em; 
	position:relative;  
	left:19em; 
	width: 13%; 
	opacity:0.8;	
}
#pie5 {	
	position:relative;
	top:-27em;	
} 
 





}

/*------------------------------------------------------------- pie----------------------------------------------------------*/


.copy-right{
background-position:center;	
background:#000000;
padding:15px 0;
}

.copy-right p{
text-align:center;
margin:0 0 0 0;
font-size:13px;
color:#fff;
}
.copy-right p a{
text-decoration:none;
color:#fff;
}
.copy-right p a:hover{
color:#FF9900;
}


/* menu*/
ul.menu li:first-child {
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
				}

.actions :hover {
				
				color:#CC0000;
				
			}

ul.actions li {
					display: inline;
					margin: 0 0 0 0.2em; /*separacion iconos*/
				}

ul.actions li:first-child {
					margin-left: 0em;
				}