.primaryContainer {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgb(3, 3, 3);
    border-style: none;
    border-width: 1px;
}

/* Encabezado  */
#Contenedor_Encabezado {
    float: none;
	color:rgb(35, 35, 35);
    height: 65.88px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    position: relative;
    top: 0px;
    left: 0px;
}

#Encabezado {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 75%;
    display: block;
    margin-right: 0%;
    background-color: rgb(35, 35, 35);
    min-height: 0px;
    max-width: 1600px;
}

#logo1 {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 31.999393%;
    margin-right: 0%;
    min-height: 0px;
    background-color: rgb(251, 126, 58);
}

#image1 {
    float: none;
    width: auto;
    max-width: 100%;
    height: 59.985769%;
    margin-left: auto;
    margin-top: 3%;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
	background: url(../img/cinebox1.png) no-repeat center;
	background-size: contain;
}

#ComboCines {
    float: none;
    height: 100%;
    display: block;
    text-align: left;
    margin: 0px 0px 0px 32%;
    clear: none;
    width: 67.999523%;
    min-height: 0px;
}

#Select {
    -webkit-appearance: none;
    float: none;
    height: 100%;
    padding: 0px;
	padding-right: 90px;
    font-size: 11px;
	color:#FFF;
    display: block;
    width: 100%;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    opacity: 1;
    border-width: 0px;
    border-style: none;
    margin-left: 0%;
    margin-right: 0%;
    clear: none;
    overflow: visible;
	background: url("../img/arrowe1.png") no-repeat right #fff;	
	background-color: rgb(46, 46, 46);
	min-height: 0px;
	font-family: 'Circular Std Black' ;
	direction: rtl;
}

#Redes {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 15.999967%;
    margin-right: 0%;
    display: block;
    background-color: rgb(35, 35, 35);
    min-height: 0px;
}

#inst {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 33.329944%;
    min-height: 0px;
}

#image2 {
    float: none;
    width: auto;
    max-width: 100%;
    height: 39.990512%;
    margin-left: auto;
    margin-top: 20%;
    clear: none;
    color: rgb(0, 0, 0);
    min-width: 0px;
    min-height: 0px;
    margin-right: auto;
    display: block;
}

#twit {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 33.329944%;
    min-height: 0px;
}

#image3 {
    float: none;
    width: auto;
    max-width: 100%;
    height: 39.990512%;
    margin-left: auto;
    margin-top: 20%;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    min-height: 0px;
    display: block;
}

#fb {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 33.329944%;
    min-height: 0px;
}

#image4 {
    float: none;
    width: auto;
    max-width: 100%;
    height: 39.990512%;
    margin-left: auto;
    margin-top: 20%;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#Amigox {
    float: left;
    height: 100%;
    margin: 0px 0% 0px 0.00081338%;
    clear: none;
    width: 8.999219%;
    display: block;
    background-color: rgb(251, 126, 58);
    min-height: 0px;
}

#AMIGOX {
    float: none;
    font-size: 22.5px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 10.403109%;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Black';
    color: rgb(255, 255, 255);
    letter-spacing: 2px;
    text-indent: 0px;
    text-transform: capitalize;
    border-style: none;
    border-width: 1px;
    display: block;
    margin-right: auto;
}

#textspan {
    float: none;
    font-size: 11px;
    line-height: 1em;
    font-family: 'Circular Std Black';
}

#textspan1 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    color: rgb(255, 255, 255);
}

#textspan2 {
    float: none;
    font-size: 13px;
    line-height: 1em;
    font-family: 'Circular Std Black';
}

#textspan3 {
    float: none;
    font-size: 14px;
    line-height: 1em;
    font-family: 'Circular Std Black';
}

#textspan4 {
    font-family: 'Circular Std Black';
    font-size: 15px;
}
/* Encabezado */

/* Pie */
#Pie {
    float: left;
    height: 42.12px;
    clear: both;
    width: 100%;
    z-index: 3;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: 0px;
    background-color: rgb(3, 3, 3);
}

#LogoPie {
    float: left;
    width: auto;
    max-width: 100%;
    height: 15px;
    margin-left: 0.36439355%;
    margin-top: 12px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#PieAviso {
	float: left;
    width: auto;
    max-width: 100%;
    height: 15px;
    margin-left: 0.36439355%;
    margin-top: 8px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}
/* Pie */

@font-face {
  font-family: 'Circular Std Black';
  src: url(../fuentes/CircularStd-Black.woff) format('woff');
}

@font-face {
  font-family: 'Circular Std Book';
  src: url(../fuentes/CircularStd-Book.woff) format('woff');
}

@font-face {
  font-family: 'Circular Std Bold';
  src: url(../fuentes/CircularStd-Bold.woff) format('woff');
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 0px;
}

#PieSlider1 {
    
    display: none;
}

#dtHorario {
	height: 10%;
}

#contenidoDias{
    height: 150px;
}

#Texth1{
    font-size: 19px;
    font-family: "Circular Std Black";
    color: black !important;
}

#Imagerelojh1 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    /* margin: 12px 0px 0px 10%; */
	margin-top:5px;
	margin-right:5px;
    clear: none;
    color: rgb(0, 0, 0);
    right: -480px;
}

#btnCompra{
    position: relative;
    margin-top: 15px;
    right: -100px;
    font-size: 14px;
    font-family: "Circular Std Black";
    color: rgb(251, 126, 58);
    
}

#Texttipoproyeccion{
    font-size: 19px;
	font-family: "Circular Std Black";
	color: rgb(251, 126, 58);
}

#Textidiomacartelera{
    font-size: 15px;
	font-family: "Circular Std Black";
	color:#5C5C5C;
}

#COYOL {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    padding: 0.2em 0em;
    display: none;
    color: rgb(249, 249, 249);
    letter-spacing: normal;
}

#Centralsinopsis {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    background-color: rgb(255, 255, 255);
    position: relative;
    max-width: 1920px;
}

#Contenidosinopsis {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    overflow: hidden;
}

body {
    color: rgb(3, 3, 3);
}


#Sinopsis {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    width: calc(100% - 420px);
    min-height: 0px;
    max-width: 1600px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color:#ececec;
	
}

#Horarios {
    float: right;
    height: 100%;
    clear: none;
    width: 420px;
    min-height: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    z-index: 1;
    background-color: rgb(236, 236, 236);
    right: 0px;
    max-width: 1920px;
	overflow-y: scroll;
	overflow-x: hidden;
	box-shadow:-1px 0px 1px 0px #5c5c5c;
	border: none;
}

#Intro {
    float: left;
    height: 47%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
	overflow:hidden;
}

#hbdsdf{
    position: sticky;
	width: 120px;
	height:22px;
	left:auto;
	right: 10px;
    float: right;
	margin-top:-60px;
	font-size:14px;
	font-family: "Circular Std Black";
	color:#5C5C5C;
	background-color:#FFF;
	background-position:right;
	background-image:url(../img/arrowcalendario.png);
	background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	box-shadow: 0px 3px 3px 0px #5C5C5C;
	border:none;
	text-align: left;
	padding-left:3PX;
}

#Centralhorario {
    float: left;
    height: 1px;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    min-height: 0px;
    position: relative;
    display: block;
}

#ImageshapeHCe {
    float: left;
    width: 100%;
    max-width: 403;
    height: 1px;
    margin-left: 0px;
    margin-top: 8%;
    clear: both;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    bottom: auto;
    display: block;
}

#ImageshapeHCe2 {
    float: left;
    width: 90%;
    max-width: none;
    height: 2px;
    margin-left: 0px;
    margin-top: 0px;
    /*clear: both;*/
    color: rgb(0, 0, 0);
    position: relative;
    top: 40px;
    bottom: 60px;
    display: block;
}

#arrowup{
	position: absolute; 
	float: right; 
	clear:both; 
	left:auto; 
	right:430px; 
	top:40%; 
	width:30px; 
	height:30px; 
	z-index:20; 
	cursor:pointer;
        max-width:1400px;
	}
	
#arrowdown{
	position: absolute; 
	float: right;  
	clear:both; 
	left:auto; 
	right:430px; 
	top:60%;  
	width:30px; 
	height:30px;  
	z-index:20;  
	cursor:pointer;
        max-width:1400px;
	}

#comprarboletos {
	width:180px;
	height:35px;
	float: left;
	font-size:10px;
	font-family: "Circular Std Black";
	color:#ff7f2e;
	top: 10px;
	clear: both;
	background-color:#f4f4f4;
	background-position:right;
	background-repeat:no-repeat;
	box-shadow: 0px 3px 3px 0px #5C5C5C;
	border:none;
	text-align: center;
	position: relative;	
}
	
#ContenedorDetalles {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    min-height: 50px;
}

#ContenidoDetalle {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-height: 0px;
    position: relative;
}

#Clasificacion {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 160px;
	padding: 1.5%;
    background-color: rgb(236, 236, 236);
}

#ContenedorDescripcion {
    float: left;
    height: auto;
    clear: none;
    width: calc(100% - 160px);
    min-height: 0px;
    position: absolute;
    top: 0px;
    left: 160px;
    right: auto;
	background-color: #FFF;
	box-shadow: 1px 0px 3px #5c5c5c inset;
	border: none;
}

#Descripcion {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: calc(100% - 180px);
    padding: 10px;
	overflow: hidden;
}

#ContenedorScreen {
    float: left;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 180px;
    padding: 10px;
    position: relative;
    right: 0px;
    left: auto;
    top: 0px;
}

#Titulo {
    float: left;
    height: auto;
    margin: 0px 0px 10px 0%;
    clear: none;
    width: 100%;
}

#EncabezadoScreen {
    float: left;
    height: 40px;
    margin: 0px 0px 10px 0%;
    clear: none;
    width: 100%;
    padding: 0px;
}

#Clas {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 5px;
    clear: none;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 20px;
}

#Ficha {
    float: left;
    height: 30px;
    margin: 0px 0px 20px 0%;
    clear: both;
    width: 100%;
    min-width: 0px;
    padding-left: 10px;
}

#imageintro {
    float: left;
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    min-height: 300px;
    min-width: 1600px;
    position: relative;
    top: 0px;
    left: 0px;
}

#textclas {
    float: left;
    font-size: 17px;
    width: 45px;
    height: 30px;
    text-align: center;
    font-weight: normal;
    line-height: 1.9em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(255, 255, 255);
    background-color: rgb(250, 126, 58);
    border-top-left-radius: 15%;
    border-top-right-radius: 15%;
    border-bottom-right-radius: 15%;
    border-bottom-left-radius: 15%;
    font-family: 'Circular Std Book';
}

#textficha {
    float: none;
    font-size: 15px;
    width: 100%;
    height: 30px;
    text-align: left;
    font-weight: normal;
    line-height: 2em;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    text-transform: uppercase;
    color: rgb(66, 66, 66);
    font-family: 'Circular Std Bold';
}

#Duracion {
    float: left;
    height: 22px;
    margin: 0px 0px 10px 0%;
    clear: both;
    width: 100%;
    min-height: 0px;
    padding-left: 10px;
}

