.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;
	margin-top: 0px;/**/
}
#tycpromos{
    float: left;
    width: auto;
    max-width: 100%;
    height: 15px;
    margin-left: 41.364%;
    margin-top: 8px;
    clear: none;
    color: rgb(239, 127, 26);
    display: block;
    font-size:12px;
}
#linea {  
    height: 1px;
     border: 0;
     background-color: #ff6300;
     color: #E47915;
     width: 690%;
     margin-left: -400%;
     margin-top: 25px;
     
 }

/* 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: #fb7e3a;;
}
 
#PieAviso {
    float: left;
    width: auto;
    max-width: 100%;
    height: 15px;
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

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

#imagelogocartelera {
    float: left;
    width: auto;
    max-width: 100%;
    height: 150%;
    margin-left: auto;
    margin-top: 2%;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
    /*background: url(../img/cineboxorange.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: 24.999967%;
    margin-right: 0%;
    display: block;
    background-color: #232323;
    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: 30;
    position: fixed;
    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;
}
/* 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;
	height: 0px;
}

#fondo1{
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 35%;
	z-index: -2;
	width: 240px;
	height: 200px;
	background: url(../img/fondo11.png) no-repeat;
}

#fondo2{
	right: 0;
	max-width: 100%;
	position: absolute;
	top: 15%;
	z-index: -2;
	width: 100px;
	height: 100px;
	background: url(../img/fondo22.png) no-repeat;
}

#fondo3{
	right: 0;
	max-width: 100%;
	position: absolute;
	top: 65%;
	z-index: -2;
	width: 100px;
	height: 155px;
	background: url(../img/fondo33.png) no-repeat;
}
	
#PieSlider1 {
    display: none;
}

#CentralCartelera {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-color: rgb(236, 236, 236);
    position: relative;
    max-width: 1920px;
	overflow: visible;
}

#ContenidoCartelera {
background-color: rgb(236, 236, 236);
    float: left;
    height: 100%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    overflow: hidden;
}

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

#Contenedorcartelera {
    float: left;
    height: 100%;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: calc(100% - 321px);
    min-height: 0px;
    max-width: 1600px;
    overflow: visible;
    background-color: rgb(236, 236, 236);
	position: relative;
	box-shadow: 0px -.5px 1px 0px #5c5c5c;
}

#Horarios {
    float: right;
    height: 100%;
    clear: none;
    width: 321px;
    min-height: 0px;
    position: absolute;
    top: -50px;
    left: auto;
    z-index: 1;
    background-color: #201c24;
    right: 0px;
    max-width: 1920px;
	box-shadow:-1px 0px 1px 0px #5c5c5c;
    border: none;
    overflow: visible;
}

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

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

#Texttipoproyeccion {
    float: none;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 0em;
    margin-left: 1%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Black';
    color: #fb7e39;
}
#textspan3_ {
    font-size: 10px;
    font-family: 'Circular Std Black';
    letter-spacing: 4px;
}

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

#ContenidoCine {
    float: left;
    height: auto;
    margin: 0px 5%;
    clear: both;
    width: 90%;
    padding: 10px;
}

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

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

#Black {
    float: left;
	font-size: 12px;
    height: auto;
    margin: 0px 0px 15px 0%;
    clear: both;
    width: 100%;
}

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

#ContenedorCambioCine {
    float: left;
    height: auto;
    margin: 0px;
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 0px;
    top: auto;
    background-color: rgb(236, 236, 236);
}

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

#textsubtitulocine {
    display: block;
    float: left;
    font-size: 8px;
    width: 100%;
    height: 40%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
	letter-spacing: 20px;
    margin: 0px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

#textspan5_ {
    font-family: 'Circular Std Black';
    font-size: 20px;
    color: #fd7e3c;
}

#textspan6_ {
    font-size: 21px;
    font-family: 'Circular Std Black';
    color: #fd7e3c;
}

#textspan7_ {
    font-size: 22px;
    font-family: 'Circular Std Black';
    color: #fd7e3c;
}

#textspan8_ {
    font-family: 'Circular Std Black';
    color: #fd7e3c;
    font-size: 23px;
}

#textspan9_ {
    font-size: 24px;
    color: #fd7e3c;
    font-family: 'Circular Std Black';
}

#textspan10_ {
    font-size: 25px;
    color: #fd7e3c;
    font-family: 'Circular Std Black';
}

#textspan11_ {
    font-family: 'Circular Std Black';
    color: #fd7e3c;
    font-size: 26px;
}

#textciudad {
    float: left;
    font-size: 21px;
    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: #FFF;
    font-family: 'Circular Std Book';
}

#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: none;
    height: 1px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    bottom: auto;
    display: block;
}

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

#Imageubicacion {
    float: left;
    width: 11px;
    max-width: 100%;
    height: 16px;
    margin-left: 28%;
    margin-top: -3px;
    clear: none;
    color: rgb(0, 0, 0);
	/*background:url(../img/ubicacion2.png) no-repeat center;*/
}

#textverubicacion {
    float: left;
    font-size: 11px;
    width: 60%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 4%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0%;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Circular Std Book';
}

#Imageshappeubicacion {
    float: left;
    width: 100%;
    max-width: none;
    height: 1px;
    margin: 0px auto;
    clear: none;
    color: rgb(0, 0, 0);
	/*background: url(../img/lineaH2.png) repeat-x;*/
}

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

#textdireccion {
    float: left;
    font-size: 12px;
    width: 90%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    line-height: 1.5em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Circular Std Bold';
    margin-bottom: 20px;
}

#Imageshapeecambiocine {
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 10px auto 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    bottom: auto;
	top:20px;
	background: url(../img/lineaH2.png) no-repeat;
}

#Combocambiocine {
    float: none;
    height: auto;
    display: block;
    text-align: left;
    margin: 20px auto;
    clear: none;
    width: 34.999173%;
    min-height: auto;
    position: relative;
	
}

#Selectcambiocine {
    float: none;
    height: 30px;
    padding: 0px;
    font-size: 10px;
    display: block;
    width: 100%;
    border-style: none;
    border-width: 2px;
	box-shadow:#000;
	background-color: #CCC;
	color: #000;
	font-family: 'Circular Std Book';
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}

::-webkit-calendar-picker-indicator {width:0px; height:0px; background: url(../img/arrowcalendario_2.png) center; padding:10%; font-family: 'Circular Std Black'; text-align:center; }	
::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

::-webkit-clear-button {
    display: none;
}

#Textselectcambiocine {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    padding: 0.2em 0em;
    display: none;
}

#Encabezadotitulocartelera {
    float: left;
    height: 50px;
    margin: 0px 0%;
    clear: none;
    width: 100%;
    min-height: 0px;
    display: block;
    background-color: rgb(255, 255, 255);
	}

#textencabezadohorario1 {
    float: left;
    font-size: 1em;
    width: 30%;
    height: 35px;
    text-align: right;
    font-weight: normal;
    line-height: 2.1em;
    margin: 7px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    text-transform: uppercase;
	padding-right: 60px;
}

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

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

#ContenidoPoster21 {
    float: left;
    height: auto;
    clear: none;
    width: 33.33%;
    display: block;
    min-width: 0px;
    padding: 2% 0% 2% 2%;
    position: relative;
    margin: 0px;
}

#ImagenPoster1 {
    float: left;
    height: 174px;
    clear: none;
    width: 116px;
    padding: 0px;
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    margin: 0% 0px 0px 0%;
}

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

#Tituloscartelera1 {
    float: left;
    height: 100%;
    margin: 0% 0px 0px 3%;
    clear: none;
    width: 68%;
    display: block;
    min-height: 0px;
}

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

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

#SubtituloPoster1 {
    float: left;
    height: 8.697129%;
    margin: 0px 0px 10px;
    clear: both;
    width: 100%;
}

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

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

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

#Imagegenero1 {
    float: none;
    width: 25px;
    max-width: none;
    height: 25px;
    margin: 0px auto auto;
    clear: none;
    color: rgb(0, 0, 0);
}

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

#Textgenerocartelera1 {
    float: none;
    font-size: 13px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 8px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    color: rgb(250, 126, 58);
}

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

#Textidiomacartelera1 {
    float: left;
    font-size: 13px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 8px 0px 0px;
    clear: none;
    min-height: 0px;
    color: rgb(0, 0, 0);
    font-family: 'Circular Std Black';
    padding: 0px 0px 0px 15px;
}

#Textvertrailerysinopsis1 {
    float: none;
    font-size: 14px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px auto;
    clear: none;
    min-height: 0px;
    color: rgb(154, 154, 154);
    font-family: 'Circular Std Black';
    position: relative;
    text-decoration: underline;
}

#ContenedorPoster {
    float: left;
    height: calc(100% - 140px);
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    min-height: 0px;
    overflow: scroll;
    background-color: rgb(255, 255, 255);
}

#hbdsdf {
	font-size:10px;
	font-family: 'Circular Std Black';
	position: relative;
	float: right;
	right: 324px;
    height: 35px;
    display: block;
    text-align: center;
    margin: 7px 0% 0px 0px;
    clear: none;
    width: 160px;
    min-height: auto;
	z-index:12;
	background-position:right;
	background-image:url(../img/arrowcalendario_2.png);
	background-repeat:no-repeat;
	padding-right:20px;
	}
	
#Combocalendario {
	font-family: 'Circular Std Black';
    float: right;
    height: 35px;
    display: block;
    text-align: left;
    margin: 7px 0% 0px 0px;
    clear: none;
    width: 18%;
	margin-right:15px;
    min-height: auto;
	z-index:1;
	
}

#select {
    float: none;
    height: 100%;
    padding: 0px;
    font-size: 1em;
    display: block;
    width: 100%;
	text-align:center;
}

#text {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    padding: 0.2em 0em;
    display: none;
}

#textencabezadohorario {
    float: left;
    font-size: 1em;
    width: 45%;
    height: 35px;
    text-align: left;
    font-weight: normal;
    line-height: 2.1em;
    margin: 7px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    text-transform: uppercase;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    padding-left: 20px;
}

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

#textclas1 {
    float: left;
    font-size: 12px;
    width: 12%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1.5em;
    margin: 4px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    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';
    display: block;
    background-color: rgb(250, 126, 58);
    position: relative;
    padding: 0px 6px;
}

#Idioma1 {
    float: left;
    height: 25px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: auto;
    min-height: 0px;
    margin-right: 0%;
    padding: 0px 0px 0px 15px;
}

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

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

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

#Imagerelojh11 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh11 {
    float: right;
    width: auto;
    max-width: none;
    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;
}

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

#ImageshapeHh11 {
    float: left;
    width: 100%;
    max-width: none;
    height: auto;
    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;
}

#Imagerelojh21 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh21 {
    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;
}

#Texth21 {
    float: right;
    font-size: 13px;
    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';
}

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

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

#Imagerelojh31 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh31 {
    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;
}

#Texth31 {
    float: right;
    font-size: 13px;
    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';
}

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

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

#Imagerelojh41 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh41 {
    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;
}

#Texth41 {
    float: right;
    font-size: 13px;
    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';
}

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

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

#Imagerelojh51 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh51 {
    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;
}

#Texth51 {
    float: right;
    font-size: 13px;
    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';
}

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

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

#Imagerelojh61 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh61 {
    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;
}

#Texth61 {
    float: right;
    font-size: 13px;
    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';
}

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

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

#Imagerelojh71 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh71 {
    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;
}

#Texth71 {
    float: right;
    font-size: 13px;
    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%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
    display: block;
}

#Imagerelojh81 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh81 {
    float: left;
    width: 1px;
    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: block;
}

#Texth81 {
    float: right;
    font-size: 13px;
    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';
}

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

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

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

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

#Textprecio {
    float: left;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px 0px 5px 0%;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
	color: #FFF;
}

#Texttipoprecio {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
	color:#FFF;
}

#Texttipoprecioproyeccion {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
	color:#fb7e39;
}

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

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

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

#Textcostoprecio {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
	color:#FFF;
}

#ListaPrecio11 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    width: 100.000001%;
    display: block;
    margin-right: 0%;
}

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

#Texttipoprecio1 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
}

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

#Textcostoprecio1 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
}

#ListaPrecio12 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    width: 100.000001%;
    display: block;
    margin-right: 0%;
}

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

#Texttipoprecio2 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
}

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

#Textcostoprecio2 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
}

#ListaPrecio13 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    width: 100.000001%;
    display: block;
    margin-right: 0%;
}

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

#Texttipoprecio3 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
}

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

#Textcostoprecio3 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
}

#ListaPrecio14 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    width: 100.000001%;
    display: block;
    margin-right: 0%;
}

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

#Texttipoprecio4 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
}

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

#Textcostoprecio4 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
}

#ListaPrecio15 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    width: 100.000001%;
    display: block;
    margin-right: 0%;
}

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

#Texttipoprecio5 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
}

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

#Textcostoprecio5 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
}

#ListaPrecio16 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 10px;
    clear: both;
    width: 100.000001%;
    display: block;
    margin-right: 0%;
}

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

#Texttipoprecio6 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
}

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

#Textcostoprecio6 {
    float: left;
    font-size: 15px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    position: relative;
    top: 0px;
    left: 0px;
    bottom: auto;
}

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

#divisor{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
}

#ContenidoPoster2 {
    float: left;
    height: auto;
    clear: none;
    width: 33.33%;
    display: block;
    min-width: 0px;
    padding: 2% 0% 2% 2%;
    position: relative;
    margin: 0px;
}

#Detalleposter2 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 50%;
    margin-right: 0px;
    padding-left: 5%;
}

