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; background:transparent}
body{font-size:12px; background-image:url(slike/body_bg.gif); background-repeat:repeat-x; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}
#container{
	width:780px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	position: relative;
}

.right{float:right}
.left{float:left}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.justify{text-align:justify}
.hide{display:none}
.clear{clear:both}
.bold{font-weight:bold}
.italic{font-style:italic}
.underline{border-bottom:1px solid}
.highlight{background:#ffc}
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignleft{float:left; margin:4px 10px 4px 0}
img.alignright{float:right; margin:4px 0 4px 10px}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix{display:block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}

a:active{color:#F60; text-decoration:none}
a.top:link, a.top:visited{color:#666; text-decoration:none}
a.top:hover{color:#F90; text-decoration:none}
a.top:active{color:#111; text-decoration:none}
a.main:link, a.main:visited{color:#FFF; text-decoration:none}
a.main:hover{color:#F90; text-decoration:none}
a.main:active{color:#FFF; text-decoration:none}
a.box:link, a.box:visited{color:#069; text-decoration:none}
a.box:hover{color:#F90}
a.box:active{}

a.button{width:100px; height:30px; display:block; background-image:url(slike/detaljnije.gif); background-repeat:no-repeat; background-position:0px 0px}

a.button span{        display:none}

a.button:hover{background-image:url(slike/detaljnije_over.gif); background-repeat:no-repeat; background-position:0px}

a.detalji{width:60px; height:16px; display:block; background-image:url(slike/vise.gif); background-repeat:no-repeat; background-position:0px 0px}

a.detalji span{        display:none}

a.detalji:hover{background-image:url(slike/vise_over.gif); background-repeat:no-repeat; background-position:0px}
a.naruci{width:60px; height:16px; display:block; background-image:url(slike/naruci.gif); background-repeat:no-repeat; background-position:0px 0px}

a.naruci span{        display:none}

a.naruci:hover{background-image:url(slike/naruci_over.gif); background-repeat:no-repeat; background-position:0px}
h1 {
	font-size:13px;
	color:#333;
}
h2{font-size:14px; color:#fa8d0d; letter-spacing:1px; font-weight:bold}
h3{font-size:12px; color:#CCC; margin-bottom:10px; letter-spacing:1px}
h4{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px; color:#999; letter-spacing:1px; font-weight:bold; margin-bottom:13px}
h5{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px; color:#fa8d0d; letter-spacing:1px; text-align:center}
.paketi-naslovi{font-size:14px; color:#fa8d0d; letter-spacing:1px; font-weight:bold}
#rotator{height:235px; width:780px; background-repeat:no-repeat; position:relative; margin:0px; background-image:url(slike/header.png); padding-top:0px; padding-right:0px; padding-bottom:0px}
#top_info{
	height:50px;
	width:780px;
	margin:0px;
	padding:0px
}
#top_info #brojevi{height:14px; width:250px; float:left; margin-top:7px}
.mala_siva{color:#666; letter-spacing:1px; font-size:10px}
.slikice{margin-right:5px}
#top_info #top_linkovi{width:350px; float:right; height:14px; margin-top:7px; color:#999; text-align:right; font-size:10px}
.top_linkovi{display:inline}

.top li{display:inline; color:#CCC; letter-spacing:1px; padding-right:2px; padding-left:2px}
.top{margin:0; padding:0px}
#top_info #mail{
	float:left;
	width:140px;
	margin-top:7px;
	height:14px;
	margin-left: 4px;
}
#container #header{
	width:780px;
	height:90px
}
.logo{
	height:50px;
	width:280px;
	float:left;
	margin-top: 20px;
}
.logo1{}
#support{
	float:right;
	height:50px;
	width:200px;
	margin-top: 20px;
}
.support_txt{height:20px; width:160px; margin-left:35px; margin-top:7px; letter-spacing:1px; color:#666}
#slider{
	clear:both;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	height: 235px;
	width: 780px;
	overflow:hidden;
}
#menu{height:62px; width:780px; background-image:url(slike/menu_bg.gif); background-repeat:no-repeat; padding-top:10px}
#mainmenu li{display:inline; font-size:14px; letter-spacing:1px; margin-right:10px; margin-left:10px}

#menu{
	height:62px;
	width:780px;
	background-image:url(slike/menu_bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	padding-top:10px
}
#mainmenu li{display:inline; font-size:14px; letter-spacing:1px; margin-right:5px; margin-left:5px}

#boxevi{width:780px; height:132px}
#boxevi1{width:780px; height:270px}
.starter{background-image:url(slike/starter.gif); background-repeat:no-repeat; height:132px; width:256px; float:left; margin-right:5px; position:relative; margin-bottom:5px}
.semipro{background-image:url(slike/semipro.gif); background-repeat:no-repeat; height:132px; width:256px; float:left; margin-right:5px; position:relative; margin-bottom:5px}
.pro{background-image:url(slike/pro.gif); background-repeat:no-repeat; height:132px; width:256px; float:left; position:relative; margin-bottom:5px}
.box_opis{height:auto; width:140px; margin-left:105px; margin-top:10px; margin-bottom:15px}
#menuholder{margin-right:auto; margin-left:auto; text-align:center; padding-top:8px}
.box_naslovi{margin-left:90px; width:150px; height:auto; margin-top:10px}
.box_list li{list-style-image:url(slike/box_arrow.gif); color:#999; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#CCC; line-height:18px}
.box_cijena{float:left; height:16px; width:82px; font-size:12px; color:#333}
.box_link{float:left; right:0px; bottom:0px; height:16px; width:60px; font-size:10px; background-color:#9EC2E9}
.box_link1{height:16px; width:60px; letter-spacing:1px; float:left; font-size:10px; background-color:#5282B2}
.box_link_tabla{height:16px; width:60px; letter-spacing:1px; font-size:10px; margin-left:10px}
.box span{visibility:hidden}
.box1 span{visibility:hidden}
#opisi{width:780px; height:178px; background-repeat:no-repeat; margin-top:20px; background-image:url(slike/opisi_bg.gif)}
.opisi_box12{width:228px; height:140px; float:left; border-right-width:1px; border-right-style:dashed; border-right-color:#999; margin-top:20px; padding-left:20px; padding-right:10px}
.opisi_box3{width:200px; height:140px; float:left; margin-top:25px; padding-left:32px}
.opisi{color:#CCC; line-height:20px; font-size:12px; font-family:Arial,Helvetica,sans-serif}
.tehnologije{height:51px; width:360px; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:10px}

#rounded-corner{width:780px; text-align:left; letter-spacing:1px; margin-right:auto; margin-left:auto; border-collapse:collapse; border-top-color:#FFF; border-right-color:#FFF; border-bottom-color:#FFF; border-left-color:#FFF}
#rounded-corner thead th.rounded-company{background-color:#E6E6E6; background-image:url(table-images/left.png); background-repeat:no-repeat; background-position:left -1px}
#rounded-corner thead th.rounded-q4{background-color:#E6E6E6; background-image:url(table-images/right.png); background-repeat:no-repeat; background-position:right -1px}
#rounded-corner th{padding:8px; background-color:#E6E6E6}
#rounded-corner td{padding:8px; background-color:#F2F2F2}
#rounded-corner tfoot td.rounded-foot-left{background:#e8edff url('table-images/botleft.png') left bottom no-repeat}
#rounded-corner tfoot td.rounded-foot-middle{background-color:#e8edff}
#rounded-corner tfoot td.rounded-foot-right{background:#e8edff url('table-images/botright.png') right bottom no-repeat}
#rounded-corner tbody tr:hover td{background-color:#D7D7D7}

#footer{height:100px; width:780px; border-top-style:solid; border-top-color:#CCC; padding-top:15px; border-top-width:1px; clear:both}
.fot_nav{width:100px; float:left; font-size:10px; height:100px}
.fot_nav1{width:90px; float:left; font-size:10px; height:100px}
.fot_nav3{width:130px; float:left; font-size:10px; height:100px; padding-left:20px; border-left-width:1px; border-left-style:dashed; border-left-color:#CCC}
#footer #impresum{float:right; width:280px; height:100px; text-align:right}
#footer #web_by{width:170px; float:right; font-size:12px; color:#999; text-align:right; height:40px}

#tablica{height:auto; width:780px; clear:both}
h6{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px; color:#666; font-weight:normal}
.tablica_vrijednosti{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#818181; text-align:center; font-size:11px}
#container #tablica #rounded-corner tbody{}
#container #tablica #rounded-corner tbody tr{
	border:1px solid #FFF;
	position: relative;
}
#box_info{height:22px; position:relative; bottom:0px; background-color:#CCC; width:256px}
.box_bot{position:absolute; bottom:0px; right:0px; width:205px; height:21px; padding-left:10px; background-image:url(slike/box_bot_bg.gif); padding-top:5px}
#dodatno{width:540px; margin-top:20px; color:#FFF; height:24px; background-image:url(slike/napomena_bg.gif); padding-top:6px; background-repeat:no-repeat; text-align:center}
.logo1{margin-right:auto; margin-left:auto; width:280px; height:100px; margin-top:100px; text-align:center; color:#666}

.fot_links{line-height:14px; margin:0px; padding:0px; list-style-type:none}

#crumbs{clear:both; background:#eee; margin:0 auto; padding:10px}
#main input[type=button]{border:1px solid #ccc; color:#000; font-size:.8em; line-height:1.5em; cursor:pointer; display:block; float:left; background:#f9f6f2; margin:0 .1em; padding:.2em .8em}
#main{width:56%; float:left; margin-bottom:20px}
.single{width:40%; float:left; padding-top:0; padding-right:15px; padding-bottom:0; padding-left:15px}
#search{float:right; clear:both; text-align:right; border-top:1px solid #ccc; margin:0; padding:10px 0 0}

input{vertical-align:middle; padding:2px}

input.searchfield{width:255px; border:2px solid #ccc; font-size:.9em; padding:6px}

input.searchbutton{border:0; color:#fff; font-weight:700; font-size:.9em; background:gray; padding:6px}

#crumbs{clear:both; background:#eee; margin:0 auto; padding:10px}

#content{width:780px; padding-top:20px; padding-right:10px; padding-bottom:20px; padding-left:10px; height:auto}

#content p.subcat{margin-left:30px}

#main{width:600px; float:left; margin-bottom:40px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#666; line-height:20px}

#side{width:100px; float:right}

.single{width:100px; float:left; padding:0 15px}

#footer{clear:both; border-top:2px solid #eee; width:780px}

#main input[type=button]{border:1px solid #ccc; color:#000; font-size:.8em; line-height:1.5em; cursor:pointer; display:block; float:left; background:#f9f6f2; margin:0 .1em; padding:.2em .8em}

.strong{font-weight:700}

.em{font-style:italic}

.underline{text-decoration:underline}

.del{text-decoration:line-through}

fieldset{border:1px solid #E4DF94; color:#000; background:#FFFBC0; margin:0 0 8px; padding:10px 8px}

textarea{width:97%; height:20em; padding:3px}

.comment{color:gray; border-top:1px solid #ccc; background:#F5F6F6; margin:0 0 10px; padding:10px}

.commentsbox{color:gray; background:#f4f4f4; margin:0 0 10px; padding:10px}

.date{border-top:1px solid #eee; margin:0 0 20px}

.clearer{clear:both; margin:0 auto; padding:1px 0 0}

.drop_title a{font:bold 12px Arial}

.droplist_div{width:95%; border-bottom:1px solid #ccc; padding:4px 0}

.subcatlist_div{width:95%; padding:0 0 0 15px}
#container #footer table{float:right}
.snews_naslovi{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px; color:#999; font-weight:bold; letter-spacing:1px; margin-bottom:10px}
.fot_links_li{letter-spacing:1px; line-height:18px}
.fot_txt{font-size:12px; color:#999; line-height:22px; text-align:right}
.fot_nav_hold{height:100px; width:343px; float:left}
#button{position:absolute; bottom:10px; left:230px; width:100px; height:30px; background-color:#ACC7E4}
#container #tablica #rounded-corner tfoot{}
#container #tablica #rounded-corner tfoot{}
#rounded-corner tfoot{text-align:center}
.upitnici{margin-left:5px}
.box_brojevi{font-size:12px; color:#CCC; line-height:20px; font-family:Arial,Helvetica,sans-serif}
ul.podrska{list-style-image:url(slike/box_arrow.gif); line-height:22px; list-style-position:inside; margin-left:10px}
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

		

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:780px;
	height:235px;
	overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-31px;
	top:235px;
	z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:780px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
	display:block;
	position:absolute;
	width:30px;
	height:77px;
	background-image: url(slike/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
	#nextBtn a, #slider1next a{
	background-image: url(slike/btn_next.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
		
	
/* // Easy Slider */
.menu div {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
}
z
#container #tablica #rounded-corner thead tr {
	text-align: center;
}
.logoident {
	text-indent: -10000px;
}