/* mac hide \*/
* html, * html body{
overflow:hidden;
height:100%;
}

body{
margin:0;
padding:0;
line-height: 1.2em;
scrollbar-base-color: black;
scrollbar-track-color: white;		/* pozadie */
scrollbar-face-color: #2175bc;		/* sipky, pohybliva lista */
scrollbar-highlight-color: orange;	/* ram sipky, listy */
scrollbar-3dlight-color: white;		
scrollbar-darkshadow-color: white;
scrollbar-shadow-color: white;
scrollbar-arrow-color: white;
}

a	{color:blue; text-decoration: none;}
a:hover	{color:orange; text-decoration: none;}
h1	{font-size: 120%; margin: 10px 0px 0px 30px;}
p  	{margin: 10px 10px 10px 10px; text-align: justify;}	/*hore, pravo, dole, lavo*/
img {border: none;}


#maincontainer{ /* ??hlavicka */
width: 1000px; /*hrubka*/
height: 130px;
margin: 0 auto; /*Center container on page*/
/*background: black;*/
}
 
#topsection{       /* cele telo - zarovnane na stred */
position: absolute;
left: 50%;
top: 50%;
width: 1000px;
height: 600px; /* vyska celkom*/
margin-left: -500px; /* polovica sirky */
margin-top: -300px;  /* polovica dlzky */
background-image: URL('images/podklad.jpg');
background-repeat: no-repeat;
background-color: #2175bc; /* slabo modra */
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
#topsection {top: 0%; margin-top: 50px; }
}
*/
 
#hlavicka{
width: 1000px; /*nastav na hrubku maincontainer*/
height: 130px;
/*background: black;*/
}
 
#contentwrapper{ /* cele telo (- hlavicka) */
float: left;
width: 100%;
height: 450px;
/*background: green;*/
}
 
#contentcolumn{		/* telo v pravo */
margin-left: 270px; /* vzdialenst od lava (-lavy stlpec) */
margin-right: 20px; /* vzdialenst od prava */
/*background: pink;*/
}
 
#leftcolumn{		/* lavy stlpec */
float: left;
width: 230px; 		/* hrubka stlpca */
height: 430px;
margin-left: -1000px; /*nastav na hrubku (-) maincontainer*/
padding-left: 30px;
/*background: silver;*/
}
 
.innertube{			/* vnutro stranky */
margin: 0px; 		/* okraj */
margin-top: 10px;
height: 130px;
/*background: black;*/
}

.innertube1{			/* vnutro stranky */
margin: 0px; 		/* okraj */
margin-top: 10px;
height: 300px;
/*background: pink;*/
}

.priesvitne{			/* prava strana - priesvitna */
margin: 0px; 		/* okraj */
margin-top: 10px;
height: 430px;
color: black;
font-size: 14;
font-family: 'Arial';
background: aliceblue; 
filter: Alpha(opacity=90, style=0); -moz-opacity: 0.6; opacity: 0.8; /*presvitnost */
overflow: auto;
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px;
}


.obrazky{
margin: 15px; 		/* okraj */
}

.obr{
	float: left;
	width: 154px;
	height: 202px;
	margin: 0 10px 10px 0;
	padding: 5px 0;
	text-align: center;
	background: white;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 70%;
	}

	
.popis {
	margin: 5px 10px; padding:0;
	text-align: left;
	font-size: 100%;
	}	
	
.tab{
margin-left: 15px; 
background-color: white;
}

.tab0{									/* nazov tabulky */
background-color: black;				
color: white;							
font-size: 14;
border: 0px;
text-align: left;
margin-left: 0px;
margin-right: 0px;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}

.tab1{									/* hlavicka tabulky */
background-color: lightgray;				/* farba pozadie */
color: black;							/* farba text */
font-size: 12;
border: 0px;
text-align: left;
margin-left: 0px;
margin-right: 0px;
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
}

.tab2{
background-color: lightgray;			/* riadky tabulky */
font-size: 12;
text-align: left;
margin-left: 0px;
margin-right: 0px;
padding-left: 3px;
padding-right: 3px;
font-weight: normal;
}


#tlacitko {
width: 200px;			/* sirka tlacitka */
/*border-right: 1px solid white;*/
padding: 0 0 3 0;
margin-bottom: 1px;
font-family: 'Arial Black','Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 16;
/*background-color: #90bade;	/* pozadie tlacitka {spodny pas} */	
color: #5ba3e0;
}

#tlacitko ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#tlacitko li {
/*border-bottom: 1px solid white;		/* spodny kraj */
margin: 0;
}

#tlacitko li a {
display: block;
padding: 4px 5px 5px 0.5em;
border-right: 10px; /*solid #508fc4;		/* pravy kraj */
border-left: 10px; /*solid black;		/* lavy kraj */
background-color: none;/*#2175bc;			/* pozadie */
color: #1c64d1;						/* farba pisma */
text-decoration: none;
width: 100%;
}

html>body #tlacitko li a {
width: auto;
}

#tlacitko li a:hover {
border-left: 10px solid #1c64d1;		
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: gold;
}

#tlacitko a.active {
border-left: 10px solid #1c64d1;		
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: gold;
}


#submenu{
width: 690px;
height: 66px;
margin-left: 15px;
overflow: auto;
/*background: red;*/
}

/*sub menu - horizontalne */
ul.menu2 {
width:690px; 
list-style-type:none; 
padding:0; 
margin:0; 
font-family: 'Arial Black';	
font-size: 11px;
}

ul.menu2 li {
width: 170px; 
background:#5ba3e0;
border-bottom: 1px solid white;		/* spodny kraj */
border-right:1px solid white;
float:left; 
text-align:center;
display:block; 
}

ul.menu2 li a {
display:block; 
color:black; 
padding:8px 0px 5px 0px; 
}

ul.menu2 li a:hover { 
color:white; 
background:#2586d7; }	

html>body ul.menu2 li a {
width: auto;