#Director {
    float: left;
    height: 20px;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
    min-height: 0px;
    padding-left: 10px;
}

#NombreDirector {
    float: left;
    height: auto;
    margin: 0px 0px 10px 0%;
    clear: both;
    width: 100%;
    min-height: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

#Actores {
    float: left;
    height: auto;
    margin: 0px 0px 10px 0%;
    clear: both;
    width: 100%;
    min-height: 0px;
    padding-left: 10px;
}

#textduracion {
    float: left;
    font-size: 22px;
    width: 100%;
    height: 22px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(66, 66, 66);
    font-family: 'Circular Std Bold';
}

#textdireccion {
    float: left;
    font-size: 15px;
    width: 100%;
    height: 20px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(66, 66, 66);
    font-family: 'Circular Std Bold';
}

#textdirector {
    float: left;
    font-size: 15px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.3em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(66, 66, 66);
    font-family: 'Circular Std Book';
}

#textactores {
    float: left;
    font-size: 15px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(66, 66, 66);
    font-family: 'Circular Std Bold';
}

#NombreActores {
    float: left;
    height: auto;
    margin: 0px 0px 20px 0%;
    clear: both;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

#Genero {
    float: left;
    height: auto;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 100%;
}

#textnombreact {
    float: left;
    font-size: 15px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.6em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(66, 66, 66);
    font-family: 'Circular Std Book';
    line-height: 28px;
}

#icono {
    float: left;
    height: 25px;
    margin: 0px 5px 0px 10px;
    clear: none;
    width: 25px;
}

#TituloGenero {
    float: left;
    height: 30px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 66%;
    margin-right: 0%;
}

#imagegenero {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
	margin-right: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#texttitulogen {
    float: left;
    font-size: 14px;
    width: 20%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1.8em;
    margin-left: auto;
	margin-right:auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    text-transform: uppercase;
    color: rgb(250, 126, 58);
    font-family: 'Circular Std Black';
}

#texttitulodes {
    float: left;
    font-size: 40px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    text-transform: none;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Black';
}

#imagetitulodes {
    float: none;
    width: 100%;
    max-width: none;
    height: 1px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#Sinopsis1 {
    float: left;
    height: auto;
    margin: 0px 0px 20px 0%;
    clear: both;
    width:calc(100% - 420px);
}

#textsinopsis1 {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(84, 84, 84);
    font-family: 'Circular Std Bold';
}

#TextoSinopsis {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
}

#texttextosinop{
    float: left;
    font-size: 15px;
    width: 100%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(84, 84, 84);
    font-family: 'Circular Std Book';
}

#VerTrailer {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 55%;
    min-height: 0px;
}

#Play {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 25%;
}

#texttrailer{
    float: left;
    font-size: 15px;
    width: 100%;
    height: 100%;
    text-align: right;
    font-weight: normal;
    line-height: 2.7em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Bold';
}

#imageshapeplay {
	position:static;
	float: none;
    width: 100%;
    max-width: none;
    height: 1px;
	
   
}

#imageplay {
    float: none;
    width: 25px;
    max-width: 100%;
    height: 25px;
    margin-left: 20px;
    margin-top: 8px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#Screen1 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 1px;
    clear: none;
    width: 100%;
    min-height: 50px;
}

#imagescreen1 {
    float: none;
    width: 120px;
    max-width: 100%;
    height: 90px;
    margin: 10px auto;
    clear: none;
    color: rgb(0, 0, 0);
}

#Extracto {
    float: left;
    height: auto;
    margin: 0px 0px 10px 0%;
    clear: both;
    width: 100%;
    min-height: 0px;
}

#textextracto {
    float: left;
    font-size: 22px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(84, 84, 84);
    display: block;
    font-family: 'Circular Std Bold';
}

#Encabezado1 {
    float: left;
    height: 35px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-height: 0px;
    background-color: rgb(255, 255, 255);
}

#textencabezado {
    float: left;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 2.1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 24px;
    text-transform: uppercase;
}

#textspanencab {
    font-size: 10px;
    font-family: 'Circular Std Black';
	letter-spacing:4px;
}

#textspanencab1 {
    font-size: 15px;
    font-family: 'Circular Std Black';
	letter-spacing:4px;
}

#ContenidoCine {
    float: left;
    height: 100%;
    margin-left: 5%;
    margin-top: 0px;
    clear: both;
    width: 100%;
	padding:0px;
}


#TituloCinebox {
    float: left;
    height: 40px;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
}

#Ciudad {
    float: left;
    height: auto;
    margin: 0px 0px 15px 0%;
    clear: both;
    width: 100%;
}

#VerUbicacion {
    float: left;
    height: 40px;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
}

#ContenedorHorario {
    float: left;
    height: auto;
    margin: 0px 0px 70px 0%;
    clear: both;
    width: 100%;
}

#textcinebox {
    float: left;
    font-size: 1em;
    width: 30%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: #fb7e3a;/*rgb(35, 35, 35);*/
    text-transform: uppercase;
}

#textspanencab2 {
    font-family: 'Circular Std Black';
    font-size: 20px;
    color: #fb7e3a;/*rgb(35, 35, 35);*/
}

#textspanencab3 {
    font-size: 21px;
    font-family: 'Circular Std Black';
    color: #fb7e3a;/*rgb(35, 35, 35);*/
}

#textspanencab4 {
    font-size: 22px;
    font-family: 'Circular Std Black';
    color: #fb7e3a;/*rgb(35, 35, 35);*/
}

#textspanencab5 {
    font-family: 'Circular Std Black';
    color: #fb7e3a;/*rgb(35, 35, 35);*/
    font-size: 23px;
}

#textspanencab6 {
    font-size: 24px;
    color: #fb7e3a;/*rgb(35, 35, 35);*/
    font-family: 'Circular Std Black';
}

#textspanencab7 {
    font-size: 25px;
    color: #fb7e3a;/*rgb(35, 35, 35);*/
    font-family: 'Circular Std Black';
}

#textspanencab8 {
    font-family: 'Circular Std Black';
    color: #fb7e3a;/*rgb(35, 35, 35);*/
    font-size: 26px;
}

 #textciudad {
    float: left;
    font-size: 18px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 22px;
    text-transform: uppercase;
    color: rgb(35, 35, 35);
    font-family: 'Circular Std Book';
}

#fecha
{
  text-align: center;
  background-color: transparent;
  color: #fe505a;
  border-color: #fe505a;
  border-width: thin;
  border-style: solid;
  border-radius: 5%;
  padding: 5px 5px 5px 5px; 
  width: 115px;
  cursor: pointer;
  margin-left: 255px;
  top: 53px;
}

#Dia {
    float: center;
    height: 100%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    min-height: 0px;
}

#Ubicacion {
    float: left;
    height: 100%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 60%;
    min-height: 0px;
}

#imageubicacion {
    float: right;
    width: 11px;
    max-width: 100%;
    height: 16px;
    margin-left: 0px;
    margin-top: 12.15625px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 10%;
}

#textverubicacion {
    float: left;
    font-size: 15px;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 2.7em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0%;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-family: 'Circular Std Book';
    font-weight: bold;
}

#image13 {
    float: none;
    width: 90%;
    max-width: none;
    height: 1px;
    margin: 0px auto;
    clear: none;
    color: rgb(0, 0, 0);
}

#textidioma {
    float: left;
    font-size: 15px;
    width: 70%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 2.7em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Black';
	font-weight: bold;
}

#textspantipoproyeccion {
    float: left;
    font-size: 15px;
    width: 10%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 2.7em;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    text-transform: uppercase;
    color: rgb(251, 126, 58);
    font-family: 'Circular Std Black';
	font-weight: bold;
}

#TipoSala {
    float: left;
    height: 100%;
    margin: 19px 0px 0px 0%;
    clear: none;
	width: 22%;
}

#DetalleHorario {
    float: left;
    height: 100%;
    margin-bottom:10px;
    clear: none;
    width: 90%;
    min-height: 0px;
}

#texttiposala {
    float: left;
    font-size: 15px;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-right:0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-family: 'Circular Std Book';

}

#Hora1 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    cursor:  pointer;
}

#imagehora1v {
    float: left;
    width: 1px;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
	left: 0px;
	right:auto;
	visibility:hidden;
    
}

#imagehora1v2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: auto;
    padding: 0px;
}

#imagehorario1shapee {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    bottom: auto;
}

.texthora1{
    float: left;
    font-size: 17px;
    width: 60%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: #9a9a9a;
    font-family: 'Circular Std Book';

}

#imagehora1reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18px 0px 0px 15px;
    clear: none;
    color: rgb(0, 0, 0);
}

.imagehora1relojZ {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18px 0px 0px 15px;
    clear: none;
    color: rgb(0, 0, 0);
}

#Hora2 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora2reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#imagehora2v {
    float: left;
    width: 1px;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
	left: 0px;
	right:auto;
}

#texthora2 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#imagehorario2shapee {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
}

#Hora3 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora3reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#imagehora3v {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#texthora3 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#imagehorario3shapee {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
}

#Hora4 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora4reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#texthora4 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#imagehorario4shapee {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    bottom: 0px;
    top: auto;
}

#Hora5 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora5reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#imagehora5v {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#texthora5 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#Hora6 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora6reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#imagehora6v {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#texthora6 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#Hora7 {
    float: left;
    height: 49.382718%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora7reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#imagehora7v {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#texthora7 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#Hora8 {
    float: left;
    height: 50.761424%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#imagehora8reloj {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#texthora8 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#ContenedorHorario1 {
    float: left;
    height: auto;
    margin: 0px 0px 15px 0%;
    clear: both;
    width: 100%;
    display: block;
}

#TipoSala1 {
    float: left;
    height: 100%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
	padding-right:5%;
}

#text28 {
    float: left;
    font-size: 15px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
	margin-right: 3%;
    margin-top: 11px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    text-indent: 0px;
    font-family: 'Circular Std Book';
}

#DetalleHorario1 {
    float: left;
    height: 100%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 75%;
    min-height: 0px;
}

#Hora11 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
}

#image36 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image37 {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#text29 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#image38 {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
}

#Hora21 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image39 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image40 {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#text30 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#image41 {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
}

#Hora31 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image42 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image43 {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#text31 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#image44 {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
}

#Hora41 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image45 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#text32 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#image47 {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
}

#Hora51 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: both;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image48 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image49 {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#text33 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#Hora61 {
    float: left;
    height: 50.000002%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image51 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image52 {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#text34 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#Hora71 {
    float: left;
    height: 49.382718%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image54 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image55 {
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    padding: 0px;
}

#text35 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#Hora81 {
    float: left;
    height: 50.761424%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#image56 {
    float: left;
    width: 15px;
    max-width: 100%;
    height: 15px;
    margin: 18.16px 0px 0px 10%;
    clear: none;
    color: rgb(0, 0, 0);
}

#text36 {
    float: right;
    font-size: 17px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 2.9em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Book';
}