#ImagenPoster {
    float: left;
    height: 174px;
    clear: none;
    width: 116px;
    padding: 0px;
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    margin: 0% 0px 0px 0%;
}

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

#Tituloscartelera {
    float: left;
    height: 100%;
    margin: 0% 0px 0px 3%;
    clear: none;
    width: 68%;
    display: block;
    min-height: 0px;
}

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

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

#SubtituloPoster {
    float: left;
    height: 8.697129%;
    margin: 0px 0px 10px;
    clear: both;
    width: 100%;
}

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

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

#textclas {
    float: left;
    font-size: 12px;
    width: 14%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 1.5em;
    margin: 5px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    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';
    display: block;
    position: relative;
    padding: 0px 6px;
    background-color: rgb(250, 126, 58);
}

#Idioma {
    float: left;
    height: 40px;
    margin-left: 2%;
    margin-top: 0%;
    margin-bottom: 2%;
    clear: none;
    width: 81%;
    min-height: 0px;
    margin-right: 0%;
    padding: 2% 0px 0px 0px;
}

#imageshapeeidioma {
    float: left;
    width: 1px;
    height: 50%;
	margin-top:15%;
	margin-bottom:15%;
    clear: none;
    color: rgb(0, 0, 0);
}

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

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

#Imagegenero {
    float: none;
    width: 15px;
    max-width: none;
    height: 15px;
    margin: 5px auto;
    clear: none;
    color: rgb(0, 0, 0);
}

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

#Textgenerocartelera {
    float: none;
    font-size: 13px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 8px 0px 0px 0%;
    clear: none;
    min-height: 0px;
    font-family: 'Circular Std Book';
    color: rgb(250, 126, 58);
}

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

#Textvertrailerysinopsis {
    float: none;
    font-size: 11px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 0px auto;
    clear: none;
    min-height: 0px;
    color: #545454;
    font-family: 'Circular Std Black';
    position: relative;
	 text-decoration: underline;
}

#DetalleHorario {
    float: left;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    min-height: 0px;
    display: block;
	height: auto;
}

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

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

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

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

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

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

#Hora6 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}
#Hora7 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}
#Hora8 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}
#Hora9 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}
#Hora10 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}
#Hora11 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}
#Hora12,#Hora13,#Hora14,#Hora15,#Hora16,#Hora17,#Hora18,#Hora19,#Hora20 {
    float: left;
    height: 50%;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 25%;
    min-height: 0px;
    position: relative;
	cursor: pointer;
}

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

#ImageshapeVh1 {
    float: left;
    width: 4px;
    max-width: none;
    height: 20px;
    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;
	visibility:hidden;
}

#Texth1 {
    float: right;
    font-size: 13px;
    width: 70%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0px 0% 0px 0px;
    clear: none;
    min-height: 0px;
    color: #9a9a9a /* rgb(0, 0, 0)*/;
    font-family: 'Circular Std Book';
}

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

#Imagerelojh2 {
    float: left;
    width: 12px;
    max-width: 100%;
    height: 12px;
    margin: 12px 0px 0px 5%;
    clear: none;
    color: rgb(0, 0, 0);
}

#ImageshapeVh2 {
    float: left;
    width: 1px;
    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;
}

#Texth2 {
    float: right;
    font-size: 13px;
    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';
}

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

#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: none;
    height: 1px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    bottom: auto;
    display: block;
}

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


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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    #Tituloscartelera1 {
        width: 65%;
    }

    #Tituloscartelera {
        width: 65%;
    }
    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 50%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
    #Hora1 {
        float: left;
        height: 50%;
        margin: 0px 0px 0px 5%;
        clear: none;
        width: 11%;
        min-height: 0px;
        position: relative;
        cursor: pointer;
    }
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    #Hora1 {
        float: left;
        height: 50%;
        margin: 0px 0px 0px 5%;
        clear: none;
        width: 10%;
        min-height: 0px;
        position: relative;
        cursor: pointer;
    }
    /* Encabezado */
	#Contenedor_Encabezado {
        display: block;
        height: 54.9px;
    }

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

    #image1 {
        height: 78%;
        margin-bottom: 0px;
        position: relative;
        top: 0px;
        left: 0px;
    }
	#PieAviso {
  
   	 margin-top: 10px;
  
	}
    #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 */

	#ContenidoCartelera {
        height: 100%;
    }

    #Horarios {
        width: 321px;
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
        top: 0px;
        left: auto;
        right: 0px;
		margin-top: -50px;/*Cambio*/
		z-index: 1;/*Cambio*/	
        height: 100%;/*Cambio*/
        overflow: visible;
    }

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

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

    #CentralCartelera {
        position: relative;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Contenedorcartelera {
        width: calc(100% - 321px);
        height: 100%;
        position: relative;
    }

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

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

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

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

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

    #ContenidoPoster21 {
        clear: none;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 1%;
        width: 33.33%;
    }

    #ImagenPoster1 {
        height: 174px;
        clear: none;
        width: 116px;
    }

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

    #Tituloscartelera1 {
        clear: none;
        width: 60%;
    }

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

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

    #textsubtitulocartelera1 {
        width: 100%;
    }

    #ImGenero1 {
        min-height: 0px;
    }

    #Imagegenero1 {
        clear: none;
    }

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

    #Textgenerocartelera1 {
        clear: none;
    }

    #Vertrailerysinopsis1 {
        width: 100%;
    }

    #ImageshapeHh51 {
        display: none;
    }

    #textencabezadohorario {
        margin-top: 7px;
    }

    #textencabezadohorario1 {
        margin-top: 7px;
		margin-left: -100px;/*Cambio*/
    }

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

    #Combocalendario {
        margin-top: 7px;
    }

    #Detalleposter21 {
        height: auto;
        width: 100%;
        margin-left: 0%;
    }

    #ContenedorPoster {
		height: calc(100% - 140px);
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        background-color: rgb(255, 255, 255);
        margin-right: 0%;
        width: 100%;
		overflow:scroll;
    }

    #Ubicacion {
        width: 100%;
    }

    #ImageshapeHh71 {
        top: 1px;
        left: 0%;
    }

    #DetalleHorario1 {
        margin-top: 10px;
        margin-left: 0%;
        clear: both;
    }

    #Imageshapeecontenedorcentral {
        float: right;
        max-width: 100%;
        height: 100%;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        color: rgb(0, 0, 0);
        margin-right: 0px;
        position: absolute;
        top: 94px;/*Cambio*/
        left: auto;
        right: 17px;
    }

    #ContenidoPoster2 {
        clear: none;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 2%;
        width: 33.33%;
    }

    #Detalleposter2 {
		clear: none;
        height: auto;
        width: 45%;
        margin-left: 5%;
    }

    #ImagenPoster {
        height: 174px;
        clear: none;
        width: 116px;
    }

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

    #Tituloscartelera {
        clear: none;
        width: 60%;
    }

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

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

    #textsubtitulocartelera {
        width: 100%;
    }

    #ImGenero {
        min-height: 0px;
    }

    #Imagegenero {
        clear: none;
    }

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

    #Textgenerocartelera {
        clear: none;
    }

    #Vertrailerysinopsis {
        width: 100%;
    }

    #DetalleHorario {
        margin-left: 0%;
        clear: both;
    }

    #ImageshapeHh5 {
        display: none;
    }

    #ImageshapeHh7 {
        top: 1px;
        left: 0%;
    }
    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 73%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    #Hora1 {
        float: left;
        height: 50%;
        margin: 0px 0px 0px 5%;
        clear: none;
        width: 28%;
        min-height: 0px;
        position: relative;
        cursor: pointer;
    }
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 54.9px;
    }

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

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

    #image1 {
        margin-top: 2%;
        clear: none;
        height: 80%;
    }

    #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 */

	#Imageshapeeencabezadocartelera {/*Cambio*/
		top: 104px;
	}

	#ContenidoCartelera {
        height: 100%;
    }

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

    #Horarios {
        width: 321px;
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
        top: 0px;
        left: auto;
        right: 0px;
        overflow: visible;
		margin-top: -50px;/*Cambio*/
		z-index: 1;/*Cambio*/	
		height: 100%;/*Cambio*/
    
    }

    #CentralCartelera {
        position: relative;
        width: 100%;
    }

    #Contenedorcartelera {
        width: calc(100% - 321px);
        overflow: visible;
    }

    #ContenidoPoster21 {
        clear: none;
        width: 50%;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 0%;
    }

    #ImagenPoster1 {
        clear: none;
        width: 116px;
        height: 174px;
    }

    #Imagepostercartelera1 {
        margin-top: 0%;
        clear: none;
        height: 100%;
        width: 100%;
    }

    #Tituloscartelera1 {
        clear: none;
    }

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

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

    #textsubtitulocartelera1 {
        width: 100%;
    }

    #Vertrailerysinopsis1 {
        width: 100%;
        margin-top: 5px;
    }

    #ContenidoCine {
        position: relative;
        top: 0px;
        left: 0px;
        width: 90%;
    }

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

    #texttitulocine {
        width: 100%;
        height: 60%;
    }

    #Ciudad {
        width: 100%;
    }

    #textciudad {
        width: 100%;
    }

    #Direccion {
        width: 100%;
    }

    #textdireccion {
        width: 90%;
    }

    #VerUbicacion {
        width: 100%;
        height: 25px;
    }

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

    #Imageubicacion {
        width: 11px;
        height: 16px;
    }

    #textverubicacion {
        width: 60%;
        height: 100%;
    }

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

    #ContenedorCambioCine {
        left: 0px;
    }

    #Imageshapeecambiocine {
        width: 100%;
    }

    #Combocambiocine {
        width: 35%;
    }

    #Selectcambiocine {
        width: 100%;
    }

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

    #textencabezadohorario1 {
        clear: none;
        margin-top: 7px;
    }

    #Detalleposter21 {
        height: auto;
        width: 405px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #Combocalendario {
        margin-top: 7px;
    }

    #textencabezadohorario {
        margin-top: 7px;
		width:43%;
    }

    #ContenidoPoster2 {
        clear: none;
        width: 50%;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 8%;
		padding-right:5%;
    }

    #Detalleposter2 {
        height: auto;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        /*float: none;*/
        clear: none;
    }

    #ImagenPoster {
        clear: none;
        width: 116px;
        height: 174px;
    }

    #Imagepostercartelera {
        margin-top: 0%;
        clear: none;
        height: 100%;
        width: 100%;
    }

    #Tituloscartelera {
        clear: none;
    }

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

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

    #textsubtitulocartelera {
        width: 100%;
    }

    #Vertrailerysinopsis {
        width: 100%;
        margin-top: 5px;
    }

    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 31%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    #Hora1 {
        float: left;
        height: 50%;
        margin: 0px 0px 0px 5%;
        clear: none;
        width: 12%;
        min-height: 0px;
        position: relative;
        cursor: pointer;
    }
	/* Encabezado */
    #Contenedor_Encabezado {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        clear: none;
        height: 48px;
        z-index: 4;
    }
    #PieAviso {
    	margin-top: 8px;
	}
    #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: 1.5%;
        clear: none;
        height: 80%;
    }

    #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: 24.997895%;
        height: 100%;
    }

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

    #image2 {
        margin-top: 17.250859%;
        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: 17.239158%;
        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: 17.250859%;
        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 */
	
	#Imageshapeeencabezadocartelera {/*Cambio*/
		top: 94px;
	}

    .primaryContainer {
        max-width: none;
		height:100%;
        width: 100%;
        min-width: 0%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        background-color: rgb(236, 236, 236);
    }

	#CentralCartelera {
		height:100%;
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 100%;
        min-width: 100%;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
    }
    
	#ContenidoCartelera {
        float: left;
        height: 100%;
        clear: none;
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        display: block;
        margin-left: 0%;
        margin-top: 0px;
		background-color:#FFF;
    }

    #Horarios {
        margin-top: -48px;/*Cambio*/
        margin-left: 0%;
        clear: none;
        width: 321px;
		z-index: 1;/*Cambio*/
        height: 100%;/*Cambio*/
        overflow: visible;
    }

    #Contenedorcartelera {
        width: calc(100% - 321px);
        overflow: visible;
    }

    #Encabezado1 {
        float: left;
        margin-left: 0%;
        margin-top: -1px;
        clear: none;
        min-height: 0px;
		height: 48px;/*Cambio*/
    }

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

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

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

    #textverubicacion {
        width: 60%;
        height: 100%;
    }

    #Direccion {
        margin-top: 0px;
        width: 100%;
        height: auto;
    }

    #textdireccion {
        margin-top: 0px;
        text-align: justify;
        width: 90%;
    }

    #ContenidoCine {
        padding: 0px 5%;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        overflow: scroll;
        margin-right: 0%;
        margin-left: 0%;
        height: 100%;
    }

    #ContenedorCambioCine {
        left: 0px;
        top: auto;
    }

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

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

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

    #texttitulocine {
        width: 100%;
        height: 60%;
    }

    #Ciudad {
        width: 100%;
    }

    #textciudad {
        width: 100%;
    }

    #VerUbicacion {
        width: 100%;
        height: 25px;
    }

    #Imageubicacion {
        width: 11px;
        height: 16px;
    }

    #Imageshappeubicacion {
        height: 1px;
    }

    #Encabezadotitulocartelera {
        float: left;
        clear: none;
        min-height: 0px;
        width: 100%;
        display: block;
		height:48px;
		background-color:transparent;		
    }

    #textencabezadohorario1 { 
        float: left;
        font-size: 1em;
        text-align: right;
        font-weight: normal;
        clear: none;
        text-transform: uppercase;
        margin-top: 7px;
		width: 30%;
    }

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

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

    #ContenidoPoster21 {
        min-width: 0px;
        clear: none;
        width: 50%;
        padding-left: 2%;
    }

    #ImagenPoster1 {
        float: left;
        clear: none;
        height: 174px;
        width: 116px;
    }

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

    #Tituloscartelera1 {
        float: left;
        clear: none;
        width: 65%;
    }

    #TituloPoster1 {
        float: left;
        clear: none;
        width: 100%;
    }

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

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

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

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

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

    #Imagegenero1 {
        float: none;
        clear: none;
        color: rgb(0, 0, 0);
    }

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

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

    #Vertrailerysinopsis1 {
        float: left;
        clear: both;
        width: 70%;
        margin-top: 20px;
        margin-left: 0%;
        height: auto;
    }

    #Textidiomacartelera1 {
        clear: none;
    }

    #Textvertrailerysinopsis1 {
        text-align: center;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        font-family: 'Circular Std Book';
        color: rgb(84, 84, 84);
    }

    #Combocalendario {
        float: right;
        display: block;
        text-align: left;
        min-height: auto;
        margin-top: 7px;
    }
	
	#hbdsdf {
	position: relative;
	float: right;
	right: 324px;
    height: 35px;
    display: block;
    text-align: center;
    margin: 7px 0% 0px 0px;
    clear: none;
    width: 160px;
    min-height: auto;
	z-index:12;

	}
	
    #select {
        float: none;
        height: 100%;
        padding: 0px;
        font-size: 1em;
        display: block;
        width: 100%;
		text-align:center;
    }

    #text {
        float: none;
        font-size: 1em;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        padding: 0.2em 0em;
        display: none;
    }

    #textencabezadohorario {
        float: left;
        font-size: 1em;
        text-align: left;
        font-weight: normal;
        clear: none;
        text-transform: uppercase;
        display: block;
        position: relative;
        top: 0px;
        left: 0px;
        padding-left: 20px;
        margin-top: 7px;
        margin-left: 0%;
		width: 40%;
    }

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

    #ContenedorPoster {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        width: 100%;
		height: calc(100% - 126px);
		overflow: scroll;
    }

    #textclas1 {
        clear: none;
    }

    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 31%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }

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

    /*#ImageshapeHh11 {
        display: none;
        width: 100%;
    }

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

    #ImageshapeHh21 {
        width: 100%;
    }

    #ImageshapeHh31 {
        display: none;
        width: 100%;
    }

    #ImageshapeHh41 {
        clear: right;
        width: 100%;
    }

    #ImageshapeHh51 {
        display: none;
    }

    #ImageshapeHh61 {
        width: 100%;
        bottom: auto;
    }

    #Imagerelojh11 {
        clear: none;
    }

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

    #Hora51 {
        clear: none;
        display: block;
    }

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

    #ImageshapeHh81 {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        clear: none;
        color: rgb(0, 0, 0);
    }*/

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

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

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

    #Imageshapeecontenedorcentral {
        top: 0px;
        right: 0px;
    }

    #ContenidoPoster2 {
        min-width: 0px;
        clear: none;
        width: 50%;
        padding-left: 7%;
		padding-right: 0%;
    }

    #Detalleposter2 {
        height: auto;
        margin-left: auto;
        width: 45%;
        margin-right: auto;
        float: left;
        clear: none;
        padding-left: 5%;
    }

    #ImagenPoster {
        float: left;
        clear: none;
        height: 174px;
        width: 116px;
    }

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

    #Tituloscartelera {
        float: left;
        clear: none;
        width: 65%;
    }

    #TituloPoster {
        float: left;
        clear: none;
        width: 100%;
    }

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

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

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

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

    #textclas {
        clear: none;
    }

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

    #Textidiomacartelera {
        padding-left: 5px;
        clear: none;
    }

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

    #Imagegenero {
        float: none;
        clear: none;
        color: rgb(0, 0, 0);
    }

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

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

    #Vertrailerysinopsis {
        float: left;
        clear: both;
        width: 70%;
        margin-top: 20px;
        margin-left: 0%;
        height: auto;
    }

    #Textvertrailerysinopsis {
    font-size: 11px;
    }

   #Imagerelojh1 {

	margin-top:5px;
	
	}

    #ImageshapeHh1 {
        display: none;
        width: 100%;
    }

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

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

    #ImageshapeHh2 {
        width: 100%;
    }

    #ImageshapeHh3 {
        display: none;
        width: 100%;
    }

    #ImageshapeHh4 {
        clear: right;
        width: 100%;
    }

    #ImageshapeHh5 {
        display: none;
    }

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

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

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

    #Idioma {
        margin-top: -4%;
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-bottom: 7%;
        clear: none;
        width: 69%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
	
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

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

    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 66%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 48px;
    }
    
    #Encabezado {
        height: 100%;
    }
	#textencabezadohorario {
        width: 38%;
        margin-top: 7px;
        margin-left: 0%;
        clear: none;
        padding-left: 10px;
    }
    #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 */
	
	#ContenidoCartelera {
        height: 100%;
        clear: none;
    }

    #Horarios {
        position: absolute;
        /*top: 0px;*/
        left: auto;
        width: 321px;
        margin-left: 0px;
        margin-top: 0px;
        bottom: auto;
        right: 0px;
		margin-top: -50px;/*Cambio*/
		z-index: 1;/*Cambio*/	
		height: 100%;/*Cambio*/
    }
	
	#Encabezado1{ /*Cambio*/
		height: 46px;
	}
	/*
	#textencabezadohorario1 {
		padding-right: 200px;	
    }*/
	
	#hbdsdf {
	position: relative;
	float: right;
	right: 324px;
    height: 35px;
    display: block;
    text-align: center;
    margin: 7px 0% 0px 0px;
    clear: none;
    width: 160px;
    min-height: auto;
	z-index:12;

	}
	
    #Contenedorcartelera {
        width: calc(100% - 321px);
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }
	
	#Imagerelojh1 {

	margin-top:5px;
	
	}
	
    #textencabezadohorario2 {
        min-height: 0px;
    }

    #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;
        margin-bottom: 15px;
    }

    #ContenidoCine {
        height: auto;
    }

    #ContenedorCambioCine {
        clear: both;
        height: 10.794603%;
        top: auto;
    }

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

    #ContenidoPoster21 {
        clear: none;
        width: 50%;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        padding-right: 0%;
        margin-top: 0px;
    }

    #ImagenPoster1 {
        width: 116px;
        height: 174px;
        clear: none;
    }

    #Imagepostercartelera1 {
        width: 100%;
        height: 100%;
        margin-left: 0%;
    }

    #Tituloscartelera1 {
        clear: none;
        width: 62%;
    }

    #TituloPoster1 {
        width: 100%;
    }

    #Texttitulocartelera1 {
        width: 100%;
    }

    #SubtituloPoster1 {
        width: 100%;
        height: 9.267807%;
    }

    #textsubtitulocartelera1 {
        width: 100%;
    }

    #ImGenero1 {
        width: 15%;
    }

    #Textgenerocartelera1 {
        width: 100%;
    }

    #Vertrailerysinopsis1 {
        width: 100%;
		height: calc(100% - 140px);
    }

    #ContenedorPoster {
        float: left;
        margin-left: 0%;
        margin-top: 0px;
        clear: both;
        min-height: 0px;
        width: 100%;
		height: 100%;
		height: calc(100% - 126px);
    }

    #textclas1 {
        clear: none;
        width: auto;
    }

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

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

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

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

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

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

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

    #Hora51 {
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0%;
    }

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

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

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

    #Textvertrailerysinopsis1 {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
    }

    #Detalleposter21 {
        float: none;
        height: auto;
        margin-left: auto;
        clear: none;
        margin-right: auto;
    }

    #Ubicacion {
        width: 100%;
    }

    #ListaPrecio1 {
        margin-top: 6px;
    }

    #ListaPrecio11 {
        margin-top: 6px;
    }

    #ListaPrecio12 {
        margin-top: 6px;
    }

    #ListaPrecio13 {
        margin-top: 6px;
    }

    #ListaPrecio14 {
        margin-top: 6px;
    }

    #ListaPrecio15 {
        margin-top: 6px;
    }

    #ListaPrecio16 {
        margin-top: 6px;
    }

    #ContenidoPoster2 {
        clear: none;
        width: 50%;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        padding-right: 0%;
        margin-top: 0px;
    }

    #Detalleposter2 {
        float: left;
        height: auto;
        margin-left: auto;
        clear: none;
        margin-right: auto;
    }

    #ImagenPoster {
        width: 116px;
        height: 174px;
        clear: none;
    }

    #Imagepostercartelera {
        width: 100%;
        height: 100%;
        margin-left: 0%;
    }

    #Tituloscartelera {
        clear: none;
        width: 56%;
    }

    #TituloPoster {
        width: 100%;
    }

    #Texttitulocartelera {
        width: 100%;
    }

    #SubtituloPoster {
        width: 100%;
        height: 9.267807%;
    }

    #textsubtitulocartelera {
        width: 100%;
    }

    #textclas {
        clear: none;
        width: auto;
    }

    #ImGenero {
        width: 15%;
    }

    #Textgenerocartelera {
        width: 100%;
    }

    #Vertrailerysinopsis {
        width: 100%;
    }

    #Textvertrailerysinopsis {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
    }

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

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

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

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

    #Imageshapeecontenedorcentral {
        top: 0px;
        right: 0px;
    }
}
@media only screen and (max-width: 1200px) {

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

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

	#textencabezadohorario {
        width: 36%;
        margin-top: 7px;
        margin-left: 0%;
        clear: none;
        padding-left: 10px;
    }
    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 61%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
	
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

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

