@charset "utf-8";
/* CSS Document */



html {height: 100%; font-size: 62.5%;}


body {
  height: 100%;
  font: 1.2em Verdana, Arial, Helvetica, sans-serif;
  background-image: url(pics/bg-main.jpg);
  background-repeat: repeat-x;
  background-position: top; 
  background-color: #0075ba; /* #022070 */ 
  margin: 0px;
  border: 0px;
  }

.obsah ul li {
list-style-type: square;
}
a {
 color: #25a2dc;
 text-decoration: none;
}
a:hover {
 color: #022070;
 text-decoration: uderline;
}
 
#main {
	text-align: center;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	background-color: #fcfcfc;
	padding: 1px 10px 0 10px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}

#head {
width: 940px;
margin-bottom: 20px;
text-align: left;
background-image: url(pics/bg-lide.png);
background-repeat: no-repeat;
background-position: top;
height: 122px;
/* border-right: 20px solid #113983; */

}

.flash {
	height: 122px;
	position: relative;
	margin-top: -25px;
	margin-left: 10px;
	
}
.flash img {
	border: 0px;
}
#left { 
 float: left;
 width: 220px;
 text-align: left;
}

#right { 
   width: 690px;
   float: right;
   margin-bottom: 20px;
   text-align: left;
 
}


#foot {
clear: both;
font-size: 10px;
text-align: left;
background-color: #219bd7;
height: 20px;
line-height: 20px;
padding: 0px 0px 0px 35px;
color: #fff;
background-image: url(pics/bg-foot-old.png);
background-repeat: no-repeat;
background-position: left;
margin-bottom: 20px;
border-bottom: 20px solid white;
}

.main-menu {
 left: 20px;
 width: 170px;
 padding: 0px 0px 0px 0px;
 /* background: #022070 url('pics/bg-main-menu.gif') repeat-x; */
 background-color: #fcfcfc;
 margin-bottom: 5px;
 position: relative;
}

.main-menu ul {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
/* border-top: 1px solid #eaeaea;
 _border-top: 1px solid #374482; */


}
.main-menu ul li {
 border-bottom: 1px solid #eaeaea;
 _border-bottom: 1px solid #374482;
  font-style: italic;
}
.main-menu ul li a {
 display: block;
 position: relative;
 padding: 5px 0px 5px 25px;
 margin: 0px;
 font-size: 13px;
 color: #022070;
 background: url('pics/prvok-mmenu-m.gif') no-repeat 8px;
 text-decoration: none;
 font-style: italic;
}


.main-menu ul li a:hover, .main-menu ul li a.aktivni {
 color: #022070;
 background: url('pics/prvok-mmenu-on.gif') no-repeat 8px;
  font-style: italic;
}


.aktualita {
	text-align: left;
	margin-bottom: 20px;
}
.aktualita p {
margin-top: 2px;
}
.obsah {
  text-align: left;
	margin-bottom: 20px;
}
.aktualita img {
	float: right;
	border: 3px solid #eaeaea;
	margin-right: 0px;
	margin-left: 5px;
}
.aktualita h2 {
	color: #25a2dc;
	background-image: url(pics/bg-foot-old.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 35px;
	margin-top: 0px;
}


#top-reakce h2, .hleft-u h2, .hleft-d h2 {
 padding-left: 45px;
 background-image: url(pics/bg-diskuse.png);
	background-repeat: no-repeat;
	background-position: left;
	color: white;
	font-size: 110%; 
	height: 35px;
	line-height: 35px;
}
.hleft-u, .hleft-d {
 width: 210px;
}

.hleft-d h2 {
 background-image: url(pics/bg-probehle.png);
} 
.hleft-u h2 {
 background-image: url(pics/bg-menu.png);
}

.info, .info2 {
	text-align: left;
	padding: 1px 0px 10px 10px;
}
.info2 {
  background-color: #eaeaea;
  padding: 10px 10px 10px 10px; 
  height: 30px;
  line-height: 30px;
  color: #23a3dd;
  font-size: 14px;
  font-weight: bold;
}
.info2 tabel {
	margin-left: 10px;
}


td {
padding: 1px 0px 1px 0px;
}

td.topt {
 font-weight: bold;
 border-bottom: 1px solid #c1c1c1;
 color: #6cab27;
}

.bannery img {
	margin: 8px 0px 5px 0px;
}

.t-pol {
font-weight: bold;
font-style: italic;
color: #afafaf;
}


