/* Main */ 

body { margin: 0px; padding: 0px; background: #858585 url('images/bgd.gif') repeat-x; font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;  color: #615B42; text-align: center; line-height: 18px;}
div, p, table, td, tr, textarea { font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px; }
p { margin: 0px; padding:0px; line-height: 22px }
img { margin: 0px; padding: 0px;   }
form { margin:0; padding: 0; }
b { color: #60831c }

/* Elements */ 

#glavnatablica { margin: 0px auto }
.content { Background: url('images/content.gif') repeat-y; text-align: left }
.footer { Background: url('images/footer.gif') no-repeat; text-align: left; color: white; }
.menuright { Background : url('images/menu_right.gif') repeat-x; text-align: center }
.footer div { height: 17px; padding-left: 35px; padding-top: 6px}
.rightlogin { Background : url('images/right_login.gif') repeat-x; text-align: center }
.leftflash { Background : url('images/left_flash.gif') repeat-x; text-align: center }


/* Links */ 

a { text-decoration: underline; color: #535353;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
a:hover { text-decoration: underline; color: #535353;  color: #615B42;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

.seclin {
	text-decoration: none;
	color: #5c6b3f;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	border-bottom: 1px solid #dbdbdb
}
.seclin:hover {
	text-decoration: none;
	color: #ca284d;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
}


.blink { text-decoration: none; font-size: 13px; font-weight: normal; border-bottom: 1px solid #e5e5e5 }
.blink:hover { text-decoration: none; font-size: 13px; font-weight: normal; border-bottom: 1px solid #868686 }


/* News */ 

.newsbox { padding: 13px; border: 1px solid #eff1e8; Background: #f7f6f6 }
.newsbox a {text-transform: uppercase; font-size: 13px; color:#3d7496; border-bottom: 1px solid #b1c5d1; text-decoration: none }
.newsbox a:hover { text-transform: uppercase; color:#779731; border-bottom: 1px solid #c5d4a5; text-decoration: none;  font-size: 13px; }
.newsbox span { color: #aa8b7a; font-size: 11px }
.newsbox img { border: 3px solid #d9dfc5; margin-top: 4px }
.newsbox p { font-size: 11px; margin-top: 3px }


/* Heading */ 

h1, h2, h3 { text-indent: -9999px; overflow: hidden; font-size: 0; height: 143px; width: 403px; background-repeat: no-repeat; margin: 0; padding: 0 }


.title { font-size: 15px; font-weight: bold; color: #ca284d }

.subtitle { font-size: 14px; font-weight: bold; color: #617d0b }

/* Titles */ 

.uvodnarijec { Background: transparent url('images/uvodna_rijec_front.gif') no-repeat; width: 146px; height:23px; }

.saviprodaja { Background: transparent url('images/savjetovanje-i-prodaja-racunalske-opreme.gif') no-repeat; width: 412px; height:23px; }
.servisodrz { Background: transparent url('images/servis-i-odrzavanje-informaticke-opreme.gif') no-repeat; width: 412px; height:23px; }
.mrezet { Background: transparent url('images/mreze-title.gif') no-repeat; width: 507px; height:23px; }

.izradaodrhost { Background: transparent url('images/izrada_web_stranica_odr_pro_host.gif') no-repeat; width: 533px; height:23px; }
.zadnjiradovit { Background: transparent url('images/zadnji_radovi.gif') no-repeat; width: 125px; height:23px; }
.uslugeT { Background: transparent url('images/uslugett.gif') no-repeat; width: 70px; height:23px; }
.referenceT { Background: transparent url('images/referencett.gif') no-repeat; width: 97px; height:23px; }
.onamaT { Background: transparent url('images/onamatt.gif') no-repeat; width: 74px; height:23px; }
.kontaktT { Background: transparent url('images/kontakttt.gif') no-repeat; width: 74px; height:23px; }
.subIzborniktt { Background: transparent url('images/izborniktt.gif') no-repeat; width: 88px; height:23px; }
.izradawebstranicatt { Background: transparent url('images/izrada_web_stranicatt.gif') no-repeat; width: 186px; height:23px; }
.odrzavanjewebstranicatt { Background: transparent url('images/odrzavanje_web_stranicatt.gif') no-repeat; width: 237px; height:23px; }
.webhostingtt { Background: transparent url('images/web_hostingtt.gif') no-repeat; width: 342px; height:23px; }
.promocijatt { Background: transparent url('images/promocija_web_stranicatt.gif') no-repeat; width: 223px; height:23px; }
.ostaleinternetuslugett { Background: transparent url('images/ostale_internet_usluge.gif') no-repeat; width: 213px; height:23px; }
.faqtt { Background: transparent url('images/faqtt.gif') no-repeat; width: 200px; height:25px; }
.narudzbatt { Background: transparent url('images/narudzbatt.gif') no-repeat; width: 168px; height:23px; }
.programiranjepomjeritt { Background: transparent url('images/programiranje_po_mjeritt.gif') no-repeat; width: 185px; height:23px; }
.podrskatt { Background: transparent url('images/podrskatt.gif') no-repeat; width: 190px; height:23px; }

/* Main menu */ 

#nav { height: 155px; text-align: left; padding-left: 0px; } 
#nav ul, #nav li { list-style:none; margin:0px; padding:0px;display: inline;}
#nav a {float: left; margin: 0px; padding: 0px; text-indent: -900%;   } 
#nav a { font: normal 11px Tahoma, sans-serif; color: #fff; font-weight: normal; display: block; text-align: center; line-height: 25px; }


.pocetna { Background: url('images/pocetna.gif') left bottom no-repeat; height: 155px; width: 108px; }
.pocetna2 { Background: url('images/pocetna.gif') left top no-repeat; height: 155px; width: 108px; }
.pocetna2:hover { Background: url('images/pocetna.gif') left bottom no-repeat; height: 155px; width: 108px; }


.usluge { Background: url('images/usluge.gif') left top no-repeat; height: 155px; width: 91px; }
.usluge:hover { Background: url('images/usluge.gif') left bottom no-repeat; height: 155px; width: 91px; }
.usluge2 { Background: url('images/usluge.gif') left bottom no-repeat; height: 155px; width: 91px; }


.reference { Background: url('images/reference.gif') left top no-repeat; height: 155px; width: 106px; }
.reference:hover { Background: url('images/reference.gif') left bottom no-repeat; height: 155px; width: 106px; }
.reference2 { Background: url('images/reference.gif') left bottom no-repeat; height: 155px; width: 106px; }

.onama { Background: url('images/onama.gif') left top no-repeat; height: 155px; width: 93px; }
.onama:hover { Background: url('images/onama.gif') left bottom no-repeat; height: 155px; width: 93px; }
.onama2 { Background: url('images/onama.gif') left bottom no-repeat; height: 155px; width: 93px; }

.kontakt { Background: url('images/kontakt.gif') left top no-repeat; height: 155px; width: 120px; }
.kontakt:hover { Background: url('images/kontakt.gif') left bottom no-repeat; height: 155px; width: 120px; }
.kontakt2 { Background: url('images/kontakt.gif') left bottom no-repeat; height: 155px; width: 120px; }

/* Usluge */ 

.izradawebstranica {
Background: url('images/izrada_web_stranica.gif') no-repeat; width: 199px; height: 159px; display: block; 
text-indent: -9999px; overflow: hidden; font-size: 0; }

.odrzavanjewebstranica {
Background: url('images/odrzavanje_web_stranica.gif') no-repeat; width: 200px; height: 159px; display: block; 
text-indent: -9999px; overflow: hidden; font-size: 0; }

.programiranjepomjeri {
Background: url('images/programiranje_web_aplikacija.gif') no-repeat; width: 199px; height: 159px; display: block; 
text-indent: -9999px; overflow: hidden; font-size: 0; }

.webhosting {
Background: url('images/web_hosting.gif') no-repeat; width: 200px; height: 159px; display: block; 
text-indent: -9999px; overflow: hidden; font-size: 0; }


/* Login */ 

.rightlogin form { margin-top: 60px; margin-left: 33px }

.rightlogin input { width: 175px; margin-right: 37px; border: 1px solid #e3e3e3; Background: #ffffff; padding-left: 4px; padding-right: 2px; color: #515151; font-size: 11px; height: 16px; padding-top: 3px}

.rightlogin button {cursor:pointer; Background: url('images/prijavise.gif') no-repeat; width: 96px; height: 22px; margin-top: 12px; display:block; overflow:hidden; text-indent:-8000px; text-align:left; border: 0px; }




.dexform { margin: 0; padding: 0 }
.dexform input { width: 350px; border: 1px solid #e3e3e3; Background: #f8f8f8; color: #515151; font-size: 12px; height: 16px; padding-top: 3px; padding-left: 4px}
.dexform textarea { width:350px; height: 150px; border: 1px solid #e3e3e3; Background: #f8f8f8; color: #515151; font-size: 12px; padding-top: 3px; color: #515151; font-size: 12px; padding: 4px}
.dexform label { margin-top: 5px; display: block}
.dexform label span { font-size: 11px; color: #8f8f8f}
.dexform button {cursor:pointer; Background: url('images/posaljiBt.gif') no-repeat; width: 88px; height: 22px; margin-top: 8px; display:block; overflow:hidden; text-indent:-8000px; text-align:left; border: 0px; }
.dexform em { color: red }


/* Sub menu */ 

.submenu { width: 275px;  margin: 0px auto; text-align: left; margin-top: 8px; margin-left: 5px; float: right}
.submenu ul, .submenu li { list-style:none; margin:0; padding:0; }

.submenu a { display:block; border-bottom:1px solid #E2EBEF; text-decoration:none; color:#5B5B5B;
padding-left:6px;  padding-right:5px;  padding-top:4px; Background: #ffffff;
padding-bottom:4px; font-weight: normal; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }

.submenu a:hover { color: #ffffff; Background: #678331; border-bottom: 1px solid #C7C7C7; text-decoration: none; font-weight: normal; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }


.submenu .aktivan { display:block; border-bottom:1px solid #E2EBEF; text-decoration:none; color:#ffffff;
padding-left:6px;  padding-right:5px;  padding-top:4px; Background: #678331;
padding-bottom:4px; font-weight: normal; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }

.submenu .aktivan:hover { color: #ffffff; Background: #678331; border-bottom: 1px solid #C7C7C7; text-decoration: none; font-weight: normal; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }


* html .submenu a { height:1%; } /* Internet Explorer Sucks :-) */



/** 
 * bf
 */
.bf {
	padding: 0px 0 10px 20px;
	text-align: left;
	font-size: 0.7em;
	margin-top: 3px; 
	clear: both;
}

.bfContent {

}

.bf dl {
    float: left;
    margin: 0;
    padding: 3px 0 15px 15px;
    width: 175px;
	min-height: 85px;
	border-right: 1px solid #eee;
}

.bf dl.last {
    width: 150px !important;
	border-right: 0;
} 

.bf dl.hover {
	background-color: #f6f6f6;
}

.bf dd {
    margin: 0;
    padding: 3px 10px;
    font-size: 1.2em;
	color: #666;
}

.bf dd a {
	color: #666;
	text-decoration: none;
}

.bf dt {
    font-size: 0.95em;
    padding: 2px 10px;
	color: #ccc;
}

.bf dt a {
	color: #888;
	text-decoration: none;
}
.bf dt a:hover {
	color: #333;
}

.bf .copyright {
	text-align: center;
	clear: both;
	padding-top: 20px;
	color: #666;
}

.bf .copyright a {
    color: #999;
    text-decoration: none;
}
.bf .copyright a:hover {
    color: #666;
}