@import url("/css/rtve.commons/rtve.basics/00_reset.css");

@import url("/css/rtve.commons/rtve.basics/01_layout.css");

@import url("/css/tipografias.css");



#LOCSTORAGE {left:-100% !important;top:-100% !important;}



/*simulacion layer por defecto*/

#moment {display:none;

width:654px;height:460px;padding:8px;margin:10% auto;cursor:pointer;border-radius:6px;box-shadow:0 0 12px #000;background:#fff;}



* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



body,.wrapper,.container {width:100%;}

body {background:url('i/background_app.png');padding-bottom:24px;display:inline-block;}

.wrapper {float:left;}

.bodier {background:white;border-radius:16px;box-shadow:0 0 36px #444;}

.bodier .tellyo-recently-shared {position:relative;}

.bodier .tellyo-recently-shared .first-movie {width:50%;position:absolute;padding:2%;}

.bodier .tellyo-recently-shared .items-list {width:100%;}

.bodier .tellyo-recently-shared .items-list li a,.bodier .tellyo-recently-shared .items-list li {border:0 none;margin:0;padding:0;}

.bodier .tellyo-recently-shared .items-list li {width:50%;float:left;padding:2%;}

.bodier .tellyo-recently-shared .items-list li:first-child {margin-left:50%;}

.bodier .tellyo-recently-shared .items-list li img {background:#efefef;}

/*cabecera*/

.header {background:url('http://img.rtve.es/css/television/masterChef/i/bkgHeader_app.png');border-bottom:1px solid #666;padding:10px 0;box-shadow:0 4px 12px #000;position:fixed;top:0;}

.header .logo {width:47%;float:left;padding:0 10px;}

.header .logo + .logo {width:53%;}

.header .logo img {float:right;width:auto;}

.header .logo + .logo img {float:left;}



/*formato 16:9*/

.bodier .tellyo-recently-shared .first-movie a,

.bodier .tellyo-recently-shared .items-list li a {position:relative;display:block;width:100%;padding-top:56.25%;overflow:hidden;background:#efefef;}

.bodier .tellyo-recently-shared .first-movie a object,

.bodier .tellyo-recently-shared .items-list li a object {position:absolute;width:100%;height:100%;display:block;top:0;/*margin-top:-56.25%;*/}

#comments {width:100%;}

.tellyo-comment {display:block;height:auto;min-height:64px;width:100%;box-shadow:inset 0 0 12px #ddd;position:relative;}

.tellyo-comment > .content {padding:0;}

.tellyo-comment .avatar {margin:0;float:left;width:48px;height:48px;display:block;position:absolute;top:8px;left:8px;}

.tellyo-comment .rest {padding:8px 0 0 64px;}

/*textos*/

.tellyo-recently-shared .meta {padding:8px;height:auto;}

.tellyo-recently-shared .title {width:80%;}

.tellyo-recently-shared .title p {height:auto;margin:0;}

.tellyo-recently-shared .title p + p {font-weight:bold;}

.tellyo-recently-shared .meta span.play-button {margin:0;}



.tellyo-comment .rest * {color:#000;font-size:120%;display:inline-block;line-height:1;}

.tellyo-comment .rest h4 {font-size:150%;color:#333;font-weight:bold;clear:both;}

.tellyo-comment .rest .time {color:#666;font-style:italic;font-weight:bold;clear:right;}

.tellyo-comment .rest .content {clear:both;width:100%;line-height:1.5;padding-right:8px;}





.header {z-index:2;}

.bodier {z-index:1;}



.bodier {padding:0.5%;width:80%;}

.tellyo-comment {height:64px;overflow:hidden;}

.header .logo img {height:60px;}

.bodier {margin-top:96px;}







#cboxLoadedContent {overflow:hidden !important;height:auto !important;}

#comments {height:17.6em !important;overflow-y:auto !important;overflow-x:hidden !important;}

#tellyo-video {width:100% !important;height:auto !important;padding-top:56.25%;display:block;overflow:hidden;} 

video#tellyo-video {padding-top:0;}/*el contenedor con el #id es el propio //VIDEO*/







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

.bodier {padding:1%;width:90%;}

.header .logo img {height:50px;}

.bodier {margin-top:86px;}

}



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

.tellyo-comment {height:72px;}

.header .logo img {height:40px;}

.bodier {margin-top:76px;}

}



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

.bodier {width:96%;}

.bodier .tellyo-recently-shared .first-movie,.bodier .tellyo-recently-shared .items-list li {width:100%;}

.bodier .tellyo-recently-shared .first-movie {position:relative;}

.bodier .tellyo-recently-shared .items-list li:first-child {margin-left:0;}



}



@media only screen and (min-width:480px) {





}



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





}