/* CSS Document crvena #db162e zelena #008249 */

body { background-image:url(../assets/images/pozadina.jpg); background-repeat:repeat; background-position:top left; font-family: 'Open Sans', sans-serif; font-size:14px; color:#666; }

/**********first***************/
.first { background-color:#eaeaef; text-align:left; }
.first img { margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; }
.jezici { text-align:right; }
.jezici img { margin-top:5px; margin-left:5px; }
.jezici a { color:#666; text-decoration:none; }
.jezici a:hover { color:#666; text-decoration:underline; } 
.mreze img { margin-top:5px; margin-right:5px;  }
.logo img { margin-bottom:15px; }
/**********first****************/

/**********second***************/
.second { background-color:#eaeaef; text-align:center; font-size:14px; }
.second ul { list-style:none; }
.second ul li { display:inline-block; border-right:1px solid #ccc; padding:0px 30px;  }
.second ul li:last-child { border-right:none; }
.second ul li a { text-decoration:none; color:#008249; font-size:16px; font-weight:300; }
.second ul li a:hover { text-decoration:none; color:#db162e; }
.aktivna a { color:#db162e !important; }
/**********second***************/

/**********slicice**************/
.slicice { margin-bottom:10px; }
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position:relative; min-height:1px; }
.col-xs-15 { width:20%; float:left; }
.slika { filter:none; -webkit-filter:none; filter:none; }
.slika:hover { filter:grayscale(100%); -webkit-filter:grayscale(100%); filter:gray; -webkit-transition:all .3s ease; }
/**********slicice**************/

/**********meni*****************/
.meni { padding:0; margin-top:20px; }
.meni p { background-color:#db162e; color:#fff; padding:10px; border-radius:0px; margin-bottom:0; }
.podmeni { border-bottom:0; background-image:none; padding-left:10px; }
.podmeni:hover { border-bottom:0; background-image:none; }
.aktivna-kat { position:relative; display:block; padding:10px 10px; margin-bottom:0px; border-bottom:solid 1px #dedede; color:#ca0d10; text-decoration:none; text-decoration:none; background-color:#f3f3f3; background-image:url(../assets/images/arrow_menu.png); background-position:right center; background-repeat:no-repeat; }
.aktivna-kat:hover, .aktivna-kat:focus{ text-decoration:none; color:#ca0d10; }
.aktivna-podkat { position:relative; display:block; padding:10px 0px 10px 15px; margin-bottom:0px; background-color:#f3f3f3; color:#999; text-decoration:none; background-color:#f3f3f3; }
.aktivna-podkat:hover, .aktivna-podkat:focus{ text-decoration:none; color:#999; }
/**********meni******************/

/**********sredina***************/
.sredina { background-color:#fff; margin:0px; }
.pocetnatext { padding-top:15px; }
.pocetnatext h1 { font-size:18px; color:#db162e; font-weight:400; margin-top:10px; }
.kontel { font-size:16px; color:#db162e; font-weight:400; }
.text { padding-top:15px; }
.putanja { font-size:12px; color:#999; }
.naslov { font-size:18px; color:#db162e; font-weight:400; margin-top:10px; }
.naslovkontakt { color:#db162e; width:100%; border-bottom:solid 1px #dedede; font-size:18px; padding:5px 0px 5px 0px; margin:10px 0px 10px 0px; }
.kontakt label { font-weight:400; }
.kontakt input[type="text"] { margin-bottom:15px; }
.kontakt input[type="email"] { margin-bottom:15px; }
.dugme { margin:15px 0; background-color:#db162e; color:#fff; border:0; padding:5px 20px; }
.dugme:hover { background-color:#ab192b; color:#fff; }
.obavezno { font-weight:600; color:#db162e; }
.sa-strane { border-left:solid 2px #dedede; margin-top:25px; }
.sa-strane h1 { font-size:14px; font-weight:400; color:#fff; background-color:#db162e; padding:6px; margin-top:0; }
.sa-strane ul { list-style:none; margin:0; padding:0; }
.sa-strane ul li { display:block; padding:0 5px; }
.sa-strane ul li a { text-decoration:none; color:#333; }
.sa-strane ul li a:hover { text-decoration:none; color:#666; }
/**********sredina***************/

/**********futer*****************/
.futer { background-color:#db162e; color:#fff; margin:0; padding-top:10px; padding-bottom:10px; }
.dizajn a { font-size:12px; text-decoration:none; color:#fff; }
.dizajn a:hover { text-decoration:none; color:#000; }
.prava { text-align:right; color:#fff; font-size:12px; }
.prava a { font-size:12px; text-decoration:none; color:#fff; }
.prava a:hover { text-decoration:none; color:#000; }
/**********futer*****************/


/**********Carousel Styles***************/
.carousel-indicators .active { background-color:#2980b9; }
.carousel-inner img { width:100%; max-height:560px; }
.carousel-control { margin:0; padding:0; }
.carousel-control.left, .carousel-control.right { opacity:0.2; filter:alpha(opacity=20); background-image:none; background-repeat:no-repeat; text-shadow:none; }
.carousel-control.left span { position:absolute; left:20px !important; top:45%; display:inline-block; background-color:#000; padding:2px 10px; border-radius:3px; }
.carousel-control.right span { position:absolute; right:20px !important; top:45%; display:inline-block; background-color:#000; padding:2px 10px; border-radius:3px; }
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next { position:absolute; top:45%; z-index:5; display:inline-block; }
.carousel-control.left:hover,
.carousel-control.right:hover { opacity: 1; filter:alpha(opacity=100); transition:all .6s ease; }
.header-text { position:absolute; top:20%; left:3%; right:auto; width:95%; color:#fff; }
.header-text h2 { font-size:50px; color:#fff; font-family: 'Kalam', cursive; margin-bottom:-30px; }
.header-text h3 { font-size:40px; color:#000; font-family: 'Kalam', cursive; margin-bottom:-5px; }
.header-text p { font-size:24px; color:#fff; }
/**********Carousel Styles***************/


@media (min-width: 768px) {
.col-sm-15 { width: 20%; float: left; }
}
@media (min-width: 992px) {
.col-md-15 { width: 20%; float: left; }
}
@media (min-width: 1200px) {
.col-lg-15 { width: 20%; float: left; }
}