@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext);

p{
    font-size:14px;
}

a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
}
/********************************/
/* FONT COLOR                   */
/********************************/

body, .menu, .jezik{
    color: #000;
}

h2, nav ul a:hover{
    color: #eea016;
}

/********************************/
/* FONT SIZE                    */
/********************************/

h1{
    font-size: 20px;
}

body, .container, #kontakti p{
    font-size: 15px;
}

.uloge ul, .nagrade ul{
    font-size: 14px;
}

.menu, #germain{
    font-size: 13px;
}

h2{
    font-size: 12px;
}
/********************************/
/* LINE HEIGHT                  */
/********************************/

.uloge ul{
    line-height: 24px;
}

#o_filmu p, .producent p, #kontakti p, #kontakti a{
    line-height: 21px;
}

h1{
    line-height: 20px;
}

#festivali p, .nagrade ul{
    line-height: 19px;
}

nav ul a{
    line-height: 15px;
}

nav .menu a{
    line-height: 13px;
}

/********************************/

nav ul{
    margin-top: 10px;
}

nav ul a{
    display: block;
    padding: 0 1px 0 1px;
}

nav .menu a{
    display: block;
    padding: 1px 2px 0 2px;
}

nav ul .jezik_first a{
    padding: 0 2px 0 2px;
}

nav ul a:hover{
    background-color: #000;
}

body, .container {
    background-color: #010101;
    font-family: 'Roboto', sans-serif;
}

.container {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    background-color: #eea016;
}

nav {
    position: absolute;
    top:0;
    z-index: 3;
    width: 1024px;
    height: 36px;
    background-color: #eea016;
    opacity: 0.8;
}

#welcome {
    background-repeat: no-repeat;
    height: 763px;
    width: 100%;
}

#o_filmu {
    background-repeat: no-repeat;
    min-height: 276px;
    width: 1024px;
    overflow: hidden;
}

#fotogalerija {
    min-height: 620px;
    width: 1024px;
    background-repeat: no-repeat;
}

#festivali {
    overflow: hidden;
    min-height: 296px;
    width:100%;
    background-repeat: no-repeat;
}

#materijali {
    min-height: 501px;
    width:100%;
    background-repeat: no-repeat;
}

#kontakti {
    min-height: 397px;
    width: 100%;
    background-repeat: no-repeat;
}

footer {
    height: 118px;
    width: 100%;
    background-image: url('../images/footer.png');
    background-repeat: no-repeat;
}

nav li {
   float: left;
}

.menu_img {
    display: block;
    float: left;
    background-image: url('../images/meni.png');
    background-repeat: no-repeat;
    height: 12px;
    width: 15px;
    margin: 11px 13px 0 66px;
}

.up, h1 {
    text-transform: uppercase;
}

.jezik {
    float: left;
    font-weight: bold;
}

.jezik li {
    padding: 0 7px 0 13px;
    background-image: url('../images/divider.png');
    background-repeat: no-repeat;
    background-position: top 1px left ;
}

li.jezik_first{
    background-image: none;
    padding-left: 0;
}

.menu {
    float: right;
    margin-right: 53px;
    font-weight: 700;
}

.menu li {
    padding: 0 11px 0 18px;
    background-image: url('../images/divider2.png');
    background-repeat: no-repeat;
    background-position: top 2px left;
}

li.menu_first{
    background-image: none;
}


.trailer {
    background-image: url('../images/trailer_bg.png');
    background-repeat: no-repeat;
    float: right;
    margin-top: 178px;
    height: 292px;
    width:562px;
}

.emb_video {
    float: right;
	/*margin: 45px 67px 0 0;	- kad je bio height vimeo videa 217*/
    margin: 35px 67px 0 0;
	border: none;
}

h1 {
    font-weight: bold;
    margin-bottom: 3px;
}

.sinopsis {
    float: left;
    margin: 136px 0 32px 66px;
    width: 610px:
}

#o_filmu p {
    max-width: 610px;
}

.ekipa {
    float: left;
    margin: 0 0 0 66px;
    width: 610px;
}

.of_slash {
    float: left;
    height: 304px;
    width: 50px;
    background-image: url('../images/ofilmu_divider.png');
    background-repeat: no-repeat;
    margin: 135px 0 0 25px;
}



