/* CSS Document */
html{
  background:#9bb4d2 url('../img/bg.jpg') top left repeat-x;
  font-family:Verdana, Arial, sans-serif;
  font-size:0.8em;
}
body{margin:0;padding:0;}

a{color:#313273;text-decoration:underline;}
h1{}
h2{
  /*position:relative;
  float:left; */
  background:url('../img/h1.jpg') top left no-repeat;
  color:#8e8860;
  font-size:140%;
  padding-left:40px;
  margin-left:-15px;
  padding-top:3px;
  height:99px;
  
  margin-bottom:-60px;
}
h3{
  color:#313273;
  font-size:130%;
}

ul{
  margin:0;
  padding:0;
}
ul li ul{margin-left:30px;}
ul li ul li{list-style: disc url();}

hr.cl
{
  clear: both;
  height: 1px;
  line-height:1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
}

li{list-style: none inside url(../img/li.jpg) ;}
img{border:none;}

#container{
  margin:0 auto;
  padding:0;
  width:933px;
  background:url('../img/content-li.jpg') top right repeat-y;
  position: relative;
}
#container img.text-image
  {
  
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0;
    float: left;
  }
 #container p
      {
        margin: 20px 0 20px 0;
        clear: both;
      }

#header{
  background:url('../img/header.jpg') top left no-repeat; 
  height:227px;
}
#header h1{margin:0;padding:0;}
#logo{
  position:relative;
  top:0px;
  left:120px;
}

.no_css{
  display: none;
}

.no_css
{
  visibility: hidden;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  top: 0;   
  padding: 0;
  margin: 0;
}


#subheader {
  width:933px;   
  height:94px;                         
  background:url('../img/menu-main.jpg') top left no-repeat;

}


#menu{
position:absolute;
  width:933px;   
  height:94px;                         
 /* background:url('../img/menu-main.jpg') top left no-repeat;  */
  margin:0 0 0 0;
  padding-left:20px;
  padding-top:15px;
  list-style: none;
  font-weight:bold;
  top:227px;
  left:0px;
  font-size:85%;
}



#menu li{
  display:inline;
   
}


#menu li a{
  width:auto;
  height:31px;
  float:left;
  background:url('../img/menu-li.jpg')top right no-repeat;
  padding-right:8px;
  padding-left:8px;
  padding-top:6px;
  
  text-decoration:none;       
}

  
#menu .last a{
  background:none;
}
#menu a{
  color:#000000;
}
#menu a:hover{
  color:#313273;
  text-decoration:underline;
}

#cnt{background:url('../img/content-li.jpg') top right repeat-y;}
#left{float:left;width:235px;background:#9bb4d2;}

 #menu li ul{
  position: absolute;
  top:94px;
  display:block;
  margin-left:-20px;
  padding:0;  
  width:236px;
  list-style: none;
  
}



#menu li ul li{
  position:relative;
  height:33px;
  width:231px;  
  list-style: none;
  display:block;
  background:url('../img/menu.jpg') top left no-repeat;
  border-right:5px solid #d5c383;
  ##left:-243px;
 
}

#menu li ul li a{
  width:211px;
  height:25px;
  display:list;
  color:#000000;
  position:relative;
  background:none;
  padding-left:20px;
  padding-top:8px;
  font-size:95%;
  text-decoration:none;
}
#menu li ul li a.active, #menu li ul li a:hover {background:url('../img/menu-active.jpg') top left no-repeat;}

 #left-menu-space{}

#akreditace a, #baz-komunikace a{color:#ffffff;}
#akreditace{
  margin:0;
  background:url('../img/cert1.jpg') top left no-repeat;
  height:55px;
  width:111px;
  padding-left:120px;
  padding-top:35px;
  font-weight:bold;
  margin-top:-5px;
}
#baz-komunikace{
  margin:0;
  background:url('../img/cert2.jpg') top left no-repeat;
  height:65px;
  width:110px;
  padding-left:120px;
  padding-top:25px;
  font-weight:bold;
}
#novinky-nadpis{margin-top:-5px;}
#novinky{   width:210px;    background:#9bb4d2 url('../img/novinky.jpg') top left no-repeat; padding-top:25px;  padding-left:10px;padding-right:10px;text-align: justify;margin-top:-4px;}
#novinky h3{color:#ffffff;font-size:115%;}