#ContenidoPoster2 {
        clear: none;
        width: 50%;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 2%;
		padding-right:2%;
    }
	#textencabezadohorario {
        width: 34%;
        margin-top: 7px;
        margin-left: 0%;
        clear: none;
        padding-left: 10px;
    }
    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 31%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
}

@media only screen and (max-width: 1045px) {
    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

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

#ContenidoPoster2 {
        clear: none;
        width: 50%;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 2%;
		padding-right:0%;
    }
    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 31%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }
}

@media only screen and (max-width: 1024px) {
    #sinfuncion{
        margin-left: 7%;
        margin-top: 67%;
        font-size: 30px;
    }

    #Hora1 {
        float: left;
        height: 50%;
        margin: 0px 0px 0px 5%;
        clear: none;
        width: 28%;
        min-height: 0px;
        position: relative;
        cursor: pointer;
    }
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 48px;
        width: 100%;
    }

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

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

    #image1 {
        margin-top: 2%;
        height: 80%;
    }

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

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

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

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

    #image2 {
        height: 40%;
    }

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

    #image3 {
        height: 40%;
    }

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

    #image4 {
        height: 40%;
    }

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

    #AMIGOX {
        font-size: 9.6px;
        margin: 18.2% 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 */
	
	#CentralCartelera {
        height: 100%;
		clear: both
    }

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

    #Contenedorcartelera {
        width: calc(100% - 321px);
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #Horarios {
        height: 100%;/*Cambio 100%*/
        width: 300px;
		/*Cambio No estaban*/
		position: absolute;
		top: 0px;
		z-index: 1;
		/*Cambio No estaban*/
    }

    #texttitulocine {
        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';
        width: 100%;
        margin-bottom: 2%;
    }

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

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

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

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

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

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

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

    #ContenidoCine {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        height: 450px;
    }

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

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

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

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

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

    #ContenedorCambioCine {
        left: 0px;
    }

    #Direccion {
        float: left;
        clear: none;
        width: 100%;
    }

    #textdireccion {
        float: left;
        font-weight: normal;
        margin-left: 0%;
        clear: none;
        min-height: 0px;
        text-align: left;
        font-size: 11px;
        width: 90%;
    }

    #ContenidoCartelera {
        clear: none;
        height: 100%;
        margin-left: 0%;
    }

    #textspan3_ {
        font-size: 13px;
    }

    #textspan4_ {
        font-size: 18px;
    }

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

    #Combocambiocine {
        height: auto;
        display: block;
        text-align: left;
        clear: none;
        min-height: auto;
        width: 34.99628%;
    }

    #Selectcambiocine {
        float: none;
        height: auto;
        padding: 0px;
        font-size: 1em;
        display: block;
        width: 100%;
        border-style: none;
        border-width: 0px;
    }

    #Textselectcambiocine {
        float: none;
        font-size: 1em;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        padding: 0.2em 0em;
        display: none;
    }

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

    #ImagenPoster1 {
        clear: none;
        width: 116px;
        height: 174px;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        padding-right: 0px;
    }

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

    #Tituloscartelera1 {
        clear: none;
        margin-left: 3%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        width: 220px;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
    }

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

    #Texttitulocartelera1 {
        width: 100%;
    }

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

    #textsubtitulocartelera1 {
        width: 100%;
    }

    #Genero1 {
        clear: both;
        width: 100%;
    }

    #ImGenero1 {
        padding-right: 2px;
        padding-left: 2px;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        width: 15%;
        height: 100%;
    }

    #Imagegenero1 {
        clear: none;
        width: 25px;
        height: 25px;
    }

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

    #Textgenerocartelera1 {
        width: 100%;
        clear: none;
        text-align: center;
    }

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

    #textencabezadohorario1 {
        float: left;
        clear: none;
        width: 30%;
        margin-top: 7px;
        margin-left: 0%;
		height: calc(100% - 140px);
    }

    #ContenedorPoster {
        width: 103.3%;
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
		height: calc(100% - 126px);
    }

    #textencabezadohorario {
        width: 22%;
        margin-top: 7px;
        margin-left: 0%;
        clear: none;
        padding-left: 10px;
    }

    #Combocalendario {
        width: 25%;
        margin-right: 0%;
        margin-top: 7px;
        clear: none;
    }
	
	#hbdsdf {
	position: fixed; /*Cambio*/
	float: right;
	right: 324px;
    height: 35px;
    display: block;
    text-align: center;
    margin: 7px 0% 0px 0px;
    clear: none;
    width: 160px;
    min-height: auto;
	z-index:12;

	}
	
    #textclas1 {
        clear: none;
        display: block;
    }

    #Idioma {
        float: left;
        height: 40px;
        margin-left: 2%;
        margin-top: 0%;
        margin-bottom: 2%;
        clear: none;
        width: 31%;
        min-height: 0px;
        margin-right: 0%;
        padding: 2% 0px 0px 0px;
    }

    #DetalleHorario1 {
        float: left;
        clear: none;
        display: block;
        margin-top: 0px;
        margin-left: 0%;
        margin-right: 0px;
        width: 100%;
    }

    /*#Hora11 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
    }
    #Imagerelojh11 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        width: 12px;
        height: 12px;
    }
    #ImageshapeVh11 {
        float: right;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
        height: 100%;
    }
    #Texth11 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }
    #ImageshapeHh11 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }
    #Hora21 {
        float: left;
        clear: none;
        position: relative;
        width: 25%;
        height: 50%;
    }

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

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

    #Texth21 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

    #ImageshapeHh21 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

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

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

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

    #Texth31 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

    #ImageshapeHh31 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

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

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

    #Texth41 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

    #ImageshapeHh41 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

    #Hora51 {
        float: left;
        position: relative;
        width: 25%;
        height: 50%;
    }

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

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

    #Texth51 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

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

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

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

    #Texth61 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

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

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

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

    #Texth71 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

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

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

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

    #Texth81 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }*/

    #Detalleposter21 {
        height: auto;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        padding-right: 0px;
        float: none;
        width: 360px;
    }

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

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

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

    #textspan_ {
        font-size: 13px;
    }

    #textspan1_ {
        font-size: 10px;
    }

    #textspan2_ {
        font-size: 13px;
    }

    #Texttipoprecio {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }
	
	#Texttipoprecioproyeccion {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

    #Textprecio {
        font-size: 15px;
    }

    #ListaPrecio1 {
        float: left;
        height: auto;
        clear: both;
        width: 100%;
    }

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

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

    #Textcostoprecio {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #ListaPrecio11 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100.000001%;
        display: block;
        margin-right: 0%;
    }

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

    #Texttipoprecio1 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

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

    #Textcostoprecio1 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #ListaPrecio12 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100.000001%;
        display: block;
        margin-right: 0%;
    }

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

    #Texttipoprecio2 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

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

    #Textcostoprecio2 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #ListaPrecio13 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100.000001%;
        display: block;
        margin-right: 0%;
    }

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

    #Texttipoprecio3 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

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

    #Textcostoprecio3 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #ListaPrecio14 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100.000001%;
        display: block;
        margin-right: 0%;
    }

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

    #Texttipoprecio4 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

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

    #Textcostoprecio4 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #ListaPrecio15 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100.000001%;
        display: block;
        margin-right: 0%;
    }

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

    #Texttipoprecio5 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

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

    #Textcostoprecio5 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #ListaPrecio16 {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 10px;
        clear: both;
        width: 100.000001%;
        display: block;
        margin-right: 0%;
    }

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

    #Texttipoprecio6 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
    }

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

    #Textcostoprecio6 {
        float: left;
        font-size: 15px;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        bottom: auto;
    }

    #Imageshapeecontenedorcentral {
        top: 50px;
        right: 0px;
    }
	
	#Imageshapeeencabezadocartelera{/*Cambio*/
		top: 94px;
	}
	
	#Encabezado1{ /*Cambio*/
		height: 48px;
	}

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

    #Detalleposter2 {
        height: auto;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        padding-right: 0px;
        float: left;
        width: 45%;
    }

    #ImagenPoster {
        clear: none;
        width: 129px;
        height: 174px;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        padding-right: 0px;
    }

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

    #Tituloscartelera {
        clear: none;
        margin-left: 3%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        width: 52%;
        height: auto;
        position: relative;
        top: 0px;
        left: 0px;
    }

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

    #Texttitulocartelera {
        width: 100%;
    }

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

    #textsubtitulocartelera {
        width: 100%;
    }

    #Genero {
        clear: both;
        width: 100%;
    }

    #textclas {
        clear: none;
        display: block;
    }

    #Idioma {
        float: left;
        margin-left: 0%;
        margin-top: 5%;
        margin-bottom: 5%;
        clear: none;
        margin-right: 0%;
        height: 25px;
    }

    #imageshapeeidioma {
        width: 1px;
        height: 50%;
		margin-top:15%;
		margin-bottom:15%;
		
    }

    #ImGenero {
        padding-right: 2px;
        padding-left: 2px;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        width: 15%;
        height: 100%;
    }

    #Imagegenero {
        clear: none;
        width: 15px;
        height: 15px;
	}

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

    #Textgenerocartelera {
        width: 100%;
        clear: none;
        text-align: center;
    }

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

    #DetalleHorario {
        float: left;
        clear: none;
        display: block;
        margin-top: 0px;
        margin-left: 0%;
        margin-right: 0px;
        width: 100%;
    }

	#Hora0 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 27%;
		padding-left: 4px;
    }

 	#Hora2 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }

    #Hora3 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }

 	#Hora4 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	#Hora5 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora6 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora7 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora8 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora9 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora10 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora11 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
	 #Hora12 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 25%;
		padding-left: 4px;
    }
	
    #Imagerelojh1 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        width: 10px;
        height: 10px;
    }

    #ImageshapeVh1 {
        float: right;
        clear: none;
        color: rgb(0, 0, 0);
        top: 0px;
        right: 0px;
        height: 100%;
		margin-right:0px;
    }

    #Texth1 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
		font-family: 'Circular Std Book';
    }

    #ImageshapeHh1 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

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

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

    #Texth2 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

    #ImageshapeHh2 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

    /*#Hora3 {
        float: left;
        clear: none;
        position: relative;
        width: 25%;
        height: 50%;
    }
	*/
	
    #Imagerelojh3 {
        float: left;
        max-width: 100%;
        clear: none;
        color: rgb(0, 0, 0);
        width: 12px;
        height: 12px;
    }

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

    #Texth3 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

    #ImageshapeHh3 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

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

    #Texth4 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

    #ImageshapeHh4 {
        float: left;
        clear: right;
        color: rgb(0, 0, 0);
    }

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

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

    #Texth5 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

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

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

    #Texth6 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

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

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

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

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

    #Texth7 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }

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

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

    #Texth8 {
        float: right;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        width: 70%;
        height: 100%;
    }
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }
	
	#ListaPrecio11 {
		margin-top: 5px;
	}
	
	#ListaPrecio13 {
		margin-top: 5px;
	}

	#ListaPrecio16 {
		margin-top: 5px;
	}

	#textspan5_ {
        float: none;
        line-height: 1em;
		font-size:21px;
    }

    #textspan6_ {
        float: none;
        line-height: 1em;
		font-size:23px;
    }

    #textspan7_ {
        float: none;
        line-height: 1em;
		font-size:23px;
    }

    #textspan8_ {
        float: none;
        line-height: 1em;
		font-size:25px;
    }

    #textspan9_ {
        float: none;
        line-height: 1em;
		font-size:27px;
    }

    #textspan10_ {
        float: none;
        line-height: 1em;
		font-size:30px;
    }

    #textspan11_ {
        float: none;
        line-height: 1em;
		font-size:32px;
    }
	#textsubtitulocine {
		letter-spacing: 23px;
		
	}
	#textspan3_ {
        font-size: 13px;
    }

    #textspan4_ {
        font-size: 18px;
    }
	#textspan_ {
        font-size: 14px;
    }
	#textspan1_ {
        font-size: 11px;
    }

    #textspan2_ {
        font-size: 14px;
    }
	#Hora0 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }

 	#Hora2 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }

    #Hora3 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }

 	#Hora4 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	#Hora5 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora6 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora7 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora8 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora9 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora10 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora11 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora12 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
    #ContenedorPoster {
		height: 100%;
		overflow: visible;
    }
	/* Encabezado */
    #Contenedor_Encabezado {
		width:100%;
        height: 60px;
		position: fixed;
		top:0px;
    }
	#Ciudad {
        margin-bottom: 10px;
    }
	#Contenedorprecios {
        margin-top: 10px;
    }
	
	#DetalleHorario {
		/*margin-top: 10px; */
		height: auto;
	}
	#Ubicacion {
		margin-top: 10px;
	}
	#Imageubicacion {
		margin-left:40%;
		margin-top: -3px;
	}
	#Encabezadotitulocartelera {
        box-shadow: 0px 1px 2px #5c5c5c;
		background-color:#FFF;
		/*margin-top: 48px;*/
    }
    #logo1 {
		float:left;
		left:0px;
        width: 50%;
        height: 100%;
    }

    #image1 {
        height: 80%;
        margin-top: 5px;
        clear: none;
	}    

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

    #ComboCines {
        clear: none;
		left: 0%;
		width: 50%;
		margin-left: 0%;
		display: block;
		/*top: 59px;*/
		background-color: #232323;
		height: 100%;
		float: right;
    }

    #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: 100px;
        margin-left: 0%;
        clear: none;
        height: 60px;/* Cambio */
        display: block;
        position: relative;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0%;

    }
	
	#LogoPie {
		bottom: 18px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 20px;
	}
	
	/* Cambio 23/03/2016 */	
	#PieAviso {
		bottom: 18px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Cambio 23/03/2016 */
	/* Pie */
	
	/* Cambio */
	#Imageshapeeencabezadocartelera {
		top:110px;
	}
	/* Cambio */
	
	.primaryContainer {
		height: auto;
        width: 100%;
		background-color: rgb(236, 236, 236);
    }
	
    #CentralCartelera {
        height: 100%;
		overflow: visible;
		background-color: rgb(236, 236, 236);
		top: 120px;
    }
	
	#Texth1 {
		margin-top: 10px;
        margin-bottom: 10px;
		margin-right: 10px;
		line-height: 1em;
		font-size:20px;
		width: 60%;
	}
	
	#ImageshapeVh1 {
		margin-top: 11px;
	}

    #ContenidoCartelera {
		overflow:scroll;
        height: 100%;
		background-color: rgb(255, 255, 255);
    }
	
	#Imagerelojh1 {
	    margin-top: 14px;
		margin-right: 0px;
		margin-left: 16px;
		height: 13px;
		width: 13px;
	}
	
    #Horarios {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        height: auto;
		padding-bottom: 10px;
	}

     #arrowup{
	display:none;
    }
	
    #arrowdown{
	display:none;
    }

    #Contenedorcartelera {
		height:auto;
        width: 100%;
		box-shadow:none;
    }

    #textverubicacion {
        width: auto;
        margin-left: 5px;
        height: 100%;
		font-size: 15px;
		margin-top: 0px;
    }

    #ContenidoPoster21 {
        clear: none;
        padding-left: 3%;
        padding-right: 3%;
    }

    #ImagenPoster1 {
        clear: none;
        width: 208px;
        height: 313px;
    }

    #Imagepostercartelera1 {
        width: 100%;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
    }

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

    #TituloPoster1 {
        clear: none;
        width: 100%;
		margin-bottom: 4%;
    }

    #Texttitulocartelera1 {
        width: 100%;
        font-size: 22px;
    }

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

    #textsubtitulocartelera1 {
        min-height: 0px;
        width: 100%;
        font-size: 16px;
    }

    #Genero1 {
        clear: none;
    }

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

    #Imagegenero1 {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        clear: none;
    }

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

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

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

    #Textidiomacartelera1 {
        font-size: 18px;
        margin-top: 4px;
        margin-left: 0px;
        clear: none;
    }

    #Textvertrailerysinopsis1 {
        clear: none;
        font-size: 18px;
    }

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

    #Imageshapeecambiocine {
        width: 100%;
    }

    #Combocambiocine {
        width: 34.99566%;
    }

    #Selectcambiocine {
        width: 100%;
    }

    #ContenidoCine {
        margin-left: 0%;
        height: auto;
		overflow:visible;
		padding-top: 20px;
		padding-bottom: 20px;
    }

    #textdireccion {
        margin-bottom: 5px;
		width: 100%;
		text-align:justify;
		font-size: 14px;
    }

    #textencabezadohorario {
        width: 50%;
        clear: none;
    }

    #Combocalendario {
        width: 30%;
        margin-top: 7px;
    }
	
	#hbdsdf {
		position: relative;
		float: right;
		right: 0px;
		height: 35px;
		display: block;
		text-align: center;
		margin: 8px 0% 0px 0px;
		clear: none;
		width: 30%;
		min-height: auto;
		z-index:9;
		font-size: 13px;
	}
	
    #textencabezadohorario1 {
        width: 35%;
        clear: none;
        float: left;
        margin-top: 7px;
		visibility:visible;
    }