.uloge {
    float: left;
    margin: 136px 0 0 32px;;
}

.uloge ul {
    float: left;
    list-style: none;
    margin-top: 2px;
}

.fl_left {
    float: left;
}

.fest_slash {
    float: left;
    background-image: url('../images/festivali_divider.png');
    background-repeat: no-repeat;
    height: 161px;
    width: 27px;
    margin: 114px 0 0 66px;
}

.fest {
    float: left;
    margin: 117px 0 0 66px;
}

#festivali p {
    max-width: 350px;
}

.nagrade {
    margin: 117px 0 0 88px;
}

.nagrade ul {
    float: left;
    list-style: none;
}



#mat_jedan {
    margin: 101px 0 0 66px;
}

.plakat {
    display: block;
    margin-top: 13px;
    background-repeat: no-repeat;
    width: 231px;
    height: 330px;
}

.mat {
    margin: 258px 0 0 17px;
}

.mat h2 {
    margin-bottom: 14px;
}

.pressbook {
    display: block;
    height: 173px;
    width: 137px;
    background-color: #eea016;
}

.mat_foto {
    display: block;
    width: 136px;
    height: 173px;
    background-image: url('../images/Fotografije.jpg');
}

.mat_trl {
    display: block;
    width: 336px;
    height: 173px;
    background-image: url('../images/trailer.jpg');
}



.kont_slash {
    float: left;
    height: 212px;
    width: 27px;
    background-image: url('../images/kontakti_divider.png');
    background-repeat: no-repeat;
}

.lnk_body {
    /*font-weight: bold;*/
    text-decoration: underline;
}

.lnk_body:hover {
    text-decoration: none;
}

.producent {
    margin-left:66px;
}

#kontakti div {
    margin-top: 138px;
}

.logo1 {
    display: block;
    background-image: url('../images/forum_ljubljana.png');
    background-repeat: no-repeat;
    float: left;
    width: 85px;
    height: 44px;
    margin: 39px 22px 0 69px;
}

.fo_slash {
    float: left;
    background-image: url('../images/footer_divider.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 44px;
    margin-top: 39px;
}

.logo2 {
    display: block;
    background-image: url('../images/media_logo.png');
    background-repeat: no-repeat;
    float: left;
    width: 110px;
    height: 44px;
    margin: 39px 23px 0 20px;
}

.logo3 {
    display: block;
    background-image: url('../images/eurimages.png');
    background-repeat: no-repeat;
    float: left;
    width: 119px;
    height: 44px;
    margin: 39px 17px 0 16px;
}

.logo4 {
    display: block;
    background-repeat: no-repeat;
    float: left;
    width: 149px;
    height: 44px;
    margin: 39px 18px 0 19px;
}

.logo5 {
    display: block;
    background-image: url('../images/viba_film.png');
    background-repeat: no-repeat;
    float: left;
    width: 53px;
    height: 55px;
    margin: 28px 20px 0 20px;
}

.logo6 {
    display: block;
    background-image: url('../images/slov_film_cent.png');
    background-repeat: no-repeat;
    float: left;
    width: 78px;
    height: 61px;
    margin: 34px 0 0 15px;
}

.galerija_img {
    float: left;
    margin: 143px 0 0 79px;
}

.lijevo_gal, .desno_gal {
    position: relative;
    display: block;
    float: left;
    background-repeat: no-repeat;
    width: 48px;
    height: 44px;
	cursor: pointer;
    z-index: 2;
}

.lijevo_gal {
    background-image: url('../images/strelica_lijevo.png');
    margin: 346px 0 0 66px;
}

.desno_gal {
    float: right;
    background-image: url('../images/strelica_desno.png');
    margin: -222px 67px 0 0px; /*79 bi trebalo biti, ovako je izmjereno u PSD-u*/ /*22.09.14. - maknuo 77 i stavio 0. Margine su definirane u klasi: stepcarousel, pa ih tamo podesi prema psdu.*/  
}

.producent p {
    /*width: 245px;*/
}

#kontakti div.no_break {
    width: 1024px;
    float: left;
    margin-top: 0;
}

.about_fl {
    float: left;
    width: 676px;
}