.box-sede {
background-color:#eaeaea; padding:10px; 
}
.box-sede a {
 color: #022070;
 padding: 1px;
 text-decoration: none;
}
.box-sede a:hover {
 color: #6cab27;
 padding: 1px;
 text-decoration: uderline;
}
.menu-in {
border: 2px solid #6cab27;
padding: 3px;
}
.dvstup {
 float: left;
 width: 50%;
}

h5 {
font-size: 110%;
color: #022070;
font-weight: bold;
margin: 5px 0px 5px 0px;
}

.cistic {
	clear: both;
}

h4.tlacitko-read {
height: 60px;
width: 300px;
margin: 2px;
font-size: 140%;
text-transform: uppercase;
color:  #022070;
background-image: url(pics/diskuse-read.png);
background-position: left;
background-repeat: no-repeat;
line-height: 50px;
padding-left: 90px;
cursor: pointer; 
}

h4.tlacitko-add {
height: 60px;
width: 300px;
margin: 2px;
font-size: 140%;
text-transform: uppercase;
color:  #022070;
background-image: url(pics/diskuse-add.png);
background-position: left;
background-repeat: no-repeat;
line-height: 60px;
padding-left: 10px; 
cursor: pointer;
}

 #hnuj { display:none; }
  p.label { font-size: 90%; margin: 8px 0 2px 0px; }
  input.udaj { width: 250px; border: 1px solid #113983; }
  textarea.reakce { width: 400px; height: 100px; border: 1px solid #113983; padding: 5px; }
  form {
  margin: 30px 0px 20px 20px;
  }
  
.dekujeme {
  padding: 10px;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
  background-color: #022070;
  color: white;
  }
  
.diskuse-info {
 float: left;
 width: 50%;
 font-size: 120%;
 line-height: 1.8;
}
.kalendar-info {
  float: right;
  width: 45%;
  background-color: #6cab27;
  color: white;
  background-image: url('pics/kalendar.png');
  background-position: top left;
  background-repeat: no-repeat; 
  padding: 0px 10px 10px 10px; 
}
.info2 a, .kalendar-info a {
  color:#113983; 
  font-weight:bold;
  text-decoration: none;
}
.info2 a:hover, .kalendar-info a:hover {
  color:#113983; 
  font-weight:bold;
  text-decoration: underline;
}
.kal {
color: white;
margin: 10px 0px 5px 19px;
font-size: 120%;
}
.podpis {
margin-top: 2px;
text-align: right;
font-style: italic;
}
.datum {
color: #113983;
}
.item {
margin: 10px 0px 0px 0px;
border-top: 1px solid #5ea313;
padding: 2px 0px 0px 0px;
line-height: 1.5;
}

.diskuse-info ul li {
color: #6cab27;
margin: 0px;
padding: 0px;
padding-left: 5px;
padding-top: 2px;
}

.diskuse-info ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.garanti-info ul {
margin: 0;
padding: 0;
border: 0;
margin-bottom: 10px;
}

 #top-reakce { margin:25px 10px 0 0; padding:0 0 6px 0; font-size:90%; }
 .topnazor {  margin:0 0 0 0; padding:4px 0 6px 0; border-bottom:1px solid #eaeaea; }
 .topnazor p { margin:3px 0 6px 0; padding:0 0 0 0;  }
 .topnazor p.topjmeno { margin:3px 0 0 0; padding:0 0 0 0; color: black; font-weight:bold; }

 .nazor { margin:0 0 0 0; padding:4px 0 6px 0; border-top:1px solid #eaeaea; cursor:pointer; }
 .nazor p { margin:4px 0 8px 0; padding:0 0 0 0;  }
 .nazor p.jmeno { margin:4px 0 0 0; padding:0 0 0 0; color:black; font-weight:bold; }
 .doprava { text-align:right; }

.calendar-item {
 padding: 0;
 }
 
 .calendar-item a { color: #113983; }
 .calendar-item a:hover { color: #2197d4; }
 
.calendar-item p {
 line-height: 1.3;
 padding: 0px;
 border: 0px;
 margin: 2px 0px 2px 0px; 
}

.calendar-item h3  {
 color: white /* #6cab27 0c4da2  209bd7 */; 
 text-transform: uppercase;
 height: 28px;
line-height: 28px;
 margin: 0px;
 padding-left: 10px;
 /* border-top: 1px solid #eaeaea; */
 border-bottom: 1px solid #eaeaea;
  background-color: #2d5391;
}


.calendar-item table {
margin-top: 0px;
margin-bottom: 30px;
margin-left: 33px;
background-color: #f1f1f1;
}
.cal-tablo td, .cal-tablo th {
border-bottom: 1px solid #eaeaea;
}

.cal-tablo th {
font-size: 90%;
padding-left: 10px;
}

.cal-tablo th.blank, .cal-tablo td.blank {
 border: none;
 background: none;
}

.t-pol {
font-style: italic;
color: #121212;
font-weight: normal;
}

a.ttema, a.dtema, a.vtema {
height: 28px;
line-height: 28px;
float: left;
margin-right: 0px;
background-color: #6cab27;
padding-left: 5px;
padding-right: 40px;
color: white;
background-image: url('pics/ikony/small-seznamse.png');
background-position: right;
background-repeat: no-repeat;
}
a.ttema:hover, a.dtema:hover, a.vtema:hover {
background-color: #2098d5;
color: white;
background-image: url('pics/ikony/small-seznamse-hover.png');
background-position: right;
background-repeat: no-repeat;
}


a.dtema { background-image: url('pics/ikony/small-diskuse.png'); background-position: right; background-repeat: no-repeat; }
a.dtema:hover { background-image: url('pics/ikony/small-diskuse-hover.png'); background-position: right; background-repeat: no-repeat; }

a.vtema  { background-image: url('pics/ikony/small-video.png'); background-position: right; background-repeat: no-repeat; }
a.vtema:hover { background-image: url('pics/ikony/small-video-hover.png'); background-position: right; background-repeat: no-repeat; }




/*
.ttema a, .dtema a, .vtema a {
color: white;
 
}
.ttema a:hover, .dtema a:hover, .vtema a:hover {
color: #113983;
}
*/


.date {
background-image: url('pics/cal.png');
background-repeat: no-repeat;
background-position: top left;
background-color: #eaeaea;
color: #209bd7; 
text-transform: uppercase; 
padding: 0 0 0 43px;
width: 180px;
height: 29px;
line-height: 29px;
float: left;
font-weight: bold;

}



.partner {
  float: left;
  width: 300px;
   }


.jeden-clanek { margin: 0 0 15px; border-bottom: 1px solid #eaeaea; }
.jeden-clanek h3 { margin:0 0 5px 0; padding:0 0 0 0; }
.jeden-clanek img { border: 5px solid #6cab27;}

#player-sekce {
 padding: 10px 10px 0px 10px;
 background-color: #EAEAEA;
}

#vicontainer {
 float: left;
 width:320px; 
 height:180px;
 border: 15px solid #eaeaea;
 margin-right: 15px;
 background-color: black;
}  


#videopopisek { 
  height: 30px;
}

.vpopisek { 
 font-size: 100%;
 color: #022070;
 font-weight: bold;
}


#vystupujici {
 margin-top: 10px;
} 
.vleft, .vright {
width: 50%;
line-height: 1.5;
font-size: 80%;
}

.vleft {
float: left;
}
.vright {
float: right;
}

.vleft img, .vright img {
float: left;
margin: 0px 5px 0px 0px;
border: 2px solid #eaeaea; /* #5ea313; */
}
.vleft h4, .vright h4 {
margin: 0px 0px 0px 0px;
color: #022070;
text-transform: uppercase;

}
.vin {
margin-bottom: 10px;
height: 80px;
}

.welcome {
	font-size: 120%;
}

.obsah h3 {
color: #0c4da2;
border-bottom: 2px solid #eaeaea;
padding-bottom: 5px;
}

.obsah h2, .obsah-calendar h2 {

/* background-color: #229ad4; */ 
color: #0c4da2;
min-height: 29px;
/* line-height: 29px; */
margin: 13px 0 20px 0;
padding: 0 0 0 0px;
text-transform: uppercase;
border-bottom: 1px solid #aeaeae;
}

#videoplayer {
float: left;
margin: 0 15px 0 0;
}

.funkce24 {
margin: 10px 0 10px 0;

}

.ico-diskuse, .ico-video, .ico-reseni, .ico-seznam {
height: 34px;
width: 120px;
background-repeat: no-repeat;
background-position: top;
}

.ico-diskuse { background-image: url('pics/ikony/diskuse.png'); }
.ico-video { background-image: url('pics/ikony/video.png'); }
.ico-reseni { width: 190px; background-image: url('pics/ikony/reseni.png'); }
.ico-seznam { width: 140px; background-image: url('pics/ikony/seznamse.png'); }

.ico-diskuse:hover, .ico-video:hover, .ico-reeseni:hover  {
background-repeat: no-repeat;
background-position: top;
}

.ico-diskuse:hover  { background-image: url('pics/ikony/diskuse-hover.png'); }
.ico-video:hover    { background-image: url('pics/ikony/video-hover.png'); }
.ico-reseni:hover    { background-image: url('pics/ikony/reseni-hover.png'); }
.ico-seznam:hover    { background-image: url('pics/ikony/seznamse-hover.png'); }

.d {
color: #6cab27;
}

form {
margin: 0;
} 

.form-left {
float: left;
margin: 0 10px 0 0; 
}
.form-right {
float: right;
margin: 0px; 
}
.garanti {
background-color: #f1f1f1;
padding: 10px;
}

.garant {
width: 50%;
float: left;
margin: 10px 0 0 0;
}
.garant2 {
margin: 10px 0 0 0;
}

.garant img, .garant2 img {
float: left;
margin: 0 10px 0 0;
}

.bbanery {
padding: 10px;
width: 600px;

}
.jedenBanner object { 
border: 1px solid #121212;
background-color: white; 
}
.banner-area {
width: 100%;
height: 100px;
}

.ie7 {
height: 1px;
margin: 0;
}

.vize, .vize2 {
line-height: 1.5;
font-size: 110%;
}
.vize:first-letter {
font-weight: bold;
font-size: 120%;
} 

/* top menu - stejne jako na 20 kongres */

#top-menu {   
         
      
}


#top-menu menu li {

        height: 122px;
        float: left;
        list-style: none;
        position: relative;
}

#top-menu menu li a.menu1, a.menu2, a.menu3  {
        height: 122px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: url(pics/top-menu-hover.png) no-repeat;
}