#textencabezadohorario {
        width: 50%;
        clear: none;
    }
	
    #Detalleposter21 {
        height: 100%;
        width: 90%;
    }

    #textclas1 {
        margin-top: 5px;
		margin-left: 0%;
		clear: none;
		padding-top: 1px;
    }

    #ContenidoPoster2 {
		height:auto;
        clear: none;
        padding-left: 3%;
        padding-right: 3%;
		margin-bottom: 7%;
    }

    #Detalleposter2 {
        height: auto;
        width: 90%;
    }

    #ImagenPoster {
        clear: none;
        width: 224px;
        height: 313px;
    }

    #Imagepostercartelera {
        width: 100%;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
    }

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

    #TituloPoster {
        clear: none;
        width: 100%;
		margin-bottom: 4%;
    }

    #Texttitulocartelera {
        width: 100%;
        font-size: 22px;
		/*text-align: justify;*/
    }

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

    #textsubtitulocartelera {
        min-height: 0px;
        width: 100%;
        font-size: 16px;
    }

    #Genero {
        clear: none;
    }

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

    #Textidiomacartelera {
        font-size: 18px;
        margin-top: 4px;
        margin-left: 0px;
        clear: none;
    }

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

    #Imagegenero {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        clear: none;
    }

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

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

    #Vertrailerysinopsis {
        margin-top: 4%;
        margin-left: 0%;
        clear: none;
        width: 100%;
    }

    #Textvertrailerysinopsis {
        clear: none;
        font-size: 14px;
    }

    #Texttipoprecio {
        font-size: 16px;
		margin-left: 2%;
    }
	#Textcostoprecio {
		float: left;
		font-size: 16px;
	}
	#Texttipoprecioproyeccion {
        font-size: 16px;
		margin-left: 15%;
    }

}
@media only screen and (max-width: 900px) {
    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

	#textencabezadohorario1 {
		visibility:hidden;
		}
	#textencabezadohorario {
        width: 50%;
        clear: none;
    }

    #Horarios {
		margin-top: -48px;/*Cambio*/
		z-index: 1;/*Cambio*/	
		height: 100%;/*Cambio*/
    }
    #sinfuncion{
        margin-left: 7%;
        margin-top: 81%;
        font-size: 30px;
    }

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

    #Idioma {
        float: left;
        margin-left: 0%;
        margin-top: -4%;
        margin-bottom: 11%;
        clear: none;
        margin-right: 0%;
        height: 25px;
        width: 60%;
    
    }

    #Tituloscartelera {
        clear: none;
        width: 65%;
        margin-left: 0px;
        margin-right: 12%;
        float: right;
        margin-top: 0%;
    }

    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 9%;
        padding-left: 0px;
        margin-right: 0%;
    }

    #Texth1 {
        margin-top: 1px;
        margin-bottom: 10px;
        margin-right: 10px;
        line-height: 1em;
        font-size: 20px;
        width: 61%;
    }

    #Imagerelojh1 {
        margin-top: 4px;
        margin-right: 0px;
        margin-left: -7px;
        height: 13px;
        width: 13px;
    }

    #ImagenPoster {
        clear: none;
        width: 162px;
        height: 246px;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        padding-right: 0px;
    }

    #Detalleposter2 {
        padding-bottom: 15px;
        height: auto;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        padding-right: 0px;
        float: left;
        width: 100%;
    }

}

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

    #sinfuncion{
        margin-left: 7%;
        margin-top: 81%;
        font-size: 30px;
    }

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

    #Idioma {
        float: left;
        margin-left: 0%;
        margin-top: -3%;
        margin-bottom: 9%;
        clear: none;
        margin-right: 0%;
        height: 25px;
        width: 76%;
    }

    #Tituloscartelera {
        clear: none;
        width: 55%;
        margin-left: 0px;
        margin-right: 24%;
        float: right;
        margin-top: -1%;
    }

    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 10%;
        padding-left: 0px;
        margin-right: 3%;
    }

    #Imagerelojh1 {
        margin-top: 4px;
        margin-right: 0px;
        margin-left: -7px;
        height: 13px;
        width: 13px;
    }

    #ImagenPoster {
        clear: none;
        width: 142px;
        height: 224px;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 0%;
        padding-right: 0px;
    }

    #Detalleposter2 {
        padding-bottom: 15px;
        height: auto;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        padding-right: 0px;
        float: left;
        width: 100%;
    }
    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 11%;
        padding-left: 0px;
        margin-right: -1%;
    }
    #Texth1 {
        margin-top: 1px;
        margin-bottom: 2px;
        margin-right: 26px;
        line-height: 1em;
        font-size: 20px;
        width: 48%;
    }
}

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


    #Idioma {
        float: left;
        margin-left: 0%;
        margin-top: -3%;
        margin-bottom: 14%;
        clear: none;
        margin-right: 0%;
        height: 25px;
        width: 61%;
    }

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }
	
	#ListaPrecio11 {
		margin-top: 5px;
	}
	
	#ListaPrecio13 {
		margin-top: 5px;
	}

	#ListaPrecio16 {
		margin-top: 5px;
	}

	#textspan5_ {
        float: none;
        line-height: 1em;
		font-size:21px;
    }

    #textspan6_ {
        float: none;
        line-height: 1em;
		font-size:23px;
    }

    #textspan7_ {
        float: none;
        line-height: 1em;
		font-size:23px;
    }

    #textspan8_ {
        float: none;
        line-height: 1em;
		font-size:25px;
    }

    #textspan9_ {
        float: none;
        line-height: 1em;
		font-size:27px;
    }

    #textspan10_ {
        float: none;
        line-height: 1em;
		font-size:30px;
    }

    #textspan11_ {
        float: none;
        line-height: 1em;
		font-size:32px;
    }
	#textsubtitulocine {
		letter-spacing: 23px;
		
	}
	#textspan3_ {
        font-size: 13px;
    }

    #textspan4_ {
        font-size: 18px;
    }
	#textspan_ {
        font-size: 14px;
    }
	#textspan1_ {
        font-size: 11px;
    }

    #textspan2_ {
        font-size: 14px;
    }
	#Hora0 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 17%;
        padding-left: 0px;
        margin-right: -5%;
    }

 	#Hora2 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }

    #Hora3 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }

 	#Hora4 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	#Hora5 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora6 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora7 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora8 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora9 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora10 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora11 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
	 #Hora12 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 33%;
		padding-left: 4px;
    }
	
    #ContenedorPoster {
		height: 100%;
		overflow: visible;
    }
	/* Encabezado */
    #Contenedor_Encabezado {
		width:100%;
        height: 60px;
		position: fixed;
		top:0px;
    }
	#Ciudad {
        margin-bottom: 10px;
    }
	#Contenedorprecios {
        margin-top: 10px;
    }
	
	#DetalleHorario {
		/*margin-top: 10px; */
		height: auto;
	}
	#Ubicacion {
		margin-top: 10px;
	}
	#Imageubicacion {
		margin-left:40%;
		margin-top: -3px;
	}
	#Encabezadotitulocartelera {
        box-shadow: 0px 1px 2px #5c5c5c;
		background-color:#FFF;
		/*margin-top: 48px;*/
    }
    #logo1 {
		float:left;
		left:0px;
        width: 50%;
        height: 100%;
    }

    #image1 {
        height: 80%;
        margin-top: 5px;
        clear: none;
	}    

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

    #ComboCines {
        clear: none;
		left: 0%;
		width: 50%;
		margin-left: 0%;
		display: block;
		/*top: 59px;*/
		background-color: #232323;
		height: 100%;
		float: right;
    }

    #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: 100px;
        margin-left: 0%;
        clear: none;
        height: 60px;/* Cambio */
        display: block;
        position: relative;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0%;

    }
	
	#LogoPie {
		bottom: 18px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 20px;
	}
	
	/* Cambio 23/03/2016 */	
	#PieAviso {
		bottom: 18px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Cambio 23/03/2016 */
	/* Pie */
	
	/* Cambio */
	#Imageshapeeencabezadocartelera {
		top:110px;
	}
	/* Cambio */
	
	.primaryContainer {
		height: auto;
        width: 100%;
		background-color: rgb(236, 236, 236);
    }
	
    #CentralCartelera {
        height: 100%;
		overflow: visible;
		background-color: rgb(236, 236, 236);
		top: 120px;
    }
	
	#Texth1 {
        margin-top: 10px;
        margin-bottom: 1px;
        margin-right: 10px;
        line-height: 1em;
        font-size: 20px;
        width: 38%;
	}
	
	#ImageshapeVh1 {
		margin-top: 11px;
	}

    #ContenidoCartelera {
		overflow:scroll;
        height: 100%;
		background-color: rgb(255, 255, 255);
    }
	
	#Imagerelojh1 {
	    margin-top: 14px;
		margin-right: 0px;
		margin-left: 16px;
		height: 13px;
		width: 13px;
	}
	
    #Horarios {
        position: relative;
        right: auto;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        height: auto;
		padding-bottom: 10px;
	}

     #arrowup{
	display:none;
    }
	
    #arrowdown{
	display:none;
    }

    #Contenedorcartelera {
		height:auto;
        width: 100%;
		box-shadow:none;
    }

    #textverubicacion {
        width: auto;
        margin-left: 5px;
        height: 100%;
		font-size: 15px;
		margin-top: 0px;
    }

    #ContenidoPoster21 {
        clear: none;
        padding-left: 3%;
        padding-right: 3%;
    }

    #ImagenPoster1 {
        clear: none;
        width: 208px;
        height: 313px;
    }

    #Imagepostercartelera1 {
        width: 100%;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
    }

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

    #TituloPoster1 {
        clear: none;
        width: 100%;
		margin-bottom: 4%;
    }

    #Texttitulocartelera1 {
        width: 100%;
        font-size: 22px;
    }

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

    #textsubtitulocartelera1 {
        min-height: 0px;
        width: 100%;
        font-size: 16px;
    }

    #Genero1 {
        clear: none;
    }

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

    #Imagegenero1 {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        clear: none;
    }

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

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

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

    #Textidiomacartelera1 {
        font-size: 18px;
        margin-top: 4px;
        margin-left: 0px;
        clear: none;
    }

    #Textvertrailerysinopsis1 {
        clear: none;
        font-size: 18px;
    }

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

    #Imageshapeecambiocine {
        width: 100%;
    }

    #Combocambiocine {
        width: 34.99566%;
    }

    #Selectcambiocine {
        width: 100%;
    }

    #ContenidoCine {
        margin-left: 0%;
        height: auto;
		overflow:visible;
		padding-top: 20px;
		padding-bottom: 20px;
    }

    #textdireccion {
        margin-bottom: 5px;
		width: 100%;
		text-align:justify;
		font-size: 14px;
    }

    #textencabezadohorario {
        width: 50%;
        clear: none;
    }

    #Combocalendario {
        width: 30%;
        margin-top: 7px;
    }
	
	#hbdsdf {
		position: relative;
		float: right;
		right: 0px;
		height: 35px;
		display: block;
		text-align: center;
		margin: 8px 0% 0px 0px;
		clear: none;
		width: 30%;
		min-height: auto;
		z-index:9;
		font-size: 13px;
	}
	
    #textencabezadohorario1 {
        width: 35%;
        clear: none;
        float: left;
        margin-top: 7px;
		visibility:visible;
    }

