/* reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {   border: 0;   margin: 0;  padding: 0;  font-size: 100%;}

html,
body {
  height: 100%;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
}


.capa_categorias{display:none;}
.capa_mimenu{display:none;}
.capa_buscar{display:none;}

/* ============================================= UNICOS ============================================= */
.boton{padding:9px 25px;}
.parrafo_error{min-height:670px; margin:0 0 0 10px}
.parrafo_error_relacionados{min-height:30px;}


/* -------- capa cookies ------- */
#ut_container487770{display:none !important;}
#idCapaUE{width:100%;text-align:left;z-index:999;position:fixed;}
#idCapaUE + .ui-page{margin-top:55px;}

#slider{display:none;}


/* -------- caja de video cuando el video no existe ------- */
.video_no_disponible, .video_no_existe, .usuario_no_existe{width:526px;height:130px;margin:0 auto;}
div[data-url="error_video_no_existe"] .video_grande figure, div[data-url="error_usuario_no_existe"] .video_grande figure, div[data-url="error_video_no_disponible"] .video_grande figure{min-height:130px;}
div[data-url="error_video_no_existe"] .cabecera_video_grande{padding:1px;}
div[data-url="error_video_no_existe"] .cabecera_video_grande .titulo_video_grande{margin-bottom:1px;}


/* ============================================= PRINCIPALES ============================================= */

.wrapper{overflow:hidden;padding:10px 0 0 10px;}
.cabecera{float:left;width:207px;position:fixed;}
.main{min-width:526px;width:526px;margin:0 0 0 232px;position:relative;}

/* logotipo */
.logo h1 a{padding:2px 0 5px 55px; margin:0 0 10px 0;display:block;}

/* secciones */
.mi_menu, .categorias{margin:0 0 12px 0;}
.titulo_seccion{margin:0 0 10px 0;}
.logo_categorias, .logo_mimenu, .logo_buscar2{padding: 10px 0 10px 45px;}
.buscar2{display:none;}

/* menu izquierda */
nav{padding:0 0 10px 0;}
nav ul{margin:0 0 0 13px;}
.items_mimenu{margin:0 0 0 9px;}
.items_mimenu li{padding:0;margin:0;}
.items_mimenu a{margin:10px 0;padding:5px 0 5px 35px;}
nav li a{margin:10px 0;padding:0 0 0 23px;display:block;overflow:hidden;}

/* pie */
.buscar2 + footer{display:block;}
footer{display:none;}

