  @font-face 
 {
        font-family: "din";
        src: url("fonty/DINMDCE.TTF");       
 }


body {
	background-color:    #e5e5e5;
	background-image:    url(/img/pozadi_pata.png);
	background-repeat:   repeat-x;
	background-position: bottom;
	color: #0b5586;
	font-family: din, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
a {
	color: #0b5487;
}

h2 {
	color: #0b5586;
  font-size: 16px;
  margin-bottom:2px;	
}
p {
  margin-top:5px;
  margin-bottom:5px;
  	color: #0b5586;	  	
}
table {font-size:1em;margin-bottom:1.1em;}
table {border:1px solid #CCC;border-collapse:collapse;}
td{border:1px solid #CCC;border-collapse:collapse;}
th{background:#fafafb url(../img/th_bck.gif) repeat-x;  padding:2px 3px;  border-left:1px solid #CCC;  border-top:1px solid #CCC;  text-align:left;  font-weight:normal;  }
tbody tr td{padding:3px 3px;  }
tbody tr:hover{background:#FFF url(../img/tr_bck.gif) repeat;}
tbody .active{background:#E3E3E3;}

tbody .no{border:0px solid #CCC;} 
table .no {border:0px solid #CCC;} 
.no {border:0px;background:none;}
td .no{border:0px solid #CCC;border-collapse:collapse;}
.no tbody tr:hover{background:none;}

.foto img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    display: block;
    margin: -4px 6px 6px -6px;
    padding: 4px;
}

#box0 {
	background:    url(/img/pozadi_hlava.png) repeat-x top;
}
#box1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	text-align: left;
	width: 980px;
	background-color: white;

}  
img {
	border: 0px;
}
#top_line1 {
	background: none repeat scroll 0 0 #0b5487;
	font-size: 1px;
	height: 10px;
	width: 980px;
}
#head {
	height: 120px;
	width: 980px;
}
#logo {
	padding-top: 15px;
	height: 105px;
	width: 568px;
	float: left;
}
#h_box {
	height: 120px;
	width: 388px;	
  float: left;
}
#h_box_vrch {
	height: 70px;
	width: 478px;
	float: left;
}
.text{
	background:    url(/img/hl_input.png) top;
  border:0px;
	float: left;
	width:280px;
  height:37px;
  color:#0b5586;
  font-size:16px;
  padding-left:5px;
  padding-top:0px;
  padding-bottom:0px;			
  margin-top:15px;
}
.button{
	background:    url(/img/hl_submit.png) top;
  border:0px;
	width:49px;
  height:37px;
  color:#0b5586;
  font-size:16px;
  margin-top:15px;
  cursor:pointer;
  float:left;
}
#h_box_spodek {
	height: 50px;
	width: 478px;
	float: left;
}



#h_studenti_active{
	background:    url(/img/btn_studenti_active.png) repeat-x top;
	width:156px;
	height:50px;
	display: block;
  float:left; 
}
#h_verejnost{
	background:    url(/img/btn_verejnost.png) repeat-x top;
	margin-left:3px;
	width:173px;
	height:50px;
	display: block; 
  float:left; 	
}
#h_studenti{
	background:    url(/img/btn_studenti.png) repeat-x top;
	width:156px;
	height:50px;
	display: block;
  float:left; 
}
#h_verejnost_active{
	background:    url(/img/btn_verejnost_active.png) repeat-x top;
	margin-left:3px;
	width:173px;
	height:50px;
	display: block; 
  float:left; 	
}
#h_is{
	background:    url(/img/btn_is.png) repeat-x top;
	margin-left:11px;
	width:69px;
	height:50px;
	display: block; 
  float:left; 	
}


/*----------------------------------------------------------------*/
#menu {
	background: none repeat scroll 0 0 #0b5487;
	height: 51px;
	width: 980px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	color: white;
	font-size: 14px;
	display: inline-block;
}
#menu li {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#menu li:hover, #menu li.hover {
	/*background: #226c9b;
*/
	background: url(/img/menu_active.jpg) no-repeat scroll center top;

}