#imageconthorariosshapee {
    float: none;
    width: 90%;
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#imagehora4v {
    float: left;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    left: auto;
    bottom: auto;
    right: 0px;
    display: none;
}

#imagehorario5shapee {
    float: left;
    width: auto;
    max-width: 100%;
    height: 1px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    bottom: 0px;
    top: auto;
    display: none;
}

#imagehorario6shapee {
    float: left;
    width: auto;
    max-width: 100%;
    height: 1px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
    display: none;
}

#image46 {
    float: left;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    bottom: auto;
    display: none;
}

#image50 {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: auto;
    bottom: 0px;
    display: none;
}

#image53 {
    float: left;
    width: 100%;
    max-width: 100%;
    height: 1px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    display: none;
}

#image57 {
    float: left;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    left: auto;
    bottom: auto;
    right: 0px;
    display: none;
}

#imagehora8v {
    float: left;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    left: auto;
    bottom: auto;
    right: 0px;
    display: none;
}

#image11 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
    clear: both;
    color: rgb(0, 0, 0);
    display: block;
}

#boxscreen1 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-height: 50px;
    margin-right: 0px;
}

#boxscreen2 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
}

#boxubicacion {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 30%;
}

#boxverubicacion {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 70%;
    margin-right: 0%;
}

@media only screen and (max-width: 1921px) {
   
     #text {
        font-size: 1em;
        text-align: center;
        font-weight: normal;
        line-height: 1em;
        color: rgb(255, 255, 255);
        letter-spacing: 4px;
        text-indent: 0px;
        text-transform: capitalize;
        border-style: none;
        border-width: 1px;
    }

    #ContenedorScreen {
        width: 180px;
    }
	
	#ContenidoCine {
		height: 100%; /* Cambio 22/03/2016 */
	}
	
	#comprarboletos {
		margin-left: 100px;
	}
	
	#Horarios {
        height: 100%; /* Cambio 22/03/2016 */
    }

    #ContenedorDetalles {
        min-height: 0px;
        height: 85%;
    }

    #ContenidoDetalle {
        height: 810px;
    }
	
}

@media only screen and (max-width: 1601px) {

    #hbdsdf{
        position: sticky;
        width: 120px;
        height:22px;
        left:auto;
        right: 10%;
        float: right;
        margin-top:-60px;
        font-size:14px;
        font-family: "Circular Std Black";
        color:#5C5C5C;
        background-color:#FFF;
        background-position:right;
        background-image:url(../img/arrowcalendario.png);
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        box-shadow: 0px 3px 3px 0px #5C5C5C;
        border:none;
        text-align: left;
        padding-left:3PX;
    }

    /* Encabezado */
	#Contenedor_Encabezado {
        display: block;
        height: 54.9px;
    }

    #Encabezado {
        display: block;
    }    
   
    #logo1 {
        width: 30%;
    }

    #image1 {
        height: 60%;
        margin-bottom: 0px;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #ComboCines {
        margin-top: 0px;
        margin-left: 30%;
        clear: none;
        width: 70%;
    }

    #Redes {
        display: block;
    }

    #image2 {
        width: auto;
        max-width: none;
        height: 40%;
        margin-top: 18.827839%;
        clear: none;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #image3 {
        height: 40%;
        margin-top: 18.827839%;
        clear: none;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #image4 {
        height: 40%;
        margin-top: 18.827839%;
        clear: none;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #Amigox {
        display: block;
    }

    #AMIGOX {
        margin: 10.514323% auto auto;
        clear: none;
        float: none;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    #textspan4 {
        float: none;
        line-height: 1em;
    }
	/* Encabezado */
	
	/* Pie */
	#Pie {
        height: 35.109375px;
        display: block;
        width: 100%;
    }
	
	#LogoPie {
        margin-top: 8px;
        margin-left: 8px;
    }
	/* Pie */
	
	#comprarboletos {
		margin-left: 100px;
	}
	
	#Contenidosinopsis {
        height: 100%;
    }

    #text {
        margin-top: 14%;
        margin-bottom: auto;
    }

    #ContenedorDetalles {
        height: 900px;
    }

    #Horarios {
        width: 420px;
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
        top: 0px;
        left: auto;
        right: 0px;
    }

    #Centralsinopsis {
        position: relative;
    }

    #Clasificacion {
        margin-top: 0px;
        margin-left: 0%;
        position: relative;
        top: 0px;
        left: 0px;
		
    }

    #imageintro {
        height: 100%;
        width: auto;
        min-width: 0px;
    }

    #ContenedorDescripcion {
        margin-top: 0px;
        margin-left: 0px;
        height: 100%;
        position: absolute;
        top: 0px;
        clear: none;
        bottom: auto;
        display: block;
		background-color: #FFF;
    }

    #ContenidoCine {
        float: left;
		height: 100%; /* Cambio 22/03/2016 */
        margin-left: 5%;
        margin-top: 0px;
        clear: both;
        width: 100%;
        overflow: scroll;
        
    }

    #TituloCinebox {
        float: left;
        clear: none;
    }

    #Ciudad {
        float: left;
        clear: both;
    }

    #VerUbicacion {
        float: left;
        clear: both;
    }

    #ContenedorHorario {
        float: left;
        clear: both;
    }

    #ContenedorHorario1 {
        float: left;
        clear: both;
    }

    #imagescreen1 {
        clear: none;
    }

    #imagehora4v {
        display: none;
    }

    #imagehora8v {
        display: none;
    }

    #imagehorario5shapee {
        display: none;
    }

    #imagehorario6shapee {
        display: none;
    }

    #image46 {
        display: none;
    }

    #image57 {
        display: none;
    }

    #image50 {
        display: none;
    }

    #image53 {
        display: none;
    }

    #imageplay {
        margin-left: 20px;
    }

    #texttrailer{
        text-align: right;
    }

    #image11 {
        clear: none;
    }

    #boxscreen2 {
        clear: none;
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
    }

    #boxscreen1 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #Dia {
        width: 100%;
    }

    #Ubicacion {
        width: 60%;
    }

    #textverubicacion {
        width: 100%;
        text-align: left;
    }

    #boxubicacion {
        width: 30%;
    }

    #boxverubicacion {
        width: 70%;
    }

    #imageubicacion {
        margin-left: 0px;
        margin-right: 10%;
        float: right;
        margin-top: 12.15625px;
        clear: none;
    }

    #image13 {
        width: 90%;
    }
}

@media only screen and (max-width: 1441px) {
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 54.9px;
    }

    #Encabezado {
        position: relative;
        top: 0px;
        left: 0px;
        width: 75%;
    }

    #logo1 {
        width: 30%;
        height: 100%;
    }

    #image1 {
        margin-top: 2.994792%;
        clear: none;
        height: 59.977227%;
    }

    #ComboCines {
        width: 70%;
        margin-left: 30%;
        margin-top: 0px;
        clear: none;
        height: 100%;
    }

    #Select {
        background-color: rgb(46, 46, 46);
        width: 100%;
        height: 100%;
    } 

    #image4 {
        margin-top: 20%;
    }

    #AMIGOX {
        text-transform: uppercase;
        clear: none;
        margin-top: 10.377239%;
    }
    /* Encabezado */

	/* Pie */
	#Pie {
        height: 35.109375px;
        display: block;
    }
	
	#LogoPie {
        margin-top: 8px;
        margin-left: 8px;
    }
	/* Pie */
	
	#comprarboletos {
		margin-left: 100px;
	}
	
    #Contenidosinopsis {
        height: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }
	
	#Sinopsis {
		height: calc(100% - 90px); /* Cambio 22/03/2016 */
	}
	
	#ContenidoCine {
		height: 100%; /* Cambio 22/03/2016 */
	}

    .primaryContainer {
		height: 100%;
        width: 100%;
    }

    #Horarios {
        width: 420px;
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
        top: 0px;
        left: auto;
        right: 0px;
		height: calc(100% - 90px); /* Cambio 22/03/2016 */
    }

    #Centralsinopsis {
        position: relative;
    }

   #imageintro {
        height: 100%;
    }

    #imagehora4v {
        display: none;
    }

    #ContenedorScreen {
        width: 180px;
        height: auto;
    }

    #texttrailer{
        text-align: right;
    }

    #imageplay {
        margin-left: 20px;
    }

    #ContenedorDetalles {
        height: 80%;
    }

    #image11 {
        display: block;
        float: left;
        clear: both;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    #Extracto {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #boxubicacion {
        width: 30%;
    }

    #boxverubicacion {
        width: 70%;
    }

    #textverubicacion {
        width: 100%;
        text-align: left;
    }

    #Dia {
        width: 100%;
    }

    #Ubicacion {
        width: 60%;
    }

    #imageubicacion {
        margin-left: 0px;
        margin-right: 10%;
        float: right;
        margin-top: 12.15625px;
        clear: none;
    }

    #image13 {
        width: 90%;
    }
}

