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

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

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

/*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:#C8DD8E solid 3px;}
.bpic_link a:visited img {border:#C8DD8E solid 3px;}
.bpic_link a:hover img {border:#ACCC57 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: #666; text-decoration: none; }
.link a:visited { color: #666; text-decoration: none; }
.link a:hover { color: #000; text-decoration: underline; }

.link1 a:link {color: #5F5949;  text-decoration:none;}
.link1 a:visited {color: #5F5949;  text-decoration:none;}
.link1 a:hover {color:#000000; text-decoration:underline;}

.link11 a:link {color: #0000ff; text-decoration:none;}
.link11 a:visited {color: #0000ff; text-decoration:none;}
.link11 a:hover {color:#0000ff; text-decoration:underline;}


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

.link2 a:link { color: #666; text-decoration: none; }
.link2 a:visited { color: #666; text-decoration: none; }
.link2 a:hover { color: #000000; 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 #999; 
	color: #666; 
	background-color:#fff;
}
.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;
}
img {
	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: #ff0000;
}
.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}
.darkred {
	color: #990000;
}
.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;
}
.clearb {
	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;
}
.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%;	
}
*/





/*clasove za saita*/
/*vunshni*/
.out {	
	width:1065px;
	margin-left:auto;
	margin-right:auto;	
}
.top {	
	width:1065px;
	height:24px;
}
.head_out {	
	width:1065px;
	height:168px;
	background-color:#fff;
}
.menu_out {	
	width:1063px;
	height:50px;
	background-color:#323232;
	border-left:1px solid white;
	border-right:1px solid white;
}
.middle_out {	
	width:1065px;
	background-color:#fff;
}
.footer_out {	
	background-color:#323232;
	margin: 0px;
	padding: 0px;
	width:1065px;
	font-size:8pt;
}
.fdiv{
	float:left;
	width:210px;
	font-size:8pt;
}
.fdiv p {
	padding:2px 0px 0px 0px;
}
.power_out {	
	border-top:1px solid #e8e8e8;
	background-color:#323232;
	margin: 0px;
	padding: 0px;
	width:1065px;
	height:50px;
}

/*head*/

.head_left {
	float:left;
	width:350px;
	height:163px;	
}
.head_left img {
	
	margin:10px 0px 0px 10px;
}
.head_left2 {
	float:right;
	width:350px;
	height:163px;	
}
.head_left2 img {
	
	margin:10px 0px 0px 10px;
}
.head_mid {
	float:left;
	width:450px;
	height:163px;	
	margin: 0px;
	padding: 0px;
}
.head_right {
	float:left;
	width:263px;
	height:163px;	
}


.clear { height: 100% }
.clear:after { content: ''; display: block; clear: both }

#menu, #menu ul { list-style: none; margin: 0; padding: 0; z-index:1000; color: #fff; }

#menu li { position: relative; float: left; white-space: nowrap; z-index:1000; color: #fff; height:50px;}
#menu li a:link {border-right:1px solid white; background-image:url(img/top_menu.jpg); background-repeat:no-repeat;; background-position:right; display: block; padding: 16px; text-decoration: none; color: #fff; }
#menu li a:visited {background-image:url(img/top_menu.jpg); background-repeat:no-repeat; background-position:right; display: block; padding: 16px; text-decoration: none; color: #fff; }

#menu ul { display: none; position: absolute }
#menu ul li {background-color:#323232; border-top: 1px solid #fff; border-right: 0px solid transparent; float: none; color: #fff; }
#menu ul li a:link {background-image:url(img/top_menu.jpg); background-repeat:no-repeat;; background-position:right; display: block; padding: 16px; text-decoration: none; color: #fff; }
#menu ul li a:hover {background-color:#DA251D; background-image:url(img/top_menu_over.jpg); background-repeat:no-repeat; background-position:right; color: #fff; }
#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  {background-color:#DA251D; background-image:url(img/top_menu_over.jpg); background-repeat:no-repeat; background-position:right; color: #fff;}

#menu ul { -webkit-box-shadow: 3px 3px 4px #000; -moz-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; z-index:1000; }

/*advertising banner*/
.adv {
	width:764px;
	height:364px;
}

/*middle*/
.left_out {
	float:left;
	width:240px;
	margin:20px;
}
.left_title {	
	width: 240px;
	height:50px;
	color: #FFF;
	background-image:url(img/left_menu_title_bgrnd.jpg);
}
.left_title p {
	padding:15px 0px 0px 15px;
}
.left_title_dot{
	background-image: url(img/dot.jpg);
	background-repeat:no-repeat;
	background-position:10px center;
}
.left_title_dot p {
	color:#fff;
	padding-top:6px;
	padding-left:10px;
	font-size:10pt;
	font-weight: bold;
	text-transform:uppercase;
}


/*menu styles*/
.leftnav {
	width: 240px;
	padding: 0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	color:#666;
	
}

ul.leftnav {
	padding: 0;
	font-size: 10pt;
	line-height: 0.5em;
	list-style: none;	
	color:#666;
}

ul.leftnav li {
	padding: 0px 0px 0px 0px;
	color:#666;	
}

