/*
 * Copyright (C) 2015 Peliserie
 * wwww.peliserie.com
 *//*
    Created on : 08-ago-2015, 17:08:29
    Author     : Joan
*/

body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e4e4e4;font-family:'Open Sans', Arial, Helvetica, sans-serif;background-color: #ffffff;font-size:13px;color:#333;margin:0px;padding:0px}
*{box-sizing:border-box}
a{color:#777;text-decoration:none}
input[type=text],input[type=password],textarea,select{color:#555;border:1px solid #DDD;padding:0 15px;height:45px;width:100%;outline:0}
textarea{padding:15px;height:150px}
input[type=text]:focus,input[type=password]:focus{border:2px solid #999}
.header{background-color:#3097d1;height:50px;position:fixed;top:0;width:100%;z-index: 1002}
.header .options{float:right}
.header .options .menu{float:left}
.header .options li:last-child i{}
.header .menu{margin:0;padding:0}
.header .menu li{position:relative;float:left;list-style:none}
.header .menu li a{display:block;color:#ffffff;padding:16px 15px}
.header .menu li a:hover{color:#FFF}
.header .menu li.active a{color:#FFF}
.header .menu li.logo a{padding:15px 15px 0 0;font-family: museo-slab, Georgia, "Times New Roman", Times, serif;color:#FFF !important;color:#FFF;font-size:20px}
.header .menu li.non-responsive{display:none}
.navigation{display:none;position:fixed;z-index:1002;left:-260px;top:50px;bottom:0;width:260px;background:#3097d1}
.navigation ul{margin:0;padding:0}
.navigation ul li{list-style:none;border-bottom:1px solid #46505f}
.navigation ul li a{display:block;color:#ffffff;font-size:16px;padding:12px 15px}
.navigation ul li a:hover{background:#46505e}
.navigation ul li a i{margin-right:10px}
.navigation ul li.active a{color:#FFF}
.search-bar{display:none;position:absolute;border-bottom:1px solid #ddd;top:50px;left:0;width:100%;float:left}
.search-bar input{border:0px;width:100%;height:40px;padding:5px 5px 5px 10px;outline:0;font-size:14px;color:#999}
.search-bar input:focus{border:0}
.toggle-search{display:block}
.search-context{display:none;background:#FFF;border-top:1px solid #ddd;width:100%}
.search-context .item{display:block;border-bottom:1px solid #EEE;padding:10px}
.search-context .item:after{content:'';display:block;clear:both}
.search-context .item:hover{background-color:#EEE}
.search-context .item:last-child{border:0}
.search-context .item .poster{float:left}
.search-context .item .info{float:left;margin-left:10px}
.responsive-search{position:absolute;width:100%;background:#FFF}
.responsive-search input{width:100%;border:0;outline:0}
.responsive-search input:focus{border:0}
.overlay{display:none;position:fixed;z-index:1001;top:50px;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.6)}
.nav-overlay{display:none;position:fixed;z-index:1001;top:50px;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.6)}
.container{margin-top:50px}
.footer{color:#777;margin-top:20px;padding-bottom:15px}
.wrapper{position:relative;margin:0 auto;max-width:1230px;height:100%}
.row{overflow:hidden}
.row h1{color:#555;font-weight:100}
.media-grid{overflow:hidden;padding-bottom:20px;display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;}
.media-card{overflow:hidden;float:left;width:50%;padding:10px;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
.media-card a{display:block}
.media-card .poster{position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.media-card .poster img{display:block;margin:0;padding:0;width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:all 0.5s}
.media-card .poster img:hover{opacity:0.7 !important}
.media-card .poster .info{position:absolute;background:rgba(0, 0, 0, 0.5);color:#FFF;font-size:10px;font-weight:bold;padding:2px 10px;left:0;right:0;text-align:center;bottom:5px}
.media-card .name{padding-top:5px;text-align:center;color:#555}
.news-grid{overflow:hidden;width:300px;margin: 0 auto;padding-bottom:20px}
.news-card{overflow:hidden;width:295px;float:left;margin: 5px}
.news-card .news-card-picture{width:100%;height:190px;display:block}
.news-card .news-card-body{background-color:#FFF;width:100%;padding:15px}
.news-card .news-card-body h1{font-size:16px}
.news-card .news-card-body h1 a{color:#000}
.news-card .news-card-body p{color:#777;line-height:1.7em}
.news-card .news-card-author{background-color:#FFF;font-weight:100;color:#777;border-top:1px solid #EEE;width:100%;padding:15px}
.media-filter{overflow:hidden;margin-bottom:20px}
.media-filter .filter{float:left}
.media-filter .filter select, .media-filter .filter input[type=text]{margin-right:20px;width:100%;height:36px;float:left}
.media-filter .actions{float:right}
.col-lg-1{padding-left:10px;padding-right:10px}
.catalogue-pagination{display:block;text-align:center}
.catalogue-pagination .btn:first-child{margin-right:10px}
//FICHA
.media-profile{overflow:hidden}
.media-profile .media-backdrop{height:160px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(0%,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,0.5)));
    background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 80%);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 80%);
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 80%);padding-top:20px}
.media-profile .media-backdrop .backdrop{overflow:hidden;position:absolute;top:0;height:30%;width:100%;z-index:-1}
.media-profile .media-backdrop .backdrop img{background:#CCC;width:100%;z-index:-1}
.media-profile .media-backdrop .poster{position:absolute;background:#FFF;padding:2px}
.media-profile .media-backdrop .poster img{width:110px}
.media-profile .media-backdrop .text{position:absolute;width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;left:140px;bottom:15px;color:#FFF}
.media-profile .media-backdrop .text h1{font-weight:100;margin:0 0 5px 0}
.media-profile .media-backdrop .status{position:relative;float:right;font-weight:normal;background:rgba(0, 0, 0, 0.3);padding:5px 20px 5px 25px;font-size:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:130px}
.media-profile .media-backdrop .status i{position:absolute;left:10px;top:13px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:8px;height:8px}
.media-profile .media-backdrop .status.pending i{background:#EEE}
.media-profile .media-backdrop .status.running i{background:#a5ce44}
.media-profile .media-backdrop .status.waiting i{background:#dcd009}
.media-profile .media-backdrop .status.stoped i{background:#ed2323}
.media-profile .media-tabs{background:#FFF;overflow:hidden;padding:25px 0 0 0;border-bottom:1px solid #DDD}
.media-profile .media-tabs .buttons{overflow:hidden;border-bottom:1px solid #EEE;padding-bottom:10px}
.media-profile .media-tabs .buttons .btn{float:right;margin-right:10px}
.media-profile .media-tabs .buttons .actions{float:left;margin-top:5px;overflow:hidden}
.media-profile .media-tabs .buttons .actions a{color:#CCC;margin-right:15px}
.media-profile .media-tabs .buttons .actions a:hover{color:#000}
.media-profile .media-tabs .stats{text-align:center}
.media-profile .media-tabs .stats .cols{display:inline-block}
.media-profile .media-tabs .stats .col{float:left;text-align:center;padding:8px 10px}
.media-profile .media-tabs .stats .col span{font-weight:bold;font-size:15px;color:#999}
.media-profile .media-tabs .stats .col div{color:#9a9a9a;font-size:11px}
.media-container{background:#FFF;min-height:930px;padding:10px 0}
.media-container .media-row{border-bottom:1px solid #EEE;overflow:hidden;padding-bottom:10px}
.media-container .media-row:last-child{border-bottom:0}
.media-container .media-row h2{font-weight:100;color:#777}
.media-container .media-row p{color:#999;line-height: 1.7em}
.media-container .cast{position:relative;overflow:hidden;height:120px}
.media-container .cast .actor{overflow:hidden;width:50%;height:40px;margin-bottom:20px;float:left}
.media-container .cast .actor .photo{position:absolute}
.media-container .cast .actor .photo img{width:30px}
.media-container .cast .actor .name{width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:40px}
.media-container .cast .actor .name a{font-weight:bold}
.media-container .cast .actor .name .role{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999}
.nav-pills .collapse{display:block;cursor:pointer;margin-bottom:5px;background:#EEE;color:#777;font-weight:bold;padding:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.nav-pills .collapse a{float:right;margin-left:10px;color:#999}
.nav-pills .collapse a:hover{color:#000}
.nav-pills .pill{display:none}
.nav-pills .pill ul{margin:0px;padding:0px;overflow:hidden}
.nav-pills .pill ul li{list-style:none;padding:10px;border-bottom:1px solid #EEE;overflow:hidden}
.nav-pills .pill ul li:last-child{border-bottom:0}
.nav-pills .pill ul li a{color:#555}
.nav-pills .pill .columns-row{font-weight:bold;padding-bottom:5px;overflow:hidden}
.nav-pills .pill .columns-row .column{margin-top:0}
.nav-pills .pill .column{width:25%;float:left;margin-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-pills .pill .column.empty{color:#999}
.nav-pills .pill .column.author{display:none}
.nav-pills .pill .column:first-child img{float:right;margin-left:5px;margin-top:-4px}
.nav-pills .pill .column .actions{float:right}
.nav-pills .pill .column .actions a{float:right;margin-left:10px;color:#CCC}
.nav-pills .pill .column .actions a:hover{color:#000}
.nav-pills .pill .column .actions a.active{color:#111}
.nav-pills .pill .column .release{display:block;margin-top:5px;color:#999}
.btn{display:inline-block;cursor:pointer;outline:0;background:#FFF;font-family:inherit;font-weight:bold;color:#4e5665;text-align:center;padding:8px 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid;border-color:#cccccc #c5c6c8 #b6b7b9;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05)}
.btn.small{padding:5px 15px;font-size:12px}
.btn.big{padding:15px 20px;width:100%;font-size:14px}
.btn.blue{background:#8795a8;font-weight:100;color:#FFF;border:1px solid #738195}
.btn.blue:hover{background:#738195;font-weight:100;color:#FFF;border:1px solid #6a778a}
.account{padding:10px}
.account .body{background:#FFF;padding:20px;width:100%;margin: 0 auto}
.account .body h1{color:#777;border-bottom:1px solid #EEE;font-weight:100;margin:0;padding-bottom:10px}
.form-content{border-bottom:1px solid #EEE;padding:20px 0}
.form-content:last-child{border-bottom:0}
.form-content .form-messages{margin-bottom:10px}
.form-content .error{background-color:#dca9a9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;color:#a40000 !important;text-align:center}
.form-content .success{background-color:#a9d329;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;color:#516c00 !important;text-align:center}
.form-group{margin-bottom:15px}
.form-group:last-child{margin-bottom:0}
.form-group p{font-size:11px;color:#777}
.form-group label{display:block;font-weight:bold;margin-bottom:10px}
.form-buttons{margin-bottom:15px;text-align:right}
.form-links{text-align:center}
.form-separator{text-align:center;padding:20px 0}
.form-separator .btn.big{text-transform:uppercase}

@media screen and (min-width: 420px){
    .media-card{width:33%}
    .actor{width:33% !important;font-size:9px}
    .media-profile .media-backdrop .text{width:auto}
    
}
@media screen and (min-width: 610px){
    .media-card{width:25%}
    .news-grid{width:620px}
    .actor{width:25% !important;font-size:10px}
    .media-backdrop .text{font-size:13px !important}
    .media-profile .media-backdrop .text{width:auto}
    .nav-pills .pill .column{width:20%}
    .nav-pills .pill .column.author{display:block}
    .account{padding:50px}
    .account .body{width:500px}
    .header .options .search-bar{display:block;position:initial;width:250px;border:0;padding-top: 14px;margin-left: 20px;float:left}
    .header .options .search-bar input{padding: 5px 10px;height:25px;font-size:11px}
    .header .options .toggle-search{display:none}
    .header .responsive-search{display:none}
    .header .search-context{top:50px;width:250px}
    .header .menu li.logo a{padding:10px 0 0 0;font-size:26px}
    .media-profile .media-backdrop .status{width:auto}
    .media-filter .filter select, .media-filter .filter input[type=text]{width:185px}
}
@media screen and (min-width: 1000px){
    .media-card{width:16.66667%}
    .news-grid{width:940px}
    .actor{width:20% !important;font-size:12px}
    .media-profile .media-backdrop .text{width:auto}
    .header .menu li.non-responsive{display:block}
}

@media screen and (min-width: 1260px){
    .news-grid{width:auto}
}

.media-comments{position:relative;margin:20px 0}
.media-empty{padding:20px 0;text-align:center;color:#777}
.media-comment{overflow:hidden}
.media-comment .comment-photo{float:left}
.media-comment .comment-photo img{width:50px;height:50px;border-radius:50%}
.media-comment .comment-holder{margin-left:60px;padding:10px;border-bottom:1px solid #EEE}
.media-comment:last-child .comment-holder{border-bottom:0}
.media-comment .comment-holder .comment-header{padding-bottom:10px}
.media-comment .comment-holder .comment-header a{font-size:14px;font-weight:bold;color:#555}
.media-comment .comment-holder .comment-header span{color:#999;font-size:12px}
.media-comment .comment-holder .comment-message{color:#777;line-height:1.5em}
.media-comment .comment-holder .comment-actions{text-align:right;padding:15px 0}
.media-comment .comment-holder .comment-actions a{margin-right:10px;color:#999}
.media-comment .comment-holder .comment-actions a:hover{color:#777}
.alert{background:#FFF;border:1px solid #DDD;padding:15px;margin:10px 0}
.error-page{text-align:center;padding-top:150px;height:500px;color:#999;font-size:16px}
.search{height:450px}
.search input[type=text]{height:70px;font-size:18px}
.modal-overlay{position:fixed;background: rgba(0, 0, 0, 0.5);top:0;left:0;right:0;bottom:0}
.modal-wrapper{position:fixed;left:50%;top:50%;border-radius:5px;background:#FFF}
.modal-default-header{padding:20px;border-bottom:1px solid #EEE}
.modal-default-header i{position:absolute;cursor:pointer;top:20px;right:20px;color:#777;font-size:18px}
.modal-default-header i:hover{color:#333}
.modal-default-body{padding:0 20px}