/* CSS Document - I3C */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {   
  margin: 0;   
  padding: 0;   
  border: 0;   
  outline: 0;   
  font-size: 100%;   
  vertical-align: baseline;   
  background: transparent;   
}
ol, ul {   
  list-style: none;   
}
table {   
  border-collapse: collapse;   
  border-spacing: 0;   
}           
.i3_title{
  color: red;               
  font-weight: bold;
  font-size: 12px;
}

.main_li {
    list-style: none;
    padding:0;
    margin:0;
}

.main_li li { 
  padding: 0 !important;
  margin: 0 !important;
    padding-left: 1em !important;  
    padding-right: 1.5em !important; 
    text-indent: -1.2em !important;
}

.main_li li:before { 
    content: "» ";
    font-weight: bold;
    color: red; /* or whatever color you prefer */
}
.sub_li {
    list-style: none;
    padding:0;
    margin:0;
}

.sub_li li { 
  padding: 0 !important;
  margin: 0 !important;
    padding-left: 4.3em !important;  
    padding-right: 2.5em !important; 
    text-indent: -2.8em !important;
}

.sub_li li:before {        
    content: "• ";     
    font-weight: bold;     
    padding-right: 2em !important; 
    font-size: 10px;
    color: red; /* or whatever color you prefer */
}

.sub_sub_li {
    list-style: none;
    padding:0;
    margin:0;
}

.sub_sub_li li { 
  padding: 0 !important;
  margin: 0 !important;
    padding-left: 7.2em !important;  
    padding-right: 2.5em !important; 
    text-indent: -2.8em !important;
}

.sub_sub_li li:before {        
    content: "- ";           
    padding-right: 2em !important; 
    font-weight: bolder;
    color: red; /* or whatever color you prefer */
}

body{	
  background-color: white;  	
  font-family: verdana, arial, sans-serif;  
	font-size: 0.8em;
	color: #333333;
	text-align: center;
	line-height: 1.5em;
	background: url('/css/images/web_bg.jpg') center top no-repeat;
  background-attachment: fixed;
}
body a:link{
  color: #046cbc;
}
body a:visited{
  color: #98009C;
}
body a:hover{
  color: red;    
}
#telo{
	display: block;	
	width: 1020px;
	position: relative;
	margin: 0 auto;
  background-position: top left;
  background-repeat: repeat;	
	text-align: left;  	
}
.err{
  color: red;
  font-weight: bold;  
}
.ok{
  color: blue;
  font-weight: bold;  
}
.vyrazne{
  color: red;
  font-weight: bold;
}
.err_polozka {
     color: red;
}
label{
  margin: 5px 0 0 0;
  display: block;  
}
textarea{
  margin: 0 0 10px 0;
}
input.submit {
  display: block;
  margin: 20px 0 0 0;
}
p{
  margin: 20px 0;
}
table{  
  margin: 20px auto;
  border: 2px solid #4F4F4E;
  font-size: 0.8em;
  line-height: 1.3em;
}
th{
  padding: 5px 10px;
  background-color: #D00202;
  color: white;
}
td{
  padding: 5px;  
  border: 1px solid #4F4F4E;  
  background-color: #F0F0F0;
}
td p{
  margin: 0;  
}
td a{  
  line-height: 1.2em;
}
form table {
     border: none;
     text-align: right;     
}
form table td {
     border: none;
     background-image: url(podklad.jpg);
     background-position: top left;
     background-repeat: repeat;
     vertical-align: top;          
}
form table td input{
     float: left;          
}
form table td img{
     float: left;          
}
h1{
  display: block;
  margin: 0 0 20px 0;
  text-align: center;
  font-weight: normal;
  font-size: 1.6em;
  color: #FF0000;
}
h2{
    display: block;
    margin: 20px 0;
    font-weight: bold;
    font-size: 1.4em;
    background: #FF0000;
    color: #fff;
    padding: 8px;
}
h3{
  display: block;
  margin: 20px 0;  
  font-weight: normal;
  font-size: 1.2em;
  color: #FF0000;
}

/* Úvodní stránka */

#mod_stranky .str_1 h1{
  display: none;
}
#uvod h1{
  display: none;
}

/* HlaviÄŤka */