ul.leftnav li a {
	line-height: 35px;
	font-size: 10pt;
	padding: 0px 0px 0px 30px;
	color:#666;
	display: block;
	text-decoration: none;
	background-image: url(img/left_menu_arrow.png);
	background-repeat:no-repeat;
	background-position:10px center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

ul.leftnav li a:hover {	
	color:#000;
	text-decoration: underline;	
	background-image: url(img/left_menu_arrow.png);
	background-repeat:no-repeat;
	background-position:10px center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

ul.leftnav ul {
	margin: 0;
	padding: 0;
	display: none;
	
}

ul.leftnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
	background-image:none;
	padding: 0px 0px 0px 0px;
	
}

ul.leftnav ul li a {
	padding-left: 10px;
	font-size: 10pt;
	font-weight: normal;
	outline:0;
	background-image:none;
	color:#999;
	border-top:none;
}

ul.leftnav ul li a:hover {	
	color:#000;
	background-image:none;
	border-top:none;
}

ul.leftnav ul ul li a {
	color:#ccc;
	padding-left: 20px;
	background-image:none;
}

ul.leftnav ul ul li a:hover {
	
	color:#000;
	background-image:none;
}
ul.leftnav ul ul ul li a {
	color:#ccc;
	padding-left: 30px;
	background-image:none;
}

ul.leftnav ul ul ul li a:hover {
	color:#000;
	background-image:none;
}
ul.leftnav span{
	float:right;
	padding-right:10px;
}
.active {
	color:#000;
}
/*end menu styles*/
/*
.menu p a:link { color: #000000; text-decoration: none; }
.menu p a:visited { color: #000000; text-decoration: none; }
.menu p a:hover { color: #9F0006; text-decoration: none; }

.menu_b_o a:link { color: #fff; text-decoration: none; }
.menu_b_o a:visited { color: #fff; text-decoration: none; }
.menu_b_o a:hover { color: #FAA10D; text-decoration: none; }
*/

.right_out {
	float:left;
	width:765px;
	margin:20px 0px 20px 0px;
}

/*
.main_out{
	width:740px;
}
*/

.main_popup {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666;
	background-color:#e8e8e8;	
	width:100%;
	height:100%;
}

.main_title {	
	width: 765px;
	height:50px;
	background-image:url(img/main_title_bgrnd.jpg);
}
.main_title p {
	color:#fff;
	padding:15px 0px 0px 15px;
	font-size:10pt;
	font-weight: bold;
	text-transform:uppercase;
}
.main_title a:link { color: #fff; text-decoration: none; }
.main_title a:visited { color: #fff; text-decoration: none; }
.main_title a:hover { color: #fff; text-decoration: underline; }


.main {
	padding:10px 0px 10px 0px;
	background-image:url(img/light_row.png);
	background-repeat:repeat;
	color:#333;
	font-size:10pt;
}
.main p {
	padding:2px;
	color:#333;
}
.main a:link { color: #000; text-decoration: none; }
.main a:visited { color: #000; text-decoration: none; }
.main a:hover { color: #000; text-decoration: underline; }

.back a:link { color: #000; text-decoration: none; }
.back a:visited { color: #000; text-decoration: none; }
.back a:hover { color: #000; text-decoration: none; }

.list_p {
	width:170px;
	float:left;
	margin-bottom:20px;
	color:#666;
	margin:0px 10px 0px 10px;	
}

.list_p_img {border:1px solid #e5e5e5;}
.list_p_img a:link  {border:1px solid #e5e5e5;}
.list_p_img a:visited  {border:1px solid #e5e5e5;}
.list_p_img a:hover  {border:0px solid #DA251D;}

.list_p a:link img {border:0px solid white;}
.list_p a:visited img {border:0px solid white;}
.list_p a:hover img {border:0px solid pink;}

.list_p2 {
	width:745px;
}
.list_p2 a:link img {border:0px solid white;}
.list_p2 a:visited img {border:0px solid white;}
.list_p2 a:hover img {border:0px solid pink;}





/*footer*/


.power_left{
	float:left;
	width:532px;
	text-align:left;
	font-size:8pt;
}
.power_left p{
	padding:18px 0px 0px 10px;
}

.power_right{
	float:left;
	width:532px;
	text-align:right;
	font-size:8pt;
	
}
.power_right p{
	text-align:right;
	padding:18px 10px 0px 0px;
}
.power a:link { color: #666; text-decoration: none; }
.power a:visited { color:#666; text-decoration: none; }
.power a:hover { color: #fff; text-decoration: underline; }

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */	
	margin-bottom:2px;
	margin-top:2px;
	padding-left:0px;

	/* End layout CSS */

	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	
	/* End layout CSS */

	visibility:hidden;
	overflow:hidden;
	position:relative;
	

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:10px 10px 10px 0px;
	position:relative;
	border-bottom:solid 1px #4E4A51;
}

.pagination {
	padding: 2px;
	margin: 2px;
	color: #cccccc;
	width:200px;
	text-align:right;
	font-size:8pt;	
	float:right;
}
.pagination a {
	padding: 10px 3px 0px 3px;
	margin: 2px;	
	text-decoration: none; /* no underline */
	color: #ccc;
	font-size:8pt;
	width:20px;
	height:20px;
	/*
	background-image: url(img/page_off.png);
	background-repeat:no-repeat;
	*/
}
.pagination a:hover{
	color: #fff;
	font-size:8pt;
	width:20px;
	height:20px;
	padding: 10px 3px 0px 3px;
	/*
	background-image: url(img/page_on.png);
	background-repeat:no-repeat;
	*/
}

.pagination a:active {
	color: #fff;
	font-size:8pt;
	width:20px;
	height:20px;
	padding: 10px 3px 0px 3px;
}
.pagination span.current {
	padding: 10px 3px 0px 3px;
	margin: 5px;
	
	color: #ccc;
	width:20px;
	height:20px;
	/*
	background-image: url(img/page_on.png);
	background-repeat:no-repeat;
	*/
	font-size:8pt;
	}
.pagination span.disabled {
		padding: 2px;
		margin: 2px;	
		color: #ccc;
		font-size:8pt;
	width:20px;
	height:20px;
	}