@media only screen and (max-width: 1367px) {
    /* Encabezado */
    #Contenedor_Encabezado {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        clear: none;
        height: 48px;
        z-index: 4;
    }
    
    #Encabezado {
        position: relative;
        top: 0px;
        left: 0px;
        width: 75%;
        height: 100%;
        background-color: rgb(35, 35, 35);
    }

    #logo1 {
        width: 33.498048%;
        height: 100%;
    }

    #image1 {
        margin-bottom: auto;
        margin-top: 2.405131%;
        clear: none;
        height: 59.99349%;
    }

    #ComboCines {
        width: 66.498902%;
        margin-left: 33.5%;
        margin-top: 0px;
        clear: none;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #Select {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        background-color: rgb(46, 46, 46);
    }

    #Redes {
        position: relative;
        top: 0px;
        left: 0px;
        width: 25%;
        height: 100%;
    }

    #inst {
        width: 33.311883%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #image2 {
        margin-top: 10%;
        height: 39.973958%;
        clear: none;
    }

    #twit {
        margin-top: 0px;
        margin-left: 0.01430001%;
        clear: none;
        width: 33.311883%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #image3 {
        height: 39.973958%;
        margin-top: 10%;
        clear: none;
    }

    #fb {
        margin-top: 0px;
        margin-left: 0.02860003%;
        clear: none;
        width: 33.311883%;
        height: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    #image4 {
        height: 39.973958%;
        margin-top: 10%;
        clear: none;
    }

    #Amigox {
        position: relative;
        top: 0px;
        left: 0px;
        width: 8.998673%;
        height: 100%;
    }

    #AMIGOX {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        font-size: 100%;
        text-transform: uppercase;
        margin-bottom: 15%;
        clear: none;
        margin-top: 11.679327%;
    }

    #textspan4 {
        line-height: 1em;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        height: 30px;
        width: 100%;
        display: block;
        clear: both;
        float: none;
        background-color: rgb(3, 3, 3);
        position: absolute;
        bottom: 0px;
        top: auto;
        left: 0px;
    }
	
	#LogoPie {
        margin-top: 8px;
        position: static;
        margin-left: 11px;
        top: 0px;
        left: 0px;
        height: 15px;
        clear: none;
    }
	/* Pie */
	
	#comprarboletos {
		margin-left: 100px;
	}
	
    #Centralsinopsis {
        float: left;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        width: 100%;
        min-width: 100%;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
    }

	#ContenidoCine {
		height:  100%; /* Cambio 22/03/2016 */
	}
	
    .primaryContainer {
		height: 100%;
        max-width: none;
        width: 100%;
        min-width: 0%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        background-color: rgb(3, 3, 3);
    }

    #Contenidosinopsis {
        float: none;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 100%;
        margin-right: 0px;
        overflow: hidden;
        position: relative;
        top: 0px;
        left: 0px;
        display: block;
    }
	
	#Sinopsis {
		height: calc(100% - 70px); /* Cambio 22/03/2016 */
	}

    #Horarios {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        width: 420px;
		height: calc(100% - 50px); /* Cambio 22/03/2016 */
    }

    #imagetitulodes {
        max-width: none;
        height: 1px;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        width: 100%;
    }

    #texttitulodes {
        clear: none;
        width: 100%;
    }

    #Titulo {
        width: 100%;
    }

    #textsinopsis1 {
        font-weight: normal;
        line-height: 1em;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        width: 100%;
    }

    #TextoSinopsis {
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        width: 100%;
    }

    #texttextosinop{
        float: left;
        font-size: 15px;
        text-align: justify;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        color: rgb(84, 84, 84);
        width: 100%;
    }

    #ContenedorDescripcion {
       background-color: #FFF;
        right: auto;
    }

    #Screen1 {
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 50px;
        width: 100%;
    }

    #imagescreen1 {
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #EncabezadoScreen {
        width: 100%;
        height: 40px;
    }

    #Extracto {
        float: left;
        clear: both;
        min-height: 0px;
        width: 100%;
    }

    #textextracto {
        font-weight: normal;
        line-height: 1em;
        clear: none;
        min-height: 0px;
        display: block;
        width: 100%;
    }

    #Encabezado1 {
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #textencabezado {
        float: left;
        font-size: 1em;
        width: 100%;
        height: auto;
        text-align: center;
        font-weight: normal;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 24px;
        text-transform: uppercase;
    }

    #textspanencab {
        float: none;
        line-height: 1em;
        color: rgb(0, 0, 0);
    }

    #textspanencab1 {
        float: none;
        line-height: 1em;
        color: rgb(0, 0, 0);
    }

    #ContenedorScreen {
        width: 180px;
        float: right;
        clear: none;
        bottom: auto;
    }

    #VerTrailer {
        width: 55%;
        height: 100%;
    }

    #texttrailer{
        width: 100%;
        height: 100%;
        text-align: right;
    }

    #Play {
        width: 35%;
        height: 100%;
    }

    #imageplay {
        width: 25px;
        height: 25px;
        margin-left: 20px;
    }

    #textverubicacion {
        width: 100%;
        text-align: left;
    }

    #imagehorario1shapee {
        max-width: none;
    }

    #imagehora4v {
        display: none;
    }

    #imagehora8v {
        display: none;
    }

    #image46 {
        display: none;
    }

    #image57 {
        display: none;
    }

    #Hora3 {
        height: auto;
    }

    #imagehorario4shapee {
        clear: right;
        max-width: none;
    }

    #imagehorario5shapee {
        display: none;
    }

    #imagehorario6shapee {
        display: none;
    }

    #image50 {
        display: none;
        max-width: none;
    }

    #image53 {
        display: none;
        max-width: none;
    }

    #TipoSala {
        margin-top: 0px;
    }

    #texttiposala {
        margin-top: 19px;
    }

    #imagehora1v {
        max-width: none;
    }

    #imagehora2v {
        color: rgb(0, 0, 0);
    }

    #imagehorario2shapee {
        max-width: none;
    }

    #imagehorario3shapee {
        max-width: none;
    }

    #image38 {
        max-width: none;
    }

    #image41 {
        max-width: none;
    }

    #image47 {
        max-width: none;
    }

    #image44 {
        max-width: none;
    }

    #image11 {
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #boxscreen2 {
        clear: none;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 0px;
        width: 100%;
    }

    #boxscreen1 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
    }

    #Ubicacion {
        width: 60%;
    }

    #Dia {
        width: 100%;
    }

    #boxubicacion {
        width: 30%;
    }

    #boxverubicacion {
        width: 70%;
    }

    #image13 {
        width: 90%;
    }

    #imageubicacion {
        margin-left: 0px;
        margin-right: 10%;
        float: right;
        margin-top: 12.15625px;
        clear: none;
    }
}

@media only screen and (max-width: 1279px) {
	/* Encabezado */
    #Contenedor_Encabezado {
        height: 47.99999844px;
    }
    
    #Encabezado {
        height: 100%;
    }

    #ComboCines {
        clear: none;
        width: 66.5%;
        margin-left: 33.5%;
        margin-top: 0px;
    }

    #Redes {
        margin-top: 0px;
        clear: none;
        margin-right: 0%;
    }

    #inst {
        width: 33.33%;
        height: 100%;
        margin-top: 0px;
    }

    #image2 {
        height: 40%;
        margin-top: 20%;
    }

    #image3 {
        height: 40%;
        margin-top: 20%;
    }

    #image4 {
        height: 40%;
        margin-top: 20%;
    }

    #Amigox {
        clear: none;
        height: 100%;
    }

    #AMIGOX {
        margin: 15% auto;
        clear: none;
        float: none;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        float: left;
        height: 30px;
        clear: both;
        width: 100%;
        display: block;
        position: absolute;
        top: auto;
        left: 0px;
        background-color: rgb(3, 3, 3);
        bottom: 0px;
    }
	
	#LogoPie {
        bottom: 972.875px;
        left: 10px;
        height: 15px;
    }
	/* Pie */
	
	#comprarboletos {
		margin-left: 100px;
	}
	
    #Contenidosinopsis {
        height: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }
	
	#Sinopsis {
		height: calc(100% - 60px); /* Cambio 22/03/2016 */
	}

    #Horarios {
        position: absolute;
        top: 0px;
        left: auto;
        width: 420px;
        margin-left: 0px;
        margin-top: 0px;
        bottom: auto;
        right: 0px;
    }

    #textclas {
        margin-top: 0px;
        clear: none;
    }

    #textficha {
        font-weight: normal;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
    }

    #Duracion {
        clear: both;
    }

    #Director {
        float: left;
        clear: both;
    }

    #NombreDirector {
        float: left;
        clear: both;
    }

    #Actores {
        float: left;
        clear: both;
    }

    #textdirector {
        float: left;
        font-weight: normal;
        margin-top: 0px;
        clear: none;
    }

    #textactores {
        float: left;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        clear: none;
        color: rgb(66, 66, 66);
    }

    #NombreActores {
        float: left;
        height: auto;
        clear: both;
    }

    #Genero {
        float: left;
        clear: both;
    }

    #textnombreact {
        float: left;
        width: 100%;
        height: auto;
        text-align: left;
        font-weight: normal;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        color: rgb(66, 66, 66);
    }

    #icono {
        float: left;
        clear: none;
    }

    #TituloGenero {
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        margin-right: 0%;
    }

    #imagegenero {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 0%;
		margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #texttitulogen {
        float: left;
        font-weight: normal;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #texttitulodes {
        float: left;
        font-weight: normal;
        line-height: 1em;
        clear: none;
        min-height: 0px;
        text-transform: none;
        height: auto;
    }

    #VerTrailer {
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        width: 55%;
    }

    #Play {
        float: left;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 25%;
    }

    #texttrailer{
        float: left;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imageplay {
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #textencabezado {
        min-height: 0px;
    }

    #Hora2 {
        width: 25%;
        height: 50%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora3 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora4 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora5 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: both;
    }

    #Hora6 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora7 {
        width: 25%;
        height: 49.382718%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #DetalleHorario {
        height: 100%;
    }

    #Hora8 {
        width: 25%;
        height: 50.761424%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Centralsinopsis {
        height: 100%;
    }

    #ContenedorHorario1 {
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: both;
    }

    #DetalleHorario1 {
        height: auto;
    }

    #Hora21 {
        width: 25%;
        height: 50%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora31 {
        width: 25%;
        height: 50.000002%;
        display: block;
        clear: none;
        margin-left: 0%;
        margin-right: 0px;
        margin-top: 0px;
    }

    #Hora41 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora51 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: both;
    }

    #Hora61 {
        width: 25%;
        height: 50.000002%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora71 {
        width: 25%;
        height: 49.382718%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Hora81 {
        width: 25%;
        height: 50.761424%;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #TituloCinebox {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Ciudad {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #VerUbicacion {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #ContenidoCine {
		height:  100%; /* Cambio 22/03/2016 */
    }

    #ContenedorHorario {
        clear: both;
    }

    #text28 {
        text-indent: 0px;
    }

    #imageconthorariosshapee {
        max-width: none;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #texttiposala {
        height: auto;
    }

    #imagehorario1shapee {
        width: 100%;
        left: 0%;

    }

    #imagehorario2shapee {
        width: 100%;
        left: 0%;
        top: auto;
    }

    #imagehorario3shapee {
        width: 100%;
        left: 0%;
        top: auto;
    }

    #imagehorario4shapee {
        width: 100%;
        left: 0%;
    }

    #image38 {
        width: 100%;
        left: 0%;
        top: auto;
    }

    #image41 {
        width: 100%;
        left: 0%;
        top: auto;
    }

    #image44 {
        width: 100%;
        left: 0%;
    }

    #image47 {
        width: 100%;
        left: 0%;
        top: auto;
    }
}