#textencabezadohorario {
        width: 50%;
        clear: none;
    }
	
    #Detalleposter21 {
        height: 100%;
        width: 90%;
    }

    #textclas1 {
        margin-top: 5px;
		margin-left: 0%;
		clear: none;
		padding-top: 1px;
    }

    #ContenidoPoster2 {
		height:auto;
        clear: none;
        padding-left: 3%;
        padding-right: 3%;
		margin-bottom: 7%;
    }

    #Detalleposter2 {
        height: auto;
        width: 90%;
    }

    #ImagenPoster {
        clear: none;
        width: 224px;
        height: 313px;
    }

    #Imagepostercartelera {
        width: 100%;
        height: 100%;
        margin-left: 0%;
        margin-top: 0px;
    }

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

    #TituloPoster {
        clear: none;
        width: 100%;
		margin-bottom: 4%;
    }

    #Texttitulocartelera {
        width: 100%;
        font-size: 22px;
		/*text-align: justify;*/
    }

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

    #textsubtitulocartelera {
        min-height: 0px;
        width: 100%;
        font-size: 16px;
    }

    #Genero {
        clear: none;
    }

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

    #Textidiomacartelera {
        font-size: 18px;
        margin-top: 4px;
        margin-left: 0px;
        clear: none;
    }

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

    #Imagegenero {
        width: 20px;
        height: 20px;
        margin-top: 2px;
        clear: none;
    }

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

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

    #Vertrailerysinopsis {
        margin-top: 4%;
        margin-left: 0%;
        clear: none;
        width: 100%;
    }

    #Textvertrailerysinopsis {
        clear: none;
        font-size: 14px;
    }

    #Texttipoprecio {
        font-size: 16px;
		margin-left: 2%;
    }
	#Textcostoprecio {
		float: left;
		font-size: 16px;
	}
	#Texttipoprecioproyeccion {
        font-size: 16px;
		margin-left: 15%;
    }
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }
    #Idioma {
        float: left;
        margin-left: 0%;
        margin-top: -3%;
        margin-bottom: 14%;
        clear: none;
        margin-right: 0%;
        height: 25px;
        width: 60%;
    }

    #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 12%;
        padding-left: 0px;
        margin-right: 1%;
    }

	#Texth1 {
        margin-top: 10px;
        margin-bottom: -1px;
        margin-right: -14px;
        line-height: 1em;
        font-size: 19px;
        text-align: left;
	}
	#Imagerelojh1 {
		height: 13px;
		margin-top: 13px;
		width: 13px;
		clear: none;
		margin-left: 15px;
    }
	#textclas {
		margin-top: 5px;
		margin-left: 0%;
		clear: none;
		padding-top: 1px;
	}
}
@media only screen and (max-width: 640px) {

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    /* Encabezado */
    #Contenedor_Encabezado {
        width: 100%;
        height: 60px;
    }

    #Encabezado {
        height: 100%;
        width: 100%;
    }
	#textclas {
		margin-top: 2px;
	}
    #logo1 {
        width: 50%;
        height: 100%;
    }

    #image1 {
        height: 80%;
    }

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

    #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: 100px;
        margin-left: 0%;
        clear: none;
        height: 50px;/* Cambio */
        display: block;
        position: relative;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
		bottom: 15px;
        margin-top: 0px;
        display: block;
        height: 20px;
        width: auto;
     }

	#PieAviso {
		bottom: 15px;
		height: 20px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
}
	/* Pie */
	
	#Imageshapeeencabezadocartelera{/*Cambio*/
		top: 94px;
	}
	
	#CentralCartelera {
        min-width: 0%;
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        height: 100%;
		overflow:visible;
		top:120px;
    }

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

    #ContenidoPoster21 {
        clear: both;
    }

    #ImagenPoster1 {
        clear: none;
        width: 40%;
        height: 106.423672%;
    }

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

    #Tituloscartelera1 {
        clear: none;
        width: 55%;
    }

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

    #Texttitulocartelera1 {
        font-size: 18px;
        margin-top: 0px;
        margin-left: 0.015625px;
        clear: none;
        width: 100%;
    }

    #SubtituloPoster1 {
        margin-top: 0px;
        margin-left: 0.046875px;
        clear: both;
        width: 100%;
        height: 9.978359%;
    }

    #textsubtitulocartelera1 {
        font-size: 12px;
        width: 100%;
    }

    #Genero1 {
        clear: both;
        height: 20px;
    }

    #ImGenero1 {
        margin-top: 0px;
        margin-left: 0.03125px;
        clear: none;
    }

    #Imagegenero1 {
        height: 15px;
        width: 15px;
        margin-top: 3px;
        clear: none;
    }

    #Textgenerocartelera1 {
        width: 100%;
        font-size: 9px;
        margin-top: 6px;
        margin-left: 0%;
        clear: none;
    }

    #Vertrailerysinopsis1 {
        clear: both;
        margin-top: 10.171875px;
        margin-left: 0.01078051%;
        width: 100%;
    }

    #Textidiomacartelera1 {
        float: left;
        text-align: left;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        font-size: 14px;
        margin-top: 4px;
        margin-left: 0px;
    }

    #Textvertrailerysinopsis1 {
        font-size: 14px;
        clear: none;
    }

    #textspan1_ {
        font-size: 10px;
    }

    #textspan2_ {
        font-size: 14px;
    }

    #textspan_ {
        font-size: 14px;
    }

    #textencabezadohorario {
        width: 50%;
    }

    #textencabezadohorario1 {
        width: 37%;
    }

    #Combocalendario {
        width: 28%;
    }
	
