/* CSS Document */
 body {
        background-color: #454545;
		padding: 0;
        margin: 0;
		background-image: url(img/111111-new.png);
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
      }
       #page {
        width: 990px;
		margin-left: 16px;
		margin-top: 133px;
		height: 100%;
		background-color: #DADADA;
      }
      #blok1 {
        float: right;
        width: 76%;
      }
      #blok1 #blok11 {
        float: left;
        width: 79%;
        background-color: #E0E0E0;        
      }

#blok11 h2 {
font-size: 14px;
color: #990000;
border-left: 1px solid #990000;
padding-left: 5px;
margin-left: 15px;
      }	 
#blok11 h3 {
padding: 0;
margin: 0;
font-size: 13px;
color: #333333;
      }	
#blok11 h4 {
padding: 0;
margin: 0;
font-size: small;
color: #333333;
      }	  
#blok11 a {
font-size: small;
color: #663333;
      }	 
#blok11 a:hover {
font-size: small;
color: #FFFFFF;
text-decoration: none;
background-color: #003366;
      }	 
	  
#blok11 li 
{
list-style-type: square;
margin-left: 20px;}

      #blok1 #blok12 {
        float: right;
        width: 20%;
		font-size: small;
		color: #000066;
      }
      #blok2 {
        float: left;
        width: 23%;
        font-size: 80%;
      }
      #header {
        color: white;
		height: 40px;
        background-color: black;
				background-image: url(img/iiii-texte-black.png);
				background-repeat:repeat-x;
						Font-family: Verdana, Ariel, sans-serif;
						font-size: small;
						text-align: center;
					
        }
      #footer {
        clear: both;
		height: 15px;
        padding: 1em;
		color: #333333;
        background-color: #FFFFFF;
						background-image: url(img/iiiii.gif);
				background-repeat:repeat-x;
Font-family: Verdana, Ariel, sans-serif;
font-size: x-small;
text-align: center;
      }

#footer a {
color: #313131;
}

#footer a:hover {
color: #0B0000;
}
      .content {
        margin: 1em;
		font-size: 11px;

      }
.h1 {
position:absolute;
top:-300px;
background-color: #FFFFFF;
color: #000000;
}
	  
h1 {
color: #000000;
font-size: x-large;
font-family: Calibri;
}

.susen {
text-align: right;
}

	
#esf {
	margin:0; padding:0;
	padding-left: 19px;
	}

#esf a {
	display:block;
	width: 100px; height: 188px;
	margin:0; padding:0;
	background: url("img/esf-color-125.png") top left no-repeat;
	text-decoration: none;
	}
#esf a:hover {
	background-image: url("img/esf-color-125.png");
	}
#esf a span { display:none }


	
#tdt {
	margin:0; padding:0;
		padding-left: 18px;
	}

#tdt a {
	display:block;
	width: 100px; height: 51px;
	margin:0; padding:0;
	background: url("pic/webaim.gif") top left no-repeat;
	text-decoration: none;
	}
#tdt a:hover {
	background-image: url("pic/webaim1.gif");
	}
#tdt a span { display:none }	

#posit {
	margin:0; padding:0;
		padding-left: 18px;
	}

#posit a {
	display:block;
	width: 100px; height: 35px;
	margin:0; padding:0;
	background: url("pic/pristupnyweb1.png") top left no-repeat;
	text-decoration: none;
	}
#posit a:hover {
	background-image: url("pic/pristupnyweb1.png");
	}
#posit a span { display:none }	



#op {
	margin:0; padding:0;
	padding-left: 18px;
	}

#op a {
	display:block;
	width: 100px; height: 33px;
	margin:0; padding:0;
	background: url("pic/unia-nevidiacich.png") top left no-repeat;
	text-decoration: none;
	}
#op a:hover {
	background-image: url("pic/unia-nevidiacich.png");
	}
#op a span { display:none }	


#upol {
	margin:0; padding:0;
	padding-left: 18px;
	}

#upol a {
	display:block;
	width: 100px; height: 94px;
	margin:0; padding:0;
	background: url("img/upc.png") top left no-repeat;
	text-decoration: none;
	}
#upol a:hover {
	background-image: url("img/upchover.gif");
	}
#upol a span { display:none }	




.esf {
background-repeat: no-repeat;
height: 100px;
width: 85px;
}
.stredtext {
text-align: center;
font-size: 13px;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.stredtext1 {
text-align: center;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sulko {
margin-left: 65px;
}
ul {
	list-style: none;
	}

img {
	border: none;
	}
	
#menu {
	width: 200px;
	margin: 5px;
	}
#menu ul {
	margin: 0;
	padding: 0;	
	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-family: Verdana, Ariel, sans-serif;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li .havo {
	color: #000000;
	display: block;
	background:  url(img/menu11.png);
	padding: 8px 0 0 35px;
	margin-top: 2px;
	}
	
#menu li .mavo {
	color: #000000;
	display: block;
	background:  url(img/menu.png);
	padding: 8px 0 0 35px;
	margin-top: 2px;
	}	
	
#menu li a:hover {
	color: #660033;
	background:  url(img/menu.png);
	padding: 8px 0 0 35px;
	} 


.malien {
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
}

#qqq li {
list-style-type: none;
padding-left: 0px;
}

.rrr {
width: 400px;
}

#fotografie img {
	border:0px;	
	}

#fotografie a {
	display: block;
	background: #666666;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 8px;
	margin-top: 8px;
	text-align: center;
	text-decoration: none;
	width: 200px;
	height: 150px;

}
#fotografie a:hover {
	background: #333333;
}

.fotopas {
border-bottom: 1px dotted #666666;
}

.odhora {
	padding-top: 19px;
}

.fontak {
margin-left: 50px;
}

.fotiala {
border-top:  4px solid #3366CC;
border-left:  4px solid #3366CC;
margin-left: 3px;
margin-right: 3px;
}

.malepismo {
color: #990000;
font-size: x-small;
}

#nadbanner a  {
background-color: #E7E3E7;
text-decoration: none;
border: none;
}

#nadbanner a:hover  {
background-color: #E7E3E7;
text-decoration: none;
}

.padaj {
margin-left: 70px;
}

.tabulka {
margin-left: 5px;
text-align: center;
border: 1px solid #373737;
background-color: #F2F2F2;
margin-top: 2px;
}

th {
border: 1px solid #336699;
text-align:center;
background-color: #336699;
color: #FFFFFF;
}

td {
border: 1px solid #E1E1E1;
text-align:left;
padding-left: 6px;
}

.farba1 {
background-color: #FFFFFF;
}
.farba2 {
background-color: #003366;
color: #FFFFFF;
}

.farba3 {
background-color: #CC0000;
color: #FFFFFF;
}

.farba4 {
background-color: #FF9933;
color: #FFFFFF;
}

.farba5 {
background-color: #009900;
color: #FFFFFF;
}

.celta {
text-align:center;
font-weight: bold;
}

.out {
background-color: #FFFFFF;
}
.modra {
background-color: #003366;
color: #FFFFFF;
}

.out1 {
background-color: #FFFFFF;
}

.cent {
text-align: center;
}

p {
	text-align: justify;
}