body
{
	margin:0;
	background-color:#0f2639;
	font-weight:400;
	text-rendering: optimizelegibility;
	font-family: 'Muli', sans-serif;
}

.cuadroplan
{
	overflow: hidden;
	float: left;
	border: dotted 1px #CECECE;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	margin: 8px;
	cursor:pointer;
	color: #818181;
	width: 350px;
}


.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
a
{
	text-decoration:none;
	color:inherit;
} 

img
{
	vertical-align: bottom;
}

.diversor{
	background-color:#4a83c7;;
	height: 1px;
	width: 290px;
	
}


.Dtitle{
	font-size: 18px;
	font-weight: bolder;
	margin-top: 8px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.nor{
	font-size: 15px
}

.bottstep2x
{
	overflow: hidden;
	width: 300px;
	background-color: #4a83c7;
	border: none;
	color: #fff;
	font-size: 16px;
	padding: 9px 0;
	cursor: pointer;
	margin: 5px auto 0;
}

.contenedorBanners
{
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-top:0px;
}
.banner
{
	cursor:pointer;
}

.colista
{
	padding: 1px 0;
	margin-bottom: 80px;
	width:100%;
	margin: 0 auto 80px;
	background-image:url(back.jpg);
	background-size: 98%;
	background-repeat: repeat-y;
	background-position: center;
}

.cofila
{
	overflow:hidden;
	width:96%;
	margin:13px auto 0;
}

.filmmini
{
	height:100%;
	width:100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;

}

.filmminiCap
{
	height: 120px;
	width: 200px;
	position:relative;
	margin:0 3px;
	float:left;
	overflow:hidden;
	background-position:top;
	background-repeat:no-repeat;
	cursor:pointer;
	background-size:200px 113px;
}

.imagenCapituloSeleccionado
{
	border:2px;
	border-color:#1EB8CF;
	border-collapse:collapse;
	border-style:solid;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.imagenCapitulo
{
	position:absolute; top:0px; left:0px; width:250px; height:141px;
}
.cofilat
{
	margin: 25px 0;
	overflow: hidden;
	height:200px;
}

.buscdiv
{
	width: 200px;
	padding: 4px 8px;
	font-size: 15px;
	background-color: #236777;
	border: none;
	color: #fff;
	font-weight: 300;
	margin: 20px 30px 10px;
}

.loadback
{
	position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background-image:url(backfixed.png);
	text-align:center;
	z-index:1001;
	display:none;
}

.loadback img
{
	top: 50%;
	margin-top: -66px;
	position: absolute;
	left: 50%;
	margin-left: -66px;
}

.titcontinua
{
	overflow:hidden;
}

.contidiv
{
	overflow:hidden;
	display:inline-block;
}

.temporaepi
{
	margin-top: 15px;
	overflow: hidden;
}

.detalleBoton
{
	background-position: right;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	background-image: url(minishadow.png);
}

.detalleBotonMuestra
{
	background-image:url(more.png);
	background-size:22px auto;
	color:#FFFFFF;
	background-position:275px 255px;
}

.detalleBotonOculta
{
	background-image:url(less.png);
	background-size:22px auto;
	color:#1EB8CF;
	background-position:275px 255px;
}

.detalleBoton span
{
	position: absolute;
	bottom: -2px;
	left: 5px;
	font-size:15px;
}

.detalleBotonMuestra img
{
	
	display:none !important;
}

.detalleBotonOculta img
{
	display:block !important;
	left: 50%;
	position: absolute;
	width: 48px;
	margin-left: -24px;
	top: 61px;
}

.playdeta
{
	overflow: hidden;
	height: 90px;
	width: 90px;
	position: absolute;
	background-image: url(playdetalle.png);
	top: 220px;
	left: 320px;
	background-size: cover;
	cursor: pointer;
}

.playdeta:hover
{
	background-image: url(playdetallehover.png);
}

.playdetaAudio
{
	overflow: hidden;
	height: 90px;
	width: 90px;
	position: absolute;
	background-image: url(playdetalleAudio.png);
	top: 220px;
	left: 320px;
	background-size: cover;
	cursor: pointer;
}

.playdetaAudio:hover
{
	background-image: url(playdetalleAudiohover.png);
}

.costar
{
	overflow:hidden;
	margin: 4px 0 8px;
}

.codetalle
{
	display: none;
	position:relative;
	width:96%;
	overflow:hidden;
	height:600px;
	margin:13px auto 0;
	background-position: left;
background-size: auto 103%;
	background-repeat: no-repeat;
	background-color: #142f38;
}
.fondoDetalle
{
	width: 100%; !important;
}
.codetalle img {
    width: 100%;
	height: 100%;
}

.titulo02
{
	font-size: 22px;
	font-weight:300;
	color: #F5F7F7;
	text-transform:uppercase;
	width: 96%;
	margin:10px auto;
}

.close
{
	width:30px;
	height:30px;
	background-color:#ED9FA0;
	position:absolute;
	right:5px;
	top:5px;
	overflow:hidden;
	cursor:pointer;
}

.nomus
{
	font-size:14px;
	padding-bottom:11px;
}

.fechaus
{
	font-size:8px;
}

.comenus
{
	font-size:12px;
}

.comenutop
{
	width: 100%;
	height: 135px;
	position: fixed;
	cursor: pointer;
	z-index: 4;
	background-image: url(menubck.png);
	background-position: bottom;
	background-size: 100% 135px;
	pointer-events: none;
}

.logotop
{
	width: 210px;
	height: 46px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin: 10px 0 0 -105px;
}

.logotop img
{
	width:100%;
	height:auto;
}

.coright
{
	height:36px;
	margin:17px 25px 0 0;
	float:right;
	pointer-events:auto;
}

.buscador
{
	float:left;
	overflow:hidden;
}

.buscador input
{
	background:transparent;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}

.menubtn
{
	width:33px;
	height:30px;
	margin:20px 0 0 20px;
	float:left;
	pointer-events:auto;
}

.menulateral
{
	width:100%;
	position: fixed;
	left:0;
	height: 100%;
	overflow: hidden;
	z-index: 30;
	display:none;
}

.recmenu
{
	overflow: hidden;
    float: left;
    color: #FFFFFF;
    font-weight: 300;
    padding: 21px 0 0 26px;
    background-image: url(backlate.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 500px;
    height: 100%;
    position: absolute;
    z-index: 21;
    text-transform: uppercase;
    background-size: 150% 100%;

}

.recmenu hr
{
	border:none;
	height:15px;
}

.backfix
{
	position: absolute;
	background-image: url(backfixed.png);
	background-repeat:repeat-y;
	background-size:100% 100%;
	width: 100%;
	height: 93%;
}

.botonBusquedas
{
	cursor:pointer;	
}

.botonBusquedas:hover
{
	color:#1EB8CF;
}

.lineaHorizontal
{
	width:96%;
	margin:20px auto 0;
	height:1px;
	background-image:url(line.png);
}

.noencontrado
{
	text-align: center;
padding: 18% 0;
position: relative;
}

.filtros
{
	font-size:12px;
	color:#ffffff;
	float:left;	
	cursor:pointer;
}

.filtrosSeleccionado
{
	color:#142f38;;
	background-color:#FFFFFF;
	cursor:default;	
}

.ninos
{
	background-image:url(kids.png);
	background-position:center;
	background-position: center;
background-repeat: no-repeat;
background-size: 25px;
}

.star0
{
	background-image:url(star0.png);
	width:20px;
	height:20px;	
	float:left;
	background-size: 20px 20px;
    background-repeat: no-repeat;
	margin: 0px 2px;
	cursor: pointer;
}

.star1
{
	background-image:url(star1.png);
	width:20px;
	height:20px;
	float:left;
	background-size: 20px 20px;
    background-repeat: no-repeat;
	margin: 0px 2px;
	cursor: pointer;
}
.barraProgreso
{
	height: 2px;
	background-color: #6C6C6C;
	margin: 10px 0;
}
.barraProgresoAvance
{
	height: 2px;
	background-color: #1EB8CF;
	float: left;
}

.filclass
{
	overflow: hidden;
	width: 150px;
	border: 2px solid #fff;
	border-radius: 5px;
	height: 35px;
}

.afiltro
{
	width: 73px;
    margin-right: 0;
    text-align: center;
    border-right: 2px solid #FFFFFF;
    height: 39px;
	cursor:pointer;
}

.kids
{
	background-image:url(kids.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px;
}

.kidsSeleccionado
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px;
	background-image:url(kidshover.png) !important;
	
	background-color:#FFFFFF
}

.adult
{
	background-image:url(adultos.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px;
}

.adultSeleccionado
{
	background-image:url(adultoshover.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px;
	background-color:#FFFFFF
}

.chicos
{
	background-image:url(chicos.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
}

.chicos:hover
{
}

.grandes
{
	background-image:url(grandes.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
}

.grandes:hover
{
}


.filcol
{
	overflow: hidden;
	width: 159px;
	margin: 11px 0 25px;
	border: 2px solid #fff;
	border-radius: 5px;
	height: 25px;
}

.filcol .filtros 
{
	width:51px;
	float:left;
	height: 20px;
	cursor:pointer;
	padding-top: 5px;
	text-align:center;
	border-right:2px solid #FFFFFF;
}

.filcol .filtros:nth-child(3n+0) {
	color:#FFFFFF;
	width:51px;
	float:left;
	height: 20px;
	padding-top: 5px;
	text-align:center;
	border-right:0px;
	cursor:pointer;
}

#videoDatos
{
	position: absolute;
	color: #fff;
	top:10px;
	left:10px;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.43);
}

.bnrslider
{
	width:100%;
	height: auto;
	max-height:960px;
	overflow:hidden;
}

.itemslide
{
	overflow:hidden;
	height: auto;
	width:100%;
}

.itemslide img
{
	height: auto;
	width:100%;
}

.iniciar
{
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	float: left;
	margin-right:30px;
}

.iniciar img
{
	margin: 0 6px 0 0;
}

.miPerfil img
{
	margin: 0 6px 0 0;
}
.miPerfil
{
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	float: left;
	margin-right:30px;
}

.search
{
	float:left;
}

.closemenu
{
	width:28px;
	height:28px;
	margin-bottom:15px;
	overflow:hidden;
	cursor:pointer;
	background-image:url(cerrar.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:center;
}

/*
.filclass a:nth-child(odd) {
    margin-right: 0;
    text-align: center;
    border-right: 2px solid #FFFFFF;
    height: 39px;
	cursor:pointer;
	
	background-image:url(adultos.png);
	background-position:center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	
}

.filclass a:nth-child(even) {
    width: 73px;
    margin-right: 0;
    text-align: center;
    border-right: 0px;
    height: 39px;
	cursor:pointer;
	
	background-image:url(kids.png) !important;
	background-position:center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}

*/

.filclass .filtros img
{
    width: 28px;
	margin-top: 3px;
}

.cerrarlogin
{
	position:absolute;
	top:8px;
	right:8px;
	width:22px;
	height:22px;
	cursor:pointer;
	background-image:url(cerrarlogin.png);
	background-size: 17px;
background-repeat: no-repeat;
background-position: center;
}

.detalles
{
	overflow-y: hidden;
	position: absolute;
	z-index: 2;
	right: 2px;
	color: #fff;
	top: 160px;
	width: 50%;
	font-weight: 300;
	text-align: right;
	padding-right: 20px;
}

.closedetalle
{
	width:28px;
	height:28px;
	position:absolute;
	top: 17px;
	right: 19px;
	margin-bottom:15px;
	overflow:hidden;
	cursor:pointer;
	background-image:url(cerrar.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:center;
}

.titu
{
	font-size: 48px;
	font-weight: 300;
	margin-bottom: 15px;
	position: absolute;
	width: 44%;
	right: 20px;
	color: #fff;
	text-align: right;
	height: auto;
	bottom: 420px;
}

.tituvideo
{
	font-size: 45px;
	font-weight: 300;
	margin-bottom: 1px;
	line-height: 47px;
}

.foot
{
	width: 100%;
	height: 20px;
	padding: 20px 0;
	overflow: hidden;
	color: #142f38;
	position: relative;
}

.legales
{
	float:left;
	overflow:hidden;
	color:#FFFFFF;
	font-size:16px;
	font-weight:300;
	margin-left:10px;
}

.logopie
{
	position: absolute;
	left: 50%;
	margin-left: -19px;
	width: 38px;
	height: 41px;
	background-image: url(logopie.png);
	top: 10px;
}

.menupie
{
	float:right;
	color:#fff;
	font-size:20px;
	font-weight:300;
	margin-right:30px;
}

.menupie a
{
	color:#1eb8cf;
	cursor:pointer;
	font-size:16px;
}

.itemlistado
{
	overflow: hidden;
	height: 170px;
	width: 300px;
	position: relative;
	display:inline-block;
	margin: 4px 5px;
}
.itemlistadoSeleccionado
{
	border:2px solid #1EB8CF;
}

.cali
{
	overflow:hidden;
	margin:20px 0;
}

.iconos
{
	float: right;
	margin: 20px 20px 0 0;
	width: 30px;
	height: 30px;
	position: relative;
}

.iconosdetalle
{
	float:right;
	position:relative;
	cursor: pointer;
	height: auto;
	margin: 0 10px;
	
}

.iconosdetalle img
{
	height:auto !important;
	width:100% !important;
}

.iconos .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 5;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.iconos .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.iconos:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.playdetalle
{
	width: 70px;
	height: 70px;
	background-size:100%;
	position: absolute;
	top: 240px;
	left: 345px;
	cursor: pointer;
	background-image:url(playdetalle.png);
}

.namde
{
	width:200px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.stars
{
	overflow: hidden;
	margin: 4px 0 8px;
	width: 120px;
	float: right;
}

.fecha
{
	margin: 4px 0;
	width: 180px;
	text-align: right;
	float: right;
	padding-right: 10px;
}

.intro
{
	font-weight: 300;
	font-size: 17px;
	height: 66px;
	overflow: hidden;
}

.episodio
{
	overflow:hidden;
	height: 97%;
	background-image:url(shadowepi.png);
	background-repeat:repeat-x;
	position:absolute; top:0px; left:0px;  width:100%;
}
.progresoCapitulo
{
	position:absolute; 
	top:0px; 
	left:0px;  
	width:100%;
}

.detalles select
{
	background-color:#142F38;
	color:#FFFFFF;
	font-weight:300;
	font-size:15px;
	width: 160px;
	
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.tituepi
{
	letter-spacing: 2px;
	font-weight: 300;
	padding: 5px;
	font-size: 13px;
}
.introepi
{
	letter-spacing: 2px;
	font-weight: 300;
	padding: 2px;
	font-size: 13px;
	text-overflow:ellipsis;
  white-space:nowrap; 
  overflow:hidden;
  width: 95%;
margin: 0 auto;
}

.personasBoton
{
	letter-spacing: 2px;
	font-weight: 300;
	padding: 2px;
	font-size: 13px;
	text-overflow:ellipsis;
	white-space:nowrap; 
	overflow:hidden;
	width: 95%;
	margin: 0 auto;
	cursor:pointer;
}
.personasBotonSel
{
	color:#1EB8CF;
}

.cofilat .slick-prev{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 1px;
    z-index: 3;
    display: block;
    width: 50px;
    height: 120px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
        background-image: none;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}

.cofilat .slick-next 
{
	font-size: 0;
    line-height: 0;
    position: absolute;
    top: 1px;
    z-index: 3;
    display: block;
    width: 50px;
    height: 120px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
        background-image: none;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}

.cofilat .slick-prev:hover
{
	background-size:auto 100%;
	background-position: left;
}


.cofilat .slick-next:hover
{
	background-size:auto 100% !important;
	background-position:right;
}


.tempora {
    overflow: hidden;
    float: right;
    position: absolute;
    right: 0px;
	width: 124px;
	border-right: 1px #fff solid;
}

.tempora select option
{
	padding: 2px 5px;
}

.select-style {

    background:#142f38 url("selectimagen.png") no-repeat 90% 50%;
	border: 1px solid #fff;
	width: 120px;
	border-radius: 3px;
	overflow: hidden;
	font-size: 15px;
	color: #fff;
	padding: 3px 3px;
	font-weight: 300;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

.episodiosdetalle
{
	overflow-y: scroll;
position: absolute;
z-index: 2;
right: 30px;
color: #fff;
top: 415px;
width: 50%;
margin-left: -44%;
}

.opsel
{
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	left: 10px;
	width: 40%;
	text-align: center;
}

.optiodetalle
{
	color: #FFFFFF;
	text-align: center;
	font-size: 19px;
	cursor:pointer;
	display: inline-block;
	margin: 0px 30px;
}

.onopti
{ 
color:#1EB8CF !important;
}

.optioepisodios
{
	width: 50%;
	color: #FFFFFF;
	float: left;
	text-align: center;
	font-size: 19px;
	cursor:pointer;
}

#menuLateralDiv 
{
	height: 570px;
overflow: scroll;
}

#menuLateralDiv a div
{
	margin-top:4px;
	margin-bottom:4px;
	font-size: 14px;
	margin-left:15px;
}

#timelineBuscar
{
	width: 100%;
	z-index: 999;
	height: 90%;
	overflow: scroll;
}

.audio
{
	width:30px;
	height:30px;
	overflow:hidden;
	position:absolute;
	background-image:url(audio.png);
	background-size:100%;
	z-index:12;
	top:5px;
	right:5px;
}

.contenedorlogin
{
	z-index: 30;
	position: fixed;
	width: 350px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-left: -175px;
	margin-top: -117px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	
	-webkit-box-shadow: 0px 0px 25px -7px rgba(20,47,56,1);
-moz-box-shadow: 0px 0px 25px -7px rgba(20,47,56,1);
box-shadow: 0px 0px 25px -7px rgba(20,47,56,1);
}

.contenedorlogin button
{
	background-color: #6e9de4;
	padding: 4px 8px;
	border: none;
	color: #fff;
	margin-bottom: 12px;
	font-weight: 300;
	font-size: 13px;
	cursor: pointer;
}

.contenedorlogin button:hover
{
	background-color: #4878c0;
}


.contenedorlogin p
{
	font-size: 27px;
	margin: 0;
	padding: 15px 0 20px;
	font-weight: 300;
}

.contenedorlogin a
{
	color: #68c2c9;
	font-weight: 300;
	font-size: 15px;
	background-image:url(facebook.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size: 19px;
	padding-left: 25px;
}

.divcomentarios
{
	height: 286px;
	width: 500px;
	position: absolute;
	top: 170px;
	color: #FFFFFF;
	overflow: scroll;
	right: 20px;
}

.relaciondiv
{
	overflow: hidden;
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 300px;
	margin: auto;
}

.nomvico
{
	font-size: 19px;
margin-top: 13px;
}

.agregarComentarioContenedor textarea
{
	width: 96%;
	resize: none;
	height: 60px;
	font-family: inherit;
	font-size: 15px;
	padding: 4px 2%;
	background-color: #214754;
	border: none;
	color: #fff;
}

.agregarComentarioContenedor input[type="button"]
{
	padding: 3px 0;
	border: none;
	font-weight: 300;
	font-size: 14px;
	background-color: #274d8f;
	color: #fff;
	margin-top: 10px;
	cursor:pointer;
	position: absolute;
left: 0;
top: 35px;
width: 100%;
}

.divcomentarios .introepi
{
	background-color: #123843;
	width: auto;
	padding: 7px 13px;
	overflow: hidden;
	margin: 7px 0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.divcomentarios .introepi hr
{
	display:none;
}

.trailerBanner
{
	width:60%;
	overflow:hidden;
	position: fixed;
	z-index:30;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30%;
	margin: auto;
	background-color:#FFFFFF;
}



.overnomb
{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	z-index:30;
	top:0px;
	left:0px;
	background-image:url(backfixedlizo.png);
}

.nompel
{
	color:#FFFFFF;
	font-size:34px;
	text-align:center;
}

.subnompel
{
	overflow:hidden;
	color:#FFFFFF;
	font-size:20px;
	text-align:center;
	margin-bottom: 24px;
}

.straover
{
	overflow: hidden;
	width: 215px;
	margin: 10px auto;
}

.starbig
{
	width:35px !important;
	height:35px !important;	
	background-size: 35px 35px !important;
	margin: 0px 4px !important;
}

.divcen
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50%;
	height: 30%;
	margin: auto;
}


.titu650
{
	display:none;
}


/*estilos pasos*/

.barlogo
{
	width:100%;
	overflow:hidden;
	position: absolute;
	top: 0;
	z-index: 2;
}

.barlogo img
{
	height: 40px;
	margin-left: 20px;
	margin-top: 20px;
}

.contenedor_sus{
	position: absolute;
	width: 90%;
	margin-top: 10%;
	z-index: 233;
	text-align: right;

}

.suscetra
{
	display: inline-block;
	

	width: 500px;
	height: 420px;

	background-color: #f3f3f3;
	text-align: center;

	vertical-align: top;
}

.imax{
	display: inline-block;
    
    width: 420px;
    height: 420px;



    text-align: center;
    	vertical-align: top;
}

.bottstep
{
	overflow: hidden;
	width: 300px;
	background-color: #4a83c7;
	border: none;
	color: #fff;
	font-size: 16px;
	padding: 9px 0;
	cursor: pointer;
	margin: 20px auto 0;
}

.bottstep:hover
{
	background-color: #5690d5;
}

.footsteps
{
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	color: #fff;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 300;
	z-index: 2;
}

.footsteps a
{
	cursor:pointer;
}

.footsteps a:hover
{
	color:#1eb8cf;
}

.instru
{
	color:#525252;
	font-size:18px;
	width:300px;
	margin:0 auto;
}

.fondoimagen
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	background-image:url(fondopasos.jpg);
	background-size:cover;
}

.fondoimagen img
{
	height:100%;
	width:100%;
}

.suscetra p
{
	margin: 8px auto;
	font-size: 14px;
	color: #727272;
	width: 300px;
	text-align: left;
}


.suscetra input[type="text"]
{
	width: 292px;
	padding: 4px;
	font-size: 12px;
	color: #8d8d8d;
}

.suscetra input[type="password"]
{
	width: 292px;
	padding: 4px;
	font-size: 12px;
	color: #8d8d8d;
}

.suscetra form
{
	margin-top: 25px;
}

.miPerfil div
{
	float: right;
	width: 130px;
	text-overflow:ellipsis;
  white-space:nowrap; 
  overflow:hidden; 
}

.trailerBanner img
{
	width:500px;
}

.audioTitulos
{
	position:absolute; 
	right:55px; 
	top:5px;
}

.escoje
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 300px;
	text-align:center;
	height: 30%;
	margin: auto;
}

.escoje .filtros
{
	float:none !important;
	display:inline-block !important;
}

.escoje .afiltro
{
	border:none !important;
	height: 65px !important;
	width: 65px !important;
	margin: 0 10px;
	background-color: #224450 !important;
	border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
}

.escoje .afiltro:hover
{
	background-color: #2d677c !important;
}

.escoje .adult {
  
    background-size: 44px !important;
}

.escoje .kids {
  
    background-size: 44px !important;
}

.chekxx
{
	overflow:hidden;
	text-align:center;
	margin: 15px 0 5px;
}

.suscetra input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.suscetra input[type=checkbox].css-checkbox + label.css-label {
							padding-left:25px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							color: #929292;
							margin-bottom: 5px;
							vertical-align:middle;
							cursor:pointer;

}

.suscetra input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}

.suscetra label.css-label 
{
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_fa03be34a15fdf0cf449c62e078baf4e.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
}

.muchotxt
{
	overflow: scroll;
	height: 524px;
	width: 93%;
	text-align:left;
	margin: 0px auto;
	color: #5F5F5F;
	font-size: 15px;
	margin-top:20px;
}

.ifrraad
{
	overflow: hidden;
	position: absolute;
	z-index: 0;
	border: none;
	height: 600px;
	width: 100%;
}

.masradios
{
	top: 180px;
	padding: 50px 10px 10px;
	background-image: url(backazulfmx.png);
	width: 33%;
}

.radiotem
{
	position: absolute;
	float: left;
	left: 20px;
	top:10px;
	width: 124px !important;
}

.masradios .introepi
{
	background-image: url(backazulfmx.png);
	margin-bottom: 5px;
padding: 0;
border: none;
}

.masradios hr
{
	display:none;
}

.fondoradio
{
	position: absolute;
	right: 0;
	z-index: 1;
	width: 61% !important;
	display: block;
	top: 0;
}

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

.namde {
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.logotop {
    width: 150px;
    left: 50%;
    margin: 10px 0 0 -75px;
}

.detalles {
    overflow-y: scroll;
	position: absolute;
	z-index: 2;
	right: 2px;
	color: #fff;
	top:160px;
	width: 50%;
	height: 370px;
}

.playdeta {
    left: 20%;
}

.playdetaAudio {
	left: 20%;
}

.itemlistado {
    height: 147px;
    width: 260px;
}

.slick-prev, .slick-next {
    height: 147px!important;
}

}


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


.contenedor_sus{
	position: absolute;
	width: 100%;
	z-index: 233;
	text-align: center;

}

.suscetra
{
	width: 400px;
	height: 420px;
}

.imax{    
    width: 400px;
    height: auto;
}

.codetalle {
   height: auto;
}

.titu {
    font-size: 30px;
    bottom: auto;
    top: 47px;
    width: 50%;
	text-overflow:ellipsis;
  white-space:nowrap; 
  overflow:hidden; 
}

.costar {
    margin: 0px;
}

.detalles {
  
    width: 49%;
    height: 255px;
	top:90px;
	font-size: 13px;
}

.divcomentarios {
    height: 250px;
    top: 128px;
}

.intro {
    font-size: 19px;
}

.playdeta {
    height: 70px;
    width: 70px;
	top: 153px;
    background-size: 100%;
}

.playdetaAudio {
    height: 70px;
    width: 70px;
	top: 153px;
    background-size: 100%;
}

.opsel {
    width: 51%;
}

.cate
{
	display:none;
}

.elen
{
	display:none;
}

.filmminiCap {
    height: 90px;
    width: 150px;
}

.cofilat .slick-next {
   
    height: 90px;
}

.cofilat .slick-prev {
    height: 90px;
}

.episodiosdetalle {
    top: 240px;
}

.iconosdetalle {
    margin: 0;
}

.divcomentarios {
    top: 110px;
}

.itemlistado {
    height: 136px;
    width: 240px;
}

.slick-prev, .slick-next {
   height: 136px !important;
}



.trailerBanner {
    height: 35%;
}

.trailerBanner img
{
	width:90%;
}

.ifrraad {
    position: relative;
    height: 400px;
    width: 62%;
}


.masradios {
    top: 100px;
    height: 168px;
}

}

@media only screen and (max-height: 1005px) {

.tempora {
    width: 109px;
}

.select-style {
    font-size: 13px;
    padding: 2px 3px;
    width: 141px;
}

.filmminiCap {
    height: 80px;
    width: 133px;
}

.closedetalle {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

.iconos {
    float: right;
    margin: 15px 15px 0 0;
    width: 30px;
    height: 30px;
}

.itemlistado {
    height: 125px;
    width: 220px;
}
	
.slick-prev, .slick-next {
   height: 125px !important;
}	
	
}

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

.filmminiCap {
    height:70px;
    width: 117px;
}

.cofilat .slick-next {
   
    height: 70px;
}

.cofilat .slick-prev {
    height: 70px;
}

.playdeta {
    top: 35%;
}

.playdetaAudio {
     top: 35%;
}

}

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

.contenedor_sus{
	position: absolute;
	width: 100%;
	z-index: 233;
	text-align: center;

}

.suscetra
{
	width: 400px;
	height: 420px;
}

.imax{    
    width: 400px;
    height: auto;
}


.tempora {
    float: left;
    position: relative;
    left: 0px;
    width: 124px;
	margin-right:10px;
}

.temporaepi {
    margin-top: 0px;
}

.cofilat {
    margin: 0px 0;
    height: 70px;
}

.episodiosdetalle {
    left: 14px;
    top: 14px;
   width: 376px;
    margin-left: 0;
}

.divcomentarios {
    height: 170px;
	width: 400px;
    top: 92px;
}

.radiotem {
    position: absolute !important;
    left: 20px !important;
    top: 10px !important;
}

.masradios {
    top: 100px !important;
    height: 168px !important;
	right:40px !important;
	left: 52% !important;
}

.tituvideo {
    font-size: 27px;
}

.trailerBanner {
    height: 40%;
	background-color:transparent;
	width: 90%;
}

}

@media only screen and (max-height: 780px) {

.contenedor_sus{
	position: absolute;
	width: 100%;
	z-index: 233;
	text-align: center;

}

.suscetra
{
	width: 400px;
	height: 420px;
}

.imax{    
    width: 400px;
    height: auto;
}


.divcomentarios {
    height: 149px;
}

.itemlistado {
    height: 113px;
    width: 200px;
}
	
.slick-prev, .slick-next {
   height: 113px !important;
}

.miPerfil {
    margin-right: 10px;
}

.tituvideo {
    font-size: 30px;
}

.relaciondiv {
    width: 100%;
    text-align: center;
}

}

@media only screen and (max-height: 700px) {

#menuLateralDiv {
    height: 70%;
    overflow: scroll;
}

.contenedor_sus{
	position: absolute;
	width: 100%;
	z-index: 233;
	text-align: center;

}

.suscetra
{
	width: 400px;
	height: 420px;
}

.imax{    
    width: 400px;
    height: auto;
}
	
}

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


	.contenedor_sus{
	position: absolute;
	width: 100%;
	z-index: 233;
	text-align: center;

}

.suscetra
{
	width: 400px;
	height: 420px;
}

.imax{    
    width: 400px;
    height: auto;
}
	
.codetalle {
    height:auto;
    background-position: center;
    background-size: auto 100%;
}

.detalles {
   	width: 100%;
  	height: 430px;
	position: relative;
	margin: 200px 0 0 0;
	background-image:url(fondodetalle650.png);
	background-size: 100% 100%;
	padding: 0;
	right: 0;
	left: 0;
}

.tituvideo {
    font-size: 31px;
}

.divpro
{
	margin-right: 15px;
}

.intro {
    font-size: 16px;
    float: right;
    margin-right: 16px;
}

.reco
{
    float: right;
    margin-right: 16px;
}

.comdiv
{
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 350px;
	background-image:url(fondodetalle650.png);
	background-size: 100% 100%;
}

.divcomentarios {
   	height: 286px;
	width: 80%;
	position: absolute;
	color: #FFFFFF;
	overflow: scroll;
	left: 50%;
	top: auto;
	bottom: 60px;
	margin-left: -40%;
}


.episodiosdetalle {
   z-index: 2;
	left: 50%;
	top: 456px;
	width: 94%;
	margin-left: -47%;
}

.iconosdetalle img {
    height: auto !important;
    width: 100% !important;
	display:block !important;
}

.codetalle img {
	display:none;
}

.playdeta {
  	 top: 16%;
    left: 50%;
    margin-left: -35px;
}

.playdetaAudio {
    top: 16%;
    left: 50%;
    margin-left: -35px;
}

.titu {
	display:none;
}

.titu650
{
	display:block;
	font-size:28px;
	color:#FFFFFF;
	font-weight:300;
	overflow:hidden;
	margin-right: 16px;
	text-shadow: 0px 0px 10px rgba(20, 47, 56, 1);
}

.barraProgreso {
    margin: 10px 0;
    width: 80%;
    float: right;
}

.pais
{
	float: right;
	overflow: hidden;
	margin: 10px 16px;
	width: 66%;
}

.titulo02 {
    font-size: 19px;
}

.iconos {
    margin: 10px 20px 0 0;
}

.personasBoton {
    font-size: 12px;
}

.tituvideo {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 1px;
    line-height: 47px;
}

.opsel {
    width: 100%;
	z-index: 10;
}

.optiodetalle {
    margin: 0px 15px;
	font-size:18px;
}

.fecha {
    width: 200px;
}

.costar {
    margin: 0px 20px 0 0;
    float: right;
}

.temporaepi {
    margin-top: 38px;
}

.tempora {
    position: absolute;
}

.itemlistado {
    height: 102px;
    width: 180px;
}
	
.slick-prev, .slick-next {
   height: 102px !important;
}

.miPerfil {
	display:none;
}

.tituvideo {
    font-size: 25px;
}
.audioTitulos
{
	display:none;
}

.ifrraad {
    height: 380px;
    width: 100%;
}

.masradios {
    top: 55px !important;
    right: 20px !important;
    left: auto !important;
    width: 395px !important;
}

}

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



.cuadroplan
{

	width: 300px;
}

.contenedor_sus{
	margin-top: 80px;
	position: absolute;
	width: 100%;
	z-index: 233;
	text-align: center;

}

.suscetra
{
	width: 340px;
	height: auto;
	padding-bottom: 10px;
}

.imax{    
    width: 340px;
    height: auto;
    margin-bottom: 10px;
}

.iniciar {
	display:none;
}

.foot {
    height: auto;
    position: relative;
}


.legales {
    float: none;
    font-size: 15px;
    margin-left: 0;
    text-align: center;
}
	
.menupie {
    float: nove;
    font-size:17px;
    margin-right: 0;
	text-align:center;
}	

.logopie {
    position: relative;
    width: 98%;
    height: 41px;
	left:0;
    background-image: url(logopie.png);
    background-position: center;
    background-repeat: no-repeat;
    margin: 15px auto;
}

.search {
    float: right;
}

.titulo02 {
    font-size: 18px;
}

.pais {
    margin: 0px 16px;
}



.Dtitle{
	font-size: 18px;
	font-weight: bolder;
	margin-top: 8px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}


.fondoimagen {
    top: 0;
}

.footstepsx {
    position: relative;
}
	
}

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

.detalles {
    height: 490px;
}	

.episodiosdetalle {
    top: 500px;
}

.bottstep {
    width: 60%;
}

.instru {
    width: 80%;
}
	
}


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




.coright {
    margin: 17px 10px 0 0;
    float: right;
}
	
.titulo02 {
    font-size: 16px;
}

.episodiosdetalle {
    top: 530px;
}

.suscetra input[type="text"] {
    width: 202px;
    margin: 0 auto 5px;
}



.suscetra input[type="password"] {
    width: 202px;
    margin: 0 auto 5px;
}

.nor{
	font-size: 12.5px
}

.bottstep2x {    
    width: 210px;
    font-size: 14px;
    margin: 0px auto;
}
	
.relaciondiv {
    height: 400px;
}

.tituvideo {
    font-size: 22px;
}

.suscetra p {
    width: 90%;
}
	
}