#cont{
  float:left;
  width:628px;
  padding: 0 35px;
  background:url('../img/content-li.jpg') top left repeat-y;

 
 
}






#obsah{float:left;width:384px;padding-right:10px;}
#aktuality{float:left;width:230px}
#aktuality h3{color:#8e8860;font-size:115%;}
.datum{font-weight:bold;}

#footer{
  background:#9bb4d2 url('../img/footer.jpg') top right no-repeat; 
  height:95px; 
  width:878px;
  text-align:right;
  padding-top:45px;
  font-weight:bold;
  padding-right:55px;
}
#istudio, #istudio a{color:#ffffff;}

.cleft{clear:left;}

  #contact-people span
  {
    display: block;
    width: 120px;
    float: left;
    overflow: hidden;
    
  }
  
  #contact-people span.name
  {
    display: block;
    width: 170px;
    clear: both;
  }  
  
  
  #contact-people span
  {
    display: block;
    width: 150px;
    float: left;
    overflow: hidden;
  }
  
  #contact-people .lastc{width:50px;}
  #contact-people time
  {
    display: block;
    width: 60px;
    clear: both;
  }    

    .center
  {
    text-align: center;
  }
#quality{margin-left:20px;}
#quality li span
{
  display: block;
  width: 170px;
  float: left;
}
#quality li{clear:left;list-style: outside;}


#cont img
{
border:3px solid #303e79;
padding:2px;

} 




/*galerie */

#container .gallery{
  display: block;
 text-align: center;
  float:left;
  width:130px;
  margin:15px 10px;
  
}

.gallery img{
  float: left;
 
}

.gallery a{
  text-decoration: none;
}

#content .gallery strong{
  color:black;
  font-size:10px;
}






/*novinky*/

#content #new_detail h3 {
font-size: 1em;
 background:none;
 color:#4467a7;

}




#cont  #new_detail {
  display: block;
  float:left;
   text-align:justify;
 
}





#cont  #new_detail img{
  display: block;
  
  text-decoration: none;
  
  margin-left:10px;
 margin-top:5px;
 
}



#cont #news .news-item{
  
  margin:0px 0px 20px 0px;
  
}

#cont #news .news-item h3 {
font-size:1em;
 background:none;
color:#8e8860;

}


#cont #news .news-item h3.uvodka {
font-size:1.3em;
}


#cont #new_detail h3 {

 background:none;
color:#8e8860;
}


#cont #news .news-item a {

 color:#4467a7;
}

#cont #news .news-item a.img{
  display: block;
  float:left;
  text-decoration: none;
  margin-right:20px;

}
#cont #news a.img img{
  
  margin:10px;
  float:left; 
}
#cont #news .news_inserted{
  
  font-weight: bold;
}


#cont img.nobackground {
border:none;
float:left;
}




/*Dokumenty*/
.files
{
  display: block;
  text-decoration: none;
  line-height: 20px;
  
  padding-left: 10px;
  ##padding-left:0px;
  height:26px;
}

.files img
{
  border: none;
  float:left;
  margin-right: 10px;
  ##margin-right:0px;
}

#container  #dokument {

list-style: none ;
}










.float_left {
float:left;
}

.float_right {
float:right;
}





/*tabulka*/

#cont table{

  margin:4px 0;

  border:1px solid;

}

#cont table td{

  border:1px solid;
 background-color: #9bb4d2;
  padding:4px;

}

#cont table thead th{

  text-align: left;

  font-size: 0.9em;

   border:1px solid;
  background-color: #000;

  padding:4px;  

}

#myform label
{
  display: block;
  float: left;
  width: 220px;
  margin-bottom: 5px;
  color: #000;
}
#myform input
  {
    border: 1px solid #848C7F;
    margin-bottom: 5px;
    background: #fff;
    color: #000;
    float:left;
    width: 330px;
  }
  
#myform input.button
  {
    width: 130px;
  }
  
    .textarea
  {
    border: 1px solid #848C7F;
    margin-bottom: 15px;
    color: #000;
    background: #fff;
    width: 550px;
    height: 100px;
  }


 .clear_both
  {
    clear: both;
  }
  
  .moje{
    width:90%;
  }