@media only screen and (max-width: 1024px) {

    #hbdsdf {
    position: absolute;
    width: 140px;
    height: 23px;
    /* left: auto; */
    right: 0%;
    float: left;
    margin-top: 0%;
    margin-right: 30px;
    font-size: 12px;
    font-family: "Circular Std Black";
    color: #5C5C5C;
    background-color: #FFF;
    background-position: right;
    background-image: url(../img/arrowcalendario.png);
    background-repeat: no-repeat;
    box-shadow: 0px 3px 3px 0px #5C5C5C;
    border: none;
    text-align: left;
    padding-left: 8PX;
}
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 48px;
        width: 100%;
    }

    #Encabezado {
        width: 69.999695%;
        height: 100%;
    }

    #logo1 {
        width: 29.99891%;
        height: 100%;
    }

    #image1 {
        margin-top: 4%;
        height: 59.99349%;
    }

    #ComboCines {
        clear: none;
        width: 69.99891%;
        margin-left: 30%;
        margin-top: 0px;
        height: 100%;
    }

    #Select {
        width: 100%;
        height: 100%;
    }

    #Redes {
        margin-top: 0px;
        clear: none;
        width: 20.999146%;
        margin-left: 0%;
        height: 100%;
    }

    #inst {
        width: 33.323645%;
        height: 100%;
    }

    #image2 {
        height: 39.973958%;
    }

    #twit {
        width: 33.309112%;
        height: 100%;
    }

    #image3 {
        height: 39.973958%;
    }

    #fb {
        width: 33.309112%;
        height: 100%;
    }

    #image4 {
        height: 39.973958%;
    }

    #Amigox {
        clear: none;
        width: 8.998108%;
        height: 100%;
    }

    #AMIGOX {
        font-size: 9.6px;
        margin: 18.209563% auto 0%;
        text-transform: uppercase;
        float: none;
        clear: none;
        width: 100%;
    }

    #textspan {
        font-size: 10px;
    }

    #textspan1 {
        font-size: 11px;
    }

    #textspan2 {
        font-size: 12px;
    }

    #textspan3 {
        font-size: 13px;
    }

    #textspan4 {
        font-size: 14px;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        height: 30px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        top: auto;
    }
	
	#LogoPie {
        top: auto;
        left: 10px;
        bottom: 8px;
        height: auto;
        width: auto;
    }
	/* Pie */

	#comprarboletos {
		margin-left: 100px;
	}
	
    #Centralsinopsis {
        height: 100%;
    }
	
    .primaryContainer {
		height: 100%;
        width: 100%;
    }

    #textclas {
        clear: none;
    }

    #textficha {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #textduracion {
        width: 100%;
        font-weight: normal;
        line-height: 1em;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #textdireccion {
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #textcinebox {
        float: left;
        font-size: 1em;
        text-align: left;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        color: rgb(35, 35, 35);
        text-transform: uppercase;
        font-family: 'Circular Std Black';
    }

    #textspanencab2 {
        float: none;
        line-height: 1em;
    }

    #textspanencab3 {
        float: none;
        line-height: 1em;
    }

    #textspanencab4 {
        float: none;
        line-height: 1em;
    }

    #textspanencab5 {
        float: none;
        line-height: 1em;
    }

    #textspanencab6 {
        float: none;
        line-height: 1em;
    }

    #textspanencab7 {
        float: none;
        line-height: 1em;
    }

    #textspanencab8 {
        float: none;
        line-height: 1em;
    }

     #textciudad {
        float: left;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        clear: none;
        min-height: 17px;
    }

    #Dia {
        float: left;
        clear: none;
        min-height: 0px;
        width: 100%;
    }

    #Ubicacion {
        float: left;
        clear: none;
        height: 100%;
        width: 60%;
    }

    #imageubicacion {
        float: right;
        width: 11px;
        max-width: 100%;
        height: 16px;
        margin-left: 0px;
        margin-top: 12.15625px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 10%;
    }

    #textverubicacion {
        float: left;
        font-weight: normal;
        margin-top: 0px;
        clear: none;
        margin-right: 0%;
        height: 100%;
        text-align: left;
    }

    #image13 {
        max-width: none;
        clear: none;
        color: rgb(0, 0, 0);
        width: 90%;
    }

    #textidioma {
        float: left;
        text-align: left;
        font-weight: normal;
        line-height: 2.7em;
        clear: none;
        min-height: 0px;
    }

    #TipoSala {
        float: left;
        clear: none;
        width: 25%;
    }

    #DetalleHorario {
        float: left;
        clear: none;
        height: 100%;
        width: 90%;
    }

    #texttiposala {
        float: left;
        width: 100%;
        font-weight: normal;
        margin-left: 0%;
        clear: none;
        min-height: 0px;
    }

    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora1v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }
	
	#imagehora1v2 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #imagehorario1shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #texthora1 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehora1reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #Hora2 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora2reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora2v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora2 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehorario2shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora3 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora3reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora3v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora3 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehorario3shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora4 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora4reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #texthora4 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehorario4shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora5 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora5reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora5v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora5 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora6 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora6reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora6v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora6 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora7 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora7reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora7v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora7 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora8 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora8reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #texthora8 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Contenidosinopsis {
		height:100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #TipoSala1 {
        float: left;
        clear: none;
        width: 25%;
    }

    #text28 {
        float: left;
        font-weight: normal;
        margin-left: 0%;
        clear: none;
        min-height: 0px;
    }

    #DetalleHorario1 {
        float: left;
        clear: none;
        height: 100%;
        width: 75%;
    }

    #Hora11 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image36 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image37 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text29 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image38 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora21 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image39 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image40 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text30 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image41 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora31 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image42 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image43 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text31 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image44 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora41 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image45 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #text32 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image47 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora51 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image48 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image49 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text33 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora61 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image51 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image52 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text34 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora71 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image54 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image55 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text35 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora81 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image56 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #text36 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #ContenedorScreen {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0px;
        margin-top: 0px;
        clear: both;
        height: auto;
        margin-left: 0%;
        float: left;
    }

    #EncabezadoScreen {
        width: 100%;
        height: 40px;
    }

    #VerTrailer {
        width: 50%;
        height: 100%;
    }

    #texttrailer{
        width: 100%;
        height: 100%;
        text-align: right;
    }

    #Play {
        width: 50%;
        height: 100%;
    }

    #imageplay {
        width: 25px;
        height: 25px;
        margin-left: 10%;
        margin-right: 0px;
        float: left;
        margin-top: 8px;
        clear: none;
    }

    #imageshapeplay {
        width: 100%;
		height:1px;
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #Extracto {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #textextracto {
        width: 100%;
    }

    #Screen1 {
        width: 100%;
    }

    #Descripcion {
        width: 100%;
        height: auto;
    }

    #ContenedorDescripcion {
      	background-color: #FFF;
        height: auto;
        position: absolute;
        top: 0px;
        margin-top: 0px;
        margin-left: 0px;
        clear: both;
        left: 160px;
    }

    #ContenedorDetalles {
        min-height: 0px;
        height: 100%;
    }

    #Clasificacion {
        height: auto;
    }

    #ContenidoDetalle {
        height: 100%;
    }

    #Titulo {
        width: 100%;
    }

    #texttitulodes {
        width: 100%;
    }

    #imagetitulodes {
        width: 100%;
    }

    #Sinopsis1 {
        width: calc(100% - 420px);
    }

    #textsinopsis1 {
        width: 100%;
    }

    #TextoSinopsis {
        width: 100%;
    }

    #texttextosinop{
        width: 100%;
    }

    #imagehora8v {
        display: none;
    }

    #image46 {
        display: none;
    }

    #image57 {
        display: none;
    }

    #imagescreen1 {
        margin: 10px auto;
        clear: none;
        float: none;
        width: auto;
    }

    #image11 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 10px;
    }

    #boxscreen1 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 210.609375px;
        min-height: 50px;
        margin-right: 0px;
    }

    #boxscreen2 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 210.609375px;
    }

    #boxubicacion {
        width: 30%;
    }

    #boxverubicacion {
        width: 70%;
    }
	
	#imageintro {
		max-height:200px
    }
	
}

@media only screen and (max-width: 768px) {

    #hbdsdf {
        position: sticky;
        width: 120px;
        height: 22px;
        right: 6%;
        float: right;
        margin-top: -60px;
        font-size: 14px;
        font-family: "Circular Std Black";
        color: #5C5C5C;
        background-color: #FFF;
        background-position: right;
        background-image: url(../img/arrowcalendario.png);
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        box-shadow: 0px 3px 3px 0px #5C5C5C;
        border: none;
        text-align: left;
        padding-left: 3PX;
    }
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 48px;
        width: 100%;
    }

    #Encabezado {
        width: 69.999695%;
        height: 100%;
    }

    #logo1 {
        width: 29.99891%;
        height: 100%;
    }

    #image1 {
        margin-top: 4%;
        height: 59.99349%;
    }

    #ComboCines {
        clear: none;
        width: 69.99891%;
        margin-left: 30%;
        margin-top: 0px;
        height: 100%;
    }

    #Select {
        width: 100%;
        height: 100%;
    }

    #Redes {
        margin-top: 0px;
        clear: none;
        width: 20.999146%;
        margin-left: 0%;
        height: 100%;
    }

    #inst {
        width: 33.323645%;
        height: 100%;
    }

    #image2 {
        height: 39.973958%;
    }

    #twit {
        width: 33.309112%;
        height: 100%;
    }

    #image3 {
        height: 39.973958%;
    }

    #fb {
        width: 33.309112%;
        height: 100%;
    }

    #image4 {
        height: 39.973958%;
    }

    #Amigox {
        clear: none;
        width: 8.998108%;
        height: 100%;
    }

    #AMIGOX {
        font-size: 9.6px;
        margin: 18.209563% auto 0%;
        text-transform: uppercase;
        float: none;
        clear: none;
        width: 100%;
    }

    #textspan {
        font-size: 10px;
    }

    #textspan1 {
        font-size: 11px;
    }

    #textspan2 {
        font-size: 12px;
    }

    #textspan3 {
        font-size: 13px;
    }

    #textspan4 {
        font-size: 14px;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        height: 30px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        top: auto;
    }
	
	#LogoPie {
        top: auto;
        left: 10px;
        bottom: 8px;
        height: auto;
        width: auto;
    }
	/* Pie */

	#comprarboletos {
		margin-left: 100px;
	}
	
    #Centralsinopsis {
        height: 100%;
    }
	
    .primaryContainer {
		height: 100%;
        width: 100%;
    }

    #textclas {
        clear: none;
    }

    #textficha {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #textduracion {
        width: 100%;
        font-weight: normal;
        line-height: 1em;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #textdireccion {
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #textcinebox {
        float: left;
        font-size: 1em;
        text-align: left;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        color: rgb(35, 35, 35);
        text-transform: uppercase;
        font-family: 'Circular Std Black';
    }

    #textspanencab2 {
        float: none;
        line-height: 1em;
    }

    #textspanencab3 {
        float: none;
        line-height: 1em;
    }

    #textspanencab4 {
        float: none;
        line-height: 1em;
    }

    #textspanencab5 {
        float: none;
        line-height: 1em;
    }

    #textspanencab6 {
        float: none;
        line-height: 1em;
    }

    #textspanencab7 {
        float: none;
        line-height: 1em;
    }

    #textspanencab8 {
        float: none;
        line-height: 1em;
    }

     #textciudad {
        float: left;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        clear: none;
        min-height: 17px;
    }

    #Dia {
        float: left;
        clear: none;
        min-height: 0px;
        width: 100%;
    }

    #Ubicacion {
        float: left;
        clear: none;
        height: 100%;
        width: 60%;
    }

    #imageubicacion {
        float: right;
        width: 11px;
        max-width: 100%;
        height: 16px;
        margin-left: 0px;
        margin-top: 12.15625px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 10%;
    }

    #textverubicacion {
        float: left;
        font-weight: normal;
        margin-top: 0px;
        clear: none;
        margin-right: 0%;
        height: 100%;
        text-align: left;
    }

    #image13 {
        max-width: none;
        clear: none;
        color: rgb(0, 0, 0);
        width: 90%;
    }

    #textidioma {
        float: left;
        text-align: left;
        font-weight: normal;
        line-height: 2.7em;
        clear: none;
        min-height: 0px;
    }

    #TipoSala {
        float: left;
        clear: none;
        width: 25%;
    }

    #DetalleHorario {
        float: left;
        clear: none;
        height: 100%;
        width: 90%;
    }

    #texttiposala {
        float: left;
        width: 100%;
        font-weight: normal;
        margin-left: 0%;
        clear: none;
        min-height: 0px;
    }

    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora1v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }
	
	#imagehora1v2 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #imagehorario1shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #texthora1 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehora1reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #Hora2 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora2reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora2v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora2 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehorario2shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora3 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora3reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora3v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora3 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehorario3shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora4 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora4reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #texthora4 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #imagehorario4shapee {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora5 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora5reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora5v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora5 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora6 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora6reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora6v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora6 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora7 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora7reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #imagehora7v {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #texthora7 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora8 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #imagehora8reloj {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #texthora8 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Contenidosinopsis {
		height:100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #TipoSala1 {
        float: left;
        clear: none;
        width: 25%;
    }

    #text28 {
        float: left;
        font-weight: normal;
        margin-left: 0%;
        clear: none;
        min-height: 0px;
    }

    #DetalleHorario1 {
        float: left;
        clear: none;
        height: 100%;
        width: 75%;
    }

    #Hora11 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image36 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image37 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text29 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image38 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora21 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image39 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image40 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text30 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image41 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora31 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image42 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image43 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text31 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image44 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora41 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image45 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #text32 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #image47 {
        float: left;
        max-width: 100%;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora51 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image48 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image49 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text33 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora61 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image51 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image52 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text34 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora71 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image54 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image55 {
        float: right;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
    }

    #text35 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #Hora81 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
    }

    #image56 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #text36 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
    }

    #ContenedorScreen {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0px;
        margin-top: 0px;
        clear: both;
        height: auto;
        margin-left: 0%;
        float: left;
    }

    #EncabezadoScreen {
        width: 100%;
        height: 40px;
    }

    #VerTrailer {
        width: 50%;
        height: 100%;
    }

    #texttrailer{
        width: 100%;
        height: 100%;
        text-align: right;
    }

    #Play {
        width: 50%;
        height: 100%;
    }

    #imageplay {
        width: 25px;
        height: 25px;
        margin-left: 10%;
        margin-right: 0px;
        float: left;
        margin-top: 8px;
        clear: none;
    }

    #imageshapeplay {
        width: 100%;
		height:1px;
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #Extracto {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #textextracto {
        width: 100%;
    }

    #Screen1 {
        width: 100%;
    }

    #Descripcion {
        width: 100%;
        height: auto;
    }

    #ContenedorDescripcion {
      	background-color: #FFF;
        height: auto;
        position: absolute;
        top: 0px;
        margin-top: 0px;
        margin-left: 0px;
        clear: both;
        left: 160px;
    }

    #ContenedorDetalles {
        min-height: 0px;
        height: 100%;
    }

    #Clasificacion {
        height: auto;
    }

    #ContenidoDetalle {
        height: 100%;
    }

    #Titulo {
        width: 100%;
    }

    #texttitulodes {
        width: 100%;
    }

    #imagetitulodes {
        width: 100%;
    }

    #Sinopsis1 {
        width: calc(100% - 420px);
    }

    #textsinopsis1 {
        width: 100%;
    }

    #TextoSinopsis {
        width: 100%;
    }

    #texttextosinop{
        width: 100%;
    }

    #imagehora8v {
        display: none;
    }

    #image46 {
        display: none;
    }

    #image57 {
        display: none;
    }

    #imagescreen1 {
        margin: 10px auto;
        clear: none;
        float: none;
        width: auto;
    }

    #image11 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 10px;
    }

    #boxscreen1 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 210.609375px;
        min-height: 50px;
        margin-right: 0px;
    }

    #boxscreen2 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 210.609375px;
    }

    #boxubicacion {
        width: 30%;
    }

    #boxverubicacion {
        width: 70%;
    }
	
	#imageintro {
		max-height:200px
    }
	
}


