@charset "utf-8";
/* CSS Document */
/*
 * Ime fajla		: style.css
 *
 * Fajl kreirao		: Sanja Drobac - info@sanja-drobac.com
 * Datum kreiranja	: 3.1.2015
 * Upotreba fajla	: http://www.pyroland.rs/
 * Verzija 			: 1.00
 *
 */
/*
crna: #181818
narandzasta: #eb752d
svetlosiva: #919090
*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic&subset=latin,latin-ext);
@viewport { zoom: 1.0; width: device-width; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight:300; color: #919090; background-color: #f7f7f7; }
.wrap { overflow:hidden; width:100%; }
a { transition:.5s ease-in; text-decoration:none; color:#eb752d; }
a:hover { color: #919090; }
span.keywords { color: #eb752d; text-decoration:underline; font-weight:bold; }
::selection { background: #eb752d; color: #fff; }

.back-to-top { position:fixed; bottom: 60px; right: 7px; text-decoration: none; display: none; /*width: 60px;*/width: 60px; height: 60px; background: url(/images/hit-auto-klizajuci-meni-btn.jpg) 0px 0px no-repeat; z-index:150;  text-transform:uppercase;}
a.back-to-top:hover { display:inline;/*opacity:0.77;*/ right: 10px; transition: .1s ease-in; }
.back-to-top img { width:45px; display:inline; float:left; }
.back-to-top span { display:none; line-height: 45px; }
.back-to-top:hover { width: 125px; }
a.back-to-top:hover span { display:inline; color:#eb752d; }

/* HEADER */
header { background-color:#181818; position:relative; z-index:50; }
h1 { color: #919090; line-height:20px; padding-left: 90px; }
header .logo a { display:block; position:absolute; top:-15px; left:0; }
header .logo img { width:100%; }
header .handle { display:none; }
header nav > ul { float: right; }
header nav > ul > li { float:left; padding:10px 0 15px; position:relative; }
header nav > ul > li a { display:block; font-size: 18px; line-height:30px; font-family: 'Roboto'; padding:0 20px; text-transform:uppercase;  }
header nav > ul > li a:hover { color: #fff; }
header nav ul.podmeni { position: absolute; top: 55px; left:0px; display:none; background-color: #181818; }
header nav > ul > li:hover > ul { display:block; }
header nav ul.podmeni > li { position:relative; width:350px; }
header nav ul.podmeni > li a { display:block; font-size: 16px; line-height:30px; font-family: 'Roboto'; padding:0 20px; text-transform:uppercase; padding:10px 20px 15px; }
header nav ul.podpodmeni { display:none; position: absolute; top: 0px; left:350px; display:none; background-color: #181818; }
header nav ul.podmeni > li:hover ul.podpodmeni { display:block; }
header nav ul.podpodmeni > li { position:relative; width:260px; }

/* SLIDER */
.rsNav.rsTabs { display:none; }
.rsContent { position:relative; }
.rsABlock.blockHeadline { position:absolute; left:50% !important; margin-left: -470px !important; top:20% !important; font-size: 20px; font-family: 'Roboto'; padding: 15px 20px; background-color: rgba(0,0,0,0.60); text-transform:uppercase; color: #eb752d; }
.rsABlock.slider-txt { position:absolute; left:50% !important; margin-left: -470px !important; top:20% !important; margin-top: 70px; font-size: 18px; font-family: 'Roboto'; padding: 15px 20px; background-color: rgba(0,0,0,0.60); color: #fff; }
.rsABlock.infoBlock { display:none !important; }

.unutrasnja iframe { border:1px solid #edeeef; width:100%; height:350px; }

/* CONTENT */
h2 { text-transform:uppercase; font-family: 'Roboto'; font-size: 24px; color:#eb752d; text-align:center; margin: 25px 0 20px;}
.home .sadrzaj > div { padding:10px 5px; }
.home-box { padding:15px; min-height:400px; background-color: #ecf0f1; }
.box-img img { width:100%; display:block; }
.home h3 { color: #eb752d; font-size: 20px; line-height: 40px;}
.home h3 i { margin-right: 5px; }
.box-white { background-color: #fff; }
.box-content { position:relative; top:0px; background-color: rgba(255, 255, 255, 0.7); transition:.5s ease-in; margin:0 10px; padding:0 10px 10px; }
.box-content p { text-align: justify; padding-top: 5px; min-height:140px; }
.home-box:hover .box-content { top: -40px; }
.box-link a { display:block; transition:.5s ease-in; line-height:20px; }
.box-link a:hover { padding-left: 5px; }

.breadcrumb { padding:8px 0px; }
.unutrasnja .sadrzaj { padding:20px; min-height:400px; background-color: #ecf0f1; margin:0px 0 20px; }
.unutrasnja h2 { text-align: left; margin:0px 0 15px; }
.unutrasnja .sadrzaj p { margin-bottom: 10px; margin-right: 20px; text-align: justify; }
.unutrasnja .sadrzaj .img-container { padding: 5px; margin:0 10px 10px 0; border:1px solid #eb752d; }
.unutrasnja .sadrzaj .img-container img { width:100%; display:block; }
.unutrasnja .sadrzaj > ul { list-style-type:circle; padding-left: 25px; margin-bottom: 10px; }
.unutrasnja .sadrzaj > ul ul { list-style-type:square; padding-left: 25px; }

#contact-form input, #contact-form textarea { width:100%; font-size: 15px; font-family: 'Open Sans'; font-weight: 300; color: #808181; line-height:18px; padding:10px; margin-bottom: 10px; border:1px solid #EDEEEF; }
#contact-form input:hover, #contact-form textarea:hover, #contact-form input:focus, #contact-form textarea:focus { border-color:#808181; }
#contact-form textarea { height:130px; }
#contact-form input[type="submit"] { cursor:pointer; background-color: #eb752d; color: #fff; text-transform:uppercase; font-family: 'Open Sans'; font-size: 18px; line-height:24px; font-weight:bold; border:none; }
#contact-form input[type="submit"]:hover { opacity:0.77; }

/* BOTTOM */
#bottom-wrap { background-color:#181818; height:100%;}
h4 { color: #eb752d; font-size: 15px; line-height: 30px; margin-bottom: 10px; }
.bottom-box { color: #fff; padding: 10px; }
.kontakt a { color: #fff; }
.kontakt a:hover { color: #eb752d; }
.navigacija a { color:#fff; }
.navigacija a i { margin-right: 5px; }
.navigacija a:hover { color: #eb752d; }

/* FOOTER */ 
footer { background-color:#eb752d; color: #fff; }
footer .logo img { width:50%; }
.copyright { text-align: right; line-height:59px; }
.copyright h5 { display:inline; }

@media (max-width: 767px) {
	.container { width: 100%; position:relative; margin: 0 auto; padding:0 10px; }
	
	header h1 { padding-left: 0px; text-align: center; }
	header .logo a { position:relative; top:0; text-align: center; }
	header .logo a img { width:20%; }
	header nav > ul { display:none; }
	.showing { display:block; }
	header .handle { display: block; width:100%; position:relative; font-size: 18px; font-family: 'Open Sans'; color: #fff; text-indent:30px; line-height:40px; cursor:pointer; }
	header .handle:before { content: ""; position: absolute; top: 13px; left: 5px; width: 20px; height: 3px; border-top: 7px double #fff; border-bottom: 2px solid #fff; }
	header nav > ul { float:none; }
	header nav > ul > li { float:none; }
	header nav > ul > li a { line-height:20px; text-align: center; }
	header nav ul.podmeni { position:relative; top:0; left:0; }
	header nav ul.podmeni > li { width:100%; }
	header nav ul.podpodmeni { position:relative; top:0; left:0; }
	header nav ul.podpodmeni > li { width:100%; }
	
	.rsABlock.blockHeadline { position:absolute; left:50% !important; margin-left: -350px !important; top:20% !important; display:none !important; }
	.rsABlock.slider-txt { position:absolute; left:0 !important; margin-left: 0px !important; top:10% !important; margin-top: 0px !important; font-size: 15px !important; }
	
	.unutrasnja .sadrzaj .img-container { float:none; width:100%; }
	footer .logo a { display:block; text-align: center; }
	footer .logo img { width:15%; }
	.copyright { line-height:25px; text-align: center; }
	.back-to-top img{ display: none; }
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.container { width: 750px; position:relative; margin: 0 auto; }
	header h1 { padding-left: 70px; }
	header nav > ul > li a { font-size: 16px; padding:0 10px; }
	header nav ul.podmeni { position: absolute; top: 55px; left:0px; display:none; background-color: #181818; }
	header nav > ul > li:hover > ul { display:block; }
	header nav ul.podmeni > li { position:relative; width:300px; }
	header nav ul.podmeni > li a { display:block; font-size: 14px; line-height:30px; font-family: 'Roboto'; padding:0 20px; text-transform:uppercase; padding:10px 20px 15px; }
	header nav ul.podpodmeni { display:none; position: absolute; top: 0px; left:300px; display:none; background-color: #181818; }
	header nav ul.podmeni > li:hover ul.podpodmeni { display:block; }
	header nav ul.podpodmeni > li { position:relative; width:160px; }
	
	.rsABlock.blockHeadline { position:absolute; left:50% !important; margin-left: -350px !important; top:20% !important;}
	.rsABlock.slider-txt { position:absolute; left:50% !important; margin-left: -350px !important; top:20% !important; }
	.unutrasnja .sadrzaj .img-container { float:left; width:30%; }
	.back-to-top { bottom: 90px; }
	.copyright { line-height:42px; }
}

@media (min-width: 992px) {
	.container { width: 980px; position:relative; margin: 0 auto; }
	.unutrasnja .sadrzaj .img-container { float:left; width:30%; }
	.back-to-top { bottom: 60px; }
}