﻿body
{
	background-color: gray;
	margin: 0px;
	font-family: Verdana, Arial;
	color: Black;
}

div#horni{
    font-size: 20px;
    margin: 0px auto;
    width: 750px;
    height: 176px;
}
    
div#horni{
    background-image: url(image/logo.jpg);
} 

div#horni2{
    background-image: url(image/logo2.jpg);
}    

div#hlavni{
    font-size: 13px;
    margin: 0px auto;
    width: 750px;
    text-align: left;
    color: black;
} 

div#obsahDiv
{
    font-size: 13px;
	min-height: 700px;    
    text-align: left;
    color: black;
	background-color: #feffb1;
	padding: 10px 30px; 	

}

div#telo
{
    margin: 0px auto;
	width: 750px;
	
}

div#copyright, div#galerieTisk, img#hlavniOknoTisk{
	display: none;
}

div#hlavniHorni
{
    width: 750px;
    height: 16px;
    background-image: url(image/lista01.jpg);
}


div#paticka{
    padding: 10px 0px 0px 0px; 
    font-size: 10px;
    margin: 0px auto;
    width: 750px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background-image:url(image/zapati.jpg);
    } 
	
    
div#paticka a{
    color: black;    
    }  
    

div#obsah_panelLevy
{
	width: 400px;
	margin: 0px 10px 0px 0px;
	/*float:left;*/
	padding: 0px 0px 10px 0px;
}

div#obsah_panelVytvoritDotaznik
{
	/*margin: 0px 100px 0px 0px; 
	float: right;
	padding: 0px 0px 10px 0px;*/
}

div.radek, div .radek200
{
    margin: 0px 0px 2px 0px;
}

.radek label
{
	width: 120px;
	float: left;
}

.radek label.typZahlavi
{
	margin-left: 20px;
	width: 100px;
	float:none;
}

.radek label.cisloZahlavi
{
	width: 80px;
}

.radek200 label
{
	width: 160px;
	float: left;
}
.napis
{
	width: 200px;
	float: left;
}

#obsah_zmenaHesla .radek label
{
	width: 150px;	
}

#obsah_prihlaseni label
{
	float: left;
}

#obsah_prihlaseni
{
	margin: 10px;
}

#obsah_prihlaseni #obsah_prihlaseni_LoginButton
{
	margin: 0px 0px 10px 0px;
}

div#obsah_panelZobrazeni
{
	border-top:dashed 1px gray;
	clear: both;
}


h1
{
    font-size: 20px;
    text-align: center;
} 
    
h2
{
    font-size: 18px;
    text-align: left;
}     
    
h3
{
    font-size: 14px;
    text-align: left;
}

div.odstavec, p{
    text-indent: 2em;
    margin: 0px 0px 5px 0px; 
    text-align: justify; 
}

.download
{
	font-size:14px;
	font-weight: bold;
}

#obsah ul li{
	margin-top: 5px;
}


#obsah_navigace
{
	margin: 10px 0px 0px 0px;
}
    
#obsah_tabulkaSeznam
{
     margin: 20px 10px;
     border: black 1px solid;
     background-color: #fffacd;
     text-align:left;
}    

#obsah_tabulkaSeznam td
{
    padding: 8px;
    border: 1px black solid;
}

#obsah_tabulkaSeznam a
{
    color: Black;
}
    
#obsah_tabulkaSeznam th
{
    padding: 8px;
    border: 1px black solid;
    background-color: #f8a460;
}   

#ctl00_obsah_tabulkaDotaznik
{
     margin: 20px 0px;
     border: black 1px solid;
     background-color: #fffacd;
     text-align:left;
}

#ctl00_obsah_tabulkaDotaznik td {
        padding: 8px;
        border: 1px black solid;
    }

#ctl00_obsah_tabulkaDotaznik th {
        padding: 8px;
        border: 1px black solid;
        background-color: #f8a460;
    } 

/*formular mail*/     

#telo div#formular
{

	margin-left: auto;
	margin-right: auto; 
	width: 500px;
	margin-top:20px;
	border:dashed 1px;	
	padding: 10px;
}