#menu li a {
	color: white;
	display: inline-block;
	font-size: 1em;
	sfont-weight: bold;
	padding: 16px 3px;
	text-decoration: none;
}
#menu li.active {
	background: url(/img/menu_active.jpg) no-repeat scroll center top;
}
/*----------------------------------------------------------------*/
#menu_archiv {
	width: 650px;
}
#menu_archiv ul {
	margin: 0px;
	padding: 0px;
	color: white;
	font-size: 14px;
	display: inline-block;
}
#menu_archiv li {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
		background: none repeat scroll 0 0 #0b5487;
	margin: 3px 0px;		
	margin-right:5px;
}
#menu_archiv li:hover, #menu li.hover {
	/*background: #226c9b;
*/
	background: url(/img/menu_active.jpg) no-repeat scroll center top #0b5487; 


}

#menu_archiv li a {
	color: white;
	display: inline-block;
	font-size: 1em;
	sfont-weight: bold;
	padding: 8px 5px;
	text-decoration: none;

}
#menu_archiv li.active {
	background: url(/img/menu_active.jpg) no-repeat scroll center top;
}





/*----------------------------------------------------------------*/
#banner {
	height: 275px;
	width: 980px;
	background: none repeat scroll 0 0 grey;
position: relative;	
}
#top_line2 {
	background: none repeat scroll 0 0 #2d88c1;
	font-size: 1px;
	height: 10px;
	width: 936px;
	margin: 22px 22px 3px 22px
}
#telo_vlevo {
	/*border: 1px solid silver;*/
	width: 650px;
	float: left;
	margin: 0px 22px 22px 22px;
  font-size:13px;
}
#dokumenty {
	background: url(/img/dokumenty.png) no-repeat left top;
  width: 298px;
  height: 67px;
  margin-top:30px;
	display: inline-block;  
 }
#prohlidka {
	background: url(/img/prohlidka.png) no-repeat left top;
  width: 298px;
  height: 67px;
  margin-top:10px;
	display: inline-block;  
 }
 #partner {
	background: url(/img/partner.png) no-repeat left top;
  width: 298px;
  height: 123px;
  margin-top:10px;
	display: inline-block;  
 }
 #kontakt {
	background: url(/img/kontakt.png) no-repeat left top;
  width: 250px;
  height: 260px;
  margin-top:10px;
	display: inline-block; 
  padding:30px; 
 } 
 #kontakt h1 {
  color: #2D88C1;
  font-size: 24px;   
 }


#telo_vpravo {
	/*border: 1px solid silver;*/
	width: 282px;
	float: right;
 	min-height:500px;
}
#akt_line {
	background: none repeat scroll 0 0 #2d88c1;
	font-size: 1px;
	height: 1px;
	margin: 10px 0px 20px 0px;

}


#pata_eu {
	border: 10px solid #0b5487;
	height: 120px;
	margin: 0px 15px 15px 15px;
  text-align:center;
  padding-top:15px
}

#pata_left {
	background: url(/img/pata_left.png) no-repeat left top;
	width: 721px;
	height: 47px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#pata_right {

	width: 255px;
	height: 37px;
	float: right;
	margin: 0px;
	padding: 0px;
  padding-top: 10px;
  
}
#pata_right img {
  vertical-align: middle;
}
#pata_right a{

	font-size: 18px;
}
#pata_c {
	height: 50px;
	color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	text-align: left;
	width: 980px;
	font-size: 12px;	
}
.cleaner {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
	visibility: hidden;
	background-color: red;
}

/*------------------------SLIDER----------------------------------------*/
#mygallery{ position:relative; width:980px; height:275px; }   
 #mygallery .panel{ position:absolute; display:none; top:0; left:0; }   
 #mygallery .block{ display:block; }
 #cycle-left, #cycle-right{ position:absolute; left:-15px;bottom:100px; display:block; width:63px; height:74px; background:url('..//img/cr_left.png') no-repeat; z-index:999; }
 #cycle-right{ left:932px; background:url('/img/cr_right.png') no-repeat; }
#mygallery-paginate{ width:709px; margin:10px 0; } 
 #mygallery-paginate a{ display:block; float:left; width:6px; height:6px; margin-right:5px; background:url('..//img/slider_point.png') no-repeat; } 
 #mygallery-paginate a.active{ background:url('/img/slider_point_a.png') no-repeat; } 
.f-left{ float:left; }
.d-none{ display:none; }
.d-block{ display:block; }
.h2{ font-size:12px; margin:0; padding:0; border:none; font-family: neue, sans-serif; }
.tt{ width:980px; text-align:center; color: #C92A24;  font-size: 17px; margin:5px 0; padding-right:274px; }