@media only screen and (max-width: 720px) {
    /* Encabezado */
    #Contenedor_Encabezado {
		width:100%;
        height: 60px;
    }

    #logo1 {
		float:left;
		left:0px;
        width: 50%;
        height: 100%;
    }

    #image1 {
        height: 60%;
        margin-top: 3%;
        clear: none;
		
    }    

    #Encabezado {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        height: 100%;
    }

    #ComboCines {
        clear: none;
		left:50%;
        width: 50%;
        margin-left: 0%;
        display: block;
    }

    #Select {
		position:relative;
		clear:none;
        width: 100%;
        display: block;
		top:-60px;
		margin-top:0px;
		font-size:16px;
		
    }

    #Redes {
        margin-top: 1346.015625px;
        clear: both;
        margin-right: 0%;
        width: 50%;
        display: none;
        margin-left: 0%;
    }

    #Amigox {
        clear: both;
        width: 50%;
        margin-left: 0%;
        display: none;
        margin-top: 1346.015625px;
    }

    #AMIGOX {
        margin-left: 6.775983%;
        clear: none;
        font-size: 28px;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        margin-top: 0%;
        margin-left: 0%;
        clear: none;
        height: 80px; /* Cambio */
        display: block;
        position: relative;
        bottom: auto;
        top: -120px; /* Cambio */
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
		bottom: 40px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 20px;
	}
	
	/* Cambio 23/03/2016 */
	#PieAviso {
		bottom: 40px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Cambio 23/03/2016 */
	/* Pie */
	
	/* Cambio 23/03/2016 */
	#ImageshapeHCe2 {
		margin-left: 30px;
	}
	
	#comprarboletos {
		margin-left: 235px;
	}
	/* Cambio 23/03/2016 */
	
	#ContenidoCine {
		height: 100%; /* Cambio 22/03/2016 */
    }

    #COYOL {
        display: block;
        height: auto;
        min-height: 0px;
        width: 100%;
        color: rgb(251, 126, 58);
        font-size: 2em;
        text-align: center;
        font-style: normal;
        text-transform: uppercase;
    }

    #Centralsinopsis {
        height: 100%;
        overflow: scroll;
    }

    #Contenidosinopsis {
        height: 100%;
    }
	
	#hbdsdf{
		position: absolute;
		width: 140px;
		height:23px;
		left:auto;
		right: 10px;
		float: left;
		margin-top:70px;
		margin-right: 30px;
		font-size:12px;
		font-family: "Circular Std Black";
		color:#5C5C5C;
		background-color:#FFF;
		background-position:right;
		background-image:url(../img/arrowcalendario.png);
		background-repeat:no-repeat;
		box-shadow: 0px 3px 3px 0px #5C5C5C;
		border:none;
		text-align: left;
		padding-left:8PX;
		}

    #Horarios {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        height: auto; /* Cambio 22/03/2016 */
    }

	#arrowup{
		position: fixed; 
		float: right; 
		clear:both; 
		left:auto; 
		right:20px; 
		top:40%; 
		width:30px; 
		height:30px; 
		z-index:20; 
		cursor:pointer;
		display:none;
	}
	
	#arrowdown{
		position: fixed; 
		float: right;  
		clear:both; 
		left:auto; 
		right:20px; 
		top:60%;  
		width:30px; 
		height:30px;  
		z-index:20;  
		cursor:pointer;
		display:none;
	}
	
	#ContenedorHorario {
		float: left;
		height: auto;
		margin: 0px 0px 50px 0%;
		clear: both;
		width: 90%;
		
	}

	#DetalleHorario {
		float: none;
		height: 100%;
		margin-bottom:10px;
		clear: none;
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#imagehora1reloj {
		float: left;
		width: 15px;
		max-width: 100%;
		height: 15px;
		margin: 18px 0px 0px 25px;
		clear: none;
		color: rgb(0, 0, 0);
	}
	
	.imagehora1relojZ {
		float: left;
		width: 15px;
		max-width: 100%;
		height: 15px;
		margin: 18px 0px 0px 25px;
		clear: none;
		color: rgb(0, 0, 0);
	}

	 #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
		left:0px;
    }
	
    #Intro {
        height: 47%;
    }

    #ContenedorDetalles {
        min-height: 0px;
    }

    #ContenedorDescripcion {
		background-color: #FFF;
        position: relative;
        top: 0px;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        clear: both;
        height: auto;
        left: 0px;
		box-shadow: 0px 0px 0px #5c5c5c inset;
    }

    #Descripcion {
        width: 100%;
        height: auto;
		padding-right:7%;
		padding-left:7%;
    }

    #Titulo {
        width: 100%;
    }

    #ContenedorScreen {
        width: 100%;
        height: 62.5%;
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        margin-right: auto;
        margin-top: 0px;
        clear: both;
        margin-left: auto;
        float: none;
    }

    #EncabezadoScreen {
        width: 100%;
        height: 40px;
    }

    #Sinopsis {
        width: 100%;
        height: auto;
    }

    #Clasificacion {
        height: auto;
        margin-bottom: 10px;
        width: 100%;
		padding:4%;
    }

    #texttitulogen {
        text-align: left;
    }

    #TituloGenero {
        margin-left: 15px;
    }

    #imageintro {
		min-height: 230px;
    	min-width: 100%;
		height: 230px;
    }

    #imagescreen1 {
        width: 196px;
        height: 192px;
        max-width: none;
    }

    #texttitulodes {
        text-align: center;
        width: 100%;
    }

    #VerTrailer {
        width: 50%;
        height: 100%;
    }

    #texttrailer{
        width: 100%;
        height: 100%;
        text-align: right;
    }

    #Play {
        width: 50%;
        height: 100%;
    }

    #imageplay {
        width: 25px;
        height: 25px;
        margin-left: 15px;
        margin-right: 0px;
        float: left;
        margin-top: 8px;
        clear: none;
    }

    #imageshapeplay {
		height:1px;
        width: 100%;
    }

    #Extracto {
        width: 100%;
    }

    #textextracto {
        width: 100%;
    }

    #Screen1 {
        width: 100%;
    }

    #textverubicacion {
        width: 100%;
        margin-left: 0%;
        height: 100%;
        margin-right: 0px;
        float: left;
        clear: none;
        margin-top: 0px;
    }

    #imagetitulodes {
        width: 100%;
    }

    #Sinopsis1 {
        width: 100%;
    }

    #textsinopsis1 {
        width: 100%;
    }

    #TextoSinopsis {
        width: 100%;
    }

    #texttextosinop{
        width: 100%;
    }

    #imagehorario1shapee {
        max-width: 100%;
    }

    #image11 {
        width: 196px;
        height: 192px;
        max-width: none;
    }

    #Ubicacion {
        width: 50%;
    }

    #boxscreen1 {
        width: 50%;
    }

    #boxscreen2 {
        width: 50%;
    }

    #imageubicacion {
        margin-left: 0px;
        float: right;
        clear: none;
        margin-top: 12px;
        margin-right: 5%;
    }

    #image13 {
        width: 150px;
        margin-left: -10%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: both;
    }

    #Dia {
        width: 50%;
    }

    #boxubicacion {
        float: left;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 35%;
    }

    #boxverubicacion {
        float: left;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 65%;
        margin-right: 0%;
    }
}

