@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,500italic,700,700italic,400italic,900,900italic&subset=latin,latin-ext);
/*
   font-family: 'Roboto', sans-serif;
   -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html
body{background: #fff;color: #333;font-family: 'Roboto', sans-serif;font-weight: normal;font-size: 14px;height: 100%;}
.container{width: 960px;margin: 0 auto;position: relative;}

a{color: #cc4d4d;text-decoration: none;}
a:hover{text-decoration: none;}

/* ==========================================================================
   ASIDE
   ========================================================================== */
aside{width: 280px;height: 100%;min-height: 100%;float: left;background: #11171c;}

/* header */
header{}
header a{color: #fff;font-weight: 100;font-size: 38px;text-align: center;display: block;padding: 30px 0;}
header a strong{font-weight: 400;color: #cc4d4d;}
header a:hover{color: #cc4d4d;}
header a:hover strong{color: #fff;}

/* search */
form#search{background: #cc4d4d;padding: 18px 0 25px 0;height: 40px;}
form#search input[type=text]{border: 0;background: none;color: #fff;outline: none;border-bottom: 2px solid #fff;padding: 9px 0;width: calc(75% - 20px);margin: 0 0 0 20px;float: left;}
form#search input[type=text]::-webkit-input-placeholder {color: #fff;}
form#search input[type=text]:-moz-placeholder {color: #fff;}
form#search input[type=text]::-moz-placeholder {color: #fff;}
form#search input[type=text]:-ms-input-placeholder {color: #fff;}
form#search input[type=submit]{width: calc(22% - 20px);height: 39px;background: url(../img/ico-search.png) no-repeat center 7px;border: 0;float: right;margin: 0 20px 0 0;}

/* user */
aside .user{background: #74c0c8;padding: 10px 20px;color: #fff;height: 70px;}
aside .user img{margin: 0 15px 0 0;float: left;width: 70px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
aside .user strong{padding: 10px 0 0 0;float: left;font-size: 16px;}
aside .user a{color: #fff;}

/* nav */
nav{padding: 20px;background: #11171c;}
nav h2{color: #3c4b54;font-size: 17px;font-weight: 400;}
nav .h{color: #3c4b54;font-size: 17px;font-weight: 400;margin-top: 30px;margin-bottom: 10px;}
nav ul{margin: 0;padding: 0;list-style: none;}
nav ul li{}
nav ul li a{color: #fff;background: url(../img/ico-play.png) no-repeat 10px center;padding: 7px 0 7px 35px;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
nav ul li a:hover, nav ul li.active a{background-color: #1c242b;}

aside .advert{margin: 20px 10px;}

/* footer */
footer{clear: both;background: #74c0c8;position: absolute;left: 0;bottom: 0;}


/* ==========================================================================
   CONTENT
   ========================================================================== */
#content{width: calc(100% - 320px);float: right;height: 100%;}
#content h1{font-weight: 300;font-size: 27px;color: #000;padding: 0;margin: 38px 0 20px 0;}
#content .advert-bottom{text-align: center;clear: both;width: 728px;margin: 0 auto;}

/* flash message */
.flash{padding: 15px 20px;background: #74c0c8;color: #fff;margin: 30px 30px 0 0;}

/* movies */
#movies{}
#movies article{width: 285px;height: 270px;font-size: 13px;float: left;margin-right: 30px;position: relative;}
#movies article img{float: left;margin: 0 15px 0 0;}
#movies article h2{font-size: 16px;margin: 0;padding: 0;}
#movies article h2 a{color: #000;}
#movies article h2 a:hover{text-decoration: underline;}
#movies article .zanr{color: #bbb;font-size: 13px;margin: 5px 0;}
#movies article .rate{float: left;margin: -9px 0 0 0;width: 87px;height: 15px;background: url(../img/stars.png) no-repeat center top;position: relative;}
#movies article .rate div{width: 87px;height: 15px;background: url(../img/stars.png) no-repeat left bottom;position: absolute;left: 0;top: 0;}
#movies article .play{float: right;font-weight: 600;font-size: 14px;background: #cc4d4d;color: #fff;margin: 10px 0 0 0;padding: 5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#movies article .play:hover{background: #11171c;}
#movies article .control{position: absolute;right: 0;top: 0;background: #fff;padding: 4px 4px 4px 10px;}
a.load-next{background: #3c4b54;height: 50px;line-height: 50px;color: #fff;padding: 0;width: calc(100% - 30px);margin: 0 0 50px 0;text-align: center;display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
a.load-next img{margin-bottom: -6px;}

/* sing in */
#signin{}
#signin input[type=text], #signin input[type=password]{float: left;margin: 5px 0;clear:both;width: 300px;border: 1px solid #ccc;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#signin input[type=submit]{float: left;margin: 5px 0;background: #cc4d4d;text-align: center;color: #fff;clear:both;width: 331px;border: 0;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#signin fieldset{border: 0;margin: 15px 0;padding: 0;}
#signin fieldset legend{font-size: 15px;font-weight: bold;}

/* sing in */
.form{}
.form input[type=text], .form input[type=password]{float: left;margin: 5px 0;clear:both;width: 600px;border: 1px solid #ccc;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.form textarea{float: left;margin: 5px 0;clear:both;width: 600px;height: 200px;border: 1px solid #ccc;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.form input[type=file]{float: left;margin: 5px 0;clear:both;width: 600px;border: 1px solid #ccc;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.form input[type=submit]{float: left;margin: 5px 0;background: #cc4d4d;text-align: center;color: #fff;clear:both;width: 631px;border: 0;padding: 10px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.form fieldset{border: 0;margin: 15px 0;padding: 0;}
.form fieldset legend{font-size: 15px;font-weight: bold;}


/* detail */
#detail{width: 70%;}
#detail img{float: left;margin: 0 20px 0 0;}
#detail .social{float: left;}

/* hodnoceni */
#rating { margin: 10px 0 0 0;padding:0;width:330px;float: right;}
#rating p { clear:both;text-align:center;padding: 10px 0 0 40px;}
#rating .unit-rating { list-style:none; margin:0; padding:0; height:54px; position:relative; float:left; text-align:left; width:330px; overflow:hidden; }
#rating .unit-rating li { text-indent:-90000px; padding:0; margin:0; float: left; }
#rating .unit-rating li a { outline:none; display:block; width:64px; height:54px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0; cursor:pointer;}
#rating .unit-rating li a:hover { z-index:2; left:0; }
#rating .unit-rating a.r1-unit { left: 0; }
#rating .unit-rating a.r1-unit:hover { width:66px; }
#rating .unit-rating a.r2-unit { left:66px; }
#rating .unit-rating a.r2-unit:hover { width: 132px; }
#rating .unit-rating a.r3-unit { left: 132px; }
#rating .unit-rating a.r3-unit:hover { width: 198px; }
#rating .unit-rating a.r4-unit { left: 198px; }
#rating .unit-rating a.r4-unit:hover { width: 264px; }
#rating .unit-rating a.r5-unit { left: 264px; }
#rating .unit-rating a.r5-unit:hover { width: 330px; }
#rating .unit-rating li.current-rating { position: absolute; height:54px; display: block; text-indent: -9000px; z-index: 1; }
#rating .unit-rating { background: url(../img/stars-big.png) 0 0 repeat-x; }
#rating .unit-rating li a:hover { background: url(../img/stars-big.png) 0 54px; }
#rating .unit-rating li.current-rating { background: url(../img/stars-big.png) 0 108px; }

/* list */
#list{position: relative;}
#list h3{background: #11171c;margin: 0;padding: 0;color: #fff;width: 50px;height: 50px;line-height: 50px;text-align: center;display: inline-block;font-size: 35px;}
#list h3.num{font-size: 20px}
#list h3 a{color: #fff;}


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