/*-----------------------------------------------------------------------------
version:   1.0
date:      07/2008
author:    Andrej Denisa & Uros Ursej
website:   http://www.sek.si
-----------------------------------------------------------------------------*/  


/************************
* Body
************************/
body{
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	background:#000000 url(/images/background.png) repeat-x;
}

a {text-decoration:none;font-size:12px;font-family:arial;outline:0;}

/************************
* Header
************************/
#header {
	height:131px;
	background:#FFFFFF url(/images/header.png) no-repeat;
}

#header_lang {
	float: right;
	height: 39px;
	/*padding:0 20px 22px 0;*/
	padding-right: 20px;
	text-align:right;
	width: 120px;
}
.header_lang_slo {
	display:block;
	width:38px;
	height:39px;
	background:url(/images/lang_slo.png) no-repeat
}

.header_lang_en {
	display:block;
	width:38px;
	height:39px;
	background:url(/images/lang_en.png) no-repeat
}

.holder {
	position: absolute; 
	height: 53px; 
	width:898px
}
.bottom {
	position: absolute; 
	bottom: 0; 
	height: 39px; 
	width:898px; 
	text-align:right
}

h1 {}

h2 {
	color:#1940A9;
	font-size: 18px;	
}

h3 {
	padding:0;
	text-align:left; 
	color:#183FA8; 
	font-size:18px
}

.features_bg h3 {
	margin: 0 0 0px 0;
	font-size: 18px;
}


#menu {
	background-color:#00FF33;
	height: 27px;
	width: 100%;
}

/************************
* Content
************************/
#content_index {
	height:497px;
	background: #FFFFFF url(/images/content.png) no-repeat;
	padding: 0 0px 0 16px;
	line-height:110%;
}

#content_kjesmo {
	height:497px;
	background: #FFFFFF url(/images/content.png) no-repeat;
	padding: 0px 0px 0 16px;
	line-height:110%;

}

#content {
	height:497px;
	background: url(/images/content.png) no-repeat;
	padding: 0 10px 0 16px;
}


/************************
* Menu
************************/
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
padding: 7px 0px;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('/images/button_left.jpg') no-repeat top left;
display: block;
float: right;
font: 11px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 18px; /* This value + 8px should equal height of button background (default is 31px) */
height: 27px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 20px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #333333; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('/images/button_right.jpg') no-repeat top right;
display: block;
padding: 4px 20px 6px 10px; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #004fff;
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}


/************************
* Ponudba
************************/
#features h1 {padding:5px 0 5px 0;}
.frontend_feat {float:left;width:271px;position:relative;margin:10px -11px 0 0;}
.frontend_feat a, .frontend_feat a:hover, .frontend_feat a.active, .backend a, .backend a:hover, .backend a.active {}
.frontend_feat h2 {font-size:16px;border-bottom:#778087 solid 0px;padding:0px 13px 0px 0;margin-bottom:10px;color:#333;letter-spacing:1px;text-align:right;}
.frontend_feat h2 strong {font-size:16px;}
.frontend_feat a {background-position:left top;display:block;height:33px;line-height:33px;font-weight:bold;color:#333;font-size:13px;text-align:left;margin:5px 0 5px 0;padding:0 10px 0 10px; text-decoration:none}
.frontend_feat a:hover,.frontend_feat a.active {color:#1a559c;background-position:left -52px; background:url(/images/feat_buttons.png) no-repeat; border:0;}
.frontend_feat2 a {background-position:left top;display:block;height:25px;line-height:20px;font-weight:bold;color:#555;font-size:12px;text-align:left;margin:3px 0 3px 0;padding:0 5px 0 20px; text-decoration:none}
.frontend_feat2 a:hover,.frontend_feat a.active {color:#1a559c;background-position:left -52px; background:url(/images/feat2_buttons.png) no-repeat; border:0;}
#content h1 {padding:0 0 20px 0;font-size:25px;}
#content strong {padding:2px 0 2px 0;line-height:15px;color:#333; font-size:14px}
.scroller_container {width:580px;float:left;padding:0 0 0 25px; margin:15px 0; text-decoration:none; font-size:12px; font-family:Arial,Helvetica,sans-serif;}
#scroller {width: 550px;margin: 0 auto;overflow: hidden;height: 460px;}
#content-scroller {width: 9000px;}
div.section {width: 550px;height: 220px;float: left;font-size:12px;}
div.section h3 {padding:0;text-align:left; color:#183FA8; font-size:18px}
.description {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
}
.table_description{color: #FFFFFF}

	table.border{
		border-right: 1px solid Black;
		border-bottom: 1px solid Black;
		}
	td.border{
		border-left: 1px solid Black;
		border-top: 1px solid Black;
		padding:2px;
	}
	td.border2{
		background-color:#4368B6;
		text-align:center;
		color:#FFFFFF;
		border-left: 1px solid Black;
		border-top: 1px solid Black;
	}
	th.border2{
		background-color:#4368B6;
		text-align:center;
		padding:2px;
		color:#FFFFFF;
		border-left: 1px solid Black;
		border-top: 1px solid Black;
	}
	th.border{
		border-left: 1px solid Black;
		border-top: 1px solid black;
	}




/************************
* Footer
************************/
#footer {
	height:78px;
	background:#000000 url(/images/footer.png) no-repeat
}

.footer_note1 {
	color:#FFFFFF;
	font-size:10px;
}

.footer_note2 {
	color:#1641a7;
	font-size:10px;
	padding-left:180px;	
}
.footer_note2 a{
	color:#1641a7;
	font-size:10px;
}
.footer_note2 a:hover{
	color:#ffffff;
	font-size:10px;
	text-decoration:underline
}