@media only screen and (max-width: 640px) {
	/* Encabezado */
    #Contenedor_Encabezado {
        width: 100%;
        height: 50px;
    }

    #Encabezado {
        height: 100%;
        width: 100%;
    }

    #logo1 {
        width: 50%;
        height: 100%;
    }

    #image1 {
        height: 60%;
    }

    #ComboCines {
         clear: none;
		left:50%;
        width: 50%;
        margin-left: 0%;
        display: block;
    }

    #Select {
        position:relative;
		clear:none;
        width: 100%;
        display: block;
		top:-50px;
		margin-top:0px;
		font-size:15px;
		padding-right: 90px;
    }

    #Redes {
        margin-top: 140px;
        clear: none;
        margin-right: 0%;
        background-color: rgb(35, 35, 35);
        margin-left: 0%;
    }

    #inst {
        width: 0%;
        height: 0%;
    }

    #twit {
        width: 0%;
        height: 0%;
    }

    #fb {
        width: 0%;
        height: 0%;
    }    

    #Amigox {
        clear: none;
        margin-top: 140px;
        margin-left: 0%;
    }

    #AMIGOX {
        margin-left: 5.018991%;
        clear: none;
        width: 0%;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        margin-top: 0%;
        margin-left: 0%;
        clear: none;
        height: 80px; /* Cambio */
        display: block;
        position: relative;
        /*bottom: auto;*/
        top: -100px; /* Cambio */
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
        height: 20px;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        bottom: 45px;
        left: auto;
        right: 20px;
        top: auto;
        position: absolute;
    }

    #PieAviso {
		bottom: 45px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Pie */
	
	/* Cambio 23/03/2016 */
	#ImageshapeHCe2 {
		margin-left: 20px;
	}
	
	#comprarboletos {
		margin-left: 215px;
	}
	/* Cambio 23/03/2016 */
	
	#hbdsdf{
		margin-right: 10px;
	}
	
    #COYOL {
        display: block;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        height: 50px;
        font-size: 2em;
        text-transform: uppercase;
    }

	#DetalleHorario {
		float: none;
		height: 100%;
		margin-bottom:15px;
		clear: none;
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#Horarios {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        height: 145%;
    }

	#ContenedorHorario {
		float: left;
		height: auto;
		margin: 0px 0px 60px 0%;
		clear: both;
		width: 100%;
		
	}
	
	#imagehora1reloj {
		float: left;
		width: 15px;
		max-width: 100%;
		height: 15px;
		margin: 18px 0px 0px 15px;
		clear: none;
		color: rgb(0, 0, 0);
	}

	#Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
		left:0px;
    }
	
    #Centralsinopsis {
        height: 100%;
        overflow: scroll;
	   
    }
	
	#ContenidoCine{
		margin-left:2%;
	}
    
	#Contenidosinopsis {
        height: 100%;
    }
	
    #Dia {
        width: 50%;
    }

    #Ubicacion {
        width: 50%;
        position: relative;
    }

    #imagehorario5shapee {
        display: none;
    }

    #imagehorario6shapee {
        display: none;
    }

    #imagehora8v {
        display: none;
    }

    #image50 {
        display: none;
    }

    #image57 {
        display: none;
    }

    #image46 {
        display: none;
    }

    #boxscreen1 {
        width: 50%;
    }

    #boxscreen2 {
        width: 50%;
    }

    #textverubicacion {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        clear: none;
        position: static;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        height: 100%;
    }

    #imageubicacion {
        margin-left: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 11px;
        margin-right: 10%;
        float: right;
        clear: none;
        margin-top: 12.15625px;
    }

    #textidioma {
        width: 100%;
    }

    #image13 {
        margin-top: 0px;
        clear: none;
        width: 150px;
        margin-left: -14%;
    }
}

@media only screen and (max-width: 540px) {
    #hbdsdf {
        position: absolute;
        width: 140px;
        height: 23px;
        /* left: auto; */
        right: 0%;
        float: left;
        margin-top: 0%;
        margin-right: 30px;
        font-size: 12px;
        font-family: "Circular Std Black";
        color: #5C5C5C;
        background-color: #FFF;
        background-position: right;
        background-image: url(../img/arrowcalendario.png);
        background-repeat: no-repeat;
        box-shadow: 0px 3px 3px 0px #5C5C5C;
        border: none;
        text-align: left;
        padding-left: 8PX;
    }

}



@media only screen and (max-width: 480px) {
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 42px;
    }

    #Encabezado {
        height: 100%;
        width: 100%;
    }

    #image1 {
        height: 60%;
        margin-top: 4%;
        clear: none;
		
    }

    #Select {
        position:relative;
		clear:none;
        width: 100%;
        display: block;
		top:-42px;
		margin-top:0px;
		font-size:12px;
		background: url("../img/arrowe5.png") no-repeat right #fff;
		background-color: rgb(46, 46, 46);
		padding-right: 70px;

    }

    #ComboCines {
        clear: none;
        width: 50%;
        margin-left: 0%;
    }

    #Redes {
        margin-top: 0px;
        clear: none;
        margin-right: 0%;
        width: 50%;
    }

    #Amigox {
        clear: none;
        height: 50px;
        width: 50%;
        margin-top: 0px;
        margin-left: 0%;
    }

    #AMIGOX {
        margin-left: 15%;
        clear: none;
        font-size: 25px;
    }
    /* Encabezado */
	
	/* Pie */	
	#Pie {
        margin-top: 0%;
        margin-left: 0%;
        clear: none;
        height: 80px; /* Cambio */
        display: block;
        position: relative;
        bottom: auto;
        top: -85px; /* Cambio */
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        margin-right: auto;
        bottom: 50px;
        left: auto;
        right: 20px;
        top: auto;
		height:18px;
    }

    #PieAviso {
		bottom: 50px;
		height: 18px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Pie */
	
	/* Cambio 23/03/2016 */
	#ImageshapeHCe2 {
		margin-left: 27px;
	}
	
	#comprarboletos {
		margin-left: 140px;
	}
	/* Cambio 23/03/2016 */
	
	#hbdsdf {
        left: 58%;
        right: -13%;
        margin-top: -17%;
        position: relative;
    }
	
	#Horarios {
        height: 100%; /* Cambio 22/03/2016 */
    }
	
	#textspanencab {
		font-size: 10px;
	}
	
	#textspanencab1 {
		font-size: 15px;
	}
	
    #COYOL {
        font-size: 1.5em;
        line-height: 1.8em;
        padding-top: 0.2em;
    }

    #Centralsinopsis {
        height: 100%;
        overflow: scroll;
    }

    #Contenidosinopsis {
        height: 100%;
        margin-top: 0px;
    }

	#ContenedorHorario {
		float: left;
		height: auto;
		margin: 0px 0px 60px 0%;
		clear: both;
		width: 95%;
		
	}

	#DetalleHorario {
		float: none;
		height: 100%;
		margin-bottom:10px;
		clear: none;
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}

    #imagehora4v {
        float: left;
        width: auto;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
        position: absolute;
        top: 0px;
        left: auto;
        bottom: auto;
        right: 0px;
        display: block;
    }

    #texthora4 {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        font-size: 14px;
    }

    #imagehorario4shapee {
        clear: right;
    }

    #Hora4 {
        clear: both;
        width: 33%;
    }

    #imagehorario5shapee {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        clear: both;
        color: rgb(0, 0, 0);
        display: block;
        left: 0%;
    }

    #texthora5 {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        font-size: 14px;
    }

    #imagehorario6shapee {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        clear: both;
        color: rgb(0, 0, 0);
        display: block;
        left: 0%;
        top: auto;
    }

    #texthora6 {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        font-size: 14px;
    }

    #Hora7 {
        clear: both;
        width: 33%;
    }

    #text32 {
        clear: none;
        margin-right: 0%;
        margin-top: 0.019374847412109375px;
        font-size: 14px;
    }

    #Hora41 {
        clear: both;
        width: 33%;
    }

    #Hora71 {
        clear: both;
        width: 33%;
    }

    #Hora1 {
        width: 25%;
    }

    #Hora2 {
        width: 25%;
    }

    #Hora3 {
        width: 33%;
    }

    #Hora5 {
        width: 33%;
    }

    #Hora6 {
        width: 33%;
    }

    #Hora8 {
        width: 33%;
    }

    #Hora11 {
        width: 33%;
    }

    #Hora21 {
        width: 33%;
    }

    #Hora31 {
        width: 33%;
    }

    #Hora51 {
        width: 33%;
    }

    #Hora61 {
        width: 33%;
    }

    #Hora81 {
        width: 33%;
    }

    #imagehora3v {
        display: none;
    }

    #imagehora6v {
        display: none;
    }

    #image43 {
        display: none;
    }

    #image46 {
        float: left;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
        position: absolute;
        top: 0px;
        left: auto;
        right: 0px;
        bottom: auto;
        display: block;
    }

    #image47 {
        clear: right;
    }

    #image52 {
        display: none;
    }

    #image50 {
        float: left;
        max-width: 100%;
        clear: both;
        color: rgb(0, 0, 0);
        display: block;
        width: 100%;
        left: 0%;
        top: auto;
    }

    #text33 {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        font-size: 14px;
    }

    #image53 {
        float: left;
        max-width: 100%;
        clear: both;
        color: rgb(0, 0, 0);
        display: block;
        width: 100%;
        left: 0%;
        top: 40px;
    }

    #image57 {
        float: left;
        width: auto;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
        position: absolute;
        top: 0px;
        left: auto;
        bottom: auto;
        right: 0px;
        display: block;
    }

    #text36 {
        margin-right: 0%;
        margin-top: 0.003749847412109375px;
        clear: none;
        font-size: 14px;
    }

    #imagehora8v {
        float: left;
        width: auto;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
        position: absolute;
        top: 0px;
        left: auto;
        bottom: auto;
        right: 0px;
        display: block;
    }

    #texthora8 {
        margin-right: 0%;
        margin-top: 0.003749847412109375px;
        clear: none;
        font-size: 14px;
    }

    #texttiposala {
        font-size: 12px;
        margin-top: 14px;
        margin-left: 0%;
        clear: none;
    }

    #texthora1 {
        font-size: 14px;
    }

    #texthora2 {
        font-size: 14px;
    }

    #texthora3 {
        font-size: 14px;
    }

    #texthora7 {
        font-size: 14px;
    }

    #text29 {
        font-size: 14px;
    }

    #text30 {
        font-size: 14px;
    }

    #text31 {
        font-size: 14px;
    }

    #text34 {
        font-size: 14px;
    }

    #text35 {
        font-size: 14px;
    }

    #text28 {
        font-size: 12px;
        margin-top: 9px;
        margin-left: 0%;
        clear: none;
    }

    #imagehora1reloj {
        margin-top: 15px;
    }

    #imagehora2reloj {
        margin-top: 13px;
    }

    #imagehora3reloj {
        margin-top: 13px;
    }

    #imagehora4reloj {
        margin-top: 13px;
    }

    #imagehora5reloj {
        margin-top: 13px;
    }

    #imagehora6reloj {
        margin-top: 13px;
    }

    #imagehora7reloj {
        margin-top: 13px;
    }

    #imagehora8reloj {
        margin-top: 13px;
    }

    #image36 {
        margin-top: 13px;
    }

    #image45 {
        margin-top: 13px;
    }

    #image54 {
        margin-top: 13px;
    }

    #image39 {
        margin-top: 13px;
    }

    #image48 {
        margin-top: 13px;
    }

    #image56 {
        margin-top: 13px;
    }

    #image42 {
        margin-top: 13px;
    }

    #image51 {
        margin-top: 13px;
    }

    #imageintro {
		min-height: 184px;
    	min-width: 100%;
        height: 184px;
    }

    #boxscreen2 {
        clear: none;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 0px;
        width: 100%;
    }

    #boxscreen1 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
    }

    #image13 {
        width: 130px;
        margin: 0px 0px 0px -8%;
        float: left;
        clear: none;
        position: static;
        top: 0px;
        left: 0px;
    }

    #boxubicacion {
        width: 18%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #boxverubicacion {
        width: 80%;
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        clear: none;
        position: relative;
    }

    #imageubicacion {
        margin-right: 10%;
    }

    #textverubicacion {
        margin-left: 0%;
        width: 100%;
    }
}
@media only screen and (max-width: 440px) {
    #hbdsdf {
        left: 61%;
        right: -13%;
        margin-top: -17%;
        position: relative;
    }
	 #imageintro {
		min-height: 141px;
    	min-width: 100%;
        height: 141px;
    }
	
}
@media only screen and (max-width: 400px) {
    #ContenidoCine {
        margin-left: 2%;
        height: 90%;
    }
    #hbdsdf {
        left: 58%;
        right: -13%;
        margin-top: -17%;
        position: relative;
    }

    #imagehora1reloj {
        margin-top: 16px;
    }

    #imagehora2reloj {
        margin-top: 16px;
    }
	 #imageintro {
		min-height: 131px;
    	min-width: 100%;
        height: 131px;
    }
	#textidioma {
        width: 100%;
    }

}
@media only screen and (max-width: 360px) {
    #Select {
        position:relative;
	clear:none;
        width: 100%;
        display: block;
	top:-42px;
	margin-top:0px;
	font-size:10px;
	background: url("../img/arrow3.png") no-repeat right #fff;
	background-color: rgb(46, 46, 46);
	padding-right: 50px;
	padding-left:5px;
    }

    /* Cambio 23/03/2016 */
    #ImageshapeHCe2 {
	margin-left: 20px;
    }
	
    #comprarboletos {
	margin-left: 85px;
    }

    #Dia {
        width: 100%;
    }
    /* Cambio 23/03/2016 */

    #hbdsdf {
        left: 58%;
        right: -13%;
        margin-top: -17%;
        position: relative;
    }

    #imagehora1reloj {
        margin-top: 18x;
		margin-left: 8px;
    }

    #imagehora2reloj {
        margin-top: 16px;
    }
	 #imageintro {
		min-height: 126px;
    	min-width: 100%;
        height: 126px;
    }
	#textidioma {
        width: 100%;
    }
    #LogoPie {
        
        height: 16px;
    
    }
    #PieAviso {
        
        height: 15px;
    
    }

}

