@charset "utf-8";


/* other */

.block{
display: block;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img{
border: none;
}
div, p, h1{
margin-top: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background:url(../image/background_main.gif) #CFD8DD repeat-y 50% 0px;

}
#container {
	width: 900px;  
	margin: 0 auto; 
	text-align: left; 
	background-color: White;
}
/* hlavicka*/
#mainHeader {
	background-color: #788D9C;
	height: 250px;	
	background:url(../image/previewheader.jpg) #788D9C 50% 50% no-repeat;
    overflow: hidden;
    position: relative;
}
/* navigacia */
#mainNavig{
	list-style: none;
	list-style-position:inside;	
	height: 40px;
	padding: 0;
	padding-left: 10px;
/*	margin: 10px auto 10px auto;*/
	margin: 10px -10px 10px 0px;
}

#mainNavig li{
	float: left;
	margin-right: 11px;
	text-align:left ;
}
#mainNavig li.first a{
	
}
#mainNavig li a{
	background: url(../image/background_navig_button.gif) no-repeat 0px 0px;
	font: Tahoma;
	display: block;
	width: 116px;
	height: 40px;
	color: #666666;
	text-decoration: none;
	overflow: hidden;
	font-size: 10px;
}
#mainNavig li a b, #mainNavig li a strong{
font-weight: normal;
padding: 5px;
display: block;
}
#mainNavig li a:hover, #mainNavig li.selected a{
	background-position: 0px -40px;
	color: black;
}
#mainNavig li a:hover b, #mainNavig li.selected a b{
font-weight: bold;
}
#mainNavig li a:hover strong, #mainNavig li.selected a strong{
font-weight: bold;
}


#breadcrumb {
background-color: #788D9C;
color: white;
font-size: 10px;
padding: 4px 5px; 
margin: 0 10px 10px 10px; 
}
#breadcrumb a{
color: white;
text-decoration: none;
}
#breadcrumb a:hover{
text-decoration: underline;
}
#footer {
background-color: #788D9C;
color: white;
font-size: 10px;
padding: 4px 5px; 
text-align: center;
margin: 0px 10px 10px 10px; 
}
#mainContent {
	clear: both;
	padding: 0 10px; 
	text-align:justify;
}
/* left navig*/ 

#leftNavig{
background-color: #CDD5DA;	
width: 212px;
margin-bottom: 10px;

}
#leftNavig ul{
	padding: 0px;
	margin: 0px;
	width: 212px;
	background-color: #A6B4BE;		
	list-style: none;
/*	list-style-position:inside;	*/
	list-style-position: outside;
	line-height: 30px;
}

#leftNavig li{
	padding: 0px !important;
	margin: 0px !important;
	text-align:left ;
	list-style-position: outside;	
	list-style: none;	
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid white;
	
}
#leftNavig li.first a{
	
}
#leftNavig li a{
	background-color: #CDD5DA;
	display: block;
	color: #666666;
	text-decoration: none;
	overflow: hidden;
	font-size: 10px;
	padding-left: 10px;
}
#leftNavig li a b{
font-weight: normal;
display: block;
}
#leftNavig li a:hover, #leftNavig li.selected a{
background-color: #A6B4BE;  
}
#leftNavig li a:hover b{
font-weight: bold;
}
#leftNavig li.first a{
height: 45px;
background: url(../image/navig_left_first.gif) no-repeat 0px 0px;
padding-left: 30px;
padding-top: 5px;
font-size: 14px;
}
#leftNavig li.first :hover b{
font-weight: normal;
cursor: default;
color: #666666;
}
#leftNavig li.open a{
	background-color: #A6B4BE;
}
#leftNavig li.open a b{
font-weight: bold;
}
#leftNavig li.open ul{
padding-left: 10px;
width: 202px;
}
#leftNavig li.open ul li{
background-color: #CDD5DA;	
border-bottom: 1px solid white;
}
#leftNavig li.open ul li.last{
border-bottom: none;
}

#leftNavig li.open ul li a{
background-color: #CDD5DA;	
color: #666666;
height: 30px;
}
#leftNavig li.open ul li a b{
font-weight:  normal;
color: #666666;
}
#leftNavig li.open ul li a:hover, #leftNavig li.open ul li.selected a  {
background: url(../image/navig_left_arrow.gif)  no-repeat 10px 12px #A6B4BE;
padding-left: 25px;

}
#leftNavig li.open ul li a:hover b{
font-weight:  normal;
}


/* right content */
#rightContent{
	width: 658px;
    /*width: 670px;*/
	float: right;
}

h1,h2,h3,h4,h5,h6{
color: #666666;	
margin-bottom: 1em;
margin-top: 0em;

}
h1{
font-size: 18px;
}
h2{
font-size: 16px;
}
h3{
font-size: 14px;
}
h4{
font-size: 12px;
}
h5{
font-size: 10px;
}
h6{
font-size: 8px;
}
#Content a{
 color: #333333; 
}
#Content a:hover{
 color: #788D9C; 
}
#Content.super h1{
margin-bottom: 0;
font-weight: normal;
}
#Content.super h2{
margin-top: 0;
font-size: 0.9em;
font-weight: normal;
}

#Content.super p{
	font-size: 0.9em;
}
#Content.super hr{
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	color: #666666;
	background-color: #666666;
	width: 100%;
	border: none;	
    margin-top: 3px;
}

#Content{
	border: 9px solid #CFD8DD;
	background-color: white;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 10px;
}
#Content table td, #Content table th{
vertical-align: top;
}
#Content ul li{
list-style: square;
}

.news{
width: 200px;
height: 180px;
overflow: hidden;
float: left;
text-align:left;
margin-bottom: 20px;
margin-right: 26px;
/*
border: 10px solid #CFD8DD;
width: 180px;
*/
}
.news b,.news strong,  .news span{
display: block;
font-size: 10px;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
}
.news b{
	/*background-color: #CFD8DD;*/
}
.news span{
	display: block;
	
	
}

.nrm {
margin-right: 0;
}
.news a{
display: block;
text-decoration: none;
color: #333333;
background-color: white;
height: 180px;
}
.news a:hover{
background-color: #E7EBEE;
}
.news a:hover b, .news a:hover strong{
background-color: black;
color: white;
}


#mainNavig li a b.smaller, #mainNavig li a strong.smaller {
    font-size: 10px !important;
    letter-spacing: -0.05em !important;
}

#mainNavig li a:hover b.smaller, #mainNavig li a:hover strong.smaller {
    font-size: 9px !important;
    letter-spacing: normal !important;
}

#h1_title{
  margin: 0; padding: 0;
  position: absolute;
  overflow: hidden;
  font-size: 160%;  
  top: 0px;
  left: 10px; 
}