.tucne
{
	font-weight: bold;
}

/*obrazky*/
img#parita_small
{
	width:178px;
	height:150px;
	float:right;
	border: solid 1px black;
	margin: 10px 10px 5px 5px;
}

img#aktivity_small
{
	width:217px;
	height:150px;
	float:right;
	border: solid 1px black;
	margin: 5px 5px 5px 10px;
}

img#excel_logo
{
	height: 48px;
	width:48px;
	float:left;
}

img#calc_logo
{
	height: 48px;
	width:48px;
	float:right;
}

img.csv_logo
{
	height: 64px;
	width:64px;
	float:right;
	margin: 0px 10px 10px 10px;
}

input.download_logo
{
	height: 72px;
	width:72px;
	float:right;
	position: relative;
	left: -300px;
	margin: 8px 10px 8px 0px;
}

img.obr_help
{
	border: 0px;
	margin:5px;
}

img#help_import_a, img#help_import_a2, img#help_import_b, img#help_import_b2
{
	height:182px;
	width:259px;
}

img#help_import_oo
{
	width:318px;
	height:216px;	
}

img#help_otevrit
{
	width:320px;
	height:234px;	
}

img#help_otevrit_oo
{
	width:288px;
	height:271px;
}

img#help_ulozit, img#help_ulozit2
{
	width:203px;
	height:146px;
}

img#ulozit_jako
{
	height:231px;
	width: 315px;
}

img#ulozit_jako_oo
{
	height:277px;
	width:286px;
}

img#help_do_sloupcu
{
	height:71px;
	width: 331px;	
}

/* menu */
	
div#lista{
    height: 34px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    background-image: url(image/lista.jpg);
    } 
	  
#lista .menuItem, #lista .menuItemOdkaz, #lista #aktualni, #lista #itemAktualni, #lista #prvniZalozka{
    height: 24px;
  	/*width:110px;*/
    text-decoration: none;
    color: #0E1B96;
	padding: 9px 18px 0px 0px;
	margin:0px;
	}
	
#lista .menuItemOdkaz, #lista #itemAktualni, #lista #prvniZalozka{
   height: 24px;
   float: left;	/*nesmi byt vlastnost menuItem!!*/
   }
   
#lista #prvniZalozka
{
  width: 48px;
}   
	
ul#mainMenu span.menuItem{
	display:block;
}	
	
#lista #itemAktualni, #aktualni{
	font-style:italic;
    color:#003366;	
}	
    
#lista a{
    text-decoration: none;
    color: #0E1B96;}
	
#lista a:hover{
    text-decoration:none;
    color: #0E1B96;}
	
#lista .menuItemOdkaz a:hover{
    text-decoration:underline;
    }	
	
#lista a:visited {	
    color: #003366;
	text-decoration:none;	   
}		

 				 
ul#mainMenu, ul#mainMenu ul {
	padding:0px;
	margin: 0px;
	list-style-type:none;
	}
	
ul#mainMenu ul {
	margin-top:0px;
	margin-left : -9px;
	position:absolute;
	visibility:hidden;
	background-color:#eeeeee;
	padding: 0px 0px 0px 0px;
}
	
ul#mainMenu li {
	float:left; 
	padding: 0px 6px 6px 6px;
	/*width:110px;*/	
	behavior: url(hover.htc); /* ProtoĹľe IE nedodrĹľuje CSS standarty, aby bylo Ĺ™eĹˇenĂ­ funkÄŤnĂ­, pouĹľijeme tento *.htc soubor */	
}
	
ul#mainMenu li li:hover, ul#mainMenu li li.hover {
	background-color:#bbbbbb;
}
	
	
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
	visibility:visible;
}
	
ul#mainMenu li li {
	float:none;
	text-align:left;
	border:1px #999999 solid;
	border-top: none;
	padding:5px 10px;
	/*width:160px;*/
	font-size:12px;
}

#lista .menuSubItem
{
	
}

