@charset "utf-8";
/* CSS Document */
*{
	margin: 0; /* GLOBAL RESET */
	padding: 0;
}
body{
	font-size: 62.5%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#666666;
	line-height: normal;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #bd3a09;
}
div, ul, h1, h2, h3, h4, img, form, table{padding:0px; margin:0px; border:none;}

ul{list-style-type:none;}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; }
a img { border:none;} /* Remove IE's blue borders */

h1 { border:none; margin:0 0 0 0; padding:0;}
h2 { border:none; margin:0; padding:0;}
h3 {font-size: 1.4em; border:none; margin:0; padding:0;}
h4 {font-size: 1.6em; border:none; margin:0; padding:0;}
h5 {font-size: 1.4em; border:none; margin:0; padding:0;}
h6 {font-size: 1.1em; border:none; margin:0; padding:0;}
p  {padding:10px 0 10px 0; margin: 0;}

.spacer{clear:both; font-size:0px; line-height:0px;}

/*WRAP*/
#wrap{margin: 20px auto; width: 928px;}

/*header*/
.header{overflow: hidden; padding: 0 10px 0 10px; width: 100%; background-image: url(../images/header_bg.jpg); background-position: top left; background-repeat: no-repeat; background-color: #f6f6f6;}
.header_logo{float: left; width: 183px;}
.header_text{float: left; padding: 18px 0 0 15px; font-size: 1.1em; line-height: 1.2em; color: #333333;}
.header_text a{font-size: 1.1em; line-height: 1.2em; color: #333333;}
.header_text p{padding: 0; margin: 0;}

.header_google{float: right; height: 23px; padding: 90px 0 0 0;}
.google_input{width: 131px; height: 20px; padding: 3px 2px 0 3px; margin:0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 20px; font-weight: bold; background-image: url(../images/google_input.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle;}
.google_buton{width: 23px; height: 23px;padding: 0 0 0 0; margin:0; border: none; background-image: url(../images/google_buton.jpg); background-repeat:no-repeat;font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; cursor: pointer; vertical-align: middle;}


/*main navigation menu*/
.menu_holder{overflow: hidden; padding: 10px 10px 10px 10px; width: 100%; background-image: url(../images/menu_main_bg.jpg); background-position: top left;}
.menu_holder ul{float: left;}
.menu_holder ul li{float: left; padding: 0 20px 0 0;}
.menu_holder ul li a{font-size: 1.1em; line-height: normal; color: #FFFFFF; font-weight: bold;}
.menu_holder ul li a:hover{font-size: 1.1em; line-height: normal; color: #FFFFFF; font-weight: bold;}
.menu_holder ul li a.active{font-size: 1.1em; line-height: normal; color: #FFFFFF; font-weight: bold;}


/*lang menu*/
.lang{float: right;}
.lang a{font-size: 1.1em; line-height: normal; color: #FFFFFF; font-weight: bold; padding: 0 20px 0 0;}
.lang a:hover{font-size: 1.1em; line-height: normal; color: #FFFFFF; font-weight: bold;}
.lang a.active{font-size: 1.1em; line-height: normal; color: #FFFFFF; font-weight: bold;}


/*izdvojeno*/
.izdvojeno{overflow: hidden; padding: 10px 10px 10px 10px; width: 100%; background-image:url(../images/izdvojeno_bg.jpg); background-repeat: repeat-x; background-position: top left; background-color: #e6e6e6;}
.izdvojeno_left{overflow: hidden; float: left; width: 545px; padding: 8px 0px 0px 0px; margin: 0 10px 0 0; background-image: url(../images/izdvojeno_veliki.jpg); background-position: top; background-repeat: no-repeat;}
.izdvojeno_left_text{width: 529px; padding: 8px 8px 0 8px; background-image: url(../images/izdvojeno_veliki_bg.jpg); background-repeat: repeat-x; background-position: top left;}
.izdvojeno_left_text img{padding: 5px; margin: 0 10px 10px 0; border: 1px solid #FFFFFF; background-color: #FFFFFF;}
.izdvojeno_left_text span{font-size: 2.5em; line-height: 28px; color: #ff2f7c;}
.izdvojeno_left_text p{font-size: 1.1em; line-height: 1.8em;}
.izdvojeno_left_text .findmore {text-align: right; padding: 0 10px 0 0;}
.izdvojeno_left_text .findmore a{ font-size: 1.1em; line-height: 18px; color: #333333;}

.izdvojeno_right{float: right; width: 363px; padding: 8px 0 0 0; background-image: url(../images/izdvojeno_mali.jpg); background-position: top; background-repeat: no-repeat;}
.izdvojeno_right_text{overflow: hidden; float: left; width: 333px; padding: 12px 15px 0 15px; background-image: url(../images/izdvojeno_veliki_bg.jpg); background-repeat: repeat-x; background-position: top left;}
.izdvojeno_right_text .naslov{width: 100%; font-size: 1.4em; line-height: normal; color: #9639ad;}

.oglas_holder{width: 333px; height: 118px; overflow: hidden; padding: 20px 0 20px 0;}
.oglas_holder_left{width: 325px; height: 118px; float: left; position:relative; overflow:hidden;}
#wrap .izdvojeno .izdvojeno_right .izdvojeno_right_text .thumbs p a.scroll{color: #66666;}
.thumbs{position:absolute; float:left; width: 306px; height:20000em; clear:both;}
/*.thumbs div{float:left; width: 306px; height: 50px; padding: 0 0 9px 0; color:#666666;}*/
.oglas_holder_left ul li p{padding: 0 0 10px 0;}
.oglas_holder_right{width: 25px; height: 118px; float: left; text-align: center;}

/*
MAIN
*/
.main{overflow: hidden; padding: 24px 10px 20px 10px; width: 100%; background-color: #ffffff}

/*main left*/
.main_left{float: left; width: 178px; padding: 0 10px 0 0;}
.main_left ul li{width: 175px;  line-height: 28px; margin: 0 0px 2px 0; background-color: #ffc30c;}
.main_left ul li a{font-size: 1.2em; line-height: 28px; color: #FFFFFF; font-weight: bold; padding: 0 0 0 10px;}
.main_left ul li a:hover{font-size: 1.2em; line-height: 28px; color: #9639ad; padding: 0 0 0 10px; }
.main_left ul li.active a.active{height: 28px;font-size: 1.2em; line-height: 2px; color: #9639ad; font-weight: bold; padding: 0 0 0 10px;}

.menu_left_main{width: 165px;  line-height: 28px; margin: 0 0px 2px 0; background-color: #ffc30c; padding: 0 0 0 10px;}
.menu_left_main a{font-size: 1.2em; line-height: 28px; color: #FFFFFF; font-weight: bold;}
.menu_left_main a:hover{font-size: 1.2em; line-height: 28px; color: #9639ad;}
.menu_left_main.active a.active{height: 28px;font-size: 1.2em; line-height: 2px; color: #9639ad; font-weight: bold;}

/*first depth*/
.menu_left_depth_1{width: 155px; line-height: 25px; background-color: #ffffff; margin: 0 0 0px 0; border-bottom: 1px dotted #666666; padding: 0 0 0 20px;}
.menu_left_depth_1 a{font-size: 1.1em; line-height: 25px; color: #ffac00; font-weight: bold;}
.menu_left_depth_1 a:hover{font-size: 1.1em; line-height: 25px; color: #ffac00; font-weight: bold;}
.menu_left_depth_1.active{background-color: #666666; font-size: 1.1em; line-height: 25px; color: #ffffff; font-weight: bold;}
.menu_left_depth_1.active a{font-size: 1.1em; line-height: 25px; color: #ffffff; font-weight: bold;}

/*second depth*/
.menu_left_depth_2{width: 145px; line-height: 20px; background-color: #ffffff; margin: 0 0 0px 0; border: none; padding: 0 0 0 30px;}
.menu_left_depth_2 a{font-size: 1.1em; line-height: 20px; color: #85869d; font-weight: normal}
.menu_left_depth_2 a:hover{font-size: 1.1em; line-height: 20px; color: #85869d; font-weight: normal;}
.menu_left_depth_2.active{background-color: #999999;font-size: 1.1em; line-height: 20px; color: #ffffff;}
.menu_left_depth_2.active a{font-size: 1.1em; line-height: 20px; color: #ffffff; font-weight: normal;}

/*third depth*/
.menu_left_depth_3{width: 135px; line-height: 20px; background-color: #ffffff; margin: 0 0 0px 0; border: none; padding: 0 0 0 40px;}
.menu_left_depth_3 a{font-size: 1.1em; line-height: 20px; color: #85869d; font-weight: normal;}
.menu_left_depth_3 a:hover{font-size: 1.1em; line-height: 20px; color: #85869d; font-weight: normal;}
.menu_left_depth_3.active{background-color: #666666;font-size: 1.1em; line-height: 20px; color: #ffffff;}
.menu_left_depth_3.active a{font-size: 1.1em; line-height: 20px; color: #ffffff; font-weight: normal;}


/*main center*/
.main_center{overflow: hidden; float: left; width: 506px; padding: 0 23px 0 23px; background-image: url(../images/vertical_bg.jpg); background-position: top left; background-repeat: no-repeat;}

.news{overflow: hidden; width: auto; padding: 0 0 10px 0;}
.news h2{padding: 0 0 15px 0; font-weight: normal;}
.news h2 a{font-size: 24px; color: #ff2f7c;}
.news h2.violet{ padding: 0 0 15px 0; font-weight: normal;}
.news h2.violet a{font-size: 24px; color: #9639ad;}
.news img{padding: 5px; border: 1px solid #666666; margin: 0 10px 10px 0;}
.news span{font-size: 1em; line-height: 1em; color: #333333;}
.news p{padding: 2px 0 10px 0; font-size: 1.1em; line-height: 1.8em; color: #666666;}

.line{width: 100%; height: 1px; padding: 0 0 15px 0; background-image: url(../images/line_bg.jpg); background-repeat: repeat-x; background-position: top left;}

.more{width: 466px; overflow: hidden; padding: 0 20px 0 20px;}
.more_left{float: left; width: 130px;}
.more_left a{ font-size: 1.1em; color: #333333;}
.more_center{float: left; width: 206px; background-image: url(../images/more_bg.jpg); background-position: top left; background-repeat: repeat-x;}
.more_right{float: left; width: 130px; text-align: right;}
.more_right a{ font-size: 1.1em; color: #333333;}

/*main right*/
.main_right{float: left; width: 175px; padding: 0 0px 0 13px; background-image: url(../images/vertical_bg.jpg); background-position: top left; background-repeat: no-repeat;}

.sidebar_over{overflow: hidden; position: relative; width: 175px; height: 79px; padding: 5px 0 0 0; margin: 0 0 10px 0; background-color: #ffc30c;}
.sidebar_yellow{position: absolute; width: 165px; height: 28px; line-height: 28px; color: #FFFFFF; padding: 0 0 0 10px; background-image: url(../images/sidebar_over.png); background-repeat: repeat-x; background-position: top left; top: 56px; left: 0;}
.sidebar_yellow a{line-height: 28px; color: #FFFFFF; font-size: 1.8em; display: block;}

.sidebar_title{width: 160px; height: 28px; line-height: 28px; font-weight: bold; color: #FFFFFF; padding: 0 0 0 15px; font-size: 1.2em; background-color: #ffc30c;}
.sidebar_title a{line-height: 28px; font-weight: bold; color: #FFFFFF;}

/*search box*/
.search{width: 175px; height: 23px; padding: 20px 0 20px 5px;}
.search_input{width: 129px; height: 20px; padding: 3px 2px 0 6px; margin:0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 20px; font-weight: normal; background-image: url(../images/search_input.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #a7a7a7;}
.search_buton{width: 23px; height: 23px;padding: 0px 0 0 0; margin:0; border: none; background-image: url(../images/search_buton.jpg); background-repeat:no-repeat;font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; cursor: pointer; vertical-align: middle;}

/*donors*/
.donors{padding: 10px 0 0 5px;}
.donors img{margin: 0 0 10px 0;}


/*footer*/
.footer{overflow: hidden; height: 23px; width: 712px; padding: 20px 0px 20px 236px; background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; background-position: top left; background-color: #ededed}
.footer ul{float: left;}
.footer ul li{float: left; height: 23px; padding: 0 7px 0 0;}
.footer ul li a{ font-size: 1.1em; line-height: 23px; color: #393939; padding: 0 7px 0 0;}

/*main center 2*/
.main_center2{float: left; overflow: hidden; width: 506px; padding: 0 23px 0 23px;}
.main_center2 h2{width: 100%; float: left; font-size: 2.4em; font-weight: normal; color: #ff2f7c; padding: 0 0 15px 0;}
.main_center2_left{float: left; width: 325px; padding: 0 10px 0 0;}
.main_center2_left p{padding: 0 0 10px 0; font-size: 1.1em;}
.main_center2_left div, .main_center2_left div, .main_center2_left div span{font-size: 1.1em;}
.main_center2_left a{ font-size: 1.1em; color: #666666; font-weight: bold;}
.main_center2_left img{padding: 5px; margin-top: 5px; border: 1px solid #666666;}
.main_center2_left ul{display: list-item; padding: 0 0 0 40px;}

.main_center2_right{float: right; width: 150px; padding: 0 0 0 15px;}
.main_center2_right img{padding: 5px; border: 1px solid #666666; margin: 0 0 10px 0;}
.options{ padding: 0 0 0 20px;}
.options img{border: none; margin: 0 10px 0 0px;}

/*blog*/
.line2{width: 325px; height: 1px; padding: 0 0 20px 0; background-image: url(../images/line2_bg.jpg); background-repeat: repeat-x; background-position: top left;}
.comment{width: 275px; padding: 0 0 0 50px; background-image: url(../images/quote.jpg); background-position: top left; background-repeat: no-repeat;}
.comment p{font-style: italic;}
.post_comment table{border-spacing: 10px 10px;}
.comment_input{width: 249px; height: 23px; padding: 2px 2px 0 6px; margin:0; border: none; height: 23px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 22px; font-weight: bold; background-image: url(../images/comment_input.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #a7a7a7;}
.comment_text{width: 249px; height: 135px; padding: 0px 2px 0 6px; margin:0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; background-image: url(../images/comment_text.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #a7a7a7;}
.comment_button{width: 108px; height: 24px; padding: 0px 2px 0 6px; margin: 0 10px 0 0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 24px; font-weight: bold; background-image: url(../images/comment_button.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #393939;}
#blog_errors{width: auto; padding: 0px; color: #FF0000;}
#blog_success{width: auto; padding: 0px; color: green;}
#blog_form{width: auto; padding: 0px; margin: 15px 0 0 0;}
.blog_arhiv{padding: 0 0 0 15px;}
.blog_arhiv table tr .str {width: 13px; background-image: url(../images/str.jpg); background-position: top left; background-repeat: no-repeat;}


.blog_arhiv{margin: 10px 0 0 15px; padding: 0 0 0 15px; background-image: url(../images/str.jpg); background-position: top left; background-repeat: no-repeat;}
.blog_arhiv a{font-size: 1.1em; line-height: 12px; color: #666666;}
.blog_arhiv span{font-size: 1em; line-height: 14px; color: #333333;}

/*newsletter*/
.newsletter table{border-spacing: 10px 10px;}
.newsletter_input{width: 331px; height: 23px; padding: 4px 2px 0 6px; margin:0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 15px; font-weight: bold; background-image: url(../images/newsletter_input.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #a7a7a7;}
.newsletter_text{width: 333px; height: 136px; padding: 0px 2px 0 6px; margin:0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; background-image: url(../images/newsletter_text.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #a7a7a7;}
.newsletter_button{width: 108px; height: 24px; padding: 0px 2px 0 6px; margin: 0 0 0 0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 24px; font-weight: bold; background-image: url(../images/newsletter_button.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #393939;}
#newsletter_errors{width: auto; padding: 0px; color: #FF0000;}
#newsletter_success{width: auto; padding: 0px; color: green;}
#newsletter_form{width: auto; padding: 0px; margin: 15px 0 0 0;}
.newsletter select{width: 331px; height: 25px; padding: 2px 2px 4px 2px; margin:0; border: none; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; line-height: 15px; font-weight: bold; background-image: url(../images/newsletter_input.jpg); background-repeat: no-repeat; background-position: top left; vertical-align: middle; color: #a7a7a7;}

.donors_over img{border: none;}

.title{font-size: 11px; font-weight: bold;}
.news .title{font-size: 11px; font-weight: bold;}

/*POLL*/
.leftsidebar{width: 165px; margin: 10px 0 0 0; height: 28px; line-height: 28px; font-weight: bold; color: #FFFFFF; padding: 0 0 0 10px; font-size: 1.2em; background-color: #ffc30c;}
.poll_zone{width: 175px; margin: 0 0 5px 0;}
#poll_zone_22{margin: 0 0 0 0px;}
.poll_zone a{padding: 0 0 0 10px; font-size: 1.1em; line-height: 14px; color: #9639ad; font-weight: bold;}
.poll_question{width: 165px; padding: 10px 0 10px 10px; font-size: 1.1em; line-height: 14px; font-weight: bold; color: #666666;}
.poll_answers_checkbox{padding: 3px 0 3px 10px;}
.poll_answers_label{padding: 3px 0 3px 0px; font-size: 1.1em; line-height: 14px; color: #666666;}
.poll_buttons{padding: 10px 0 10px 10px;}
.poll_buttons input{padding: 3px; border: 1px solid #ada99d; color: #00000; font-size: 1.2em; background-color: #eeeae2; cursor: pointer;}
.poll_results{width: 155px; padding: 3px 10px 10px 10px; font-size: 1.1em; line-height: 14px; color: #666666;}
.poll_result{width: 145px; padding: 3px 0px 10px 10px; font-size: 1.1em; line-height: 14px; color: #666666;}
.poll_results .poll_question{padding: 10px 0 10px 0;}
.poll_results .poll_total{width: 145px; padding: 5px 0 10px 0px; font-size: 1.1em; line-height: 14px; color: #666666;}
.poll_results a{padding: 0;}
.poll_total_label{font-weight: bold;}
.poll_result_graph{height: 7px; background-color: #9639ad;}


