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

html {
		margin:0;
		padding:0;
		background:#64b8f6 url(../images/html-tile.png) repeat-x;
		background-attachment:fixed;
}

body {
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#3b3b3b;
}

#site-wrap1 {

}

#site-wrap2 {
	margin:0 auto;
	width:990px;
	overflow:hidden;
	background:#FFF;
	position:relative;
}



form {
	margin:0;
	padding:0;
}


/*-------------global styles-->>--------------*/


a { color:#ce0000; text-decoration:underline;}
a:hover {color:#ce0000; text-decoration:none;}

a img { border:none;}
img { border-color:#626262;}
input.btns {
	background:#4A83C1;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	margin:5px;
	padding:3px 7px;
	border:none;
	cursor:pointer;
}

input.btns:hover {
	background:#4f8dcf;
}


.empty-clear {

	font-size:0px !important;
	line-height:0px !important;
	height:0px  !important;
	clear:both !important;
}

.float-right { float:right}

.float-left { float:left}

.text-right { text-align:right;}

.text-left { text-align:left;}

.text-center { text-align:center;}

.clear-both {clear:both;}

.top10 { padding-top:10px;}

.top20 { padding-top:20px;}

.top30 { padding-top:30px;}


.padding-5 td { padding:5px;}
.padding-10 td { padding:10px;}

.border-1 { border:1px solid #CCC;}



.left10 { padding-left:10px;}

.left20 { padding-left:20px;}

.left30 { padding-left:30px;}



.bot10 { padding-bottom:10px;}

.bot20 { padding-bottom:20px;}

.bot30 { padding-bottom:30px;}


.positioning {
	margin:500px 0 0 0;
}




h1, h2, h3, h4, h5, h6 {

	margin:18px 0 5px 0;
	padding:0;
}

h1 { font-size:1.0em;}

h2 { font-size:1.3em;}

h3 { font-size:1.1em;}

h4 { font-size:1.0em;}

h5 { font-size:0.8em;}

h6 { font-size:0.6em;}
/*----------<<--global styles---------*/


.top {
	
}

.top .top-menu {
	line-height:23px;
	height:23px;
	_padding-top:3px;
	_height:20px;
	padding-left:5px;
	padding-right:5px;
	color:#bababa;
	font-size:11px;
	background:#314d8c;
}

.top .top-menu a {	
	color:#FFF;
	text-decoration:none;
}

.top .top-menu a:hover {	
	color:#bee6f6;
	text-decoration:none;
}


.top .top-wrap {
	background:url(../images/top-bkg.jpg) left top no-repeat;
	height:116px;
	position:relative;
}

.logo { 
	position:absolute; 
	top:24px; 
	left:20px;
}

.today-date {
	position:absolute; 
	top:88px; 
	left:50px; 
	color:#333; 
	font-weight:bold; 
	font-size:12px;
}

.top-banners {
	position:absolute; 
	right:0; 
	top:18px;
	width:760px;
}

.banner-1, .banner-2, .banner-3 { position:absolute;}
.banner-3 {right:10px;}
.banner-2 { right:170px;}
.banner-1 { right:365px;}

/*-main menu->*/

.main-menu {
	height:34px;
	background:#4a83c1;
	color:#FFF;
	line-height:32px;
}

.main-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

.main-menu ul li {
	margin:0;
	padding:0;
	float:left;
}

.main-menu ul li a {
	margin:0;
	padding:0;
	float:left;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 12px;
	height:34px;
	text-decoration:none;
	background:url(../images/menu-sep.png) right 50% no-repeat;
}

.main-menu ul li a:hover {
	color:#FFF;
	background:#4f8dcf url(../images/menu-sep.png) right 50% no-repeat;
}


.main-menu ul li.current a { color:#bb0c08; background:#FFF; border-top:3px solid #4a83c1; height:31px;}

.main-menu ul li.current a:hover {color:#bb0c08; background:#FFF; border-top:3px solid #4a83c1; height:31px;}

/*<-main menu-*/



/*-----------MIDDLE->----------*/

.middle {
	margin-top:12px;
	background: url(../images/scs-tile.png) repeat-y;
	*zoom:1;
}

#homepage .middle {
	background: url(../images/scss-tile.png) repeat-y;
}



/*-separate-section->*/
.separate-section {
	overflow:hidden;
	clear:both;
	padding-top:3px;
	padding-bottom:5px;
	background:#FFF;
}

.separate-section .left-sb { border:none;}
.separate-section .content-holder { border:none;}
.separate-section .right-sb {width:335px; margin-right:15px; border:none;}


.separate-section .content-holder .paging-panel {
	background:#e3ffdc;
	border:1px solid #c0dda7;
	min-height:180px;
	_height:180px;
	height:180px;
	padding:10px;
	overflow:hidden;
}

.separate-section .content-holder .paging-panel .news-panel { border:none !important; padding:0 !important;}


/*<-separate-section-*/




/*-middle-layout->*/
.left-sb {
	float:left;
	width:150px;
	overflow:hidden;
	margin-right:15px;
	border-top:1px solid #D6D6D6;
}

.right-sb {
	float:right;
	width:150px;
	overflow:hidden;
	margin-left:15px;
	border-top:1px solid #D6D6D6;
}

.right-sb2 { /*-only on homepage-*/
	float:left;
	width:185px;
	overflow:hidden;
	margin-left:15px;
	border-top:1px solid #D6D6D6;
}

.content-holder {
	width:660px;
	float:left;
	overflow:hidden;
}

#homepage .content-holder {
	width:460px;
	float:left;
	overflow:hidden;
}
/*<-middle-layout-*/





/*-left-sb->*/

.module-broi {text-align:center; font-size:10px; margin:0 0 5px 10px;}
.module-broi img {border:1px solid #CCC; margin:0px 1px 0px 5px;}




.module-vmenu {}

.module-vmenu ul {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

.module-vmenu ul li {
	margin:0;
	padding:0;
	background:#f3f3f3;
	border-bottom:2px solid #FFF;
}

.module-vmenu ul li a {
	margin:0;
	padding:6px 10px;
	display:block;
	color:#365f8c;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #dddddd;
}

.module-vmenu ul li a:hover {
	background:#FFF;
	color:#ce0000;
}

.module-vmenu ul li.current a {
	background:#FFF;
	color:#ce0000;
	font-weight:bold;
	font-size:12px;
}

.module-vmenu ul li.current a:hover {
	background:#FFF;
	color:#ce0000;
}



.banner-holder {margin:10px 0;}

/*<-left-sb-*/


/*-content->*/
.news-panel {
	padding:10px;
	border:1px solid #d6d6d6;
	font-size:.95em;
	line-height:1.2;
	margin-bottom:10px;
}

.news-panel h2, .paging-panel h2/*, .news-panel h4*/ {
	font-size:14px;
	font-weight:bold;
	color:#487ebd;
	margin:0;
	padding:0;
}

.news-panel h2 a, .paging-panel h2 a/*, .news-panel h4 a*/ {
	color:#487ebd;
	text-decoration:none;
}

.news-panel h2 a:hover,  .paging-panel h2 a:hover/*, .news-panel h4 a:hover*/ { text-decoration:underline;}



.news-panel .panel-content {
	padding-top:10px;
}

.news-panel .panel-content h1/*, .news-panel .panel-content h3*/ {
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:1em;
}

.news-panel .panel-content h1 a/*, .news-panel .panel-content h3 a*/ {
	color:#333;
	text-decoration:none;
}

.news-panel .panel-content h1 a:hover/*, .news-panel .panel-content h3 a:hover*/ {
	color:#ce0000;
	text-decoration:none;
}


.news-panel .panel-content .info {font-size:.85em;}

.news-panel .panel-content p {
	margin:10px 0 0 0;
}

.news-panel .panel-content span.img {
	float:left;
	margin:0 10px 3px 0;
}

.news-panel .panel-content span.img img {
	border:1px solid #626262;
}


/*-imoti-----firmi--->*/
.imoti { position:relative; background:#d1e6ff; border-color:#b0d0e9; min-height:180px; _height:180px;}

.imoti h2, .firmi h2 {
	font-size:14px;
	font-weight:bold;
	color:#323739;
	margin:0;
	padding:0;
}

.imoti h2 a, .firmi h2 a {
	color:#323739;
	text-decoration:none;
}
.imoti h2 a:hover, .firmi h2 a:hover {
	color:#323739;
	text-decoration:underline;
}

.imoti a, .firmi a { color:#666; text-decoration:none;}
.imoti a:hover { color:#ce0000;text-decoration:underline;}
.imoti a img {border:1px solid #626262;}
.imoti strong, .imoti b { font-size:12px;}


.imoti .module-nav {
	position:absolute;
	top:10px;
	right:10px;
	z-index:300;
}

.module-nav a { color:#6697c9; text-decoration:none;}
.module-nav a:hover { color:#333; text-decoration:none;}
.module-nav a.prev { padding:0 10px 0 18px; background:url(../images/icon-prev.png) left 50% no-repeat; border-right:1px solid #6697c9;}
.module-nav a.next { padding:0 18px 0 4px; background:url(../images/icon-next.png) right 50% no-repeat;}



.firmi {background:#fff5bc; border-color:#f7d071;}

.firmi .panel-content {
	height:150px !important;
	overflow:auto !important;
	font-size:11px;
}

.firmi-table { width:415px;}
.firmi-table td {border-bottom:1px solid #f7d071; padding:0px;}
.firmi-table th {padding:2px 8px;}

.firmi-table td a { display:block; _width:100%; padding:2px 8px;}
.firmi-table td a:hover { background:#ffe4ab; color:#ce0000;}
.firmi-table tr:hover { background:#ffe4ab;}
.firmi-table tr:first-child { background:#ffd775 !important;}
.firmi-table tr:first-child:hover { background:#ffd775 !important;}

.firmi-table tr:first-child td { padding:2px 8px;}

/*<-firmi-----imoti---*/



.bread-crumb { font-size:10px; margin:0 0 25px 0;}
.bread-crumb a { font-size:9px; font-weight:bold; color:#666; text-decoration:none;}
.bread-crumb a:hover { font-size:9px; font-weight:bold; color:#666; text-decoration:underline;}




.page-title { font-size:16px; color:#487ebd;}
.sub-title-info { display:block; font-size:13px; position:relative; margin:-5px 0 10px 0;}
.author {color:#666;  font-size:11px; margin-top:10px; display:block;}

.go-back { text-align:left; display:block; padding:0 0 10px 0;}
.go-back a { padding:0 0 0 20px; background:url(../images/icon-back.png) 3px 50% no-repeat; line-height:18px; text-decoration:none; }
.go-back a:hover { padding:0 0 0 20px; background:url(../images/icon-back.png) 0px 50% no-repeat; }


.page-title a { color:#487ebd; text-decoration:none;}
.page-title a:hover { color:#487ebd; text-decoration:underline;}

.page-image { border:1px solid; float:left; margin:0 15px 10px 0;}
.img-description { font-size:12px; color:#2e5376;}



.grid-zebra { font-size:12px;}

.grid-zebra td { padding: 8px;}

.grid-zebra .uneven { background:#f8f8f8;}

.grid-zebra .even { background:#eeeeee;}

.grid-zebra .date {display:block; font-size:11px;}

.grid-zebra a { color:#114499; text-decoration:none; display:block; _width:100%; }

.grid-zebra a:hover { text-decoration:none; color:#06C;  background:#dde8eb;}

.grid-zebra tr:hover { background:#dde8eb;}

.grid-zebra th { padding: 5px 0 5px 0;}



.grid-content { font-size:12px; border-collapse:collapse;}
.grid-content a {color:#4a83c1; text-decoration:none;}
.grid-content a:hover {color:#4a83c1; text-decoration:underline;}


/*<-content-*/




/*-right-sb2->*/
.module-most-read-news {
	font-size:11px;
	padding:8px;
	margin-bottom:20px;
}

.module-most-read-news h3 {
	color:#4a83c1;
	font-size:12px;
	margin:0px 0 10px 0;
}

.module-most-read-news .item {
	border-bottom:1px solid #cacaca;
	padding:3px 0;
}

.module-most-read-news .item h1 {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.module-most-read-news .item h1 a {
	color:#333;
	text-decoration:none;
}

.module-most-read-news .item h1 a:hover {
	color:#666;
	text-decoration:underline;
}


.module-poll {
	margin:5px;
	border:1px solid #D6D6D6;
	padding:4px;
	font-size:11px;
}

.module-poll span {
	font-weight:bold;
	font-size:11px;
}


.module-links ul {
	list-style:none;
	/*margin:0 7px 0 25px;*/
	margin:0 10px;
	padding:0 0 0 0;
	font-size:11px;
}

.module-links ul li {
	margin:10px 0;
	padding:0 0 0 10px;
	background:url(../images/bolit.png) left 5px no-repeat;
	*background:url(../images/bolit.png) left 8px no-repeat;
}


/*<-right-sb2-*/


/*----------<-MIDDLE-----------*/


/*------------FOOTER->--------*/
.footer {
	background:#EDEDED url(../images/footer-tile.png) left 34px repeat-x;
	*zoom:1;
}

.footer-wrap {
	padding:10px 30px;
} 

.footer-menu {
	height:34px;
	background:#4a83c1;
	color:#FFF;
	line-height:32px;
	text-align:center;
	padding:0 12px;
}

.footer-menu a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.footer-menu a:hover {
	color:#FFF;
	text-decoration:underline;
}


.footer-wrap .banner-holder { float:left; margin:5px; }

.footer .module-links ul { margin:0 0 10px 6px;}
.footer .module-links ul li { float:left; margin:5px 20px 5px 0; *background:url(../images/bolit.png) left 5px no-repeat;}




.footer-copyright { font-size:11px; color:#7a7a7a; text-align:center; position:relative; padding-top:20px; padding-bottom:10px;}

.footer-copyright span { display:block;}

.footer-copyright .made-by {color:#a5a5a5; padding-top:5px;}
.footer-copyright .made-by a {color:#a5a5a5; text-decoration:none;}
.footer-copyright .made-by a:hover {color:#a5a5a5; text-decoration:underline;}

.footer-copyright .webcounter { position:absolute; top:40px; right:10px; z-index:350;}

.footer .quick-links td {
background:transparent url(../images/bolit.png) no-repeat scroll left 5px;
margin:10px 0;
padding:0 0 0 10px;
font-size:11px;
}

.listing {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: black}
.listing td{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: black; background: #eeeeee; line-height:14px;}
.listing th {  font-family: Tahoma, Verdana, Arial, sans-serif; text-align: left; font-size: 11px; background: #eeeeee; color: black; font-weight: bold; text-align:right;}
.listing th a{  font-family: Tahoma, Verdana, Arial, sans-serif; text-align: left; font-size: 12px; background: #eeeeee; color: black; font-weight: bold; text-decoration:underline; text-transform: uppercase;}
.listing th a:hover{  font-family: Tahoma, Verdana, Arial, sans-serif; text-align: left; font-size: 12px; background: #EB3D00; color: black; font-weight: bold; text-decoration:none; text-transform: uppercase;}
.listing a {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: bold;}
.listing a:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: bold;}

/*-----------<-FOOTER---------*/

#rayon_panel {
	clear: left; 
	border: #cccccc 1px solid; 
	padding: 3px;
	overflow: auto;
	width: 280px; 	
	height: 110px; 
	background-color: #ffffff;
	text-align: left;
}

#error_panel {
	clear: left; 
	border: #cccccc 1px solid; 
	padding: 10px;
	overflow: auto;
	width: 440px; 	
	background-color: #f5f5f5;
	text-align: left;
	color: #ac0000;
	font-weight:bold;
}

.error {
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #EEEEEE;
	padding: 10px 10px 10px 5px;
	min-height: 45px;
	width: 400px;
	border: 1px solid #666666;
}

.info-panel {
	color:#0066cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #EEEEEE;
	padding: 10px 10px 10px 5px;
	min-height: 45px;
	width: 400px;
	border: 1px solid #666666;
}


.events_title {
	color: #BB0C08;
	font-weight:bold;
}

.poll-name{
	font-weight:bold;
	margin-bottom:5px;
}

.poll-date{
	font-style:italic;
	margin-bottom:5px;
}

.poll-comments{
	
}

/*-------------------------jQuery scroll pager --------------------------------------------*/

/*-addet from page css inline styles->>*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 438px;
    height: 180px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*<<-addet from page css inline styles-*/



/*-addet from page css inline styles->>*/
/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    text-align:right;
	position:absolute;
	right:0px;
	bottom:0px;
	_right:10px;
	_bottom:20px;
	z-index:600;
}

.jcarousel-control a {
    font-size: 12px;
    text-decoration: none;
    padding: 2px 5px;
    margin: 0 0 5px 0;
    border:none;
    color: #FFF;
    background-color: #a8d280;
    font-weight: bold;
	font-style:italic;
}

.jcarousel-control a:hover {color:#79975c;}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-control .current {color:#79975c;}

/*.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}*/
/*<<-addet from page css inline styles-*/

/*-from skin->>*/

.jcarousel-prev { display:none;}
.jcarousel-next { display:none;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  438px;
    height: 163px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 438px;
    height: 160px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

/*-older-jScroll script fix-*/

#thumbs div { background:none !important;}