#hbdsdf {
	position: absolute;
	float: right;
	right: 0px;
    height: 35px;
    display: block;
    text-align: center;
    margin: 7px 0% 0px 0px;
    clear: none;
    width: 28%;
    min-height: auto;
	z-index:9;

	}
    #ImageshapeHh51 {
        display: none;
    }

    #Detalleposter21 {
        width: 90%;
    }

    #Texth11 {
        font-size: 18px;
    }

    #Texth21 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh11 {
        margin-top: 9px;
        margin-left: 4%;
        clear: none;
    }

    #Imagerelojh21 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth31 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh31 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Imagerelojh41 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth41 {
        font-size: 10px;
        width: 72%;
    }

    #Texth51 {
        font-size: 10px;
        width: 72%;
    }

    #Texth61 {
        font-size: 10px;
        width: 72%;
    }

    #Texth71 {
        font-size: 10px;
        width: 72%;
    }

    #Texth81 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh51 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Imagerelojh61 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Imagerelojh71 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Imagerelojh81 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Idioma1 {
        height: 20px;
    }

    #ContenidoPoster2 {
        clear: both;
		margin-bottom: 18px;
    }

    #Detalleposter2 {
        width: 90%;
    }

    #ImagenPoster {
        clear: none;
        width: 39.996865%;
        height: 106.423672%;
    }

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

    #Tituloscartelera {
        clear: none;
        width: 55%;
    }

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

    #Texttitulocartelera {
        font-size: 18px;
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        width: 100%;
    }

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

    #textsubtitulocartelera {
        font-size: 12px;
        width: 100%;
    }

    #Genero {
        clear: both;
        height: 20px;
    }

    #Idioma {
        float: left;
        margin-left: 0%;
        margin-top: -3%;
        margin-bottom: 14%;
        clear: none;
        margin-right: 0%;
        height: 20px;
        width: 60%;
    }

    #Textidiomacartelera {
        float: left;
        text-align: left;
        font-weight: normal;
        clear: none;
        min-height: 0px;
        font-size: 14px;
        margin-top: 5px;
        margin-left: 0px;
    }

    #ImGenero {
        margin-top: 0px;
        margin-left: 0.03125px;
        clear: none;
    }

    #Imagegenero {
        height: 15px;
        width: 15px;
        margin-top: 3px;
        clear: none;
    }

    #Textgenerocartelera {
        width: 100%;
        font-size: 14px;
        margin-top: 6px;
        margin-left: 0%;
        clear: none;
    }

    #Vertrailerysinopsis {
		clear: both;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: 0%;
		width: 100%;
    }

    #Textvertrailerysinopsis {
        font-size: 14px;
        clear: none;
    }

    #Imagerelojh1 {
        height: 12px;
    	width: 12px;
       	clear: none;
		margin-top: 14px;
    }

    #Texth1 {
        margin-top: 10px;
        margin-bottom: -1px;
        margin-right: -5px;
        line-height: 1em;
        font-size: 19px;
        text-align: left;
     }
     #Hora1 {
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 17%;
        padding-left: 0px;
    }

    #Imagerelojh2 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth2 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh3 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth3 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh4 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth4 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh5 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth5 {
        font-size: 10px;
        width: 72%;
    }

    #ImageshapeHh5 {
        display: none;
    }

    #Imagerelojh6 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth6 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh7 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth7 {
        font-size: 10px;
        width: 72%;
    }

    #Imagerelojh8 {
        margin-top: 9px;
        margin-left: 4%;
    }

    #Texth8 {
        font-size: 10px;
        width: 72%;
    }

    #textspan4_ {
        font-size: 18px;
    }
}

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

    #sinfuncion{
        margin-left: 15%;
        margin-top: 10%;
        font-size: 20px;
        margin-bottom: 10%;
    }

    #Hora1 {
        margin-right: 7%;
        float: left;
        clear: none;
        height: 20%;
        position: relative;
        width: 10%;
        padding-left: 4px;
        margin-top: -4%;
    }

    #Imagerelojh1 {
        height: 11px;
        width: 11px;
        clear: none;
        margin-top: 15px;
        margin-left: -10px;
    }

    #Idioma {
        float: left;
        margin-left: 3%;
        margin-top: -5%;
        margin-bottom: 14%;
        clear: none;
        margin-right: 0%;
        height: 25px;
        width: 57%;
    }
    #Texth1 {
        font-size: 18px;
        margin-right: 6px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #DetalleHorario {
        /* margin-top: 10px; */
        height: auto;
    }
    #textencabezadohorario1 {
        display: none;
    }
    #Vertrailerysinopsis {
        margin-bottom: 5%;
    }
}
@media only screen and (max-width: 520px) {

#sinfuncion{
    margin-left: 28%;
    margin-top: 25%;
    font-size: 20px;
}

#Hora1 {
    margin-right: -14%;
    float: left;
    clear: none;
    height: 50%;
    position: relative;
    width: 30%;
    padding-left: 4px;
}
#Idioma {
    margin-top: -6%;
    margin-bottom: 6%;
    width: 57%;
    margin-bottom: 18%;
}

#hbdsdf {
	width: 30%;
}

