body {
	background: #0B3D7A;
	font-family: "Geneva CE", Geneva, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	text-align: center;
	padding: 30px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

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

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a img {
	border: none;
}

p {
	margin: 0em 0em 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Geneva CE", Geneva, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	margin-top: 0em;
}

h1 {
	font-size: 150%;
	margin: 0em;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 70%;
	margin-top: 0em;
	color: #003399;
	font-weight: bold;
}

h5 {
	font-size: 90%;
}

h6 {
	font-size: 80%;
}



#page {
	margin: 0 auto;
	width: 768px;
	height: 489px;
	overflow: hidden;
	background: #fff none;
	text-align: left;
}

#header {
	width: 306px;
	height: 489px;
	overflow: hidden;
	float: left;
}

#header a {
	display: block;
	width: 200px;;
	height: 20%;
}

#header a:hover, #title a:visited {
	background: transparent;
}

#header h1 {
	display: none;
}

/* THEME */
.theme-onas {
	background: #4A749C url("images/layout/finesoft-header_01.jpg") top left no-repeat;
}

.theme-produkty {
	background: #4A749C url("images/layout/finesoft-header_02.jpg") top left no-repeat;
}

.theme-sluzby {
	background: #4A749C url("images/layout/finesoft-header_03.jpg") top left no-repeat;
}

.theme-referencie {
	background: #4A749C url("images/layout/finesoft-header_04.jpg") top left no-repeat;
}
.theme-kontakt {
	background: #4A749C url("images/layout/finesoft-header_05.jpg") top left no-repeat;
}

#middle {
	position: relative;
	width: 297px;
	height: 489px;
	float: left;
	background-image: url("images/layout/center-bg.gif");
}

#right {
   width: 159px;
	height: 489px;
	float: left;
	background-image: url("images/layout/right-bg.jpg");
}

/* main navigation */

#navigacia {
	width: 159px;
	height: 280px;
	margin: 0;
	padding: 25px 0 0 0;
	float: left;
}

#navigacia ul {
	margin: 0;
   	padding: 0;
	list-style: none;
}
#navigacia ul li {
	float: left;
}

#navigacia ul li a {
	display: block;
	height: 24px;
	background-position: top center;
}

#navigacia ul li a:hover {
	background-position: 0 -48px;
}
#navigacia ul li a.active {
	background-position: 0 -24px;
}

#navigacia ul li a span {
	display: none;
}

#btn_onas {
	width: 159px;
	float: left;
	background: url("images/menu/o-nas.jpg");
}
#btn_produkty {
	width: 159px;
	float: left;
	background: url("images/menu/produkty.jpg");
}
#btn_sluzby {
	width: 159px;
	float: left;
	background: url("images/menu/sluzby.jpg");
}
#btn_referencie {
	width: 159px;
	float: left;
	background: url("images/menu/referencie.jpg");
}
#btn_kontakt {
	width: 159px;
	float: left;
	background: url("images/menu/kontakt.jpg");
}
/* main navigation ends */

#subnavigacia {
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#subnavigacia .menu_nadpis {
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	display: block;
	border: 1px dotted #7DA7CF;
	border-width: 0px 0px 1px 0px;
	padding: 40px 0px 3px 25px;
}
#subnavigacia .menu_referencie {
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	display: block;
	border: 1px dotted #7DA7CF;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 3px 25px;
}

#menu_popis {
	color: #ffffff;
	font-weight: normal;
	margin-left: 0px;
	font-size: 60%;
	padding: 0px 0px 0px 0px;
}

#menu_popis ul { 
   	list-style:none;
	line-height: 100%;
	line-height: 15px;
}
 
#menu_popis li a {
	color: #CFDDE9;
}
#menu_popis li a:hover {
	list-style: square;
	color: white;
	text-decoration: underline;
		
} 

#menu_popis li a.active {
	list-style: square;
	color: white;
	
	font-weight: bold;
	
} 


/* styly pro obsahovou cast */

#middle_nadpis {
	width: 260px;
	height: 50px;
	float: left;
	padding: 30px 20px 0px 20px;
}

#middle h2 {
	display: none;
}

/* paticka s linkem na finesoft */
#paticka {font-size:70%; margin-top:5px; padding-bottom:15px; width : 730px; text-align:center;}
#paticka a {color:#95bad0;}
#paticka a:hover {color:#2d2d2d;}

/* scrollbar */

#content {color:#3D3D3D;}
#content p {font-size:70%; line-height:140%; margin-bottom:15px;}
#content a {color: Black;}
#content a:hover {color:#005FC9;}
#content h1 {font-size:150%; width : 338px; height:76px; margin-bottom:15px;}
#content h2 {font-size:80%; margin-bottom:15px; }
#content h2.blue {color:#168DD5; padding:10px 0px 10px 0px; border-bottom:1px solid #EAEAEA;}
#content h3 {font-size:75%; margin-bottom:10px; }
#hobrazek {width: 260px; height: 22px; position: absolute;z-index: 2;}


#container {
	position: absolute;
	top: 80px;
	left: 0px;
	background-image: url(images/layout/center-bg.gif);
 	width: 270px;
	height: 405px;
	overflow: hidden;}
 
#content {
	position: relative;
	width: 250px;
   	text-align: justify;
	line-height: 2;
	margin: 0px 0px 0px 18px;
}
#content .popis {
	font-weight: normal;
	font-size: 85%;
}

#content ul { 
padding:0px 5px 15px 35px;
margin:0;
line-height:165%;
font-size:80%;
text-align: left;
color:#5F5F5F;
} 

#content li {
	font-size: 85%;
} 



#partneri {
	position: relative;
	width: 245 px;
	text-align: justify;
	line-height: 2;
	color: Black;
	font-size: 70%;
	font-weight: normal;
}

#partneri a {
	display: block;
	border: 1px solid #dddddd;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 18px;
	color: Black;
}
			
#partneri a:hover {
	background-color: #f7f7f7;
	color: #cc0000;
}
	
#produkty_logo {
	position: absolute;
	top: 290px;
	width: 260px;
	height: 50px;
	padding: 0px 0px 20px 0px;
}
#mapa a {
	display:block;
	width: 248px;
	height: 140px;
	border: 1px solid #1B3B64;
}

#mapa a:hover {
	width: 248px;
	height: 140px;
	border: 1px solid #cc0000;
	
}

#mapa_adresa {
	position: absolute;
	top: 250px;
	width: 360px;
	height: 100px;
	padding: 0px 0px 0px 0px;
}
#weblinks {
	position: relative;
	top: 5px;
	width: 100 px;
	text-align: center;
	line-height: 2;
	color: #C0C0C0;
	font-size: 70%;
	font-weight: normal;
}

#weblinks a {
	display: block;
	border: 1px solid #dddddd;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #C0C0C0;
}
			
#weblinks a:hover {
	background-color: #f7f7f7;
	color: #cc0000;
}

	
	
.ihelp {
	border-bottom: 1px dotted #333;
	cursor: help;
}
 
#scrollArea {
	position: absolute;
  	left: 280px;
	top: 80px;
	height: 400px;
 	width: 8px;
	border-left: 1px solid Silver;
	overflow: hidden;
}
  
#scroller {
	position: absolute;
	top: -1px;
	width: 15px;
	backgroundkk: #D3D3D3#CE4300;
	background: #D3D3D3;
	border-left: 1px solid White;
}

#stats{margin: -12px 0px 0px 745px;}

#alert {
	font-size: 70%;
	color: #B0232A;
	
	text-align: center;
}