@charset "utf-8";
/* CSS Document */

html {
     overflow-y: scroll;
	 height: 100%;
}

body {	
	
	height: 100%;	
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	background: #DDF1D8 url(img/bgrnd.jpg) repeat-x top;
}

/*standartni clasove*/

p	{
	margin:0px;
	padding:0px;
}

a:focus { border:none; outline:none; }

.nobord a:focus { border:none; outline:none; }

.pic_link a:link img {border:#fff solid 1px;}
.pic_link a:visited img {border:#fff solid 1px;}
.pic_link a:hover img {border:#FAA10D solid 1px;}

.bpic_link a:link img {border:#fff solid 3px;}
.bpic_link a:visited img {border:#fff solid 3px;}
.bpic_link a:hover img {border:red solid 3px;}

.linkr a:link { color: #000000; text-decoration: none; }
.linkr a:visited { color: #000000; text-decoration: none; }
.linkr a:hover { color: #007FC6; text-decoration: underline; }


.link_cat a:link { color: #FFFFFF; text-decoration: none; }
.link_cat a:visited { color: #ffffff; text-decoration: none; }
.link_cat a:hover { color: #FF9900; text-decoration: underline; }

.link_sub_cat a:link { color: #CCCCCC; text-decoration: none; }
.link_sub_cat a:visited { color: #CCCCCC; text-decoration: none; }
.link_sub_cat a:hover { color: #FF6600; text-decoration: underline; }

.link a:link { color: #ccc; text-decoration: none; }
.link a:visited { color: #ccc; text-decoration: none; }
.link a:hover { color: #fff; text-decoration: underline; }

.link3 a:link { color: #ffffff; text-decoration: none; }
.link3 a:visited { color: #ffffff; text-decoration: none; }
.link3 a:hover { color: #cccccc; text-decoration: underline; }

.link4 a:link { color: white; text-decoration: none; }
.link4 a:visited { color: white; text-decoration: none; }
.link4 a:hover { color: #ffffff; text-decoration: underline; }

.link5 a:link { color: white; text-decoration: none; }
.link5 a:visited { color: white; text-decoration: none; }
.link5 a:hover { color: #FF0000; text-decoration: underline; }

.link6 a:link { color: #FF0000; text-decoration: none; }
.link6 a:visited { color: #FF0000; text-decoration: none; }
.link6 a:hover { color: #000000; text-decoration: underline; }

.link7 a:link { color: #666; text-decoration: none; }
.link7 a:visited { color: #666; text-decoration: none; }
.link7 a:hover { color: #000000; text-decoration: underline; }

.link8 a:link { color: #999; text-decoration: none; }
.link8 a:visited { color: #999; text-decoration: none; }
.link8 a:hover { color: #999; text-decoration: underline; }

form {
	margin: 0px;
}
input, textarea, select {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #ffffff;
	border: #999999 1px solid;
}
.selp {
	margin:0px;
	padding:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border:solid 1px #4E4A51; 
	color: #ccc; 
	background-color:#2E302E;
}
.input2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
	border: #0074E8 1px solid;
}
.search_input {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #ffffff;
	border: #999999 1px solid;
	width:145px;
	height:20px;
}
p {
	margin: 0;
	padding: 0;
}
.pad5 {	
	padding: 5px;
}
.submit {
	background-color: #F4F4F4;
	color: #000000;
	border: 0px #0000FF solid;
	cursor: pointer;
	padding: 1px;
}
.submit2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #999999;
	color: #FFFFFF;
	border: 1px #ffffff solid;
	cursor: pointer;
	padding: 5px;
	width: 150px;
}
.submit3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #999999;
	color: #FFFFFF;
	border: 1px #ffffff solid;
	cursor: pointer;
	padding: 5px;
	width: 200px;
}
.f_8 {
	font-size: 8pt;
}
.f_7 {
	font-size: 7pt;
}
.f_10 {
	font-size: 10pt;
}
.f_11 {
	font-size: 11pt;
}
.f_12 {
	font-size: 12pt;
}
.f_14 {
	font-size: 14pt;
}
.f_16 {
	font-size: 16pt;
}
.f_18 {
	font-size: 18pt;
}
.f_20 {
	font-size: 20pt;
}

.red {
	color: #ff5353;
}
.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}
.darkred {
	color: #CC3300;
}
.blue {
	color: #007FC6;
}
.lightblue {
	color: #0066CC;
}
.darkblue {
	color: #000099;
}
.orange {
	color: #FAA10D;
}
.back_grey {
	background-color: #F4F4F4;
}
.grey {
	color: #666666;
}
.light_grey {
	color: #999;
}
.dark_grey {
	color: #333333;
}
.green {
	color: #396;
}
.pink {
	color: #DE3E8C;
}

.underline {
	text-decoration:underline;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.tx_left {
	text-align:left;
}
.tx_right {
	text-align:right;
}
.tx_center {
	text-align:center;
}
.clearboth {
	clear:both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.bor_top {
	border-top: #666 solid 1px;
}
.bor_left {
	border-left: #666 solid 1px;
}
.bor_right {
	border-right: #666 solid 1px;
}
.bor_bottom {
	border-bottom: #666 solid 1px;
}
.cursor {
	cursor: pointer;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.upper {
	text-transform:uppercase;
}
.lower {
	text-transform:lowercase;
}
.top_link a:link {
	color:#666666;
	text-decoration:none;
}
.top_link a:visited {
	color:#666666;
	text-decoration:none;
}
.top_link a:hover {
	color:#FF0000;
	text-decoration:none;
}
/*auto-hieght*/
#container {
	min-height: 100%;	
}
* html #container {
	height: 100%;	
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.round_all {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
}
.round_top {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(/css/border-radius.htc);
}
.round_bottom {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url(/css/border-radius.htc);
}


/*clasove za saita*/
/*vunshni*/

.out {	
	width:100%;		
	min-height:90%;
	margin:0px;
	padding:0px;
}
.center_out{
	width:1000px;	
	margin-left:auto;
	margin-right:auto;
}
.out_footer {	
	width:100%;		
	height:75px;
	background-color:#6f9c2b;
	margin:0px;
	padding:0px;
}
.center_footer{
	width:1000px;		
	height:75px;
	margin-left:auto;
	margin-right:auto;
}
.head_out {
	width:1000px;		
	height:90px;
	margin:0px;
	padding:0px;
}
.head_left {
	width:230px;
	height:90px;
	float:left;
	margin:0px;
	padding:0px;
}
.head_right {
	width:770px;
	height:90px;
	float:left;
	margin:0px;
	padding:0px;
}
.top_menu{
	min-width:200px;
	height:30px;
	float:right;
	background-color:#97c831;
	margin:0px;
	padding:0px;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url(/css/border-radius.htc);
}
.menu{
	width:770px;
	height:60px;
	margin:0px;
	padding:0px;
}

.clear { height: 100% }
.clear:after { content: ''; display: block; clear: both }
/*OSNOVNO MENU*/
#menu, #menu ul { list-style: none; margin: 0; padding: 0; z-index:500; color: #fff; float:right;  }

#menu li { position: relative; float: left; white-space: nowrap; z-index:500; color: #666;}
#menu li a:link {display: block; padding: 20px 3px 0px 3px; text-decoration: none; color: #666; }
#menu li a:visited {display: block; padding:  20px 3px 0px 3px; text-decoration: none; color: #666; }

#menu ul { display: none; position: absolute; top:62px;  background-color:#DDF1D8; }
#menu ul li {float: none; color: #fff; }
#menu ul li a:link {display: block; padding: 3px 6px 3px 6px; text-decoration: none; color: #666; }
#menu ul li a:hover {color: #000; }
#menu ul ul { top: -1px; left: 100% }

/*#menu li.has_child { background-image: url(img/down.gif); background-position: right center; background-repeat: no-repeat;}*/
#menu li a:hover  {color: #000;}

#menu ul { 
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/css/border-radius.htc);
-webkit-box-shadow: 3px 3px 4px #000; -moz-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; z-index:500; }




/*GORNO MENU*/
#menu2, #menu2 ul { list-style: none; margin: 0; padding: 0; z-index:1000; color: #fff; float:right; }

#menu2 li { position: relative; float: left; white-space: nowrap; z-index:1000; color: #fff;}
#menu2 li a:link {display: block; padding: 6px 3px 0px 3px; text-decoration: none; color: #fff; }
#menu2 li a:visited {display: block; padding:  6px 3px 0px 3px; text-decoration: none; color: #fff; }

#menu2 ul { display: none; position: absolute; top:30px; background-color:#97c831;}
#menu2 ul li { float: none; color: #fff; }
#menu2 ul li a:link {display: block; padding:  3px 6px 3px 6px; text-decoration: none; color: #fff; }
#menu2 ul li a:hover {color: #000; }
#menu2 ul ul { top: -1px; left: 100% }

/*#menu2 li.has_child { background-image: url(img/down.gif); background-position: right center; background-repeat: no-repeat;}*/
#menu2 li a:hover  {color: #000;}

#menu2 ul { -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/css/border-radius.htc);
	-webkit-box-shadow: 3px 3px 4px #000; -moz-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; z-index:1000; }




.adv {
	width:1000px;
	height:355px;
	margin:0px;
	padding:0px;
}
.middle_out{
	width:1000px;
	margin:8px 0px 0px 0px;
	padding:0px;
}
.left_out {
	width:760px;
	margin-right:10px;
	float:left;
}
.right_out {
	width:230px;
	float:left;
}
.right_title{
	width:230px;
	height:38px;
	margin:0px;
	padding:0px;
	color:#006600;
	text-transform:uppercase;
	font-size:12pt;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	text-align:center;
	border:1px solid #d9d9d9;
	background-image:url(img/title_bgrnd.jpg);
	background-repeat:repeat-x;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
}
.right_title p {
	padding:8px 0px 0px 0px;
}
.right_info{
	width:230px;
	margin:10px 0px 10px 0px;
	padding:0px;
	border:1px solid #d9d9d9;
	background-color:#e3e3e3;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
}
.right_main{
	width:224px;
	margin:2px;	
	padding:0px;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
}
.right_main_title {
	font-size:8pt;
	font-weight:bold;
	color:#666666;	
	padding:5px 5px 0px 5px;
}
.right_main_info{
	font-size:8pt;
	color:#666666;
	padding:5px 5px 5px 5px;
}
.right_main_sep{
	height:2px;
	margin:0px 5px 0px 5px;
	border-bottom:1px dashed #e3e3e3;
}
.main_title {
	width:760px;
	height:38px;
	color:#006600;
	text-transform:uppercase;
	font-size:12pt;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	text-align:left;
	border:1px solid #d9d9d9;
	background-image:url(img/title_bgrnd.jpg);
	background-repeat:repeat-x;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
}
.main_title p {
	padding:8px 0px 0px 10px;
}
.main_title a:link { color: #000000; text-decoration: none; }
.main_title a:visited { color: #000000; text-decoration: none; }
.main_title a:hover { color: #006600; text-decoration: none; }

.main {
	width:745px;
	padding:10px 10px 10px 5px;
	margin:10px 0px 10px 0px;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
}
.main p {
	padding:5px;
	color:#666;
}
.main a:link { color: #006600; text-decoration: none; }
.main a:visited { color: #006600; text-decoration: none; }
.main a:hover { color: #000000; text-decoration: none; }


/*
@font-face {
     font-family: 'rewinder';
     src: url('rewinder.eot?iefix') format('embedded-opentype'), 
           url('rewinder.woff') format('woff'),
           url('rewinder.ttf') format('truetype'),
           url('rewinder.svg#svgFontName') format('svg');
	}

.myfont{
	font-family: 'rewinder';
	font-size:18pt;
	color:#000;
}
.myfont a:link { color: #006600; text-decoration: none; }
.myfont a:visited { color: #006600; text-decoration: none; }
.myfont a:hover { color: #000000; text-decoration: none; }

.topnav {
	width: 295px;
	padding: 0px;
	font-family: 'rewinder';
	font-size:18pt;
	color:#006600;
	border-right:5px solid #006600;
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 0.5em;
	list-style: none;
}

ul.topnav li {
	list-style: none;
	text-align:right;
}

ul.topnav li a {
	line-height: 10px;
	font-size: 18pt;
	padding: 15px 10px;
	color: #006600;
	display: block;
	text-decoration: none;
	text-align:right;
	font-family: 'rewinder';
}

ul.topnav li a:hover {	
	color:#000000;
	text-align:right;
	background-image:url(img/arrow_menu.png);
	background-repeat: no-repeat;
    background-position: right center;
}


ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
	list-style: none;
	text-align:right;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
	text-align:right;
	color:#666;
}

ul.topnav ul li a {
	
	padding: 5px 15px 10px 5px;
	font-size: 12pt;
	outline:0;
	text-align:right;
	color:#666;
}

ul.topnav ul li a:hover {
	
	color:#000000;
	text-align:right;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 20px;
	text-align:right;
}

ul.topnav ul ul li a:hover {
	
	color:#000000;
	text-align:right;
}

ul.topnav span{
	float:right;
}
*/
.back a:link { color: #999; text-decoration: none; }
.back a:visited { color: #999; text-decoration: none; }
.back a:hover { color: #ff0000; text-decoration: none; }



/*footer*/

.footer_left{
	float:left;
	width:293px;
	text-align:left;
	color: #ccc;
}
.footer_left p {
	padding:5px 0px 0px 0px;
}
.footer_right{
	float:right;
	width:707px;
	text-align:right;
	color: #ccc;
	font-size:10pt;
}
.footer_right p {
	padding:25px 0px 0px 0px;
}


.power_left{
	float:left;
	width:500px;
	text-align:left;
	color: #ccc;
}
.power_left p {
	padding:30px 0px 0px 10px;
}
.power_right{
	float:left;
	width:200px;
	text-align:right;
	color: #ccc;
}
.power_right p {
	padding:30px 0px 0px 0px;
}

.power a:link { color: #fff; text-decoration: none; }
.power a:visited { color:#fff; text-decoration: none; }
.power a:hover { color: #fff; text-decoration: underline; }