body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:auto;width:980px;
      text-align:center;background:#6599af left top no-repeat;}

/** GLAVNI DIV KOJI OKRUZUJE SAV SADRZAJ SAJTA **/
#container {margin: auto;text-align: left;width:900px;background:#e0e0e0;border:solid #002 1px;}

/** VRH SAJTA **/
#header {display:block;color:white;background:#fff;background-image:url(../images/bg_header.jpg);height:80px;}
/** logo slicica na vrhu sajta **/
#header img{position:absolute; margin: 5px 0 0 10px;}
/** naslov sajta pored logoa **/
#header h1{font:italic bold 2em/1.3 "Comic sans";margin:0 0 10px 0;color:#333;padding-top:0;text-align:center;margin-top:32px;}

#logovanje {display:block; float:right; width:45%; margin:50px 10px 0 0; color:#000000}

#pretraga {display:block; background-image:url(../images/main_image.jpg); height:304px;}
#pretraga_box {display:block; float:left; color:#FFFFFF; margin: 60px 0 0 30px;}

* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
form p { clear: both; margin:10px 0;padding:0 0 0 2px;}
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
select{width:70px;}
#pretragabox P input{width:150px;}
.chekboks{width:auto;}

/*****  GORNJI MENI ******/

#nav {margin: 0 auto;padding:0;height:37px;line-height:37px;font-size:1.2em;background:url(../images/menu.jpg) top;}
#nav ul {margin: 0 10px;padding:0;list-style: none;}
#nav li {display: inline;}
#nav a {padding:7px 15px;text-decoration:none;color:#fff;font-weight:bold;}
#nav a:hover,#nav a:active{color:#fff000; border:0;}

#nav_dno ul {list-style: none;}
#nav_dno li {display: inline;}

/******************** Elementi ********************/
p, h1, a, span{font-family: Arial, Helvetica, sans-serif;}

/****** SADRZAJ ******/
#content{text-align:justify;width:284px;height:100%;float:left;margin:9px;background:#fff; border:3px solid #ffbebe;}
#content p {padding-bottom: 1%}
.pretraga_profili {display:block; float:left; width:870px; height:120px; background:#fff; border:3px solid #ffbebe; margin:10px 10px 0 10px;}
.pretraga_okvir {display:block; float:left; width:490px;}
.pretraga_podaci {display:block; float:left; width:490px; background:#ffbebe; padding:5px; text-align:left; margin-top:5px;}
.pretraga_bt {float:right; width:260px; text-align:right;}

.profil {display:block; float:left; width:870px; height:100%; background:#fff; border:3px solid #ffbebe; margin:10px 10px 10px 10px; padding-bottom:5px;}
.profil_okvir {display:block; float:left; width:330px;}
.profil_podaci {display:block; float:left; width:200px; height:120px; background:#ffbebe; padding:5px; text-align:left; margin-top:5px;}
.profil_kategorija {display:block; float:left; width:100px; background:#ffbebe; padding:5px; text-align:center; margin:5px 0 0 5px;}
.profil_polja {display:block; float:right; width:200px; background:#ffbebe; padding:5px; text-align:center; margin:5px 0 0 5px;}
.profil_bt {float:right; width:234px; text-align:right;}
.profil_slike {display:block; float:left; width:850px; text-align:center; margin:auto; margin-top:10px;}
.profil_ime {float:left; width:100px; height:120px; background:#ffbebe; padding:5px; margin:5px 5px 0 5px; text-align:center; font-size:14px; font-weight:bolder; color:#000000;}

.ostale {display:block; float:left; width:578px; height:100%; background:#fff; border:3px solid #ffbebe; margin:10px 0px 10px 10px; padding:5px;}

.naslov {float:left; width:570px; background:#ffbebe; padding:4px; text-align:center; font-size:18px; font-weight:bolder; color:#000000; margin: 0 0 10px 0;}

.ispod {display:block; float:right; width:577px; text-align:center;}
.ispod img{display: block; float: left; margin:5px;}

.nazovime {display:block; float:left; width:560px; padding:5px; background:#ffbebe; margin:5px;}


/** COPYRIGHT **/
.copy{color:#000;}


/******* LEVO *******/
#levo{float:left;width:272px;background:#fff;height:330px;margin:9px;border:3px solid #ffbebe;}
#slika{float:left; width:102px; height:102px; background:#ffbebe; padding:4px; margin:5px; text-align:center;}
.slika{float:left; width:102px; height:102px; background:#ffbebe; padding:4px; margin:5px; text-align:center;}
#podaci{float:left; width:137px; height:100px; margin:5px 0 0 0;}
.podaci_line{float:left; width:137px; height:13px; background:#ffbebe; padding:5px; text-align:center; margin-bottom:6px;}


/******* DESNO *******/
#desno{float:right;width:272px;background:#fff;height:330px;margin:9px;border:3px solid #ffbebe;}
#ispovest {float:left; width:252px; height:240px; background-image:url(../images/ispovest_tekst.jpg); padding:20px 10px; font-weight:bolder; text-align:justify;}



/******* FOOTER *******/
#footer {width:100%;height:20px;text-align:center;color:#ccc;background-color:#333;background-image:url(../images/menu.jpg);}
#footer{clear:both;min-height:20px;height:auto !important;height:75px;}
#footer ul {text-align:center;padding:1px;margin:5px 0 0 0;}
#footer li {display:inline;float:none;text-align:center;font-size: 90%;padding:0;}
#footer a {text-decoration:none;font-weight:bold;}

#footer a:hover span {text-decoration:none;color:#fff;color:#cff;}
#footer a span {border:0;display:inline;clear:both;color:#eef;}

#footer span a:hover {text-decoration:none;color:#003;}
#footer span a {border:0;display:inline;clear:both;color:#000;}

#footer span {border:0;display:inline;clear:both;color:#003;}
.clear{clear:both;}