@charset "utf-8";
body {
	font: 14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #14191c;
	margin: 0;
	padding: 0;
	color: #93999f;
	background-image: url(../background.jpg);
	background-position: center top; 
}
/* --Element/tag selectors --*/
 a:focus {-moz-outline-style: none; } 

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: -5px;
	padding-right: 0px;
	padding-left: 0px;
}
h4{
	padding-bottom:10px;
	margin-bottom:0px;
	font-size: 1.4em;
	font-weight: normal;
	color:#CBD8DC;
}
a img {
	border: none;
}

/* -- a:-- */
a:link {
	color: #93999f;
	text-decoration:none;
	list-style-type: none;
}
a:visited {
	color: #93999f;
	text-decoration:none;
	list-style-type: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
	color: #74d1d6;
	list-style-type: none;
}
/*-----container-----*/
#container-1 {
	width: 994px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: center;
	margin-top: 8px;
}

#container {
	width: 924px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border:none;
}
/*-----header-----*/
.header {
	height: 90px;
	width:100%;
	background-repeat: repeat-x;
	background-position:left;
}
p#headerLogo {
	display: block;
	width: 141px;
	height: 27px;
	background-image: url(images/Logo_hover.png);
	background-repeat:no-repeat;
	position:absolute;
	margin: 47px 0 0 18px;
}
p#headerLogo a {
	display: block;
	width: 141px;
	height: 27px;
	background-image: url(images/Logo.png);
	background-repeat:no-repeat;
}
p#headerLogo a:Hover {
	background-image:url(images/Logo_hover.png);
}
.odLeta {
	margin-top: 10px;
	font-size:11px;
	float: left;
	padding-left:5px;
	text-align:left;
	color:#62666A;
	position:absolute;
}
.headerLanguage {
	margin-top: 4px;
	font-size:11px;
	float: right;
	padding-right:15px;
	text-align:right;
}
.navLanguage li {
	display: inline;
	list-style-type: none;
	padding: 0 1px 0px 1px;
	text-align: right;
	text-decoration: none;
}

ul.navLanguage a, ul.navLanguage a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	color:#62666A;
}
ul.navLanguage a:hover, ul.navLanguage a:active, ul.navLanguage a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}
.headerMenu {
	position: absolute;
	padding-right: 0px;
	width: 574px;
	margin-left:317px;
	margin-top: 56px;
	text-align: right;
	font-size:13px;
	color:#93999F;
}
.navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	text-align: right;
	text-decoration: none;
	padding: 0 2px 0px 2px;
}

ul.navlist a, ul.navlist a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:13px;
	color:#A7ADB3;
}
ul.navlist a:hover, ul.navlist a:active, ul.navlist a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}
/*-----sidebar-----*/
.sidebar1 {
	float: left;
	width: 168px;
	height: 691px;
	background-color: #23343c;
	position: relative;
}

.sidebar2 {
	float: left;
	width: 171px;
	height: 691px;
	background-color: #23343c;
		position: relative;
}

.sidebar3 {
position: absolute; bottom: 0;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 5px 0px 5px 0px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	text-align: right;
	list-style: none; /* this removes the list marker */
	margin-top: 10px;
}
ul.nav li {
	background-image: url(images/crta_nav_pas.jpg);
	background-repeat:no-repeat;
	width:160px;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 0px 5px 0px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	color:#93999F;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.nav ul.nav a:active, ul.nav a:focus, li.active a:visited { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #74d1d6;
}
ul.nav a:hover{ /* this changes the background and text color for both mouse and keyboard navigators */
	color: #fff;
}
li.active a, li.active a:active{ /* this changes the background and text color for both mouse and keyboard navigators */
	color: #74d1d6;
}
li.activeKreativa a, li.activeKreativa a:visited{ /* this changes the background and text color for both mouse and keyboard navigators */
	color: #74d1d6;
	height:20px;
}
/*-----Content-----*/
.content {
	height: 651px;
	float: right;
	padding-right: 13px;
	background-color: #23343c;
}
.slogan {
	float: right;
	padding:0px 23px 0px 0px;
	text-align:left;
	color:#93999F;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}
#galleria {
	clear:both;
	height:580px;
	margin-left: 0px;
	width:740px;
	margin-top:38px;
}
.content .reference {
	text-align:center;
	height:580px;
	margin-left: ;
	width:740px;
	margin-top:38px;
}


.content .text {
	clear:both;
	height:580px;
	width:700px;
	margin-left:23px;
	margin-top:36px;
	margin-right: 20px;
	background-position:left;
	background-repeat:repeat-x;
	color:#93999f;
	
}

.table{
	word-spacing: normal;
	letter-spacing: 0.02em;
	text-align: justify;
	text-decoration:none;
}
.right{
	float:right;
	padding-left: 20px;
	}
#textLogo {
	clear:both;
	display: block;
	width: 110px;
	height: 102px;
	background-image: url(images/Logotip_RM_design.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:-27px 0 0 611px;
}
.timText {
	padding-left: 17px;
}
.timText2 {
	padding-left: 200px;
}
.timText3 {
		padding-left: 17px;
		font-size: 12px;
}

p .timText {
	margin-top:10px;
	padding-top:0px;
}
.bordTop{
	border-top: solid;
	border-top-color: #383F41;
	border-top-width:0.5px;
}
/* ~~ The footer ~~ */
.footer {
	height: 40px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	bottom:0px;
	background-color: #23343c;
}
.footerText {
	padding: 10px 0px 0px 0px;
	margin-left: 189px;
	margin-right: 34px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #383F41;
	font-size: 11px;
	color: #62666A;
}
.crta {
	padding: 10px 0px 0px 0px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #383F41;
	font-size: 11px;
	color: #62666A;
}

.crta2 {
	padding: 5px 0px 0px 0px;
	margin-top: 5px;
}

.crta3 {
	padding: 2px 0px 0px 0px;
	margin-top: 2px;
}

.presledek {
	padding: 7px 0px 0px 0px;
}
.navlistFooter li {
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	text-align: right;
	padding: 0 2px 0px 2px;
}
ul.navlistFooter a:hover, ul.navlistFooter a:active, ul.navlistFooter a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}
ul.navlistFooter a, ul.navlistFooter a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	color: #62666A;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 11px;
	text-decoration: none;
}
li.none a:hover, li.none a:active, li.none a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #62666A;
	cursor: default;
}
#fadeshow1 {
	background-color:#23343c;
}
.textStoritve {
	font-size: 14px;
}

.textStoritve2 {
	font-size: 16px;
}

a.textStoritve2:link {color:#74d1d6;}      /* unvisited link */
a.textStoritve2:visited {color:#74d1d6;}  /* visited link */
a.textStoritve2:hover {color:#FFF;}  /* mouse over link */
a.textStoritve2:active {color:#74d1d6;}  /* selected link */ 

.textStoritveP{
	font-size: 11.5px;
	margin-bottom:15px;
	margin-top:1px;
}

.textIndex{
	font-size: 11px;
		margin-bottom:15px;
	margin-top:1px;
}
#jezik sporazumevanja {
	font-size: 10px;
}