#top-menu li.menu1, a.menu1 {
        width: 200px;
}

#top-menu li.menu2, a.menu2 {
        width: 225px;
}

#top-menu li.menu3, a.menu3 {
        width: 235px;
}

#top-menu a.menu1 {
        background-position: 0 0;
}

#top-menu a.menu1:hover{
        background-position: 0 -122px;
}

#top-menu a.menu2  {
        background-position: -200px 0;
}

#top-menu a.menu2:hover {
        background-position: -200px -122px;
}

#top-menu a.menu3 {
        background-position: -425px 0;
}

#top-menu a.menu3:hover {
        background-position: -425px -122px;
}


#top-menu menu li span {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        
}
#top-menu menu li span a {
        
        line-height: 122px;
        text-decoration: none;
}
#top-menu menu li:hover span a {
        text-decoration: none;
        cursor:pointer;
}

/* styly ideovka */

#videoplayer-titulka {
	/* width: 320px; */
  margin: 0px 0px 10px 0px;
  /* border: 1px solid #E3E8E4; */
  padding: 5px;
	background-color: #fcfcfc; /* #e4e5e6; */
	float:left;
	position: relative;
	margin-top:  10px;
}

#vybrana-videa { padding: 0; }
#vybrana-videa img { margin:5px 1px 0 0; border:1px solid #e4e5e6; }

