/* CSS for MetaCentrum VO, i.e. green style */
body{
    background: #e8e8e8 url(/static/images/sedy_pruh.gif) repeat-y;
    margin: 0;
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	color: black;
        font-size: 10pt;
}

.body   {margin-right: 2%;}
.body p {
	text-align: justify; 
}


.body li {
        text-align: justify; 
        vertical-align: top;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        width: 95%;
}

li {list-style-type: square;}

table.seznam {width:100%; margin-left:0;}

table.seznam p {margin-top: 0; margin-bottom: .5em; text-align:left;}

table.zakladni { border-collapse: collapse; margin: 10px; }
table.zakladni th, table.zakladni td {  border: solid 1px black; padding: 4px; }
pre.code { border: solid 1px gray; background-color: #d0d0d0; padding: 1em; }


a:link { color: #5E8511; text-decoration: none; font-weight: bold; }
a:visited { color:#5E8511; text-decoration: none; font-weight: bold; }
a:hover { color: #34d800; }


#setmeta   {display: none !important}
#setsimple {}
#setplain  {}
.setmeta   {display: none !important}
.setsimple {}
.setplain  {}

.tabulka td{  
	background: #eeeeee;
	color: black;
	font-size: 10pt; 
	border: 1px solid #666666;
}
.tabulka th{  
	background: #99CC33; 
	color: black;
	font-weight: bold;
	padding: 5px;
	font-size: 10pt; border: 1px solid #666666;
}
.tabulka2 td{  
	color: black;
	font-size: 10pt; border: 1px solid #666666;
}
.tabulka2 th{  
	background: #929292;
	color: black;
	font-weight: bold;
	padding: 5px;
	font-size: 10pt; border: 1px solid #666666;
}

.txtikona { 
	display: none;
}
.imgikona {
	display: inline;
}
.imgikona a img{
	border: none;
}

.zavorka {
	display: none;
}


#rychlanavigace {
	float: right;
    margin: 0 0 5px 5px;
}

.stin {
    background: #666666;
	margin-bottom: 5px;
}
 
#rychlanavigace table {
	border: 2px solid #99CC33; 
    position: relative; 
	left: -2px; 
    top: -2px;
}

#rychlanavigace th { background: #99CC33;
                     font-size: 12px;
					 font-weight: bold;
					 color: black;
					 padding: 2px;
}

#rychlanavigace td { background: #e2e2e2;
                     font-size: 12px;
					 color: black;
					 padding: 3px;
}
#rychlanavigace p {text-align: left;}

.headpruh 	{
	background-color: #99CC33; 
	margin: 0 0;
	padding: 0 0;
	height: 16px
}
	
.body { padding-left: 220px;  margin-top: -40px; padding-top: 0;}
li {  margin: 0; padding: 0;  vertical-align: top}
.headlogo{
    background: #FFFFFF url(/static/images/img_02_2017.png) repeat-y;
    margin: 0 0;
	padding: 0 25px 0 0;
	text-align: right; 
	height: 70px;
}


.headsep{
	margin-bottom: 0;
    background: url(/static/images/img_05.gif) repeat-x;
}

.headx 	{
    padding-left: 15px;
	padding-top: 5px;
    background: url(/static/images/img_04_1.gif) no-repeat;
    height: 58px;
	width: 709px;
}


#menu {
	background: none; 
	width: 200px; 
	padding: 0;
	margin-top: 20px; 
	margin-left: 10px;
	margin-right: 0;
	position: absolute; 
	z-index: 1; 
	font-size: 10pt;
	font-weight: bold;	 
}

#menutitle {
	display: none;
}

#menu ul{                          /* 1. uroven */
    margin: 0;
    padding-left: 0;
}

#menu ul li {                      /* 1. uroven */
    list-style: none none;
    padding: 0;
        margin:0;
}

#menu ul li a {                    /* 1. uroven */
        margin-top: 1px;  /*mezera nad prvni urovni nadpisu */
        display: block; 
        background: #99CC33;
        padding: 5px; 
        border-right: 1px solid #666666;
        border-bottom: 2px solid #666666;
}

#menu ul ol{                       /* 2. uroven */
    margin: 0 10px 0 10px; /* horizontalni zmenseni druhe urovne menu + zruseni presahu vpravo */
    padding-left: 0;
}

#menu ul ol ol{                    /* 3. uroven */ 
    margin: 0 0 0 10px; /* horizontalni zmenseni treti urovne menu  */
    padding-left: 0;
}

#menu ul ol ol ol{                 /* 4. uroven */
    margin: 0 0 0 10px; /* horizontalni zmenseni ctvrte urovne menu  */
    padding-left: 0;
}

#menu ul li ol li a {             /* 2. uroven */
        display: block;
        padding: 5px;
        margin:0;
        border: none;
        border-bottom: 1px solid #666666;;
        background: none;

}

#menu ul li ol li ol li a {            /* 3. uroven */
        border-bottom: 1px dashed #666666;
}

#menu ul li ol li ol li ol li a {      /* 4. uroven */
        border-bottom: 1px dotted #666666;
}

#menu a:link    {color: black; text-decoration: none;}
#menu a:visited {color: black; text-decoration:none;}
#menu ul a:hover   {color: #EEEEEE; text-decoration:none; padding-right: 5px; background: #99CC33 url('/static/images/menu_sipka2.gif') right top no-repeat;}
#menu ul ol a:hover   {color: #EEEEEE; text-decoration:none; background: #666666;}
#menu ul ol ol a:hover   {color: #EEEEEE; text-decoration:none; background: #666666;}

#menu #vybrane { background: yellow; }

#zbytekmenu {
}


h1,h2,h3,h4 { width: 100%;}
h2 {	border-bottom: 2px solid #99CC33;}


dl.glossary dt { font-weight: bold; color: #99CC33; width: 95%; }


.okno {	float: left;
    margin: 0 0 3px 5px;
    width: 140px;  }
.okno table { border: 2px solid #99CC33; position: relative; left: -2px; top: -2px; width: 140px;  }
.okno th { background: #99CC33; font-size: 12px; font-weight: bold; color: black; padding: 2px; }
.okno td { background: #e2e2e2; font-size: 12px; color: black; padding: 3px; text-align: center; height: 130px;}

.okn {
    margin: 0 0 3px 5px;
    width: 140px;  }
.okn table { border: 2px solid #99CC33; position: relative; left: -2px; top: -2px; width: 140px;  }
.okn th { background: #99CC33; font-size: 12px; font-weight: bold; color: black; padding: 2px; }
.okn td { background: #e2e2e2; font-size: 12px; color: black; padding: 3px; text-align: center; height: 130px;}

 #leveokno { float: left; margin-top: 0px; margin-left: 5px; margin-right: 0px; margin-bottom: 5px; }
 #leveokno table { border: 2px solid #99CC33; position: relative; left: -2px; top: -2px;}
 #leveokno th { background: #99CC33; font-size: 12px; font-weight: bold; color: black; padding: 2px; }
 #leveokno td { background: #e2e2e2; font-size: 12px; color: black; padding: 3px; }
 #leveokno p {text-align: left;} 

p.seznam_organizaci {
 border-top: 2px solid #99CC33; border-bottom: 2px solid #99CC33; clear: both; font-size: smaller; padding-bottom: 0.5em;
}

@media print {

#menu, #setsimple, #setmeta, #setplain, #rychlanavigace, .headpruh, .headlogo, .headsep, .footpruh {display: none;}
.body {padding:0; margin:0}
}
