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.6em; line-height:30px; text-shadow:#000 0px 1px 2px; font-weight:normal}

h3{font-weight:bold; font-size:1.1em; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}

h1{font-size:1.2em; color:#df7979; line-height:26px; font-weight:bold; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}
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: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}

#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}


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

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

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:20px;
	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}
.nabrajanja li{
	list-style-image:url(images/crtica.gif);
	letter-spacing:1px;
	font-size:1em;
	line-height:26px;
	color:#666;
	list-style-position:outside;
	font-style:italic;
	font-weight:normal
}

.sadrzi li{
	list-style-image:url(images/kvacica.gif);
	font-size:1em;
	line-height:26px;
	color:#666;
	list-style-position:outside;
	font-style:italic;
	font-weight:normal;
	letter-spacing:1px
}

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

#skica{margin-bottom:20px}
h1 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}
tr td div{height:22px; width:107px; margin-right:auto; margin-left:auto}
.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; font-weight:bold; color:#df7979}
.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
}