/* contact */
#contact {padding: 5px; background: #f1f1f1; border: 1px solid #ccc; margin-bottom: 25px;}
#contact .left {width: 250px;}
#contact .right {width: 250px;}
#contact textarea {width: 200px; font-size: 11px; height: 100px;}


/* newsletter */
#newsletter {background: url(img/bgnewsletter.png) no-repeat; width: 300px; height: 205px; padding: 10px;}
#newsletter p {width: 190px; text-align: left;}


/* weather */
#weather {background: url(img/bgweather.png) no-repeat; width: 300px; height: 384px; padding: 10px; }
#weather div {margin-left: 20px; border-top: 1px solid #ccc;}


/* slideshow */
#slideshow {width: 630px; height: 269px; padding: 2px;display: none; border: 1px solid #ccc; text-align: left; margin: 20px 0;}
#podglad {width: 434px; height: 269px; float: left; background: transparent none scroll center center no-repeat; vertical-align: bottom;display: block;position: relative;}
#slideshow ul {width: 196px; height: 236px; float: right; margin: 0;padding: 0; list-style-image: none; list-style-type: none; list-style: inline; margin-top: 1px;}
#slideshow ul li {background-color: #262626; font-size: 11px; color: #444; width: 185px; padding: 5px; border-bottom: 2px solid #ccc; margin: 0;}
#slideshow ul li.active {background-color: #363636; color: #fff;}
#slideshow ul li:hover {cursor: default;}
#slideshow span.title {font-size: 10px;}
#slideshow span.title img {float: left; margin: 10px;}
#slideshow h1 {font-size: 13px; font-weight: bold; color: white; margin-bottom: 4px;}
#slideshow h2 {font-size: 16px; font-weight: bold; color: white; margin-bottom: 15px; margin-top: 10px;}
#slideshow a {color: #f57900; font-weight: bold;}
#podglad div.tekst {background: transparent url(../admin/img/fade.png) scroll repeat 0 0; color: #efefef;font-size: 11px; padding: 10px; height: 248px; width: 130px;position: absolute; left: 30px; bottom: 0px; font-size: 12px;}
.clear {clear: both;}


/* glide */
.glidecontentwrapper {position: relative; width: 632px; height: 320px; overflow: hidden; }
.glidecontent {position: absolute; background: white; visibility: hidden; width: 100%; border-top: 5px solid black;:}
.glidecontenttoggler {width: 100%; }
.glidecontenttoggler a {text-align: center; display: -moz-inline-box; display: inline-block; font-weight: bold; text-decoration: none; width: 102px; margin: 0; line-height: 32px; background: url(img/glide2.png) no-repeat; color: black;}
.glidecontenttoggler a.selected {background: url(img/glide1.png) no-repeat; color: white;}
.glidecontenttoggler a:hover {background: url(img/glide3.png) no-repeat; color: white;}

.glidecontentwrapper #article {font-size: 11px;}
.glidecontentwrapper #article ul li {list-style: none;}
.glidecontentwrapper #article ul {margin: 0; padding: 0;}
.glidecontentwrapper #article li {list-style: none; font-size: 11px; border-bottom: 1px solid #ccc; padding: 3px 0;}
.glidecontentwrapper #article li:hover {background: #f1f1f1;}
.glidecontentwrapper #article strong a {color: #014182; width: 150px; display: block; float: left;}
.glidecontentwrapper #article strong a:hover {color: black;}

.glidecontentwrapper #article .first {background: url(img/bgfirst.png) repeat-x #6790bb; padding: 5px; border-bottom: 3px solid #ccc; color: black; text-align: left;}
.glidecontentwrapper #article .first img {float: left; height: 100px; margin-right: 10px; border: 3px solid white;}
.glidecontentwrapper #article .first h1 {font-size: 14px; color: white;}
.glidecontentwrapper #article .first a {font-weight: bold; color: white;}

.glidecontentwrapper #event {font-size: 11px;}
.glidecontentwrapper #event ul li {list-style: none;}
.glidecontentwrapper #event ul {margin: 0; padding: 0;}
.glidecontentwrapper #event li {list-style: none; font-size: 11px; border-bottom: 1px solid #ccc; padding: 3px 0;}
.glidecontentwrapper #event li:hover {background: #f1f1f1;}
.glidecontentwrapper #event strong a {color: #014182; width: 150px; display: block; float: left;}
.glidecontentwrapper #event strong a:hover {color: black;}

.glidecontentwrapper #event .first {background: url(img/bgfirst.png) repeat-x #6790bb; padding: 5px; border-bottom: 3px solid #ccc; color: black; text-align: left;}
.glidecontentwrapper #event .first img {float: left; height: 100px; margin-right: 10px; border: 3px solid white;}
.glidecontentwrapper #event .first h1 {font-size: 14px; color: white;}
.glidecontentwrapper #event .first a {font-weight: bold; color: white;}