#hlavicka_out{
  display: inline;
  width: 730px;
  margin: 0 0 20px 0;    
  float: right;    
}
#hlavicka_in{
  display: inline;      
  float: left;  
}
#logo_out{
  display: block;  
  margin: 10px 0 10px 50px;
  float: left;
}

/* HornĂ­ menu */

#panel_1_out{
  display: inline;
  width: 729px;
  margin: 0 0 0 1px;
  float: left;      
}
#panel_1_in{
  display: inline;
  float: left;  
}
#panel_1_in li{
  display: inline;
  padding: 0;
  margin: 0 2px 2px 0;
  float: left;  
}
#panel_1_in li a{
  display: inline;
  width: 85px;
  height: 47px;
  /* height: 85px; */  
  padding: 5px 2px 2px 2px;
  margin: 0;
  float: left;
  line-height: 1em;
  text-align: center;    
  text-decoration: none;
  font-variant: small-caps;  
  font-size: 0.9em;
  color: white;
  background-color: #EE0000;    
}
#panel_1_in li a:hover{
  color: red;
  background-color: white;
}


/* Box přihlášeného návštěvníka */

.prihlaseny_navstevnik {
  display: block;
  padding: 5px;
  margin: 0 0 20px 0;
  float: left;
  line-height: 1em;
  color: black;
  background-color: #F0F0F0;      
}

/* Menu */

#menu_out{
  display: inline;
  width: 280px;
  margin: 0 0 0 0;
  padding: 10px;     
    background: #f30100;
  float: left;
  min-height: 614px;   
}
#menu_in{
  display: inline;
  width: 280px;
  margin: 0 0 0 0;      
  float: left;    
}
#menu_in ul{
  float: right;
}
#menu_in li{
  display: inline;
  width: 280px;
  margin: 1px 0 1px 0;
  padding: 0;
  float: right;    
  font-variant: small-caps;
  line-height: 1em;
}
#menu_in li a{
  display: inline;
  width: 260px;  
  margin: 0;
  padding: 7px 10px 10px 10px;  
  float: right;  
  text-decoration: none;
  color: white;
  background-color: #CC0000;
}
#menu_in li a:visited{
  color: white;
  background-color: #CC0000;    
}
#menu_in li a:hover{
  color: red;
  background-color: white;    
}
#menu_in a#aakt{  
  color: red;
  background-color: white;    
}
#menu_in li ul{
  margin: 0 0 10px 0;    
}
#menu_in li li{
  width: 180px;      
}
#menu_in li li a{
  width: 160px;    
}
#menu_in li li li{
  width: 160px;      
}
#menu_in li li li a{
  width: 140px;    
}
#menu_in li li li li{
  width: 140px;      
}
#menu_in li li li li a{
  width: 120px;    
}
#menu_in li li li li li{
  width: 120px;      
}
#menu_in li li li li li a{
  width: 100px;    
}
#panel_5_out{
  display: inline;
  width: 280px;
  margin: 20px 0;
  float: left;
  color: #F0F0F0;  
}
#panel_5_out p{
  margin: 10px 0;
  line-height: 1.2em;
}
#panel_5_out a:link{
  color: #F0F0F0;  
}
#panel_5_out a:visited{
  color: silver;
}
#panel_5_out a:hover{
  color: white;  
}

/* Popis */

#panel_4_out{
  display: inline;
  margin: 0 0 40px 0;   
  float: left;  
  font-variant: small-caps;
  font-family: Trebuchet MS;
  font-size: 1.5em;
  font-weight: bold;
  /* color: #303030; */
  color: white; 
  text-align: center; 
}
#panel_4_in{
  display: inline;
  float: left;    
}
#panel_4_in p{
  margin: 0;
}

/* Obsah */

#obsah_out{   
  background: #fff url('/css/images/leonardo.png') center center no-repeat;
  display: block;
  width: 720px;
  margin: 0px 0px 0 0;      
  float: left;   
  min-height: 596px;   
}
#obsah_in{
  display: block;
  /* width: 660px;
  margin: 0 20px 0 0; */    
  width: 96%;
  padding: 2%;
  margin: 0 0 0 0;      
  float: left;
}
#obsah_out ul{
  
}
#obsah_out li{
  display: block;  
  padding: 0 0 0 15px;
  margin: 0 0 0 20px;
  background-image: url(odrazka_d.jpg);
  background-position: top left;
  background-repeat: no-repeat;  
}

