html {
	width: 100%;
	height: 100%;
}

BODY {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px; 
	background-color: #dee5fe;
	margin:0;
	margin-top: 10px;
	padding:0;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	color: #242424;
}

A {
	color: #4c4c4c;
}
#wrapper {
	width: 980px;
	background:  #ffffff url(images/bgTop.jpg) 0px 15px no-repeat;
  margin:0 auto;
  position:relative;
}
IMG {
	border: 0;
}

UL.hMenu
{
	margin:0;
	padding:0;
 	list-style-image:none;
 	list-style-type:none;
}
H1.csc-firstHeader {margin-top:0;}
#leftColumn .box {width: auto;}
.hMenu LI
{
	padding:0;
 	list-style-image:none;
 	list-style-type:none;
	float:left;
 display:inline;
}
.hMenu A {
	text-decoration: none;
	color: #0030db;
}
.leftMenu UL {
	margin:0;
	padding:0;
	list-style-image:none;
 	list-style-type:none;
}
.leftMenu LI
{
	padding:0;
 	list-style-image:none;
 	list-style-type:none;
}
.leftMenu A {
	display: block;
	font-size: 14px;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	
}

#firstRow, #footerWrap {
	background-color: #dee5fe;
	height: 15px;
}


#topRightMenu {
	text-align: right;
	width: 175px;
	float:right;
}
#topRightMenu A {
	padding: 5px;
}

#logo {
	width: 470px;
	float: left;
}
#logo A {
	height: 117px;
	display: block;
}
#logo H1 {
	display: none;
}
.clear {
	clear: both;
	border:0 !important;
}

#topLeftMenu, #footerLeft {
	float:left;
	width: 49%
}
#panoge, #search {
	padding-top: 10px;
	width: 250px;
	float: left;
}
#panogeSelect {
	width:240px;
}
#search {
	float: right;
	text-align: right;
	padding-right: 10px;
}
#search INPUT {
}
#panogeSearch {
	float:right;
}
#title {
	padding-top: 15px;
	width:500px;
	height: 56px;
}
#title H1 {
	font-size: 30px;
	color: #7ca1cc;
}

#footerRight {
	float:right;
	width: 49%
}

#mainMenu LI {
	padding-top: 20px;
	padding-left: 5px;
	margin-right: 5px;
}
#path {
	padding-top: 10px;
	padding-left: 5px;

}
#path A {
	padding-right:10px;
	padding-left: 3px;
	background: url(images/dot.png) right center no-repeat;
}
#path .menuLast {
	padding-left: 3px;
}

#mainMenu A {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 16px;
	padding:10px 15px 0px 15px;
}
#mainMenu A:hover {
	color: #add7ef;
		}
#contentWrap {
	margin-top: 0px;
}
#contentWrap #leftColumn{
	float:left;
	width: 25%;
	padding-top: 10px;
}
#contentWrap #middleColumn{
	float: left;
	width: 475px;
	padding-left: 10px;
	padding-top: 10px;
}
#contentWrap #rightColumn{
	float: right;
	width: 200px;
	padding-top: 10px;
}

#contentWrap .home #leftColumn{
	display:none;
}
#contentWrap .home #middleColumn{
	width: 730px;
}

#leftContent, #leftTopObject, #leftBottomObject {
	padding-left: 10px;
	padding-right: 10px;
}
.csc-uploads {margin-top:10px; margin-bottom:10px;}
.csc-uploads P {
	margin:3px;
}

.homeBoxes .box {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}
.box {
	width: 172px;
	padding-bottom: 10px;
}
.boxTitleWrap {
	border-left-style: solid;
	border-left-width: 1px;
	
	padding-left: 2px;
	padding-bottom: 2px;
}
.boxBodyWrap {
	border-right-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-top-style: solid;
}
.boxTitle {
	height: 24px;
	color: #ffffff;
	font-weight: bold;
}
.boxTitle A, .boxTitle SPAN {
	padding-left: 5px;
	padding-top: 8px;
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
}
.boxBody {
	margin-right: 2px;
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#footerWrap {
	padding-top: 5px;
	padding-left: 5px;
}
.footerCopy A {
	padding-left: 10px;
}

/********************** tt_news ***********************/
.news-latest-container { padding: 3px;}
.news H4 {
	margin:10px 4px 5px 0;
}
.news H4 A {
	text-decoration: none;
}

.news .text A {
	color: #000000;
}
.news .text P {
	margin:0;
}
.date_cat {
	color: #7d7d7d;
}
.news-latest-date {
	float:left;
	width:65px;
	}
.news-latest-cat {
	float:right;
	width:150px;
	text-align: right;
	}
.news-latest-gotoarchive {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
		}
.news-list-item P {
	margin-top: 5px;
	margin-bottom: 15px;
}	
.news-list-title H3 {
	float: left;
	width: 400px;
	margin-top:0;
	margin-bottom: 5px;
}
.news-list-title .news-list-date {
	float: right;
	width: 70px;
	padding-top: 4px;
}
.news-single-files A {
	margin-right: 5px;
	margin-left: 5px;
}
.news-single-item H1 {
	margin-top: 0;
}
/********************** COLOR VARIATIONS new ***********************/

