html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{font-size:12px; line-height:1; font-family:Tahoma,Geneva,sans-serif; background-color:#2b2a2a}
ol, ul{list-style:none; margin-left:20px}
blockquote, q{quotes:none}

textarea{overflow:auto}
:focus{outline:0}

ins{text-decoration:none}
del{text-decoration:line-through}

*{margin:0; padding:0}

h2{color:#84adcb; font-size:1.8em; line-height:30px; text-shadow:#000 0px 1px 2px; font-weight:normal}
.desni_2kolone h2 {
	text-shadow:none;
	font-size: 12px;
	font-style: italic;
	color: #333;
	font-weight: normal;
	line-height: 18px;
}
h3{
	font-size:1.2em;
	color:#369;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 6px;
	padding-bottom: 6px;
	text-shadow: 0px 1px 1px #FFF;

}

h1{
	text-indent: -9999px;
}
h5{font:bold 0.9em Arial,Geneva,Helvetica,sans-serif}
h4{font-size:12px; color:#036; line-height:22px; font-weight:normal}

#header_cont{width:100%; height:469px; background-image:url(images/header_bg.jpg)}

a.sivi {
	text-shadow: 0px 1px 1px #000;
}
a.sivi:link{
	color:#999;
	text-decoration:none;
	font-weight:bold;
	
}
a.sivi:visited{text-decoration:none; color:#999}
a.sivi:hover{text-decoration:none; color:#df992b}
a.sivi:active{text-decoration:none; color:#999}
a:link{
	color:#3476AB;

	text-decoration:none;
	font-style:normal;
	font-weight: bold;
}
a:visited{
	text-decoration:none;
	color:#3476AB;
	font-style:normal;
	font-weight: bold;


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

}
a:active{text-decoration:none; color:#3476AB;
}
a span{display:none}

	input[type="text"], input[type="password"], textarea, .field, .area, select{
	margin:0;
	padding-right: 5px;
	padding-left: 5px;
		}	
		
		select{width:250px;}
		select option {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px;
}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{
	background:#f5f5f5;
}
.oprojektu {
	clear: both;
	float: left;
	height: auto;
	margin-bottom: 8px;
	color: #000;
	width: 100%;
	margin-top: 12px;
}
.oprojektu p {
	color: #000;
	font-size: 14px;
}
.oprojektu span {
	font-size: 12px;
	color: #666;
	font-style: italic;
}
input.wpcf7-text, p textarea, p select {
	-webkit-box-shadow: inset 1px 1px 2px #C1BDBD;
	-moz-box-shadow: inset 1px 1px 2px #C1BDBD;
	box-shadow: inset 1px 1px 2px #C1BDBD;
	background-color: #dfdddd;
	width: 280px;
	border: 1px solid #FFF;
	padding: 8px;
	margin-bottom: 4px;
	margin-top: 4px;
	color: #000;
}
.captcha {
	-webkit-box-shadow: inset 1px 1px 2px #C1BDBD;
	-moz-box-shadow: inset 1px 1px 2px #C1BDBD;
	box-shadow: inset 1px 1px 2px #C1BDBD;
	background-color: #dfdddd;
	line-height: 24px;
	height: 24px;
	width: 80px;
	border: 1px solid #FFF;
}p textarea {
	height: 240px;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.captcha-img {
	width: 100px;
	float: left;
	margin-right: 20px;
}p input.wpcf7-text:focus, #leftcol-content p textarea:focus, .captcha:focus, #searchForm .field:focus, p select:focus {
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-color: #EBEBEB;
}
.wpcf7-form p {
	margin-top: 12px;
	color: #333;
	font-size: 1.2em;
}	
.wpcf7-form {
	padding-bottom: 20px;
}
.btn  {
	width: auto;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	border:2px solid #FFF;
	float: left;
	margin-top: 16px;
	clear: both;
	margin-bottom: 8px;
}
.desni_2kolone h3 a {	width: auto;
text-shadow:none;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	border:2px solid #FFF;
	float: left;
	margin-top: 8px;
	clear: both;
	margin-bottom: 8px;}
	
.btn:hover {
	color:#617798;
	background-color: #CCC;
}
.desni_2kolone h3 a:hover {color:#617798;
	background-color: #CCC;}

#header{height:469px; width:960px; margin-right:auto; margin-left:auto; background-image:url(images/header.jpg); position:relative}
#logo{height:100px; width:350px; position:absolute; top:20px; left:0px}
#intro{position:absolute; left:0px; top:174px; width:530px; height:200px; font-weight:normal}

.intro_bold{color:#b0cde3; font-weight:bold; font-size:1.1em}
#links{position:absolute; top:325px; width:420px; height:64px}
.top_nav{position:absolute; left:640px; width:320px; height:50px; text-align:right; top:25px}
.fot_nav{position:absolute; width:320px; height:50px; text-align:right; top:64px; left:290px}
ul.menu{margin:0; padding:0; list-style:none; clear:both}
.menu li{overflow:hidden; text-indent:5000px; display:inline; float:left}
.menu li a{background:url('images/main_nav.png') no-repeat;_background:url('images/main-nav.gif') no-repeat; width:100%; height:100%; display:block}

.menu li.pocetna{width:80px; height:50px}
.menu li.pocetna a{background-position:0px 0px}
.menu li.pocetna a:hover{background-position:0px -50px}
.menu li.pocetna a:active{background-position:0px -99px}

.menu li.omeni{width:80px; height:50px}
.menu li.omeni a{background-position:-80px 0px}
.menu li.omeni a:hover{background-position:-80px -50px}
.menu li.omeni a:active{background-position:-80px -99px}

.menu li.portfolio{width:80px; height:50px}
.menu li.portfolio a{background-position:-160px 0px}
.menu li.portfolio a:hover{background-position:-160px -50px}
.menu li.portfolio a:active{background-position:-160px -99px}

.menu li.usluge{width:80px; height:50px}
.menu li.usluge a{background-position:-240px 0px}
.menu li.usluge a:hover{background-position:-240px -50px}
.menu li.usluge a:active{background-position:-240px -99px}

.menu li.kontakt{width:80px; height:50px}
.menu li.kontakt a{background-position:-320px 0px}
.menu li.kontakt a:hover{background-position:-320px -50px}
.menu li.kontakt a:active{background-position:-320px -99px}

ul#veliki{margin:0; padding:0; list-style:none; clear:both}
#veliki li{overflow:hidden; text-indent:5000px; display:inline; float:left}
#veliki li a{background:url('images/veliki.png') no-repeat;_background:url('images/veliki.gif') no-repeat; width:100%; height:100%; display:block}

/* portfolio */
#veliki li.portfolio{width:210px; height:64px}
#veliki li.portfolio a{background-position:0px 0px}
#veliki li.portfolio a:hover{background-position:0px -64px}
#veliki li.portfolio a:active{background-position:0px -63px}


/* kontakt */
#veliki li.kontakt{width:210px; height:64px}
#veliki li.kontakt a{background-position:-210px 0px}
#veliki li.kontakt a:hover{background-position:-210px -64px}
#veliki li.kontakt a:active{background-position:-210px -63px}




#pocetna_tabla tr td div a{
	width: auto;
	text-shadow:none;
	color:#617798;
	background-color: #CCC;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border:2px solid #FFF;
	margin-top: 4px;
	clear: both;
	font-weight: normal;
}
#pocetna_tabla tr td div a:hover{
	background: #617798;
	
	color: #FFFFFF;
}

ul.web{padding:0; list-style:none; clear:both; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
.web li{overflow:hidden; text-indent:-5000px; display:inline; float:left}
.web li a{background:url('images/web.gif') no-repeat; width:100%; height:100%; display:block}

.web li{width:107px; height:22px}
.web li a{background-position:0px 0px}
.web li a:hover{background-position:0px -22px}
.web li  a:active{background-position:0px -21px}

#sadrzaj_cont{height:auto; width:100%; background-color:#e1e0e0}
#sadrzaj{height:auto; width:960px; margin-right:auto; margin-left:auto}
.opisi{font-size:1.1em; color:#666; line-height:20px; padding-right:25px; padding-left:50px}

#footer_cont{width:100%; height:206px; background-image:url(images/foot_cont_bg.jpg); background-repeat:repeat-x; background-color:#2F2F2F}

#footer{height:206px; width:960px; margin-right:auto; margin-left:auto; background-image:url(images/foot_bg.jpg); position:relative}
#foot_logo{position:absolute; top:93px; height:48px; width:173px; left:0px}
#fot_kontakt{position:absolute; top:124px; left:300px; width:300px; height:31px}

#tekst{padding-bottom:6px; margin-right:10px}
#impressum{position:absolute; right:0px; top:98px; width:240px; height:auto}
.svjetliji_sivi{
	font-size:1em;
	color:#333;
	line-height:18px;
	font-variant:normal;
	font-weight:normal;
	font-family:Verdana,Geneva,sans-serif
}
.tabla_sivi{
	font-size:1em;
	color:#333;
	line-height:18px;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	padding-right:25px;
	padding-left:25px;
	font-family:Verdana,Geneva,sans-serif
}
.lijevi_3kolone{width:520px; height:auto; float:left; margin-right:20px; background-image:url(images/border.gif); background-repeat:repeat-y; background-position:right; padding-right:20px}
.lijevi_2kolone{width:670px; height:auto; float:left; padding-right:30px}
#spacer{height:1px; width:900px; clear:both}
.desni_3kolone{float:left; width:205px; height:auto}
.desni_2kolone{float:left; width:225px; height:auto; background-image:url(images/border.gif); background-repeat:repeat-y; background-position:left; padding-left:30px}
.desni1_3kolone{float:left; width:130px; height:auto; margin-right:30px; background-image:url(images/border.gif); background-repeat:repeat-y; background-position:right; padding-right:15px}
.desni_2kolone ul {
	
	margin-bottom:20px;
	
}
.desni_2kolone ul li{
	letter-spacing:1px;
	font-size:1em;
	color:#333;
	list-style-position:outside;
	font-style:italic;
	font-weight:normal;
	margin-bottom: 6px;
	line-height: 18px;
}

.nabrajanja {
list-style-image:url(images/crtica.png);	
}

.sadrzi {
	list-style-image:url(images/kvavica.png);

}

.autori{font-size:0.90em; font-style:italic; font-weight:bold; color:#666}

#skica{margin-bottom:20px}
h3 img{margin-right:5px}
.slika{width:650px; height:150px; background-color:#3C6; margin-bottom:10px}
.clanak{width:650px; height:auto; margin-left:20px}
.clanak table{width:650px; padding:5px; background-color:#D7D7D7; height:50px; margin-bottom:30px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#EEE}

.clanak p{
	font-size:1.1em;
	color:#333;
	line-height:20px;
	font-variant:normal;
	font-weight:normal
}

.nepostoji{margin-left:auto; margin-right:auto; width:300px; height:350px}
#pocetna_tabla{width:900px; margin-right:auto; margin-left:auto}
#pocetna_tabla th{width:300px}
#pocetna_tabla tr td {
	align: center;
}
.single_sep{width:650px; height:2px; margin-top:10px; margin-bottom:15px}
.boldani{
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:1em;
	color:#D85A5A;
	text-shadow: 0px 1px 1px #FFF	
}
.vise_txt{color:#e1e0e0}
.polja{width:115px; margin-top:5px; margin-bottom:20px; height:22px; float:left}
.zeleni{color:#666}

.footer_sivi{
	font-size:1em;
	color:#666;
	line-height:18px;
	font-variant:normal;
	font-weight:normal;
	font-family:Verdana,Geneva,sans-serif
}
.citat    {
	padding-top: 10px;
	padding-left: 40px;
	background-image:url(images/navodnici.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	color: #df7979;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4em;
}
.citat p {

	color: #df7979;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4em;
	
}
.citatAutor {
	font-size: 0.8em;
	color: #666;
}