@media only screen and (max-width: 320px) {
    /* Encabezado */

    #hbdsdf {
        left: 54%;
        right: -13%;
        margin-top: -17%;
        position: relative;
    }

    #Contenedor_Encabezado {
        height: 33px;
    }

    #Encabezado {
        height: 100%;
    }

    #ComboCines {
        clear: none;
        margin-right: 0px;
        width: 50%;
        margin-left: 0%;
    }

    #Select {
        position:relative;
		clear:none;
        width: 100%;
        display: block;
		top:-33px;
		margin-top:0px;
		font-size:8px;
		background: url("../img/arrow3.png") no-repeat right #fff;
		background-color: rgb(46, 46, 46);
		padding-right: 50px;
		padding-left:5px;
    }

    #Redes {
        margin-top: 0px;
        clear: both;
    }

    #Amigox {
        clear: none;
        margin-top: 0px;
        margin-left: 0%;
        height: 40px;
    }

    #AMIGOX {
        margin-left: 15%;
        clear: none;
        font-size: 20px;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        margin-top: 0%;
        margin-left: 0%;
        clear: none;
        height: 80px; /* Cambio */
        display: block;
        position: relative;
        bottom: auto;
        top: -65px; /* Cambio */
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	
    #LogoPie {
		bottom: 57px;
		height: 15px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 20px;
	}
	
	/* Cambio 23/03/2016 */
	#PieAviso {
		bottom: 57px;
		height: 15px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Pie */
	
	/* Cambio 22/03/2016 */
	#Hora1 {
		margin-top: 10px;
	}

	/* Cambio 23/03/2016 */
	#ImageshapeHCe2 {
		margin-left: 15px;
	}
	
	#comprarboletos {
	margin-left: auto;
    margin-right: auto;
    float: none;
	}
	/* Cambio 23/03/2016 */
	
	.texthora1{
		float: left;
		font-size: 17px;
		width: 60%;
		height: auto;
		text-align: center;
		font-weight: normal;
		line-height: 2.9em;
		margin: 0px 0% 0px 3px;
		clear: none;
		min-height: 0px;
		color: #9a9a9a;
		font-family: 'Circular Std Book';
	}

	#imagehora1reloj {
		float: left;
		width: 15px;
		max-width: 100%;
		height: 15px;
		margin: 18px 0px 0px 4px;
		clear: none;
		color: rgb(0, 0, 0);
		
	}
	
	/* Cambio 22/03/2016 */

        #Horarios {
             height: 120%;
        }
	
    #COYOL {
        font-size: 1em;
        height: 30px;
        line-height: 1.4em;
    }

    #Centralsinopsis {
        height: 100%;
    }

    #Contenidosinopsis {
        height: 100%;
    }

    #imageintro {
		min-height: 125px;
    	min-width: 100%;
        height: 125px;
    }

    #imagehora2reloj {
        margin-left: 0%;
    }

    #imagehora3reloj {
        margin-left: 0%;
    }

    #imagehora4reloj {
        margin-left: 0%;
    }

    #imagehora5reloj {
        margin-left: 0%;
    }

    #imagehora6reloj {
        margin-left: 0%;
    }

    #imagehora7reloj {
        margin-left: 0%;
    }

    #imagehora8reloj {
        margin-left: 0%;
    }

    #image36 {
        margin-left: 0%;
    }

    #image39 {
        margin-left: 0%;
    }

    #image42 {
        margin-left: 0%;
    }

    #image54 {
        margin-left: 0%;
    }

    #image45 {
        margin-left: 0%;
    }

    #image48 {
        margin-left: 0%;
    }

    #image51 {
        margin-left: 0%;
    }

    #image56 {
        margin-left: 0%;
    }

    #texttitulodes {
        font-size: 36px;
    }

    #texttiposala {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #TipoSala {
        margin-top: 15px;
        margin-left: 0%;
        clear: none;
    }

    #text28 {
        margin-top: 4px;
        margin-left: 0%;
        clear: none;
    }

    #imageubicacion {
        margin-right: 10%;
    }

    #Dia {
        width: 100%;
    }
	
    #Ubicacion {
        width: 60%;
    }

    #boxubicacion {
        width: 12%;
    }

    #boxverubicacion {
        width: 88%;
    }

    #textverubicacion {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        clear: none;
        text-align: center;
        margin-top: 0px;
    }

    #image13 {
        margin-top: 0px;
        margin-left: -10%;
        clear: both;
    }
}
@media only screen and (max-width: 280px) {
    #hbdsdf {
        left: 57%;
        right: -13%;
        margin-top: -21%;
        position: relative;
        width: 39%;
    }

#Hora1 {
	width: 33%;
	
	}
	#textspanencab1 {
    font-size: 10px;
}
#textspanencab {
    font-size: 8px;
}
}

@media only screen and (max-width: 240px) {
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 22px;
    }

    #Select {
        position:relative;
		clear:none;
        width: 100%;
        display: block;
		top:-33px;
		margin-top:0px;
		font-size:8px;
		background: url("../img/arrow3.png") no-repeat right #fff;
		background-color: rgb(46, 46, 46);
		padding-right: 30px;
		padding-left:5px;
    }

    #ComboCines {
        clear: none;
        width: 50%;
        margin-left: 0%;
    }

    #Redes {
        margin-top: 0px;
        clear: none;
    }

    #Amigox {
        clear: none;
        height: 40px;
    }

    #AMIGOX {
        margin-left: 14.53125%;
        clear: none;
        font-size: 16px;
    }

    #Contenedor_Encabezado {
        height: 33px;
    }
    /* Encabezado */
	
	/* Pie */
	#Pie {
        margin-top: 0px;
        margin-left: 0%;
        clear: right;
        height: 33px;
    }
 	#imageintro {
        height: 80px;
    }
	#LogoPie {
		bottom: 12px;
		height: 12px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 20px;
	}
	
	/* Cambio 23/03/2016 */
	#PieAviso {
		bottom: 12px;
		height: 12px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Pie */
	
	#hbdsdf {
		margin-right: 1px;
	}
	
	/* Cambio 22/03/2016 */
	#Hora1 {
		margin-top: 40px;
		margin-right: 10px;
	}
	
		/* Cambio 23/03/2016 */
	#ImageshapeHCe2 {
		margin-left: 12px;
	}
	
	#comprarboletos {
		margin-left: 25px;
	}
	/* Cambio 23/03/2016 */
	
	#textspanencab {
		font-size: 7px;
	}
	
	#textspanencab1 {
		font-size: 10px;
	}
	/* Cambio 22/03/2016 */

	#Horarios {
        height: 250%; /* Cambio 22/03/2016 */
    }
	
    #COYOL {
        line-height: 1.4em;
    }

    .primaryContainer {
        position: relative;
    }

    #Centralsinopsis {
        height: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Contenidosinopsis {
        height: 100%;
    }

    #textidioma {
        font-size: 12px;
    }
	
	#textspantipoproyeccion {
		font-size: 15px;
	}

    #textverubicacion {
        font-size: 12px;
        line-height: 3.4em;
        width: 100%;
    }

     #textciudad {
        font-size: 18px;
    }

    #imageintro {
        height: 80px;
    }

    #boxverubicacion {
        width: 85%;
    }

    #image13 {
        width: 115px;
    }
}

#fondo1{
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 40%;
	z-index: -2;

	}

#fondo2{
	right: 0;
	max-width: 100%;
	position: absolute;
	top: 15%;
	z-index: -2;

	}

#fondo3{
	right: 0;
	max-width: 100%;
	position: absolute;
	top: 70%;
	z-index: -2;

	}