/* modra */
.modra DIV { border-color:#0030dc; }
.modra .boxTitle { background-image: url(images/bg/bgModra.png); }
.modra H1, .modra .news H4 A, .modra .leftMenu A { color: #0030dc; }

/* modraSvetlo */
.modraSvetlo DIV { border-color:#0083cc; }
.modraSvetlo .boxTitle { background-image: url(images/bg/bgModraSvetlo.png); }
.modraSvetlo H1, .modraSvetlo .news H4 A, .modraSvetlo .leftMenu A { color: #0083cc; }

/* zelena */
.zelena DIV { border-color:#00cc4f; }
.zelena .boxTitle { background-image: url(images/bg/bgZelena.png); }
.zelena H1, .zelena .news H4 A, .zelena .leftMenu A { color: #00cc4f; }

/* zelenaSvetlo */
.zelenaSvetlo DIV { border-color:#6bdd00; }
.zelenaSvetlo .boxTitle { background-image: url(images/bg/bgZelenaSvetlo.png); }
.zelenaSvetlo H1, .zelenaSvetlo .news H4 A, .zelenaSvetlo .leftMenu A { color: #6bdd00; }

/* rumena */
.rumena DIV { border-color:#e6f700; }
.rumena .boxTitle { background-image: url(images/bg/bgRumena.png); }
.rumena H1, .rumena .news H4 A, .rumena .leftMenu A { color: #e6f700; }

/* oranznaSvetlo */
.oranznaSvetlo DIV { border-color:#ffdd00; }
.oranznaSvetlo .boxTitle { background-image: url(images/bg/bgOranznaSvetlo.png); }
.oranznaSvetlo H1, .oranznaSvetlo .news H4 A, .oranznaSvetlo .leftMenu A { color: #ffdd00; }

/* oranzna */
.oranzna DIV { border-color:#ffaa00; }
.oranzna .boxTitle { background-image: url(images/bg/bgOranzna.png); }
.oranzna H1, .oranzna .news H4 A, .oranzna .leftMenu A { color: #ffaa00; }

/* oranznaTemno */
.oranznaTemno DIV { border-color:#ff2200; }
.oranznaTemno .boxTitle { background-image: url(images/bg/bgOranznaTemno.png); }
.oranznaTemno H1, .oranznaTemno .news H4 A, .oranznaTemno .leftMenu A { color: #ff2200; }

/* rdecaSvetlo */
.rdecaSvetlo DIV { border-color:#f3004b; }
.rdecaSvetlo .boxTitle { background-image: url(images/bg/bgRdecaSvetlo.png); }
.rdecaSvetlo H1, .rdecaSvetlo .news H4 A, .rdecaSvetlo .leftMenu A { color: #f3004b; }

/* rdeca */
.rdeca DIV { border-color:#ff2200; }
.rdeca .boxTitle { background-image: url(images/bg/bgRdeca.png); }
.rdeca H1, .rdeca .news H4 A, .rdeca .leftMenu A { color: #ff2200; }

/* vijola */
.vijola DIV { border-color:#cf00dc; }
.vijola .boxTitle { background-image: url(images/bg/bgVijola.png); }
.vijola H1, .vijola .news H4 A, .vijola .leftMenu A { color: #cf00dc; }

/* modraTemno */
.modraTemno DIV { border-color:#4900dc; }
.modraTemno .boxTitle { background-image: url(images/bg/bgModraTemno.png); }
.modraTemno H1, .modraTemno .news H4 A, .modraTemno .leftMenu A { color: #4900dc; }




/********************** COLOR VARIATIONS old ***********************/

/* brightBlue */
.brightBlue DIV {
	border-color:#6098e8; 
}

.brightBlue .boxTitle {
	background-image: url(images/bgBrightBlue.png);
}

/* blue */
.blue DIV {
	border-color:#0030db; 
}

.blue .boxTitle, #mainMenu A {
	background: url(images/bgBlue.png) bottom repeat-x;
}
/* darkBlue */
.darkBlue DIV {
	border-color:#1c3d55; 
}

.darkBlue .boxTitle {
	background-image: url(images/bgDarkBlue.png);
}

/* red */
.red DIV {
	border-color:#df4b2e; 
}

.red .boxTitle {
	background-image: url(images/bgRed.png);
}

/* green */
.green DIV {
	border-color:#3a847c; 
}

.green .boxTitle {
	background-image: url(images/bgGreen.png);
}
/* yellow */
.yellow DIV {
	border-color:#e7b038; 
}

.yellow .boxTitle {
	background-image: url(images/bgYellow.png);
}

/* brown */
.brown DIV {
	border-color:#633030; 
}

.brown .boxTitle {
	background-image: url(images/bgBrown.png);
}

/* darkGreen */
.darkGreen DIV {
	border-color:#507186; 
}

.darkGreen .boxTitle {
	background-image: url(images/bgDarkGreen.png);
}

/* violet */
.violet DIV {
	border-color:#74357c; 
}

.violet .boxTitle {
	background-image: url(images/bgViolet.png);
}


/*
					<div class="box blue">
						<div class="boxTitleWrap">
							<div class="boxTitle">Jadralno padalstvo</div>
						</div>
						<div class="boxBodyWrap">
							<div class="boxBody">Tuki pa kar neki piše pa če je prav al pa ne. Tuki pa kar neki piše pa če je prav al pa ne. Tuki pa kar neki piše pa če je prav al pa ne. Tuki pa kar neki piše pa če je prav al pa ne. </div>
						</div>
					</div>
*/