/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 29-nov-2015, 17:28:34
    Author     : USUARIO
*/

/*INICIO ESTILOS PELÍCULA.PHP*/
.desenfoque-pelicula{
	float: left;
	background: url(../img/bg-sonrisas-BORRAR.jpg);
	background-size: cover;
	background-position: center;
	position: fixed;
	color: rgb(51, 51, 51);
	width: 14%;
	height: 100%;
	top: 0;
	z-index: -3;
}

.movie-cicle{
	width: 14%;
	padding-left: 1%;
	text-align: left;
	bottom: 5%;
}
.movie-cicle h2{
	background: #a2cd39;
	padding: 5px 10px 4px;
  	color: #fff;
  	font-size: 1.6em;
 	margin-bottom: 10px;
  	display: inline-block;
  	line-height: 1em;
}
.movie-cicle span{
	color: #fff;
}
.movie-cicle span:nth-of-type(1){
	color: #fff;
  	line-height: 1em;
}
.movie-cicle span:nth-of-type(2){
	line-height: 0.8em;
  	padding-top: 5px;
}
/*.pelicula .button-return .advance-left{
	position: absolute;
    left: 5px;
    top: 50%;
    width: 30px;
    height: 50px;
    background: transparent;
    border: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.pelicula .button-return .advance-left svg{
    width: 100%;
    height: auto;
    fill: #fff;
}*/
/*FIN ESTILOS PELÍCULA.PHP*/
/*INICIO ESTILOS ANIMACIÓN PARA CARGAR PELÍCULA.PHP DESDE EL INDEX*/
.animate-page {
	-webkit-animation-duration: 2s; /*Chrome - Safari*/
	-webkit-animation-name: fadePage; /*Chrome - Safari*/
	animation-duration: 2s;
	animation-name: fadePage;
	transition-timing-function: ease-in;
}
@-webkit-keyframes fadePage {/*Chrome - Safari*/
	from {
	    margin-left: 100%;
	    width: 100%
	}

  	to {
    	margin-left: 0%;
    	width: 100%;
  	}
}
@keyframes fadePage{
	from {
	    margin-left: 100%;
	    width: 100%
	}

  	to {
    	margin-left: 0%;
    	width: 100%;
  	}
}
/*FIN ESTILOS ANIMACIÓN PARA CARGAR PELÍCULA.PHP DESDE EL INDEX*/
/*INICIO ESTILOS ANIMACIÓN PARA CARGAR INDEX DESDE EL PELÍCULA.PHP*/
.animate-index{
	-webkit-animation-duration: 2s; /*Chrome - Safari*/
	-webkit-animation-name: fadeIndex; /*Chrome - Safari*/
	animation-duration: 2s;
	animation-name: fadeIndex;
	transition-timing-function: ease-in;
}
@-webkit-keyframes fadeIndex {/*Chrome - Safari*/
	from {
		margin-right: 100%;
		width: 100%;
	}
	to {
		margin-right: 0%;
		width: 100%;
	}
}
@keyframes fadeIndex {
	from {
		margin-right: 100%;
		width: 100%;
	}
	to {
		margin-right: 0%;
		width: 100%;
	}
}
/*INICIO ESTILOS ANIMACIÓN PARA CARGAR INDEX DESDE EL PELÍCULA.PHP*/

/*PÁGINA GUIA-TV*/
.guiatv-in .closed:nth-of-type(13), .guiatv-in .closed:nth-of-type(14), .guiatv-in .closed:nth-of-type(8),
.guiatv-in .closed:nth-of-type(9), .guiatv-in .closed:nth-of-type(10), .guiatv-in .closed:nth-of-type(11),
.guiatv-in .closed:nth-of-type(12){
	/*background-color: #d61e32;*/
}

.guiatv-in .day.open > div .buton-up{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: transparent;
	border: 0;
	text-align: right;
	padding-top: 55px;
	font-size: 2em;
	font-family: 'Franklin Gothic Book';
	padding-right: 50px;
	color: '#4a4a49';
}

.guiatv-in .day.open > div button:after{
	content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #4a4a49;
    position: absolute;
    right: 13px;
    bottom: 23px;
}