.dokumenty-titulka {
 	width: 305px;
 	height: 312px;
  float:right;
 	background-color: #EFEFEF;
 	position: relative;
 	margin-top: -36px;
 	margin-right: 15px;
 	padding: 0px;
}

.sborniky {
	/* background-color: #EFEFEF; */
	padding: 0 10px 0 10px;
	position: relative;
	margin: 28px 0 0 -20px;
	width: 300px; 

}

.doc {
/*	background-color: #CCCCCC; /* #2d5391; */
	margin: 0px 0 5px 0;
	padding: 2px;
	float:left;
	font-size: 90%;
}
.doc a {
font-size: 90%;
text-decoration:none;
}
.doc img {
border: 1px solid #CCCCCC;
margin: 0 5px 0 0;
}

#projevy {


}

.projevy p {
margin-top: 0px;
}

.projev {
margin: 10px 0 10px 0;
font-size: 10px;
width: 220px;
float: left;
/* background-color: #EFEFEF;
border: 1px solid #aeaeae; */
}
.projev h2 {
margin: 0;
font-size: 12px;
}
.projev img {
margin: 0 10px 0 0;
border: 1px solid #aeaeae;
}

.ct24 {
position:relative;
margin: -50px 0 0 330px;

}

.kvideu {
background-color: #EFEFEF; /* #2d5391; */
color: #2d5391;
padding: 5px;
}
.tema-vypis {
background-color: #2d5391;
color: white;
padding: 5px;
}
.podnadpis {
color: silver;
font-size: 14px;
margin: -10px 10px 10px 0;
text-align: left;
position:relative;
}