/************************
Extra Lux
	extralux.css
   by GregoR
************************/

/*************** DEFAULT ***************/

html {
	margin: 0; 
	padding: 0;
	}

body {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #465C6A;
	background: #FFFFFF;
	}

p  { 
	font-size: 12px;
	line-height: 15px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
img {
	 border: 0;
	 }
	 
a, a:visited {
	text-decoration: underline;
	background-color: transparent;
	color: #465C6A;
	}

a:hover, a:active {
	text-decoration: none;
	}
	
#footer a.noLink, #footer a.noLink:visited, #footer a.noLink:hover {
	text-decoration: none;
	}

ul {
	padding: 0px 0px 5px 17px;
	margin: 0px 0px 4px 0px;
	}

ol {
	padding: 0px 0px 5px 17px;
	margin: 0px 0px 4px 0px;
	}

ol li {
	margin: 0px 0px 3px 0px;
	list-style: decimal;
	}

h1, h2, h3 {
	color: #465C6A;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	}



/*************** LAYOUT ***************/

#frame {
	margin: 0 auto 0 auto;
	width: 950px;
	text-align: left;
	} 

#frame2 {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #465C6A;
	border-bottom: 1px solid #465C6A;
	background-color: #BFD4E4;
	text-align: left;
	clear: both;
	} 
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

#container {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 950px;
	}
	
#float-wrapper { /*middle in right*/
	float: left; 
	width: 735px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	} 
	
#middle {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
	background: transparent url("../pic-dsg/bg-uvodna.jpg") top right no-repeat;
	height: 345px;
	}
	
#left {
	margin: 0px;
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}
	
#right {
	float: right;
	vertical-align: top;
	width: 235px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
/*************** LAYOUT - STYLES ***************/

#headFrame {
	height: 140px;
	text-align: left;
	}

#head {
	width: 950px;
	color: #465C6A;
	text-align: left;
	}
	
#head h2 {
	margin: 0px;
	text-indent: -9999px;
	padding: 40px 0px 0px 50px;
	}
	
#head h2 a, #head h2 a:visited	{
	background: transparent url("../pic-dsg/logo-extra_lux.gif") top no-repeat;
	width: 163px;
	height: 61px;
	display: block;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	}
	
#head h2 a:hover	{
	text-decoration:none;
	}

#head .nav {
	color: #465C6A;
	padding: 0px;
	font-size: 12px;
	float: right;
	width: 240px;
	padding: 20px 0px 0px 0px;;
	}
	
#head .text {
	position: absolute;
	padding: 0px 20px 5px 360px;
	margin: 20px 0px 0px 0px;
	text-align: right;
	border-right: 1px solid #9DCCE0;
	}
	
#head .text p { 
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}

#middleContent {
	padding: 250px 180px 0px 0px;
	margin: 0px 25px 0px 25px;
	text-align: right;
	}
	
#middleContent .korak {
	background: transparent url(pic-dsg/ico-arrow.gif) center right no-repeat;
	padding: 8px 20px 0px 0px;
	font-size: 12px;
	height: 38px;
	}

#leftContent {
	}
	
#leftContent .contact {
	height:159px;
	border-top: 2px solid #D7E6EF;
	background-color: #9DCCE0;
	padding: 15px 0px 75px 25px;
	font-size: 11px;
	}
	
#leftContent h2 {
	font-size: 12px;
	padding: 6px 0px 0px 25px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	background-color: #84ADC8;
	height: 22px;
	border-bottom: 1px solid #D7E6EF;
	}
	
#leftContent h2 a, #leftContent h2 a:visited	{
	color: #FFFFFF;
	text-decoration:none;
	}
	
#leftContent h2 a:hover	{
	text-decoration:underline;
	}
	  
#rightContent {
	padding: 0px 0px 0px 15px;
	}
	
#rightContent {
	margin: 0;
	padding: 30px 0px 20px 0px;
	background-color: #bfd4e4;
	height: 400px;
	width: 220px;
	}

#rightContent h1, #rightContent h2 {
	margin: 0px;
	padding: 3px 0px 0px 10px;
	margin: 0px 0px 0px 16px;
	background: transparent url("../pic-dsg/bg-right_help4.gif") top left no-repeat;
	font-weight: bold;
	font-size: 12px;
	color: #465C6A;
	height: 22px;
	}

#rightContent p {
	margin: 0px;
	padding: 3px 0px 0px 10px;
	margin: 0px 0px 0px 16px;
	font-weight: normal;
	font-size: 12px;
	color: #465C6A;

	}

#footer { 
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 0px 15px;
	clear: both;
	text-align: left;
	position: relative;
	color: #357EB1;
	width: 920px;
	font-size: 11px;
	}
	
#footer a {
	text-decoration: underline;
	color: #357EB1;
	font-size: 11px;
	}
	
#footer a:hover { 
	text-decoration: none;
	}

/*************** Linki ***************/

/*.linkNav, .linkNav:visited {
	color: #465C6A;
	text-decoration:none;
	}
	
.linkNav:hover, .linkNav:active {
	text-decoration:underline;
	}
	
.linkNav2, .linkNav:2visited {
	color: #465C6A;
	text-decoration:none;
	font-size: 10px;
	}
	
.linkNav2:hover, .linkNav2:active {
	text-decoration:underline;
	}*/

/************* Tabele *****************/
.tblContent {
	margin: 0px 0 10px 0;
	width: 100%;
}

.tblContent td {
	border-bottom: 1px solid #e2edf4;
}

.tblHeader {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 3px solid #9dcce0;
}


/*************** Ostalo***************/
	
/*
.imgRight {
	padding: 0px 0px 5px 10px;
	float: right;
}

.imgLeft {
	padding: 0px 10px 5px 0px;
	float: left;
} */
.button {
	border: none;
	background: none;
	font-weight: normal;
	color: none;
	padding: 0px 0px 0px 0px;
	}
	
.login{
	font-size: 11px;
	border: 1px solid #84ADC8;
	color: #465C6A;
	padding: 3px 0px 0px 5px;
	margin: 0px 0px 0px 2px;
	height: 17px;
	width: 120px;
	}
	
input:focus { 
 	background: #f8f8f8;
  	border: 1px #999 solid;
	}
	
.textRed {
	color: #E70C08;
	}
	
.textSmall {
	font-size: 11px;
	}

	
.errorSpan {
  	padding-left:5px;
  	color:red;
}

.errorElement {
  	border:1px solid red;
}

/*************** Print ***************/

.print {
	display: none;
	}
	
.creatim {
	float: right;
	}