/* article */
.article_list {float: left; width: 283px;  height: 210px; padding: 15px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; text-align: left;}
.article_list h3 {font-weight: bold; font-size: 15px; color: #262626;}
.article_list img {float: left; border-right: 10px solid white; border-bottom: 5px solid white;}
.article_list p {margin: 10px 0; line-height: 1em; font-size: 11px;}
.article_list strong a {color: #014182;}
.article_list strong a:hover {color: #990000;}
.article_list p.info {color: #888; margin-top: 15px;}

#article_main {}
#article_main p.kind {font-style: italic; font-family: serif; font-size: 15px; color: #990000;}
#article_main img {margin: 10px; float: right; border: 1px solid #ccc;}

#clu .article_box {text-align: left; margin-top: 10px;}
#clu .article_box h1 {background: url(img/article_box_h.png) repeat-x; font-size: 13px; color: white; padding: 5px; margin: 2px 0;}
#clu .article_box ul {margin: 0; padding: 0;}
#clu .article_box li {list-style: none; font-size: 11px; border-bottom: 1px solid #ccc; padding: 3px 0;}
#clu .article_box li:hover {background: #f1f1f1;}
#clu .article_box .left {font-weight: bold; width: 70px;}
#clu .article_box .right {width: 250px;}



/* event */
.event_list {float: left; width: 283px;  height: 230px; padding: 15px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; text-align: left;}
.event_list h3 {font-weight: bold; font-size: 15px; color: #262626;}
.event_list img {float: left; border-right: 10px solid white; border-bottom: 5px solid white;}
.event_list p {margin: 10px 0; line-height: 1em; font-size: 11px;}
.event_list strong a {color: #014182;}
.event_list strong a:hover {color: #990000;}
.event_list p.info {color: #888; margin-top: 15px;}

#event_main {}
#event_main p.kind {font-style: italic; font-family: serif; font-size: 15px; color: #990000;}
#event_main img {margin: 10px; float: right; border: 1px solid #ccc;}

#clu .event_box {text-align: left; margin-top: 10px;}
#clu .event_box h1 {background: url(img/event_box_h.png) repeat-x; font-size: 13px; color: white; padding: 5px; margin: 2px 0;}
#clu .event_box ul {margin: 0; padding: 0;}
#clu .event_box li {list-style: none; font-size: 11px; border-bottom: 1px solid #ccc; padding: 3px 0;}
#clu .event_box li:hover {background: #f1f1f1;}


/* gallery */
.gall_list {float: left; width: 283px; height: 230px; padding: 15px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; text-align: left;}
.gall_list h3 {font-weight: bold; font-size: 15px; color: #262626;}
.gall_list img {}
.gall_list p {margin: 10px 0; line-height: 1em; font-size: 11px;}
.gall_list strong a {color: #014182;}
.gall_list strong a:hover {color: #990000;}
.gall_list p.info {color: #888; margin-top: 15px;}
.gall_list .picture {text-align: center;}

#gall_main {}
#gall_main p.kind {font-style: italic; font-family: serif; font-size: 15px; color: #990000;}
#gall_main .simpfoto {float: left; width: 120px; height: 130px; margin: 25px; text-align: center; }
#gall_main .simpfoto img {border: 1px solid #ccc;}






/* comments */
#comments {background: url(img/bgcomment.jpg) repeat-x; padding: 10px 0;}
#comments textarea {width: 626px; height: 70px; background: white; border: 1px solid #ccc; padding: 2px; font-size: 11px; margin-bottom: 10px;}
#comments h1 {font-weight: normal; color: #333;}
#comments ul {margin: 10px 0 0 0; padding: 0;}
#comments ul li {list-style: none; padding: 7px 0; background: url(img/bgcomment.jpg) repeat-x;}
#comments h3 {margin: 10px 0 0 0; font-size: 140%; color: #990000; font-weight: bold;}
#comments img {border: 1px solid #ccc; float: left; margin: 0 10px 0 0;}
#comments p.info {color: #888;}
div.comments_count {background: url(img/comments.png) no-repeat; width: 23px; height: 24px; padding: 2px 5px; font-size: 11px; color: white; float: left; font-weight: bold; margin-top: 3px;}
div.comments_count_grey {background: url(img/comments_grey.png) no-repeat; width: 23px; height: 24px; padding: 3px 5px; font-size: 12px; color: white; float: left; font-weight: bold; margin-top: 3px;}



/* pagination */
div.pagination {padding: 3px; margin: 10px 3px; text-align: center; font-size: 11px;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #990000; text-decoration: none; color: #990000;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #990000; color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #990000;font-weight: bold;background-color: #990000;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}



/* register */

#register {}
#register .left {width: 250px; padding: 10px 0 0 0;}
#register .right {width: 330px; background: #f1f1f1; padding: 10px;}
#register p {color: #014182;}
#register label {display: inline; font-size: 10px;}




/* info */
#info {font-weight: bold;}










































ul.border {border: 1px solid #ccc;}

#standart_form {margin: 0  auto; padding: 10px 30px; width: 340px; background: #f1f1f1; border: 1px solid #DEDEDE; }
#standart_form form {width: 340px;}
#standart_form label {margin: 5px; font-size: 10px; color: #f57900; text-align: left; display: inline; }
#standart_form label.block {display: block;}

#standart_form input {margin: 5px 0; padding: 5px; width: 200px; background: white; border: 1px solid #DEDEDE;}
#standart_form input.short {width: 100px;}
#standart_form input.long {width: 300px;}
#standart_form input.button {width: 100px; border: 1px solid #ccc; cursor: pointer; display: block; background: #f57900; color: white; font-weight: bold;}
#standart_form textarea {margin: 5px 0; padding: 5px; width: 320px; background: white; border: 1px solid #DEDEDE; height: 150px;}
#standart_form select {margin: 5px 0; padding: 5px;}
#standart_form p {padding: 5px; text-align: center;}
#standart_form img {border: 1px solid #ccc;}
#standart_form h1 {color: #444; text-align: left; font-weight: bold; font-size: 12px; margin-bottom: 5px;}












#user_box span {float: left; margin: 0px; text-align: center; font-size: 9px; width: 50px; height: 70px; }
#user_box a {color: #444;}
#user_box a:hover {text-decoration: none;}

#user_box_foto span {float: left; margin: 0px; text-align: center; font-size: 9px; width: 110px; height: 110px; }
#user_box_foto a {color: #444;}
#user_box_foto a:hover {text-decoration: none;}
#user_box_foto img {border: 1px solid #ccc;}


#user_society span {float: left; margin: 4px 5px; text-align: center; font-size: 9px; width: 70px; height: 100px;}
#user_society a {color: #444;}
#user_society a:hover {text-decoration: none;}
#user_society img {border: 1px solid #ccc;}


form.vote {margin: 10px 0;}






/* other */
div.w {display: none;}








/*panel */
#panel .left {width: 200px;}
#panel_side {}

#panel_side_top {background: url(img/bg_panel_side_top.gif) no-repeat; padding: 0 10px; line-height: 40px; border-bottom: 1px solid #ccc;}
#panel_side_top h1 {font-size: 120%; color: #57a807; font-weight: bold;}
#panel_side_bottom {background: url(img/bg_panel_side_bottom.gif) no-repeat bottom; height: 32px;}

#panel_side_main {border-left: 1px solid #aca9a9; border-right: 1px solid #aca9a9; background: #f5f5f4; padding: 10px;} 


#panel_main_foto {margin: 10px 0; text-align: center;}
#panel_main_foto img {border: 1px solid #ccc;}


#panel_side_menu {}
#panel_side_menu ul {margin-bottom: 30px; border-bottom: 1px solid #ccc;}
#panel_side_menu li {list-style: none; border-top: 1px solid #ccc; padding: 5px 0;}
#panel_side_menu a {}
#panel_side_menu a:hover {text-decoration: none; color: #444;}



#panel .right {width: 560px;}
.panel_box {margin-bottom: 10px;}

.panel_box_top {background: url(img/bg_panel_box_top.gif) no-repeat; padding: 0 10px; line-height: 30px;}
.panel_box_top h1 {font-size: 120%; color: #57a807; font-weight: bold;}
.panel_box_bottom {background: url(img/bg_panel_box_bottom.gif) no-repeat bottom; height: 32px; text-align: center;}

.panel_box_main {border-left: 1px solid #aca9a9; border-right: 1px solid #aca9a9; background: #f5f5f4; padding: 10px;} 
.panel_box_main h3 {color: #f57900; margin-bottom: 10px;}
.panel_box_main table tr td {padding: 5px;}

.panel_box_foto_min {width: 105px; text-align: center; float: left; margin: 10px 0; height: 100px; }
.panel_box_foto_min p {margin: 0 0 3px 0;}
.panel_box_foto_min img {border: 1px solid #ccc;}






#msg_box {}
#msg_box h1 {font-size: 15px; font-weight: bold;}
#msg_box table {border: 1px solid #ccc; margin: 5px 0;}
#msg_box tr.row1 {background: white;}
#msg_box #msg_content {margin-top: 10px;}
#msg_box a.unread {font-weight: bold;}










#forum {}
#forum h3 {color: #444; margin: 0 0 10px 0; font-size: 16px; font-weight: bold;}
#forum h2 {}
#forum h2 a {color: white;}

#forum .user {}
#forum .user img {display: block; border: 1px solid #ccc; margin: 5px 0; width: 80px;}

#forum tr.kind {background: #444; font-weight: bold; color: white;}

#forum tr.cat {}
#forum tr.row1 {background: #F5F7F3;}
#forum tr.row2 {background: #F0F2EE;}