#Imagerelojh1 {
    height: 11px;
    width: 11px;
    clear: none;
    margin-left: 11px;
    margin-top: 10px;
}
#Texth1 {
    font-size: 16px;
    margin-right: 2px;
	margin-top: 8px;
    margin-bottom: 0px;
}
#DetalleHorario {
    /* margin-top: 10px; */
    height: auto;
}
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }
    #Hora1 {
        margin-right: -14%;
        float: left;
        clear: none;
        height: 50%;
        position: relative;
        width: 30%;
        padding-left: 4px;
    }

    #Idioma {
        margin-top: -6%;
        margin-bottom: 6%;
        width: 57%;
        margin-bottom: 18%;
    }
    /* Encabezado */
    #Contenedor_Encabezado {
        height: 42px;
    }
	#ImGenero {
		margin-top: 2px;
		margin-left: 0px;
		clear: none;
	}
    #Encabezado {
        height: 100%;
        width: 100%;
    }

    #image1 {
        height: 80%;
        margin-top: 4px;
        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%;
		/*top: 42px;*/
    }

    #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: 90px;
        margin-left: 0%;
        clear: none;
        height: 41px;/* Cambio */
        display: block;
        position: relative;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
		bottom: 12px;
        margin-top: 0px;
        display: block;
        height: 18px;
        width: auto;
     }

	#PieAviso {
        width: 30%;
		bottom: 12px;
		height: 18px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
}
	/* Pie */
	
	#CentralCartelera {
        overflow: visible;
        height: auto;
		top: 115px;
    }
	::-webkit-calendar-picker-indicator {
		width:0px; 
		height:0px; 
		background: url(../img/arrowcalendario_2.png) center; 
		padding:5%;  
	}	
    #ContenidoCartelera {
        overflow:scroll;
        height: 100%;
    }

    #textdireccion {
        font-size: 12px;
    }

    #textspan_ {
        font-size: 14px;
    }

    #textencabezadohorario {
		width: 100%;
		text-align: center;
		height: 30px;
		padding-left: 0px;
		margin-top: 1px;
    }

    #Combocalendario {
        width: 100%;
    }

	#hbdsdf {
		position: relative;
		float: left;
		right: 0px;
		height: 35px;
		display: block;
		text-align: center;
		margin: 0px 0% 0px 0px;
		width: 100%;
		min-height: auto;
		z-index: 9;
		padding-left: 4%;
	}
	
    #textencabezadohorario1 {
        float: left;
        clear: none;
        width: 50%;
    }

    #Encabezadotitulocartelera {
        height: auto;
		/*margin-top: 42px;*/
    }

    #Imagerelojh11 {
        margin-top: 7px;
        width: 10px;
        height: 10px;
        margin-left: 3%;
    }

    #Texth11 {
        font-size: 9px;
    }

    #Imagerelojh21 {
        margin-top: 7px;
        width: 10px;
        height: 10px;
        margin-left: 3%;
    }

    #Texth21 {
        font-size: 9px;
    }

    #Imagerelojh31 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #ImageshapeVh31 {
        display: none;
    }

    #Texth31 {
        font-size: 9px;
    }

    #Hora41 {
        clear: none;
    }

    #Imagerelojh41 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #ImageshapeVh41 {
        float: left;
        width: 1px;
        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;
    }

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

    #ImageshapeHh41 {
        clear: right;
    }

    #Imagerelojh51 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

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

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

    #Imagerelojh61 {
        margin-top: 7px;
        margin-left: 3%;
        width: 10px;
        height: 10px;
    }

    #ImageshapeVh61 {
        display: none;
    }

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

    #ImageshapeHh61 {
        float: left;
        clear: both;
        color: rgb(0, 0, 0);
        left: 0%;
    }

    #Hora71 {
        clear: none;
    }

    #Imagerelojh71 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #Texth71 {
        font-size: 9px;
    }

    #Imagerelojh81 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #ImageshapeVh81 {
        float: left;
        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;
    }

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

    #Detalleposter21 {
        width: 95%;
    }

    #Tituloscartelera1 {
        width: 57%;
    }

    #ImagenPoster1 {
        height: auto;
        width: 40%;
    }

    #Imagepostercartelera1 {
        height: 100%;
    }

    #ContenidoPoster21 {
        padding-right: 1%;
        padding-left: 1%;
    }

    #Texttitulocartelera1 {
        margin-left: 0px;
        font-size: 16px;
    }

    #textsubtitulocartelera1 {
        font-size: 8px;
    }

    #Textidiomacartelera1 {
        font-size: 10px;
        margin-top: 3px;
        margin-left: 0px;
        clear: none;
    }

    #Textgenerocartelera1 {
        font-size: 8px;
        margin-top: 4px;
        margin-left: 0%;
        clear: none;
    }

    #Imagegenero1 {
        width: 15px;
        height: 15px;
        margin-top: 0px;
        clear: none;
    }

    #textclas1 {
		/* font-size: 8px; */
		margin-top: 1px;
		margin-left: 0%;
		clear: none;
		padding-top: 1px;
    }

    #Vertrailerysinopsis1 {
        margin-top: 15.171875px;
        margin-left: 0.01320393%;
        clear: both;
    }

    #Genero1 {
        height: 18px;
    }


    #Textvertrailerysinopsis1 {
        text-align: center;
        font-size: 10px;
    }

    #ContenidoPoster2 {
        padding-right: 1%;
        padding-left: 1%;
		margin-top:10px;
    }

    #Detalleposter2 {
        padding-bottom: 10%;
        width: 95%;
    }

    #ImagenPoster {
        height: auto;
        width: 40%;
    }

    #Imagepostercartelera {
        height: 100%;
    }

    #Tituloscartelera {
        width: 57%;
    }

    #Texttitulocartelera {
        margin-left: 0px;
        font-size: 15px;
    }

    #textsubtitulocartelera {
        font-size: 8px;
    }

    #Genero {
        height: 18px;
    }

    #textclas {
		font-size: 13px;
		margin-top: 1px;
		margin-left: 0%;
		clear: none;
		padding-top: 0px;
    }

    #Textidiomacartelera {
        font-size: 13px;
        margin-top: 3px;
        margin-left: 0px;
        clear: none;
    }

    #Imagegenero {
        width: 15px;
        height: 15px;
        margin-top: 0px;
        clear: none;
    }

    #Textgenerocartelera {
        font-size: 13px;
        margin-top: 4px;
        margin-left: 0%;
        clear: none;
    }

    #Vertrailerysinopsis {
        margin-top: 5%;
        margin-left: 0%;
        clear: both;
    }

    #Textvertrailerysinopsis {
        text-align: center;
        font-size: 13px;
    }

    #Imagerelojh1 {
		height: 11px;
		width: 11px;
		clear: none;
		margin-left: 12px;
    }

    #Texth1 {
        font-size: 15px;
		margin-right: 3px;
    }

    #Imagerelojh2 {
        margin-top: 7px;
        width: 10px;
        height: 10px;
        margin-left: 3%;
    }

    #Texth2 {
        font-size: 9px;
    }

    #Imagerelojh3 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #Texth3 {
        font-size: 9px;
    }

    #Imagerelojh4 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

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

    #ImageshapeHh4 {
        clear: right;
    }

    #Imagerelojh5 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

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

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

    #Imagerelojh6 {
        margin-top: 7px;
        margin-left: 3%;
        width: 10px;
        height: 10px;
    }

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

    #ImageshapeHh6 {
        float: left;
        clear: both;
        color: rgb(0, 0, 0);
        left: 0%;
    }

    #Imagerelojh7 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #Texth7 {
        font-size: 9px;
    }

    #Imagerelojh8 {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        margin-left: 3%;
    }

    #ImageshapeVh8 {
        float: left;
        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;
    }

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

    #textspan4_ {
        font-size: 18px;
    }

    #Textprecio {
        font-size: 18px;
    }

    #textciudad {
        font-size: 18px;
    }

    #textverubicacion {
        font-size: 12px;
    }

    #Imageubicacion {
        margin-top: -3px;
        margin-left: 35%;
        clear: none;
    }

    #Contenedorprecios {
        margin-top: 7px;
        margin-left: 0%;
        clear: both;
		
    }

    #VerUbicacion {
        height: 25px;
    }

    #Texttipoprecio {
        font-size: 13px;
    }

	#Texttipoprecioproyeccion {
        font-size: 13px;
    }

    #Textcostoprecio {
        font-size: 13px;
    }

     #ContenidoCine {
        height: auto;
    }

    #Encabezado1 {
        height: 40px;
    }

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

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

    #sinfuncion{
        margin-left: 2%;
        margin-top: 10%;
        font-size: 20px;
        margin-bottom: 10%;
    }

    .row{
        height: 10%;
    }

    #rowCine{
        height: 10%;
    }

    #tycpromos {
        float: left;
        width: 37%;
        max-width: 100%;
        height: 15px;
        margin-left: 35.364%;
        margin-top: 15px;
        clear: none;
        color: rgb(239, 127, 26);
        display: block;
        font-size: 10px;
    }
    
	#Texth1 {
        font-size: 16px;
        margin-top: 7px;
        margin-bottom: 9px;
        margin-right: 15px;
    }
    
    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 9%;
        padding-left: 0px;
        margin-right: 9%;
    }
    #Idioma {
        margin-bottom: 18%;
        margin-top: -5%;
        width: 57%;
    }
    
    #Imagerelojh1 {
        height: 9px;
        width: 9px;
        clear: none;
        margin-left: -12px;
        margin-top: 11px;
    }

	#DetalleHorario {
		/* margin-top: 15px; */
		height: auto;
    }
    
	#Textidiomacartelera {
		font-size: 13px;
		margin-top: 3px;
		margin-left: 0px;
		clear: none;
		padding-left: 10px;
	}
}
@media only screen and (max-width: 380px) {

    #Texth1 {
        font-size: 16px;
        margin-top: 7px;
        margin-bottom: 9px;
        margin-right: 11px;
    }

    #sinfuncion{
        margin-left: 2%;
        margin-top: 10%;
        font-size: 20px;
        margin-bottom: 10%;
    }

    #tycpromos {
        float: left;
        width: 37%;
        max-width: 100%;
        height: 15px;
        margin-left: 35.364%;
        margin-top: 15px;
        clear: none;
        color: rgb(239, 127, 26);
        display: block;
        font-size: 10px;
    }


    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 6%;
        padding-left: 3px;
        margin-right: 14%;
    }
    #Idioma {
        margin-bottom: 20%;
        margin-top: -5%;
        width: 57%;
    }
    
    #Imagerelojh1 {
        height: 9px;
        width: 9px;
        clear: none;
        margin-left: -14px;
        margin-top: 8px;
    }
}
@media only screen and (max-width: 360px) {
    
    #sinfuncion{
        margin-left: 2%;
        margin-top: 10%;
        font-size: 20px;
        margin-bottom: 10%;
    }
    
    #tycpromos {
        float: left;
        width: 37%;
        max-width: 100%;
        height: 15px;
        margin-left: 35.364%;
        margin-top: 15px;
        clear: none;
        color: rgb(239, 127, 26);
        display: block;
        font-size: 10px;
    }
    #Imagerelojh1 {
        height: 9px;
        width: 9px;
        clear: none;
        margin-left: -11px;
        margin-top: 8px;
    }

    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 10%;
        padding-left: 4px;
        margin-right: 13%;
    }
    #Idioma {
        margin-bottom: 17%;
        margin-top: -5%;
        width: 57%;
    }

    #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;
	}
	
	#Ciudad {
		margin-bottom: 5px;
	}
	#Textvertrailerysinopsis {
		text-align: center;
		font-size: 10px;
	}
	#textclas {
		font-size: 12px;
		margin-top: 1px;
		margin-left: 0%;
		clear: none;
		padding-top: 0px;
	}
	#Textidiomacartelera {
    	font-size: 12px;
		margin-top: 3px;
		margin-left: 0px;
		clear: none;
		padding-left: 6px;
	}
	#Textgenerocartelera {
		font-size: 12px;
		margin-top: 4px;
		margin-left: 0%;
		clear: none;
	}
	#Texttitulocartelera {
		margin-left: 0px;
		font-size: 14px;
	}
	#textspan_ {
		font-size: 12px;
	}
	#Texth1 {
        font-size: 14px;
        margin-top: 7px;
        margin-bottom: 6px;
        margin-right: 6px;
	}
	
	#Hora0 {
		padding-left: 2px;
	}
	
	#Hora2 {
		padding-left: 2px;
	}
	
	#Hora3 {
		padding-left: 2px;
	}
	#Hora4 {
		padding-left: 2px;
	}
	#Hora5 {
		padding-left: 2px;
	}
	#Hora6 {
		padding-left: 2px;
	}
	#Hora7 {
		padding-left: 2px;
	}
	#Hora8 {
		padding-left: 2px;
	}
	#Hora9 {
		padding-left: 2px;
	}
	#Hora10 {
		padding-left: 2px;
	}
	#Hora11 {
		padding-left: 2px;
	}
	#Hora12 {
		padding-left: 2px;
	}
	
    /* Cambio 23/03/2016 */
    #ImageshapeHCe2 {
	margin-left: 20px;
    }
	
    #comprarboletos {
	margin-left: 85px;
    }

    #Dia {
        width: 100%;
    }

	#LogoPie {
		bottom: 12px;
        margin-top: 0px;
        display: block;
        height: 16px;
        width: auto;
	}

	#PieAviso {
		bottom: 12px;
		height: 15px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
    /* Cambio 23/03/2016 */
	#textencabezadohorario1 {
	   height:100%; 
	   padding-right: 0%;
	}
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    #tycpromos {
        float: left;
        width: 37%;
        max-width: 100%;
        height: 15px;
        margin-left: 35.364%;
        margin-top: 15px;
        clear: none;
        color: rgb(239, 127, 26);
        display: block;
        font-size: 10px;
    }

    #Idioma {
        margin-top: 6%;
        margin-bottom: 12%;
        width: 39%;
    }
    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 27%;
        padding-left: 4px;
    }

