@charset "utf-8";
/******************************************************************
Project: Domzastare-siguranzivot.co.rs
Code by: Milos Zekovic from Etik.Web | etik.rs - miloszekovic.com
******************************************************************/

/* global css */
html, body, div, span, section, article, header, footer, nav, aside, hgroup, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, b, u, i, ol, ul, li { margin:0; padding:0; border:0; }
body { background:#f9f9f9; color:#666; text-shadow:0 1px 0 #fff; font-size:15px; font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif; line-height:26px; }
body, body * { -webkit-text-size-adjust:none; }
div, span, section, article, header, footer, nav, aside, hgroup, h1 { float:left; }
ul, ol, li { list-style:none; float:left; }
h2, h3, h4, h5 { width:100%; font-weight:normal; color:#1eb6ac; float:left; font-size:28px; }
a { color:#1eb4ab; text-decoration: none; }
a:hover { color:#bac12b; }
a:active { color:#999; }
img { float:left; font-size:13px; }
p { float:left; }
a, p a, a img { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }

.centering { display:block; margin:0 auto 0 auto; float:none; }

.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#wrapper, header, footer, .blok-space-top, .blok-space, #naslovna, #o-nama, #usluge, #fotografije, #kontakt, .slider, .slides, .slide, .line-top, .line-bottom, #o-nama article p, #usluge article p, .slide img, #o-nama aside em, #o-nama aside .video, #o-nama aside .video img, #usluge ul, #usluge ul li, #usluge aside .service-a, #usluge aside .service-b, #usluge aside .service-c, #usluge aside img, #fotografije article, #fotografije article ul, #fotografije article ul li img, #kontakt article p, #kontakt article .social, #kontakt aside #map-canvas, footer .top-b, #kontakt article em, #kontakt article b { width:100%; }

.container { margin:0 auto 0 auto; float:none; }

.blok-space-top, .blok-space { height:126px; display:block; text-indent:-9999px; }
.blok-space { height:50px; }

header article *, footer *, #fotografije * { text-shadow:none; }

.slide img, #o-nama aside .video img, #fotografije article ul li img, #usluge aside img { height:auto; }

/* header */
header { height:125px; position:fixed; z-index:444; background:url(../images/ui/header-bg.png) repeat #1fbbb1; background-size:148px 148px; }
header h1 { margin-top:17px; }
header h1 img { width:348px; height:86px; }
header article, header .tagline, header .nav { float:right; }
header .tagline, header .nav { clear:both; }
header .tagline { margin:23px 0 7px 0; }
header .tagline i { font-size:13px; float:left; color:#075d59; margin:1px 12px 0 0; }
header .tagline i strong { font-size:10px; font-weight:normal; }
header .tagline img { width:30px; height:30px; }
header .nav li { margin-left:20px; }
header .nav li a { display:block; padding:10px; color:#fff; font-size:16px; }
header .nav li:last-child a { padding-right:0; }
header .nav li.current a { color:#75fff9;}
header .tagline.second { display:none; }

/* footer */
footer { height:70px; padding-top:20px; background:url(../images/ui/header-bg.png) repeat #1fbbb1; background-size:148px 148px; border-top:1px solid #fff; }
footer img { width:220px; height:53px; margin-right:20px; }
footer p { font-size:12px; line-height:22px; color:#bbfcf9; margin-top:6px; }
footer p a { color:#e3fefd; border-bottom:1px solid #058179; }
footer p a:hover { color:#e3fefd; border-bottom:0; }
footer p u { text-decoration:none; }
footer span { float:right; margin-top:27px; }
footer span a { display:block; font-size:12px; width:140px; font-style:italic; line-height:24px; height:20px; background:url(../images/ui/etik.png) right no-repeat; background-size:35px 20px; color:#adf0ec; }
footer span a:hover { color:#e3fefd; }
footer span a:active { color:#adf0ec; }
footer span b, footer .top-b { display:none; }

/* home slider */
.line-top, .line-bottom { border-top:1px solid #fff; border-bottom:1px solid #fff; height:15px; background:url(../images/ui/line-top.png) center no-repeat #bdc32b; }
.line-bottom { background:url(../images/ui/line-bottom.png) center no-repeat; }
.slider { position:relative; z-index:22; overflow:hidden; }
.slides { overflow:hidden; *zoom:1; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; }
.slide { clear:none; }
.slider-nav, .slider-arrow, .slider-b { display:none; }

/* pages global */
#o-nama, #usluge, #kontakt { padding-bottom:50px; }
#o-nama article, #usluge article { width:70%; padding-right:80px; }
#o-nama article p, #usluge article p { margin-top:15px; text-align:justify; }
#o-nama article h2, #usluge article h2, #fotografije article h2, #kontakt article h2 { margin-bottom:10px; }
#o-nama article p.small, #usluge article p.small, #usluge ul.small li { font-size:13px; line-height:24px; }
#o-nama aside, #usluge aside { width:30%; }
#o-nama aside h4, #usluge aside h3, #usluge aside h4 { padding:2px 0 0 10px; font-size:22px; color:#bac12b; }

/* o nama */
#o-nama article h3 { font-size:22px; color:#b9c262; margin-top:30px; }
#o-nama aside em { float:left; padding:0 10px 0 10px; font-size:12px; color:#888; line-height:22px; }
#o-nama aside .video { margin:10px 0 10px 0; }
#o-nama aside .video img { border:10px solid #c7ce39; }
#o-nama aside .video img:hover { border:15px solid #d16d3c; }
#o-nama aside .video img:active { border:15px solid #999; }

/* usluge */
#usluge { background:#fff; }
#usluge article h2, #usluge aside h3, #kontakt article h2 { color:#0790f2; }
#usluge ul { padding-left:10px; }
#usluge ul li { padding:6px 0 0 20px; font-size:14px; color:#777; line-height:24px; background:url(../images/ui/spot.png) left no-repeat; background-size:10px 12px; }
#usluge ul.small li { background:url(../images/ui/spot-b.png) left no-repeat; background-size:8px 12px; }
#usluge p.small { margin-top:25px; }
#usluge aside h4 { color:#d16d3c; }
#usluge aside .service-a, #usluge aside .service-b, #usluge aside .service-c { padding:14px 20px 14px 20px; line-height:26px; color:#fff; text-shadow:none; }
#usluge aside .service-a { background:#0790f2; margin:13px 0 1px 0; }
#usluge aside .service-b { background:#1b79bd; margin-bottom:38px; }
#usluge aside .service-c { background:#d16d3c; margin-top:13px; }

/* fotografije */
#fotografije { padding-bottom:40px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(../images/ui/foto-bg.png) repeat #bac12b; background-size:148px 148px; }
#fotografije article h2, #fotografije article p { color:#fff; }
#fotografije article p { margin-top:10px; font-size:14px; line-height:25px; }
#fotografije article ul { margin-top:35px; }
#fotografije article ul li { width:10%; padding:0 10px 10px 0; }
#fotografije article ul li img { border:6px solid #fff; }
#fotografije article ul li img:hover { border:10px solid #d16d3c; }
#fotografije article ul li img:active { border:10px solid #999; }

/* kontakt */
#kontakt article { width:30%; padding-right:20px; }
#kontakt article h2 { margin-bottom:30px; }
#kontakt article p { padding-left:43px; margin-bottom:30px; }
#kontakt article em, #kontakt article b { font-weight:normal; float:left; margin:5px 0 10px 0; color:#999; }
#kontakt article b { margin-bottom:30px; }
#kontakt article b strong { font-weight:bold; }
#kontakt article p.address { background:url(../images/ui/icon-home.png) left no-repeat; background-size:31px 29px; }
#kontakt article p.phone { background:url(../images/ui/icon-phone.png) left no-repeat; background-size:31px 33px; }
#kontakt article p.email { height:24px; background:url(../images/ui/icon-email.png) left no-repeat; background-size:31px 24px; }
#kontakt article .social img { width:60px; height:60px; margin-right:3px; }
#kontakt aside { width:70%; height:410px; border:10px solid #fff; margin-top:20px; }
#kontakt aside:hover { border:10px solid #d16d3c; }
#kontakt aside.map iframe { height:390px !important; }

/* responsive */
@media screen and (max-width:5000px) {
	.container { width:80%; }
}
@media screen and (max-width:1300px) {
	.container { width:84%; }
	header { height:111px; }
	.blok-space-top { height:112px; }
	header h1 { margin-top:20px; }
	header h1 img { width:290px; height:70px; }
	header .tagline { margin:22px 0 0 0; }
	header .nav li a { font-size:15px; }
	header .nav li { margin-left:15px; }
	#o-nama article, #usluge article { padding-right:60px; }
	#o-nama aside .video { margin:15px 0 15px 0; }
	#fotografije { padding-bottom:45px; }
	#fotografije article ul li { padding:0 5px 5px 0; }
	#usluge aside .service-a, #usluge aside .service-b, #usluge aside .service-c { line-height:24px; }
	#kontakt article em, #kontakt article b { font-size:14px; }
}
@media screen and (max-width:1100px) {
	.container { width:86%; }
	header { height:106px; }
	.blok-space-top { height:107px; }
	header h1 { margin-top:23px; }
	header h1 img { width:260px; height:63px; }
	header .tagline { margin:21px 0 0 0; }
	header .tagline img { width:26px; height:26px; }
	header .nav li { margin-left:11px; }
	#o-nama article, #usluge article { padding-right:40px; }
	#o-nama article p, #usluge article p { margin-top:10px; font-size:14px; line-height:24px; }
	#fotografije article ul { margin-top:20px; }
	#fotografije article ul li { width:11%; padding:0 5px 5px 0; }
	#usluge aside .service-a, #usluge aside .service-b, #usluge aside .service-c { line-height:20px; font-size:13px; }
	#kontakt article em, #kontakt article b { font-size:13px; }
	#kontakt article p { font-size:14px; }
	footer { height:58px; padding-top:22px; }
	footer img { width:160px; height:39px; margin-right:15px; }
	footer p { font-size:11px; line-height:20px; margin-top:2px; }
	footer span { margin-top:21px; }
	footer span a { font-size:11px; line-height:22px; }
	.line-top, .line-bottom { height:10px; background-size:2000px 10px; }
	
	.slider-a { display:none; }
	.slider-b { display:block; }
}

@media screen and (max-width:950px) {
	header h1 { margin-top:26px; }
	header h1 img { width:240px; height:58px; }
	header .nav li { margin-left:5px; }
	header .nav li a { font-size:13px; }
	#o-nama article, #usluge article { width:60%; }
	#o-nama aside, #usluge aside { width:40%; }
	footer img { display:none; }
	#kontakt article p { font-size:13px; }
	#kontakt article { width:40%; padding-right:30px; }
	#kontakt aside { width:60%; }
	.line-top, .line-bottom { height:8px; background-size:1600px 8px; }
}

@media screen and (max-width:800px) {
	.container { width:94%; }
	header { height:80px; }
	.blok-space-top { height:81px; }
	header h1 { margin-top:14px; }
	header h1 img { width:200px; height:49px; }
	.blok-space { height:30px; }
	header .tagline { margin:27px 0 0 0; }
	#o-nama article, #usluge article { padding-right:30px; }
	#o-nama article h2, #usluge article h2, #fotografije article h2, #kontakt article h2 { font-size:21px; }
	#o-nama article p, #usluge article p, #fotografije article p { margin-top:7px; font-size:13px; line-height:21px; }
	#o-nama aside h4, #usluge aside h3, #usluge aside h4 { padding:1px 0 0 5px; font-size:18px; }
	#o-nama, #usluge, #kontakt { padding-bottom:30px; }
	#fotografije { padding-bottom:25px; }
	#fotografije article ul li { width:20%; padding:0 5px 5px 0; }
	header .tagline i { font-size:12px; margin:4px 9px 0 0; }
	header .tagline img { width:30px; height:30px; }
	footer span { margin-top:22px; }
	footer span a { width:125px; font-size:11px; line-height:20px; height:16px; background-size:28px 16px; }
	footer { height:55px; padding-top:12px; }
	
	header .nav { display:none; }
}

@media screen and (max-width:600px) {
	.line-top, .line-bottom { height:5px; background-size:1000px 5px; }
	header { position:inherit; height:70px; }
	.blok-space-top { height:0; }
	header h1 { margin-top:13px; }
	header h1 img { width:170px; height:41px; }
	header .tagline { margin:17px 0 0 0; }
	header .tagline i { font-size:12px; text-align:right; margin:0; line-height:20px; }
	.blok-space { height:20px; }
	#o-nama, #usluge, #kontakt { padding-bottom:20px; }
	#fotografije { padding-bottom:15px; }
	#kontakt article .social img { width:40px; height:40px; margin-right:0; }
	#kontakt article h2 { margin-bottom:30px; }
	#kontakt article p { padding-left:43px; margin-bottom:25px; }
	footer { height:53px; padding-top:12px; }
	#o-nama aside .video img { border:5px solid #c7ce39; }
	#o-nama aside .video img:hover { border:10px solid #d16d3c; }
	#o-nama aside .video img:active { border:10px solid #999; }
	#o-nama article p.small, #usluge article p.small, #usluge ul.small li { font-size:12px; line-height:20px; }

	header .tagline.second { display:block; }
	header .tagline.one, footer p u { display:none; }
}

@media screen and (max-width:524px) {
	#o-nama article, #usluge article, #kontakt article, #o-nama aside, #usluge aside, #kontakt aside { width:100%; }
	#o-nama article, #usluge article { padding-right:0; }
	header .tagline { margin:18px 0 0 0; }
	header .tagline i { font-size:11px; line-height:18px; }
	.blok-space { height:10px; }
	#o-nama, #usluge, #kontakt { padding-bottom:10px; }
	#o-nama article h2, #usluge article h2, #fotografije article h2, #kontakt article h2 { font-size:18px; margin-bottom:0; }
	#o-nama article p, #usluge article p, #fotografije article p { margin-top:8px; font-size:12px; line-height:19px; }
	#o-nama aside h4, #usluge aside h3, #usluge aside h4 { padding:0; font-size:16px; }
	#o-nama article h3 { font-size:18px; margin-top:14px; }
	#o-nama aside h4 { margin-top:14px; }
	#o-nama aside .video { margin:8px 0 8px 0; }
	#o-nama aside em { float:left; padding:0 5px 0 5px; font-size:11px; color:#999; line-height:18px; }
	#usluge p.small { margin-top:12px; }
	#usluge aside h3, #usluge aside h4 { padding:16px 0 0 0; }
	#usluge aside h4 { color:#d16d3c; margin-bottom:-7px; }
	#usluge aside .service-a, #usluge aside .service-b, #usluge aside .service-c { padding:8px 13px 8px 13px; }
	#usluge aside .service-a { margin:5px 0 1px 0; }
	#usluge aside .service-b { background:#1b79bd; margin-bottom:0; }
	#usluge aside .service-c { background:#d16d3c; margin-top:13px; }
	#fotografije article ul li { padding:0 3px 3px 0; }
	#fotografije article ul li img { border:3px solid #fff; }
	#fotografije article ul li img:hover { border:5px solid #d16d3c; }
	#fotografije article ul li img:active { border:5px solid #999; }
	#fotografije { padding-bottom:11px; }
	#fotografije article ul { margin-top:10px; }
	#fotografije article h2 { margin-bottom:0; }
	#kontakt article { padding-right:0; }
	#kontakt article h2 { margin-bottom:10px; margin-top:5px; }
	#kontakt article p { margin-bottom:15px; font-size:14px; }
	#kontakt article em, #kontakt article b { margin:5px 0 10px 0; }
	#kontakt aside { height:300px; border:5px solid #fff; }
	#kontakt aside:hover { border:5px solid #d16d3c; }
	footer { height:auto; padding:10px 0 10px 0; }
	footer span { margin-top:7px; margin-left:50px; }
	footer span a { width:107px; font-size:10px; height:12px; line-height:16px; background-size:21px 12px; }
	#usluge ul li { font-size:12px; line-height:22px; background-size:10px 12px; }
	
	footer .top-b { display:block; }
	footer .top-a { display:none; }
	footer .top-b { margin-top:20px; }

	#kontakt aside.map iframe { height:290px !important; }
}

@media screen and (max-width:400px) {
	.container { width:90%; }
	header { height:60px; }
	header h1 { margin-top:9px; }
	header h1 img { width:173px; height:42px; }
	#o-nama article h2, #usluge article h2, #fotografije article h2, #kontakt article h2 { font-size:16px; }
	#o-nama article p, #usluge article p, #fotografije article p { margin-top:8px; font-size:12px; line-height:19px; }
	#fotografije article ul li { width:25%; }
	#kontakt article em, #kontakt article b { margin:10px 0 0 0; }
	#kontakt article b { margin-bottom:10px; }
	#kontakt article p.email { line-height:23px; font-size:12px; }
	footer span a { line-height:13px; }
	
	header .tagline.second { display:none; }
}

/* hovers and actives */
a img:hover, header .nav li a:hover, footer p a:active, footer span a:active { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
a img:active, header .nav li a:active { opacity:.60; -moz-opacity:.60; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; }