/* buscador */
.form_buscar{margin:-10px 0 15px 0;overflow: hidden;position: fixed;z-index: 999999;height:50px;padding-top:10px;max-width:526px;width:100%;}
.caja_buscar{padding:6px 8px;width:78%;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.boton_buscar{height:29px;padding: 0 35px 0 20px;display:inline-block;margin:-2px 0 0 10px;}
input[type="text"].caja_buscar{padding:6px 8px;width:78%;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type="submit"].boton_buscar{height:29px;padding: 0 35px 0 20px;display:inline-block;margin:-2px 0 0 10px;}


/* ============================================= LOGIN / REGISTRO ============================================= */

.back_top{padding:15px;width:100%;box-sizing:border-box;overflow:hidden;margin-bottom:60px;}
.back_top a{float: left;display: block;text-indent: -999em;width: 22px;height: 22px;padding: 14px 28px 14px 0px;margin: -15px 0px -15px -15px;border-right: 1px solid rgba(255, 255, 255, 0.3)}
.error_usuario, .aviso_usuario{padding:15px;margin-bottom:30px;}

.form_login, .caja_registro{width:45%;float:left;padding:30px 40px 40px 30px;box-sizing:border-box;min-height:375px;}
.form_login .boton{margin-bottom:15px;}
.form_login h2, .caja_registro h2{margin:0 0 30px 0;font-size:120%;padding:0 0 10px 0;}
.form_login .ui-btn-inner{display:none;}
.subir_video{ width:90%; box-sizing:border-box; margin:0 auto}

.caja_registro{float:right;}
.caja_registro a{display:block;border:0;text-decoration:none;}
.caja_registro p{margin:20px 0;}

.login{width:90%;margin:0 auto;overflow:hidden;}
.login input[type="text"], .login input[type="password"], .login input[type="email"], .login select, .login .boton, .login a.boton, .login input[type="number"]{width:100%;box-sizing:border-box;}
.login .boton{margin-bottom:20px;}
.login a.boton{display:block;}
.login input[type="text"], .login input[type="password"], .login input[type="email"], .login select{margin: 0 0 2px 0;}
.login p{margin-bottom:20px;}

.form_registro{padding:5%;}


.login .caja_gris{width:100%;margin:0 auto;overflow:hidden;padding:30px;box-sizing:border-box;}
.login .caja_gris h2{margin-bottom:20px;}

.caja_gris.confirmar_email{margin-bottom:30px;}
.caja_gris.confirmar_email input[type="number"]{padding:12px;width:25%;box-sizing:border-box;float:left;margin-right:20px;}
.caja_gris.confirmar_email input[type="submit"]{float:left;padding:12px;width:25%;}

.caja_gris.usuario_activado a.boton{width:25%;}


/* ============================================= LISTADO VIDEOS ============================================= */

.usuario + .listado_videos{padding-top:13px;}
.usuario + .caja_canales_favoritos{padding-top:20px;}
.listado_videos{padding:63px 0 0 0;overflow:hidden;} /* cambio para el baner jon (29/11/2012) */
.listado_videos ul, .canales_destacados ul, .caja_canales_favoritos ul{overflow:hidden;} 
.listado_videos li, .canales_destacados li{width:160px;float:left;margin:0 0 20px 10px; /* cambio para el baner jon (29/11/2012) */position:relative;height:220px;overflow:hidden;}
/*.listado_videos li:nth-child(3n), .canales_destacados li:nth-child(3n){margin-right:0;}*/ /* cambio para el baner jon (29/11/2012) */
.banner320lista {display:none;}
 
.listado_videos figure, .canales_destacados figure, .caja_canales_favoritos figure{position:relative;margin:0 0 10px 0;}
.titulo_video{margin:0 0 2px 0;overflow:hidden;word-wrap:break-word; max-height:3.3em /* prueba 26/06/12*/}
.subtitulo_video{margin:0 0 4px 0;}
.thumbnail{height:90px;width:160px;}
.visitas_video{padding:1px 0 0 20px;}

.eliminar_relacionado{position:absolute;right:0;bottom:0;width:21px;height:20px;}

/* mas videos relacionados */
.mas_videos_relacionados{padding:15px 0 20px 13px; }
.mas_videos_relacionados a{padding:8px 35px; }
.tiempo_video{position:absolute; right:0;top:0;padding:2px 5px;z-index:100;}

/* publicidad agregada */
.bannersNuevos{width:100% !important;margin-left:0 !important;height:50px !important;}
.bannersNuevos iframe{left:50% !important;margin-left:-160px !important;position:absolute;}

.video_grande .bannerMasVideos{padding-top:20px;} 
.bannerMasVideos{overflow:hidden;padding-bottom:20px;background:#F0F0F0;text-align:center;}

/* eliminar espacio creado por la img transparente del adserver */
.listado_videos ul li ~ img{display:none;}


/* ------------- comentarios --------------- */
.comentarios{padding:15px 10px 20px 15px;}
.comentar{overflow:hidden;}
.textarea_comentar{width:99%;margin:0 0 10px 0; font-size:110%}
.boton_comentar{padding:9px 25px;}
.comentarios ul{margin:20px 0;}
.comentarios li{padding:15px 0;overflow:hidden;}
.comentarios li p{padding:0 65px 0 0;}
.icono_responder{float:right;display:block;width:10px;height:9px;margin:0 5px 0 0;}

.textarea_responder{width:99%;margin:10px 0 10px 0; font-size:110%}

.mas_comentarios{padding:15px 0 20px 13px;}
.mas_comentarios a{padding:4px 8px;}

.aviso_usuario p{margin-bottom:10px;}
.aviso_usuario .boton_login{display:block;box-sizing:border-box;width:25%;padding:9px 0;margin:0 auto;}

/* ============================================= PAGINA VIDEO ============================================= */
.video_grande{padding-top:50px;overflow:hidden;position:relative;}
.video_grande figure{position:relative;display:block;/*height:auto;*/width:526px;overflow:hidden;min-height:295px}
.tiempo_video_player{position:absolute; right:0;top:50px;padding:3px 6px;z-index:9998;display:none}

.video_player{min-height:295px;width:526px;margin:0 auto}
.video_player video{min-height:295px;width:526px;margin:0 auto;display:block;z-index:0;}
.video_object{min-height:295px;width:526px; margin-bottom:-5px; padding:0}

/* ----------- capa video--------- */
.flecha_abrir{z-index:1001;width:50px;height:30px;display:block;top:-50px;right:-476px;margin-bottom:-50px;position:relative }
.flecha_cerrar{position:absolute;z-index:9998;width:50px;height:50px;right:0;bottom:0;}

.capa_submenu_video{z-index:9999;width:100%;display:block;position:relative;top:-152px;margin-bottom:-152px;}
.capa_submenu_video_simple{z-index:9999;width:100%;display:block;position:relative;}
.fila{overflow:hidden;padding:10px 0 10px 5px;position:relative;}
.fila a:last-of-type{margin-right:0}
.fila a{ padding-left:20px}
.item{display:block;float:left;margin: 0;padding:8px}
.compartir{margin-right:30px; margin-top: 6px;}
.facebook, .twitter, .mail{padding:10px 15px; margin-top:7px}

.url_copiarvideo{float:left;overflow:hidden;  padding:0px 10px 0 36px;display: block;line-height:18px;max-height: 35px;}

/* -------------- cabecera video ----------- */ 
.titulo_video_grande{margin: 0; position: absolute;color: white; padding:10px; background:rgba(0,0,0,.5); z-index:1;max-height: 41px;overflow: hidden;line-height: 23px; right:0; left:0}

.enlaces_video_grande{overflow:hidden;}
.enlaces_video_grande a{display:block;float:left;}
.enlaces_video_grande .boton_descripcion, .boton_descripcion_off{float:right;}
.boton_descripcion, .boton_descripcion_off{margin:0 5px 0 0;padding:3px 30px 3px 10px;}

/* ------------ capa descripcion --------- */
.capa_descripcion_video{padding:15px 5px 20px 15px;position:relative;display:block;}
.texto_descripcion{overflow:hidden;}
.visitas_descripcion{float:right;display:block;margin:0 10px 1px 40px;padding:0 0 0 20px;}

.ladillo{padding:10px 0 10px 15px;}
.ladillo + .listado_videos{padding:13px 0 0 0;}/* cambio para el baner jon, antes padding-left 13px (29/11/2012) */


/* ============================================= PAGINA_USUARIOS ============================================= */
.usuario{padding:55px 0 0 0;overflow:hidden;margin:0 0 20px 0;}
.usuario img{float:left;width:100px;height:100px;margin:0 20px 0 0;}
.usuario_descripcion{margin:0 0 10px 0;}
.usuario_datos{max-height:20px;}
.usuario_vistas, .usuario_follower{padding:2px 20px 2px 20px;overflow:hidden;}
.anadir_favoritos, .quitar_favoritos{padding:4px 10px 4px 30px;}

.titulo_videos_subidos, .titulo_error_busqueda{margin:0 0 15px 10px;}
.titulo_canales_destacados{margin:35px 0 15px 10px;}

.sugerencias_busqueda{ margin:20px;}
.sugerencias_busqueda p{ margin-bottom:8px}
.sugerencias_busqueda li{ float:none; display:block; width:100%; height:auto; margin:0; padding:3px 0}

.canales_destacados{padding:33px 0 0 13px;overflow:hidden;}
/* los demas estilos en LISTADO VIDEOS */

/* ============================================= MIS CANALES FAVORITOS ============================================= */
.caja_canales_favoritos{padding:63px 20px 0 20px;overflow:hidden;}
.caja_canales_favoritos figure{float:left;position:relative;margin:0 10px 0 0;}
.caja_canales_favoritos li{width:230px;float:left;margin:0 20px 20px 0;position:relative;overflow:hidden;}
.caja_canales_favoritos li:nth-child(2n){margin-right:0;}
.titulo_canales_favoritos{margin:0 0 15px 0;}
.thumbnail_canal{height:80px;width:80px;}
.caja_canales_favoritos .titulo_video{padding:5px 0;word-wrap:break-word;max-width:140px;}


/* borrar mis canales y mis videos favorito */
.capa_borrar_favorito, .capa_borrar_canal{position:absolute;top:0;left:0;width:100%;height:100%;padding:5%;z-index:9999;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.capa_borrar_favorito p:first-of-type{margin:0 0 30px 0;}
.capa_borrar_favorito a:first-of-type{margin:0 15px 0 0;}
.capa_borrar_canal p:first-of-type{margin:0 0 10px 0;}
.capa_borrar_canal a:first-of-type{margin:0 15px 0 0;}

/* ============================================= FOOTER ============================================= */
footer{display:none;margin:20px 0;}


/* ============================================= PAGINA ERROR ============================================= */
.logo_error{height:101px;margin:0 0 30px;}



/* ============================================= ERRORES ============================================= */

.capa_error{width:50%;margin:0 auto;padding-top:60px !important;max-width:400px;overflow-x:visible !important;}
.capa_error p{margin:0 0 35px 0;}
.capa_error a{width:100%;display:block;box-sizing:border-box;padding:15px 0;}
.titulo_error{margin:0 0 20px 0;}


/* ============================================= RESETEANDO jQUERY MOBILE ============================================= */
body.ui-mobile-viewport, div.ui-mobile-viewport{overflow-x:hidden !important;}
.ui-mobile .ui-page-active {overflow-x:hidden !important;}
.ui-content{padding:0; }

.facebook {
  background: url('/img/bg_sprite_rrss.png') no-repeat 0 -45px;
}

.twitter {
    background: url('/img/bg_sprite_rrss.png') no-repeat 0 -90px;
}

.facebook, .twitter, .mail {
    padding: 16px 17px; margin-left:6px;
}

.mail { background: url('/img/bg_sprite_rrss.png') no-repeat 0 -133px;margin-right: 7px }

.capa_submenu_video_simple .btn_whatsapp {
   width: 30px;
    height: 39px;
    display: block;
    float: left;
    background: url('/img/bg_sprite_rrss.png') no-repeat 0 -168px;
    text-indent: -9999px;
    overflow: hidden;
}

.compartir {
        margin-right: 30px;
    margin-top: 6px;
    background: url('/img/bg_sprite_rrss.png') no-repeat 0 1px;
    padding: 10px 0 9px 40px;
}