#DetalleHorario {
    /* margin-top: 15px; */
    height: auto;
}
}
@media only screen and (max-width: 320px) {

    #sinfuncion{
        margin-left: 2%;
        margin-top: 10%;
        font-size: 20px;
        margin-bottom: 10%;
    }

    #tycpromos {
        float: left;
        width: 37%;
        max-width: 100%;
        height: 15px;
        margin-left: 35.364%;
        margin-top: 15px;
        clear: none;
        color: rgb(239, 127, 26);
        display: block;
        font-size: 10px;
    }


    #Idioma {
        margin-top: -4%;
        margin-bottom: 17%;
        width: 59%;
    }
    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 17%;
        padding-left: 15px;
        margin-right: 6px;
        margin-top: -5px;
    }

	#hbdsdf {
		height: 22px;
		font-size: 11px;    
		padding-top: 3px;
	}
	#textsubtitulocine {
		letter-spacing: 17px;
	}
	    /* Encabezado */
    #Contenedor_Encabezado {
        height: 33px;
    }
	#image1 {
		height: 80%;
		margin-top: 4px;
		clear: none;
	}
	#Encabezadotitulocartelera {
		height: auto;
		/*margin-top: 33px;*/
	}
	#fondo1{
		left: 0;
		max-width: 50%;
		position: absolute;
		top: 40%;
		z-index: -2;
		background-size: contain;
	}
	
	#ListaPrecio11 {
		margin-top: 4px;
	}
	
	#ListaPrecio13 {
		margin-top: 4px;
	}

	#ListaPrecio16 {
		margin-top: 4px;
	}

	#fondo2{
		right: 0;
		max-width: 50%;
		position: absolute;
		top: 15%;
		z-index: -2;
	}
	
	#fondo3{
		right: 0;
		max-width: 30%;
		position: absolute;
		top: 60%;
		z-index: -2;
	}

    #Encabezado {
        height: 100%;
    }

    #ComboCines {
		clear: none;
		width: 50%;
		margin-left: 0%;
    }
	#CentralCartelera {
		margin-top: 0px;
    	top: 77px;
	}
    #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: 55px;
        margin-left: 0%;
        clear: none;
        height: 33px;/* Cambio */
        display: block;
        position: relative;
        bottom: 0px;
        top: auto;
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
		bottom: 9px;
        margin-top: 0px;
        display: block;
        height: 15px;
        width: 19%;
	}

	#PieAviso {
		bottom: 9px;
		height: 13px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	/* Pie */
	
	#ContenidoCartelera {
        overflow: scroll;
        height: 100%;
    }

    #textdireccion {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        font-size: 10px;
    }

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

    #ContenidoPoster21 {
        clear: both;
    }

    #Imagepostercartelera1 {
        height: auto;
    }

    #Texttitulocartelera1 {
        font-size: 12px;
    }

    #textsubtitulocartelera1 {
        font-size: 6px;
    }

    #Genero1 {
        height: 12px;
    }
	#DetalleHorario {
		/* margin-top: 15px; */
		height: auto;
	}
    #Textgenerocartelera1 {
        font-size: 4px;
        margin-top: 4px;
        margin-left: 0%;
        clear: none;
    }

    #Textidiomacartelera1 {
        font-size: 6px;
        margin-top: 3px;
        margin-left: 0px;
        clear: none;
    }

    #Textvertrailerysinopsis1 {
        font-size: 9px;
    }

    #Imagerelojh1 {
        width: 6px;
        height: 6px;
        margin-left: -3px;
    }

    #Imagerelojh21 {
        margin-left: 2%;
        height: 6px;
        width: 6px;
    }

    #Imagerelojh31 {
        width: 6px;
        height: 6px;
    }

    #Imagerelojh41 {
        width: 6px;
        height: 6px;
    }

    #Imagerelojh51 {
        width: 6px;
        height: 6px;
    }

    #Imagerelojh61 {
        width: 6px;
        height: 6px;
    }

    #Imagerelojh71 {
        width: 6px;
        height: 6px;
    }

    #Imagerelojh81 {
        width: 6px;
        height: 6px;
    }

    #Texth11 {
        width: 65%;
        font-size: 7px;
    }

    #Detalleposter21 {
        width: 90%;
    }

    #Idioma1 {
        padding-left: 10px;
        height: 12px;
    }

    #ImagenPoster1 {
        width: 38%;
        height: auto;
    }

    #Imagegenero1 {
        width: 8px;
        height: 8px;
        margin-top: 2px;
        clear: none;
    }

    #textclas1 {
        font-size: 6px;
    }

    #Vertrailerysinopsis1 {
        margin-top: 8px;
        margin-left: 0%;
        clear: both;
    }

    #Texth21 {
        width: 65%;
        font-size: 7px;
    }

    #textspan_ {
        font-size: 11px;
    }

    #textencabezadohorario {
		height: 20px;
		min-width: 6px;
		width: 100%;
		/* margin-top: 8px; */
		line-height: 20px;
    }

    #textencabezadohorario1 {
      	height: 25px;
    	margin-top: 8px;
    	line-height: 1em;
    }

    #Combocalendario {
        height: 20px;
        margin-top: 0%;
    }

    #textspan1_ {
        font-size: 6px;
    }

    #textspan2_ {
        font-size: 8px;
    }

    #Texth31 {
        font-size: 7px;
    }

    #Texth41 {
        font-size: 7px;
    }

    #Texth51 {
        font-size: 7px;
    }

    #Texth61 {
        font-size: 7px;
    }

    #Texth71 {
        font-size: 7px;
    }

    #Texth81 {
        font-size: 7px;
    }

    #ImageshapeHh51 {
        top: 0px;
        bottom: auto;
    }

    #ContenidoPoster2 {
        clear: both;
		margin-bottom: 10px;
    }

    #Detalleposter2 {
        width: 90%;
    }

    #ImagenPoster {
        width: 38%;
        height: auto;
    }

    #Imagepostercartelera {
        height: auto;
    }

    #Texttitulocartelera {
        font-size: 11px;
    }

    #textsubtitulocartelera {
        font-size: 6px;
    }

    #Genero {
        height: 14px;
    }

    #textclas {
        font-size: 10px;
		padding-top: 1px;
    }

    #Textidiomacartelera {
        font-size: 10px;
        margin-top: 3px;
        margin-left: 0px;
        clear: none;
    }

    #Imagegenero {
        width: 10px;
		height: 10px;
		margin-top: 0px;
		clear: none;
    }

    #Textgenerocartelera {
        font-size: 10px;
        margin-top: 3px;
        margin-left: 0%;
        clear: none;
    }

    #Vertrailerysinopsis {
        width: 108%;
        margin-top: 8px;
        margin-left: 0%;
        clear: both;
    }

    #Textvertrailerysinopsis {
        font-size: 9px;
    }

    #Texth1 {
        font-size: 11px;
        margin-top: 4px;
        margin-bottom: 5px;
        margin-right: 14px;
    }
	#Imagerelojh1 {
        height: 8px;
        width: 8px;
        clear: none;
        margin-left: -14px;
        margin-top: 5px;
        margin-right: -5px;
    }
    #Imagerelojh2 {
        margin-left: 2%;
        height: 6px;
        width: 6px;
    }

    #Texth2 {
        width: 65%;
        font-size: 7px;
    }

    #Imagerelojh3 {
        width: 6px;
        height: 6px;
    }

    #Texth3 {
        font-size: 7px;
    }

    #Imagerelojh4 {
        width: 6px;
        height: 6px;
    }

    #Texth4 {
        font-size: 7px;
    }

    #Imagerelojh5 {
        width: 6px;
        height: 6px;
    }

    #Texth5 {
        font-size: 7px;
    }

    #ImageshapeHh5 {
        top: 0px;
        bottom: auto;
    }

    #Imagerelojh6 {
        width: 6px;
        height: 6px;
    }

    #Texth6 {
        font-size: 7px;
    }

    #Imagerelojh7 {
        width: 6px;
        height: 6px;
    }

    #Texth7 {
        font-size: 7px;
    }

    #Imagerelojh8 {
        width: 6px;
        height: 6px;
    }

    #Texth8 {
        font-size: 7px;
    }

    #textspan3_ {
        font-size: 10px;
    }

    #textspan4_ {
        font-size: 14px;
    }

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

    #textencabezadohorario2 {
        margin-top: 8px;
        line-height: 1em;
        height: auto;
        min-height: 0px;
        margin-left: 0%;
        clear: none;
    }

    #ContenidoCine {
        margin-left: 0%;
        clear: none;
        height: auto;
		padding-top: 15px;
    	padding-bottom: 10px;
    }

    #textciudad {
        font-size: 14px;
    }

    #textverubicacion {
        font-size: 10px;
    }

    #Textprecio {
        font-size: 14px;
    }

    #Texttipoprecio {
        font-size: 10px;
    }
	#Texttipoprecioproyeccion {
        font-size: 10px;
    }

    #Textcostoprecio {
        font-size: 10px;
    }

    #textspan5_ {
        font-size: 16px;
    }

    #textspan6_ {
        font-size: 18px;
    }

    #textspan7_ {
        font-size: 18px;
    }

    #textspan8_ {
        font-size: 20px;
    }

    #textspan9_ {
        font-size: 22px;
    }

    #textspan10_ {
        font-size: 25px;
    }

    #textspan11_ {
        font-size: 27px;
    }

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

    #texttitulocine {
        line-height: 2em;
    }

    #Ciudad {
        margin-bottom: 0px;
    }

    #Imageubicacion {
        width: 9px;
        height: 14px;
        margin-top: -3px;
        margin-left: 35%;
        clear: none;
    }

    #Contenedorprecios {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
		margin-bottom: 6px;
    }
	#Imageubicacion {
		margin-left: 30%;
	}
	#Ubicacion {
		margin-top: 6px;
	}
    #VerUbicacion {
        height: 20px;
    	margin-bottom: 20px;
    }

    #ContenedorCambioCine {
        height: 8%;
    }
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

	#DetalleHorario {
		/* margin-top: 15px; */
		height: auto;
    }
    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 27%;
        padding-left: 4px;
    }
	#Texth1 {
		font-size: 11px;
		margin-top: 3px;
        margin-bottom: 3px;
		margin-right: 5px;
	}
	#Imagerelojh1 {
		height: 8px;
		width: 8px;
		clear: none;
        margin-left: -3px;
		margin-top: 4px;
	}
	#ContenidoPoster2 {
		clear: both;
		margin-top: 6px;
	}
}

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

    #sinfuncion{
        margin-left: 10%;
        margin-top: 15%;
        font-size: 20px;
        margin-bottom: 15%;
    }

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

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

    #tycpromos {
        float: left;
        width: 41%;
        max-width: 100%;
        height: 15px;
        margin-left: 35.364%;
        margin-top: 15px;
        clear: none;
        color: rgb(239, 127, 26);
        display: block;
        font-size: 7px;
    }

    #Vertrailerysinopsis {
        width: 109%;
        margin-top: 8px;
        margin-left: 0%;
        clear: both;
        font-size: 10px;
    }

    #Idioma {
        margin-top: -4%;
        /* margin-bottom: 6%; */
        width: 59%;
        margin-bottom: 10%;
    }

	#DetalleHorario {
		/* margin-top: 15px; */
		height: auto;
    }
    #Hora1 {
        float: left;
        clear: none;
        height: 48%;
        position: relative;
        width: 14%;
        padding-left: 4px;
    }
	#Texth1 {
		font-size: 10px;
		margin-top: 3px;
        margin-bottom: 3px;
		margin-right: 5px;
	}
	#Imagerelojh1 {
		height: 8px;
		width: 8px;
		clear: none;
        margin-left: -7px;
		margin-top: 4px;
	}
	#ContenidoPoster2 {
		clear: both;
		margin-top: 6px;
	}
	#Texttitulocartelera {
		font-size: 10px;
	}
	#textclas {
		font-size: 9px;
		padding-top: 1px;
	}
	#Textidiomacartelera {
		font-size: 9px;
		margin-top: 3px;
		margin-left: 0px;
		clear: none;
	}
	#Textgenerocartelera {
		font-size: 9px;
		margin-top: 3px;
		margin-left: 0%;
		clear: none;
	}
}

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

    #sinfuncion{
        margin-left: 28%;
        margin-top: 25%;
        font-size: 20px;
    }

    /* 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;
    }
	/*
	#textspan5_ {
        font-size: 11px;
    }

    #textspan6_ {
        font-size: 12px;
    }

    #textspan7_ {
        font-size: 13px;
    }

    #textspan8_ {
        font-size: 14px;
    }

    #textspan9_ {
        font-size: 15px;
    }

    #textspan10_ {
        font-size: 16px;
    }

    #textspan11_ {
        font-size: 17px;
    }
	
    #ComboCines {
        clear: none;
        width: 100%;
        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: 50px;
        margin-left: 0%;
        clear: none;
        height: 33px;/* Cambio */
        display: block;
        position: relative;
        bottom: 0px;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0%;
    }
	
	#LogoPie {
		bottom: 12px;
        margin-top: 0px;
        display: block;
        height: 12px;
        width: auto;
    }

	#PieAviso {
		bottom: 12px;
		height: 12px;
		left: auto;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		float:right;
	}
	#Textprecio {
		font-size: 12px;
	}
	/* Pie */
	#fondo1 {
		left: 0;
		max-width: 50%;
		position: absolute;
		top: 40%;
		z-index: -2;
	}
	#fondo2 {
		right: 0;
		max-width: 30%;
		position: absolute;
		top: 15%;
		z-index: -2;
	}
	#fondo3 {
		right: 0;
		max-width: 30%;
		position: absolute;
		top: 55%;
		z-index: -2;
	}
	.primaryContainer {
        position: relative;
    }
	#ContenidoCine {
		margin-top: 0px;
		margin-left: 0%;
		clear: none;
		height: auto;
	}
	#textdireccion {
		margin-top: 0px;
		margin-left: 0%;
		clear: none;
		font-size: 9px;
	}
    #CentralCartelera {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #ContenidoCartelera {
        overflow:scroll;
        height: 100%;
    }
	#ContenidoPoster2 {
		clear: both;
		margin-top: 5px;
	}
    #textverubicacion {
        font-size: 9px;
    }
	#Imageubicacion {
		width: 7px;
		height: 10px;
		margin-top: 0px;
		margin-left: 35%;
		clear: none;
		background-size:contain;
	}
	#Ubicacion {
		margin-top: 6px;
		height: 15px;
	}
	#VerUbicacion {
		height: 20px;
		margin-bottom: 10px;
	}
	#Texttipoprecio {
		font-size: 9px;
	}
	#Texttipoprecioproyeccion {
		font-size: 9px;
	}
	
	#Textcostoprecio {
		font-size: 9px;
	}
    #textciudad {
        font-size: 12px;
    }

    #textspan_ {
        font-size: 10px;
        letter-spacing: 3px;
    }

    #textspan1_ {
        font-size: 4px;
        letter-spacing: 3px;
    }

    #textspan2_ {
        font-size: 5px;
        letter-spacing: 3px;
    }

    #Texttitulocartelera1 {
        font-size: 9px;
    }

    #textsubtitulocartelera1 {
        font-size: 4px;
    }

    #Textidiomacartelera1 {
        font-size: 4px;
    }

    #Textgenerocartelera1 {
        font-size: 3px;
    }

    #textclas1 {
        font-size: 4px;
    }

    #SubtituloPoster1 {
        margin-left: 0px;
        margin-bottom: 5px;
    }

    #Vertrailerysinopsis1 {
        margin-top: 5px;
        margin-left: 0%;
        clear: both;
    }

    #Genero1 {
        height: 10px;
    }

    #Idioma1 {
        height: 10px;
    }

    #Imagegenero1 {
        margin-top: 1px;
        clear: none;
    }

    #Textvertrailerysinopsis1 {
        font-size: 4px;
    }

    #Imagerelojh11 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth11 {
        font-size: 5px;
    }

    #Imagerelojh21 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth21 {
        font-size: 5px;
    }

    #Texth31 {
        font-size: 5px;
    }

    #Imagerelojh31 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Imagerelojh41 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth41 {
        font-size: 5px;
    }

    #Imagerelojh51 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth51 {
        font-size: 5px;
    }

    #Imagerelojh61 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth61 {
        font-size: 5px;
    }

    #Imagerelojh71 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth71 {
        font-size: 5px;
    }

    #Texth81 {
        font-size: 5px;
    }

    #Imagerelojh81 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #textencabezadohorario {
        height: 18px;
        line-height: 1em;
    }

    #textencabezadohorario1 {
        height: 20px;
    }

    #Texttitulocartelera {
        font-size: 9px;
    }

    #SubtituloPoster {
        margin-left: 0px;
        margin-bottom: 5px;
    }

    #textsubtitulocartelera {
        font-size: 4px;
    }

    #Genero {
        height: 10px;
    }

    #textclas {
       	font-size: 8px;
    	padding-top: 0px;
    }

    #Idioma {
        height: 10px;
    }

    #Textidiomacartelera {
        font-size: 8px;
    }

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

    #Textgenerocartelera {
        font-size: 8px;
    }
	#ImGenero {
		margin-top: 1px;
		margin-left: 0px;
		clear: none;
	}
	#Vertrailerysinopsis {
        margin-top: 5px;
        margin-left: 0%;
        clear: both;
    }

    #Textvertrailerysinopsis {
        font-size: 7px;
    }

    #Imagerelojh1 {
        width: 6px;
        height: 6px;
        margin-top: 4px;
    }
	#DetalleHorario {
		margin-top: 0px;
	    height: auto;
	}
    #Texth1 {
        font-size: 9px; 
		font-family: 'Circular Std Book';
		margin-top: 3px;
        margin-bottom: 3px;
    }
	#hbdsdf {
		font-size: 10px;
		height: 22px;
		
	}
    #Imagerelojh2 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth2 {
        font-size: 5px;
    }

    #Imagerelojh3 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth3 {
        font-size: 5px;
    }

    #Imagerelojh4 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth4 {
        font-size: 5px;
    }

    #Imagerelojh5 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth5 {
        font-size: 5px;
    }

    #Imagerelojh6 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth6 {
        font-size: 5px;
    }

    #Imagerelojh7 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth7 {
        font-size: 5px;
    }

    #Imagerelojh8 {
        width: 4px;
        height: 4px;
        margin-top: 5px;
    }

    #Texth8 {
        font-size: 5px;
    }

    #textspan3_ {
        font-size: 6px;
    }

    #textspan4_ {
        font-size: 10px;
    }
}
