/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	/* background: #FFFFFF url(../images/img01.gif) repeat-x; Andrej */
	background: #3F3F3F url(./images/black.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
#alpha {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	width: 480px;
	margin-bottom: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
}
h1, h2, h3 {
	color: #333333;
}

h1, h2 {
	margin-bottom: 20px;
	font-weight: normal;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 100%;
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	padding-left: 3em;
	background: url(../images/img08.gif) no-repeat;
	font-style: italic;
}

a:link {
	color: #1953A7;
}

a:active {
	color: #ED5C0C;
}

a:visited {
	color: #666666;
}

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

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}

/* News/Information body sectors - added 17.03.2010 Andrej */
.info_sector_V16{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #303030;
}

.info_sector_V14{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.info_sector_V13{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

/* Menu */

#menu {
	width: 979px;	/* Andrej 14.11.2009 menu width test*/
	height: 41px;
	/* margin: 0 auto; */
	margin: 0 auto;
	border-right: 1px solid #EDEBD5;
	/*font-family: "Trebuchet MS";*/
	font-family: "Verdana";
	background-color:#F8D5B1;
	font-size: 12px;
	font-weight: bold;
	background: #353631 url(../images/button_bg.gif) repeat-x; /* neaktivne barve tipke */
	
}

#menu ul {
	margin: 1;
	padding: 2;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;	/* begin from */
	/* width: 164px;   button width_sirina aktivne tipke*/
	width: 173px;
	/* height: 21px; button height_visina 1. aktivne tipke */
	height: 26px; /* button height_visina 1. aktivne tipke */
	/* padding: 8px 10 10 0;  odmik texta od vrha moj original*/
	padding: 8px 10 10 0;
	/* border-left: 1px solid #EDEBD5; Andrej test odmika od desnega roba*/
	border-left: 1px solid #EDEBD5;
	text-transform:uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 100%;
	color: #EDEBD5; /* font color*/
}

#menu a:hover {
	/*background:#555555;  active button color */
	background:#3F3F3F; /* active button color */
}

#menu .active a {
	background: #454545;
	color: #FFFFFF;
}

/* Header */

#header {
	width: 900px;
	height: 170px;
	margin: 0 auto;
}

#header h1 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 0;
	padding: 70px 0 0 0;
	background: url(../images/img02.jpg) no-repeat;
	text-align: center;
	font-size: 36px;
}

#header h2 {
	float: right;
	width: 660px;
	height: 86px;
	margin: 0;
	background: url(../images/img03.jpg) no-repeat;
	padding: 84px 20px 0 0;
	text-align: right;
}

#header a {
	text-transform: lowercase;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

/* Content */

#content {
	float: left;
	width: 550px;
	padding-top: 10px;
}

.post {
	margin-bottom: 20px;
	padding: 0 20px;
}

.hr {
	border-bottom: 1px solid #EDEBD5;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 210px;
	padding: 5px;
	/* background: #EDEBD5; Andrej 18.02.2009*/
	background: #C0C0C0;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 15px;
	color: #FFFFFF;
}

#sidebar h3 {
	font-size: 85%;
	color: #FFFFFF;
}

#sidebar ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}

#sidebar li {
}

#sidebar a {
	color: #FFFFFF;
}

.bluebox {
	background: url(../images/img05.gif) repeat-y;
}

.bluebox h2 {
	background: url(../images/img06.gif) repeat-y;
}

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding: 25px 0;
	background: #EDEBD5 url(../images/img04.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #666666;
}
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 18px Tahoma;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #C8055F;
}.desc_font {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000000;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid navy;
border-bottom-width: 6px;
width: 468px; /*width of featured content slider*/
height: 200px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 450px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


.orange_text {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #FF6600;
}
.text_r {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
}
.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid #CCCCCC;
overflow: scroll; /*leave this value alone*/
width: 270px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}
.player {
	background-image: url(../images/players.jpg);
	background-repeat: no-repeat;
}


#pscroller1{
width: 460px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: #FFFFFF;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.new_text_adjax {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
}
.blue_text {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #3865A9;
}
.standard {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000000;
}
.EventSltb {float:left;
width:190px;
color:#333333;
margin-bottom:8px;
line-height:17px;
letter-spacing:0.3pt;
padding-left:10px;
}
.ImgSpace {margin-right:5px;}
#events {	float: left;
	width: 200px;
	margin-right: 5px;
}

body {
	background-color: #3F3F3F; /* Andrej */
	margin: 14px 0px 0px 0px;
	scrollbar-3dlight-color : Silver;
	scrollbar-arrow-color : #BEDA03;
	scrollbar-base-color : Black;
	scrollbar-darkshadow-color : Gray;
	scrollbar-face-color : #3F3F3F;
	scrollbar-highlight-color : Black;
	scrollbar-shadow-color : Navy;
	scrollbar-track-color : Silver;
}.blue_text {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #330099;
	font-weight: bold;
}.green_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #219E24;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.tiny_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #33CC33;
}
.box_left_verticle {
	background-image: url(../images/box_bg/left_verticle.gif);
	background-repeat: repeat-y;
}
.box_top_horizon {
	background-image: url(../images/box_bg/top_hirizon.gif);
	background-repeat: repeat-x;
}
.box_right_verticle {
	background-image: url(../images/box_bg/right_vertice.gif);
	background-repeat: repeat-y;
}
.box_bot_horizon {
	background-image: url(../images/box_bg/bot_horizon.gif);
	background-repeat: repeat-x;
}
.blue_large {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #384867;
}

.imgcontainer {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; OVERFLOW: hidden; BORDER-LEFT: #333 1px solid; WIDTH: 75px; CURSOR: pointer; PADDING-TOP: 5px; BORDER-BOTTOM: #333 1px solid; HEIGHT: 75px
}

.highslide {
	CURSOR: url(scripts/graphics/zoomin.cur), pointer; outline: none
}

/*------------------------ Sliding Animation -------------------------------------------------- */

/* Gallery Styles */

#thumbcontainer {
	MARGIN-LEFT: 1px
}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

/*-------------------------------------  END  ------------------------------------------------------ */