/* GENERAL STYLES */
/* GENERAL STYLES */
/*
filter IE
opacity opera, safari
moz-opacity firefox

*/

    
*{ margin:0; padding:0; border:0; }
img, a img{ display:block; border:0; }
body{ font-face:Arial; }
.clear{ clear:both; font-size:1%; line-height:1%; }
a{ color:#1E5C8D;;}
a:hover{ text-decoration:none; }
#container{ width:900px; margin:0 auto; padding-left:60px; }



form label{ display:block; color:#444; font:bold 11px Arial; text-transform:uppercase; float:left; clear:both; width:190px; margin:8px 0; text-align:right; padding-right:10px; }
form input, form textarea, form select{ float:left; margin:5px 0; border:1px solid #ccc; padding:2px; font:12px Arial; width:200px; }
form legend{ font:bold 16px Arial; background:#fff; padding:0 10px; }
form input:focus, form textarea:focus, form select:focus{ border-color:#666 #ccc #ccc #666; }
form td label{ display:inline; float:none; padding-left:5px; }
form td input{ float:none; width:auto; border:0; }
form fieldset{ clear:both; margin:10px 0 30px 0; padding:10px; border-top:2px solid #999; }
form table{ background:#fff; padding:10px; width:540px; }
form option{ padding:0 5px; }
form div.koordinate input{ width:30px; float:none; }

form div.stanistaCheck input{ clear:both; float:left; text-align:left; width:auto; }
form div.stanistaCheck label{ float:none; clear:none; }
form a.basic{ float:left; width:16px; height:16px; padding:0; margin-top:7px; padding-left:5px; }

form input[type="submit"]{ width:auto; margin-left:200px; border:0; background:#194262; color:#eee; }


#extra{ float:right; display:inline; width:240px; height:220px; margin:50px 0 30px 19px; border-left:1px solid #fff; }
#extra h2{ margin:0 20px; font:24px/34px Arial; color:#fff; }
#extra dl, #extra ul{ padding:10px 10px 10px 20px; background:#0F1E33; filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; list-style:none; }
#extra dl dt{ font:bold 12px Arial; color:#fff; }
#extra dl dd, #extra ul li{ font:11px Arial; color:#fff; margin:10px 0; }
#extra ul li a{ color:#fff; text-decoration:none; }

#extra label{ font:bold 12px Arial; color:#fff; width:100%; float:none; padding:0; text-align:left; }
#extra input{ background:#fff; color:#000; width:214px; margin:0; margin-bottom:10px; border:none; padding:3px; float:none; display:block; }
#extra input.submit{ background:transparent; color:#fff; width:auto; border:1px solid #eee; float:none; width:auto; }

.sign-in{ padding-left:20px; }

/*
#left{ float:left; width:60px; height:20px; margin-top:300px; }
*/


#header{ width:640px; height:220px; margin:50px 0 30px 0; float:left; }
#header #logo{ width:108px; height:108px; display:block; float:left; background:url(logo.gif) no-repeat 0 0; }
#header ul{ width:226px; height:220px; margin-left:20px; border-left:1px solid #fff; padding-left:19px; float:left; list-style:none; }
#header ul li{ font:28px/34px Arial; text-transform:lowercase; }
#header ul li a{ color:#fff; text-decoration:none; }
#header ul li.Selected a{ color:#000; background:#fff; }
#header ul li a:hover{ color:#000; background:#fff; }


#content-holder{ float:left; width:840px; background:#fff; }    
#content-main{ float:left; position:relative; width:590px; padding:0 25px 10px 25px; background:#fff; /* position:absolute; left:0; top:0; height:420px; kasnije odkomentirati  */ }
#content-main h1{ font:normal 32px/32px Arial; color:#000; margin:20px 0; display:block; }
#content-main h1 span{ line-height:32px; color:#999; font-size:20px; }
#content-main h2{ font:16px/16px Arial; color:#5B5959; text-transform:uppercase; clear:both; padding-top:20px; }
#content-main h3{ color:#666; font:13px Arial; display:block; text-align:right; margin-top:-15px; display:none; }
#content-main p{ font:12px/15px Arial; margin:10px 0; color:#333; }
#content-main ul{ margin-left:20px; }
#content-main ul li{ font:12px/15px Arial; color:#333; }

#content-main ul.breadCrumbs { list-style:none; margin-left:0px; background:#fff; clear:both; width:590px; margin-left:0; padding-top:25px; }
#content-main ul.breadCrumbs li{ color:#333; color:#155295; text-transform:lowercase; font-size:18px; display:inline; /* background:url(crumbs-arrow.gif) no-repeat 0 50%; */ padding:0 0 0 5px; }
#content-main ul.breadCrumbs li a{ color:#155295; text-decoration:none; }


#content-sub{ float:right; width:180px; padding:110px 20px 20px 0; position:relative; }
#content-sub h2{ font:16px/20px Arial; text-align:center; display:block; padding:5px; background:#eee; color:#000; background:#194262; color:#fff; }


ul.vrsta-options{ list-style:none; margin-bottom:20px; margin-left:0; border:1px solid #eee; }
ul.vrsta-options li{ font:12px Arial; color:#333; text-align:center; }
ul.vrsta-options li.total{ padding:5px; }
ul.vrsta-options li img{ margin:0 auto; }
ul.vrsta-options li strong{ color:#194262; padding-top:10px; font-size:20px; text-align:center; display:block; }
ul.vrsta-options li a{ color:#333; display:block; padding:5px; }
ul.vrsta-options li a:hover{ color:#194262; text-decoration:none; }



li.paziti_kod_identifikacije{ background:url('simbol1.gif'); }
li.osvijetljenja_podrucja{ background:url('simbol2.gif'); }
li.cesce_na_zatmanjenim{ background:url('simbol3.gif'); }
li.zatamljena_i_osvjetljena{ background:url('simbol4.gif'); }
li.zatamljena_podrucja{ background:url('simbol5.gif'); }
li.zasticena_vrsta{ background:url('simbol6.gif'); }
li.spolni_dimorfizam{ background:url('simbol7.gif'); }


#footer{ clear:both; margin-top:30px; margin-bottom:60px; display:inline; width:860px; padding:20px; float:left; background:#0F1E33; }
#footer p{ display:block; font:10px Arial; color:#fff; margin:0; }
#footer ul{ width:auto; float:left; list-style:none; background:#fff; padding:10px; }
#footer ul li{ float:left; width:auto; padding:5px; }
#footer ul li a{ float:left; padding:5px 0; }


#footer div.text{ float:right; width:400px; }




.tabs-container dt{ margin-top:25px; border-top:2px solid #ccc; padding-top:5px; font:bold 12px Arial; color:#575757; text-transform:uppercase; }
.tabs-container dd{ font:12px/15px Arial; color:#333; }


#content-main .bestije ul{ list-style:none; }
#content-main .bestije ul li{ margin-top:20px; font-size:16px; font-weight:bold; }
#content-main .bestije ul ul li{ font-size:14px; font-weight:bold; }
#content-main .bestije ul li table{ margin-top:10px; border:1px solid #ccc; }





dl.popis-vrsta{ width:170px; float:left; padding-right:20px; }
dl.popis-vrsta dt{ display:block; margin:10px 0 0 0; }
dl.popis-vrsta dt a img{ padding:1px; border:1px solid #333; }
dl.popis-vrsta dt a:focus{ outline:none; }

dl.popis-vrsta dd{ font:12px Arial; text-align:center; margin-bottom:30px; padding:2px; height:30px; }
dl.popis-vrsta dd a{ color:#0F1E33; text-decoration:none; }



div#vrstaSlikaContainer{ width:580px; position:relative; }
img#vrstaSlika{ width:580px; }


ul#simboli{ list-style:none; float:right; width:160px; border:1px solid #eee; padding:5px; }
ul#simboli li{ display:block; background-position:5px 50%; background-repeat:no-repeat;  padding:6px 5px; }
ul#simboli li span{ padding-left:40px; display:block; /* font:bold 12px/27px Arial; color:#194262; */ }

dl.zakoni dt{ margin-top:25px; border-top:2px solid #ccc; padding-top:5px; font:bold 12px Arial; color:#575757; text-transform:uppercase; }
dl.zakoni dd{ display:block; font:12px/15px Arial; color:#333; }
dl.zakoni dd a{ color:#1E5C8D; text-decoration:none; }


#content-main ul.thickbox-list{ margin-left:0; padding:20px 0; list-style:none; }
#content-main ul.thickbox-list li{ float:left; padding-right:15px; padding-bottom:15px; }
#content-main ul.thickbox-list li img{ border:1px solid #ccc; }

div#sub-menu{ width:100%; text-align:center; border-top:1px solid #eee; margin-top:10px; }
div#sub-menu a{ display:inline; padding:0 3px; }


a.title{ float:left; padding-left:5px; padding-top:8px; }


/*
img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; }
*/


.pretragaVrsta{ width:200px; position:absolute; top:0px; right:-261px; background:#fff; padding:20px 30px 20px 10px; border-bottom:20px solid #fff; overflow:auto; } 
#container .pretragaVrsta h2{ font-weight:bold; font-size:14px; color:#155295; width:auto; }
.pretragaVrsta label{ font-size:11px; font-weight:normal; text-transform:uppercase; text-align:left; padding:0; margin:5px 0; }
.pretragaVrsta input{ font-size:11px; margin:2px 0; padding:1px; width:97%; }
#container .pretragaVrsta input.submit{ clear:both; width:auto; margin:0; margin-top:20px; padding:2px 5px; font-weight:bold; font-size:12px; cursor:pointer; }
.pretragaVrsta ul{ margin-top:30px; }



.bestije #zviri li.selected ul{ height:auto; }


#extra .odjava{ background:#fff; width:200px; padding:10px; float:right; font:12px Arial; }

.obavezno{ border-color:red; }


/* EDITOR PROPERTIES */

/* EDITOR PROPERTIES */