/*body, font, colors*/
html {overflow-x:hidden}
body {margin:0px; overflow-x:hidden; background: #ccc; margin-top: 20px; color: #666}
body {font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px; line-height:130%; text-align:left}
img  {border:0px;}

form, fieldset, label, select {margin: 0px; padding: 0px; border: 0px;}
#container input {width: 150px;}
#container label {width: 135px; }

.tac {text-align: center!important;}


/*main layout divs */
#wrapper {background:#fff;border:1px solid #000000;width:948px; margin: 0 auto;}


#header {width: 928px; padding: 10px; margin: 0 auto; height: 60px; background: #fff; clear: both;}


#container {padding-left: 250px;/* LC width */ padding-right: 250px;/* RC width */; margin:0 auto; width: 450px;/*All width -RC width -LC width*/; display:block;}
#container .column {position: relative; float: left;}
#center {width: 445px;  background:#fff; overflow: hidden; margin-right: 5px;}
#left  {width: 250px;/* LC width */ right: -250px;/* - LC width */ margin-left: -950px; background:#fff; overflow: hidden; }
#right {width: 248px;/* RC width */ margin-right: -250px;/* RC width */                 background:#fff; overflow: hidden; }
#footer {clear: both; height: 40px; padding:5px 10px; width:928px; background: #999; margin: 0 auto;  background: transparent url(../img/bg-gradient-big.gif) repeat-x; border-top: 1px #ccc solid;}
#footer p {height:20px;margin:0!important;padding:0!important;position:relative;text-align:center;top:10px;}
#contentwide {padding:10px; overflow: hidden; border: 1px #ccc solid; top: 5px; background: transparent url(../img/bg-gradient-big.gif) repeat-x; position: relative; margin: 0 0 15px 0}
#contentwide p {margin: 11px 0px;}
#welcome { width: 948px; margin: 0 auto; background: #fff url(../img/bg-gradient-big.gif) repeat-x ; height: 60px; clear: both; }
#welcome img {padding-top: 6px;}
#scrollingmarq {width: 948px; margin: 0 auto; background: #fff; color: #888; height: 25px; position: relative; top: 10px; }
#scrollingmarq marquee {z-index: 10; background: #fff}

#container_form {width: 945px;display:block; background: #fff;}
#container_form .column_form {position: relative; float: left;}
#center_form {width: 945px;  background:#fff; overflow: hidden; margin-right: 5px;}
*>#center_form {width: 948px;  background:#fff; overflow: hidden; margin-right: 0px; }
#contentwide_form {padding:0px 10px; overflow: hidden; border: 1px #ccc solid; top: 5px; background: transparent url(../img/bg-gradient-big.gif) repeat-x; position: relative; margin: 0 0 15px 0}

#container_form form , #container_form fieldset {border: 0; margin: 0; padding: 0;}

#container_form ul { clear: both; margin: 10px;}
#container_form label {width: 150px;}


#container_form h3, #container_form h4{float: left!important; clear: both; width:885px;}
#container_form ul li h3 {float: left!important; clear: both; width:865px;}
#container_form h4, #container_form h3{float: left!important; clear: both; width:885px;}
#container_form ul li h4 {float: left!important; clear: both; width:865px;}
.levo h4  {width: 100%!important; padding: 0!important; margin: 0!important}
.levo h3  {width: 100%!important; padding: 0!important; margin: 0!important}
.desno h4 {width: 100%!important; padding: 0!important; margin: 0!important}
.desno h3 {width: 100%!important; padding: 0!important; margin: 0!important}
#container_form h4 {font-size: 11px; font-weight: bold;}
#container_form h3 {color: #1AA4DE}

#PrijavaInd .titles {color:#1AA4DE;font-size:13px;font-weight:bold;margin:0.3em 0 0.5em;}
#PrijavaInd label input.text {float: right; position: relative; left: 150px; top: -20px;}
#PrijavaInd label {height: 25px; display: block; width:42%; }
#PrijavaIndEng .titles {color:#1AA4DE;font-size:13px;font-weight:bold;margin:0.3em 0 0.5em;}
#PrijavaIndEng label input.text {float: right; position: relative; left: 150px; top: -20px;}
#PrijavaIndEng label {height: 25px; display: block; width:42%; }

#PrijavaKom .titles {color:#1AA4DE;font-size:13px;font-weight:bold;margin:0.3em 0 0.5em;}
#PrijavaKom label input.text {float: right; position: relative; left: 150px; top: -20px;}
#PrijavaKom table label input.text {float:none;left:0;margin:0;padding:0;position:relative;top:0;width:150px;}
#PrijavaKom table {height:200px; margin-bottom:20px;}
#PrijavaKom table tr td { text-align: left}
#PrijavaKom table tr { text-align: left}
#PrijavaKom label {height: 25px; display: block; width:15%; }

#PrijavaKomEng .titles {color:#1AA4DE;font-size:13px;font-weight:bold;margin:0.3em 0 0.5em;}
#PrijavaKomEng label input.text {float: right; position: relative; left: 150px; top: -20px;}
#PrijavaKomEng table label input.text {float:none;left:0;margin:0;padding:0;position:relative;top:0;width:150px;}
#PrijavaKomEng table {height:200px; margin-bottom:20px;}
#PrijavaKomEng table tr td { text-align: left}
#PrijavaKomEng table tr { text-align: left}
#PrijavaKomEng label {height: 25px; display: block; width:15%; }

.columnBlock {background: transparent url(../img/bg-gradient-small.gif) repeat-x ; margin:5px;padding:5px; border: 1px #ccc solid }
.columnBlock ul li {list-style: disc;margin-left:-25px; }

.nextprev {font-size: 9px; }
.klikform {background:#333399; padding:5px; margin-bottom: 10px;}

.klikform a:link    {color:#fff}
.klikform a:visited {color:#fff;}
.klikform a:hover   {color:#1aa4de;}
.klikform a:active  {color:#fff}

.boxform {border: 1px solid #ccc; padding: 10px; float: none; width: 900px; clear: both; display: block}
.box {border: 1px solid #ccc; padding: 10px; float: none; width: 900px; clear: both; display: block; margin-top: 10px;}

.detaljnije {padding-bottom: 10px; display: block; border-bottom: 1px #ccc dashed; margin-bottom: 5px;}
#english {float:right;position:relative;top:-80px;width:35px;z-index:1001;}

/* poll anketa*/
.pollresults ul li {margin: 0px; padding: 0px; list-style: none; list-style-image: none;}
.pollresults ul {margin: 0px!important; padding: 0px; list-style: none; list-style-image: none;}
.pollvotes ul li {margin: 0px; padding: 0px; list-style: none; list-style-image: none;}
.pollvotes input {margin: 0px; padding: 0px; list-style: none; list-style-image: none;  width:auto!important;}
.pollvotes h3   {display: none}
.pollresults h3 {display: none}
.pollvotes, .pollresults {}
.pollvotes h3, .pollresults h3 {margin-top:0px;font-size:1.4em;color:#618200;}
.pollvotes ul, .pollresults ul {padding:0px 4px 0px 16px; margin:15px 0px; }
.pollvotes p, .pollresults p {margin: 0px; padding: 0px;}
.pollvotes ul li, .pollresults ul li {margin: 0px; padding: 0px;}
.easypoll fieldset {border:0px;    margin:0px;    padding:0px;}
.easypoll input.pollbutton {border:1px solid #ccc;    color:#000; background-color:#fff;}
.easypoll input:hover {    background-color:#7f85c9; color: #fff}
.easypoll_bar {    height:8px;    background-color:#FFF;}
.easypoll_inner {    height:100%;    background:url('../../templates/modxhost/images/foot_4x82.jpg') repeat-x top left;    background-color:#618200;}
.easypoll_error {    border:1px solid #600;    background-color:#FAA;    padding:8px;}
#easypollresult {display: none!important}


.boxform input {display: block; position: relative; margin:0px; padding: 0px; }
.box ul, .box ul li, .box p {margin:0px; padding: 0px; }
.box ul li {height: 50px;}
.boxform label {display: block; position: relative; margin:0px; height:25px;padding: 0px; }
.box ul li {list-style:none; list-style-image: none; list-style-type: none; margin: 0px; padding: 0px;}
.sidebarlogin .button {padding: 0px; margin: 0px;}
.errors, .requiered {color: #FF0000; font-weight: bold; margin-bottom: 10px;}


/*** IE6 Fix ***/
* html #left {left:250px;  /* RC width */ margin-left:-950px; /* All width */ }

/* text, header,float, links*/

h5{color:#333399;font-family:arial,helvetica,serif;font-size:100%;font-style:italic;margin:2em;text-align:center;}
h4{display:block;line-height:30px;}
h3{display:block;line-height:100%;}
h2{display:block;line-height:100%;}
h1{display:block;line-height:100%;}
p {display:block;}

h1{font-weight:bold;font-size:160%;color:#666699;background:transparent;}
h2{border-bottom:1px solid #DDDDDD;color:#666699;font-size:13px;font-weight:bold;margin:0.3em 0 0.5em; clear: both; }
h3{border-bottom:1px solid #DDDDDD;color:#888;font-size:13px;font-weight:bold;margin:0.3em 0 0.5em; clear: both; float: right;}
h4{font-weight:normal;font-size:10px;color:#666699;background:transparent;margin: 0;padding: 0;float: left; padding-right: 10px;}
p {background:transparent none repeat scroll 0;clear:both;color:#666666;display:block;float:none;font-size:11px;text-align:left;}

/* normal links */
a {font-weight: bold;}


a:link    {color:#333399}
a:visited {color:#7272c6;}
a:hover   {color:#1aa4de;}
a:active  {color:#a572c6}

/* Sub Menu */
.submenu a {color:#666;padding:0;margin:1em 0;}
.submenu a {display:block; color:#339; background:#fafafa; margin:0.5em 0 0.5em 0;padding: 0.25em 0.35em; border-left:5px solid #eee;border-bottom:1px solid #fafafa;}
.submenu a:hover {border-left:5px solid #9cf;border-bottom:1px solid #eee;}
.submenu li ul { display: none;}


/*float*/
.fll{float:left;}
.flr{float:right;}