/* Motto */
#panel_3_out{
  display: inline;
  width: 680px;
  margin: 10px 0 40px 0;
  float: right;  
}
#panel_3_in{
  display: inline;
  width: 680px;
  float: right;  
}
#panel_3_out p{
  margin: 0;
}

/* Zpravicky */

#zpravicky_out{
  display: inline;
  width: 250px;
  margin: 0 0 20px 20px;      
  float: right;
  font-size: 0.85em;
  line-height: 1.2em;  
  border: 1px solid #F00000;  
}
#zpravicky_center{
  display: inline;          
  float: right;    
}
#zpravicky_in{
  display: inline;  
  margin: 20px 10px 10px 10px;      
  float: right;
  text-align: justify;  
}
.zpravicky_vypis h3{
  display: block;   
  margin: 10px 0 0 0;
  text-align: left;  
}
.zpravicky_vypis_obsah{
  margin: 10px 0 20px 0;
}
.zpravicky_vypis_archiv{  
  text-align: right;  
}
.zpravicky_vypis_archiv a{
  text-decoration: none;  
}
.paticka_cl_out{
  display: block;
  margin: 10px 0;  
}
.paticka_cl_out{
  display: block;  
}
.vypis_stranek{
  margin: 20px 0 0 0;
}
.vypis_stranek span{  
  padding: 0 3px;
  margin: 0 2px 0 0;
  border: 1px solid #D0D0D0;
}

/* PatiÄŤka */

#paticka_out{
  display: block;
  width: 964px;
  height: 80px;
  padding: 50px 0 0 0;
  clear: both;
  background-image: url(paticka_2.jpg);
  background-position: top left;
  background-repeat: no-repeat;  
  line-height: 1em;
  color: gray;
  text-align: right;        
}
#paticka_in{
  display: block;
  width: 920px;
  margin: 0 22px 0 22px;
}
#paticka_in p{  
  margin: 0;
  color: #fff;
}
  #paticka_in p{
    color: #000;
  }
  .clearfix{
    clear: both;
    width: 100%;
    height: 0;
  }

.spmenu2{
  width: 720px;
  background: #f30100;
  float: left;
}
     
.spmenu2 ul{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.spmenu2 ul li{
  float: left;
}
.spmenu2 ul li a{
  display: block;
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  color: #fff;
}        
.spmenu2 ul li a:hover{
  background: #CC0000;
}
.jedno{
  padding-top: 9px;
  height: 29px;
}
.pred{
  width: 99px !important;
  border-right: 1px solid #CC0000;
}

@media(max-width: 965px){
  body{
    background: #fff;
  }
  #telo{
    width: 100%;
    background: none;
  }
  #menu_out{
    width: 100%;
    background: #f30100;
    margin: 0;
    padding: 0 !important;
  }
  #logo_out{
    text-align: center;
        width: 94%;
  }
  #panel_4_out{
    text-align: center;
        width: 94%;
    padding: 1%;
    margin: 2% 0;
  }
  #panel_4_in{
    width: 100%;  
  }
  #menu_in{
    width: 98%;
    margin: 1%;
  }
  #obsah_out{
  background: #fff;
width: 90%;
    padding: 5%;    margin: 0;
  }
  #menu_in ul{
    float: left;
  }
  #menu_in li{
    width: 100%; 
  }
  #menu_in li a{
    width: 97%;
    margin: 0;
  }
  #panel_5_out{
    width: 100%;
  }
  #obsah_in{
    margin: 0;
    width: 100%;
  }
  #panel_3_out{
    width: 100%;
    margin: 0;
  }
  #panel_3_in{
    width: 100%;
  }
  #paticka_out{
    width: 100%;
    margin: 0;
  }
  #paticka_in{
    width: 100%;
    margin: 0;
  }
  #paticka_in p{
    color: #000;
  }
  
.spmenu2{
  width: 100%;
  background: #f30100;
}
     
.spmenu2 ul{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.spmenu2 ul li{
  float: left;       
  width: 100% !important;
  padding: 0px !important;   
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.spmenu2 ul li a{
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  color: #fff;           
  padding-left: 0px !important;
  padding-right: 0px !important;
}        
.spmenu2 ul li a:hover{
  background: #CC0000;
}
.jedno{
  height: auto !important;
}
.pred{

  border: none !important;
  width: 100% !important;
}
  
}