@charset "utf-8";
body {
	margin:0; color:#fff;
	padding:0;
	font-size:14px; background-image:url(images/background.jpg); background-position:top center; background-attachment:fixed; background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;text-align:justify
}
a { color: #ccc;
}
a:link { color:#fff}
a:visited { color: #fff}
a:hover { color:#fff}
a:active { color:#fff}
img {border:0}
h1 {margin:0; padding:0; padding-bottom:10px;color:#000; font-weight:normal; }
h2 {margin:0; padding:0; padding-top:10px; font-size:22px; color:#000; height:31px; padding-left:0px; color:#fff }
h3 {margin:0; padding:0; padding-bottom:10px; font-size:14px; color:#000; }
table {color:#FFF}
table tr th {text-align:left; vertical-align:top; color:#FFF}
ul { list-style-position:inside; margin-top:0; font-size:14px}
li { font-size:14px}
p { margin-top:0}
td { vertical-align:top;  font-size:14px}
#page { margin-left:auto; margin-right:auto;
	width: 1024px;  
	padding:0;
	margin-bottom:0; }
#header { width:1024px; height:600px;background:url(images/header120191.jpg) no-repeat;   }
#logo { padding-top:0px; margin-bottom:35px;padding-left:25px; margin-left:48px; width:110px; height:213px;float:left}
#logo0 { padding-top:0px; margin-top:5px; margin-bottom:10px;padding-left:25px; margin-left:50px; width:100px; height:150px;  float:left}
#header0 { width:1024px; background:url(images/header002018.jpg) no-repeat; height:237px; padding:0; margin:0 }

#social { text-align:right; padding-right:10px; margin-top:10px}
#social a { padding-left:7px}
#social img { vertical-align:middle}
#menu { text-align:right; margin-left:271px; padding-top:20px; height:50px; margin-right:50px; margin-bottom:380px;}
#menu a {text-decoration:none; font-size:18px;  color: #7b7b7b;font-family:Tahoma, Geneva, sans-serif;  padding:15px;  font-weight:bold;display:block;  float:left; margin-bottom:0px; text-align:center;}
#menu img  {padding-right:5px; vertical-align:middle}
#menu a:link {color: #7b7b7b}
#menu a:visited {color:#7b7b7b }
#menu a:hover { background-color:#1e492b ; color: #fff }
#menu a:active {color:#7b7b7b}
#menu a.menuhover {background-color:#1e492b; color: #fff;}

#menux { text-align:right; margin-left:271px; padding-top:20px; height:50px; margin-right:50px; margin-bottom:182px; padding:0 }
#menux a {text-decoration:none; font-size:18px;  color: #7b7b7b;font-family:Tahoma, Geneva, sans-serif;  padding:15px;  font-weight:bold;display:block;  float:left; margin-bottom:0px; }
#menux img  {padding-right:5px; vertical-align:middle}
#menux a:link {color: #7b7b7b}
#menux a:visited {color:#7b7b7b }
#menux a:hover { background-color:#1e492b ; color: #fff }
#menux a:active {color:#7b7b7b}
#menux a.menuhover {background-color:#1e492b; color: #fff;}


#mainpage {  padding-top:5px;clear:both; padding-left:50px; padding-right:50px; background-image:url(images/bg_cont.jpg); border-top:6px solid #21452a }
#uvod {background-color:#f0f0f0; margin-top:3px; height:140px; margin-bottom:3px   }
#img01 { background-color:#f0f0f0; width:321px; padding:9px; border:#bababa 1px solid; float:left; border-left:0; margin-right:2px; height:270px}
#img02 { background-color:#f0f0f0; width:321px; padding:9px; border:#bababa 1px solid; float:left;  margin-right:2px; height:270px }
#img03 { background-color:#f0f0f0; width:322px; padding:9px; border:#bababa 1px solid; float:left; height:270px;border-right:0;}
#uvod a {background-image:url(images/sipka.jpg); background-repeat:no-repeat; background-position:left center; padding-left:12px; margin-top:10px; display:block; color:#000}
#uvod a:hover { color: #666}
#maintext { clear:both; }
#maintext p { padding:10px}
#banner { background-image:url(images/banner.jpg); color: #FFF; min-height:250px}
#banner p { padding:10px;}
#prihlaska { padding:10px}
#prihlaska form { padding:0; margin:0}
#prihlaska table { margin:0; padding:0}
#prihlaska p { padding:0; font-size:10px}


#novinky p { padding:10px; padding-top:0px}
#mainfoto {float:left; border:#FFF 2px solid;}
#footer { clear:both; height:15px;  background-color:#000; text-align:center; color:#FFF; font-size:9px; padding-top:19px; padding-left:5px; margin-top:0px; margin-top:3px; color:#FFF; padding-bottom:6px}
#footer a { color:#FFF; padding-left:3px; padding-right:3px; text-decoration:none}
#footer a:hover { color:#FFF;  text-decoration:underline}
#slider1 { margin-left:0px; float:left; height:266px; display:block;	 }
.sliderwrapper1{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom:0; 
width: 1025px; /*width of featured content slider*/
height: 261px; overflow:hidden; 
}




.sliderwrapper1 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px; overflow:auto;z-index:3;
background: none; color:#000;
width: 1026px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 261px;padding-top:0px ;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1; 
opacity: 1; overflow:hidden; text-align:justify; 
}

.pagination1{
width: 1020px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left; font-size:10px; background: #000; text-align:right; padding-bottom:3px; padding-right:5px;}

.pagination1 a{
padding: 2px 3px;
text-decoration: none; 
color: #fff;
 background:url(images/whitedot0.png) no-repeat center ;width:25px;  height:22px; text-indent:-999999px;
}

.pagination1 a:hover, .pagination1 a.selected{
color: #fff;
 background:url(images/whitedot.png) no-repeat center ;
}
#novinky {float: left; width:220px;}
#novinky h3 { text-align:left; padding-left:10px; padding-right:10px; padding-top:5px}
#newsletter {   float:left; margin-right:1px; margin-top:5px; padding-left:10px; padding-bottom:5px }
#newsletter a {color:#333;}
#newsletter h2 {color:#333; font-size:14px; padding-top:10px;  padding-bottom:0px; margin-bottom:0}
#newsletter form {  padding-top:0px; margin-top:0; margin-bottom:0px; padding:0}
#emailnews { padding-left:5px; border:1px solid #c4c8cc;-moz-border-radius: 15px;   -webkit-border-radius: 15px;   border-radius: 15px;background-color: #fff; color:#333; width:100px}
#submitnews {  padding-left:5px; border:0px solid #c4c8cc;-moz-border-radius: 15px;   -webkit-border-radius: 15px;   border-radius: 15px;background-color: #86877a; color:#fff; cursor:pointer}
#newsletter p { padding:0; font-size:10px; margin:0}
#qk  { padding-top:5px}
#qk p {text-align:left; padding-bottom:0; margin-bottom:0}
.morenews { clear:both;text-align:right; margin-right:10px }
.morenews a{font-size:0.8em; text-decoration:none; color:#000 }
.morenews a:hover{ text-decoration:underline}



#footer1 p { padding-top:10px; padding-bottom:0; margin:0}
.arfoto1d { width:244px; height:183px; margin-bottom:7px;  float:left; clear:right; }
.arfoto2d { width:244px; height:183px; margin-left:57px;  margin-bottom:7px;clear: right; float:left; }
.arfoto0d { width:244px; height:183px; margin-left:602px; top:0px; margin-bottom:7px; clear:right;}
.brcle {clear:both; 
}
.fotogal { margin-bottom:5px; opacity:1}
.imgref {text-align:center;box-shadow: 10px 10px 5px #818181;   margin-bottom:20px; border:#818181 1px solid; background-color: #fff;zoom: 1;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=10); margin-right:18px}


#idmenuhover {color:#7D292A;}
#h2detail {width:485px; float:left}
#mainnadpis { font-size: 36px; clear:both; padding-left:50px}
#mainnadpis h1 { font-size:1em; font-weight:bold}
#mainnadpis0 { font-size: 24px;padding-top:55px; padding-left:200px; padding-right:150px}
#mainnadpis0 h1 { font-size:1em; font-weight:bold; margin-bottom:0; padding-bottom:0}

.foto1d { width:160px; height:125px; float:left; clear:right; text-align:center;vertical-align:middle; margin-right:10px;background-color:none;
zoom: 1;margin-bottom:20px;
  }
.foto2d { width:160px; height:125px; float:left;  clear:right;text-align:center;vertical-align:middle; margin-right:10px ;background-color:none;
zoom: 1; margin-bottom:20px }
.foto3d { width:160px; height:125px; clear: right; float:left;text-align:center; vertical-align :middle; margin-right:10px  ;background-color:none;
zoom: 1;margin-bottom:20px  ;
}
.foto0d { width:160px; height:125px; margin-left:0px; top:0px; clear:right; float:left;text-align:center;vertical-align:middle;margin-right:5px ;background-color:none;
zoom: 1;margin-bottom:20px;
}
.foto1d:hover {}
.foto2d:hover {}
.foto3d:hover { }
.foto4d:hover {}
.foto0d:hover {}
.imgref:hover { box-shadow: 10px 10px 5px #000;    border:#000 1px solid;zoom: 1;filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=10);}


.rsfoto { padding:10px; padding-right:0}
.rsfoto img {background-color:#FFF}
.h16 {height:16px}
.pointer {cursor:pointer}
#administrace { position:fixed; top:0; background:#000000; left:0; padding:3px}

#lektori { font-size:0.9em}
#lektori a { color:#000; }
#lektori a:link {}
#lektor ul {margin:0; padding-left:15px; list-style-type:square}
#lektor ul li {padding-left:0; }

.lek1 { background-color:#cacaca; margin-right:6px;width:114px; height:160px; float:left; clear:right; text-align:center;vertical-align:middle;padding:5px; margin-bottom:6px}
.lek2 { background-color:#cacaca; margin-right:6px;   width:114px; height:160px; float:left;  clear:right;text-align:center;vertical-align:middle; padding:5px; margin-bottom:6px}
.lek0 { background-color:#cacaca; width:114px; height:160px; margin-left:0px; top:0px; clear:right; float:left;text-align:center;vertical-align:middle; padding:5px;margin-bottom:6px}


.dhtmlwindow{
position: absolute; 
border: 0px solid #FF0000;
visibility: hidden;
background-color: white
}
.dhtmlwindow p{ padding:5px;
}
iframe {border:0}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #fff;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;
background-color: #F00;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #F00;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(images/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
transition: width 0s;
-moz-transition: width 0s;
-webkit-transition: width 0s;
-o-transition: width 0s;
}

.sliderwrapper4{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom:0;
width:280px; /*width of featured content slider*/
height: 170px; text-align:left
}




.sliderwrapper4 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px; overflow:auto;
background: none;
width: 260px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 1650px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination4{
width: 260px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left; font-size:10px
}

.pagination4 a{
padding: 0 5px;
text-decoration: none; 
color: #000;
background: none;
}

.pagination4 a:hover, .pagination4 a.selected{
color: #000;
background-color: #F00;
}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
.fade1 {
   opacity:0.6;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade1:hover {
      opacity: 1;
      }
.fade0 {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade0:hover {
      opacity: 0.8;
      }

.imgfloatright { float:right; padding:0; margin-top:10px; margin-right:10px; margin-left:10px;  }
.imgfloatleft { float:left;margin-top:0px; margin-right:10px; margin-left:10px; }
.imagediv img { margin-bottom:15px ; border:#000 3px solid}
.imgleft img {margin-bottom:15px; border:#000 3px solid }
.imgright img {margin-bottom:15px ; border:#000 3px solid}
.imgfloatright img {}
 .imgfloatleft  img{margin-bottom:15px }
.imgdiv {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; margin-left:auto; margin-right:auto; text-align:center; display:none}
.imgdiv a {color:#FFF}
.imgdiv a:visited {color:#FFF}
.clear { clear:right; border:0}
.rsh2 {padding-left:0px; padding-top:10px}
#rs  { padding-top:5px; padding-bottom:5px; margin:0; }
#sgal {  width:690px; float:left}


#galerie {  margin-left:695px}
.zelen { color:#359a34}
#registraceform {color:#359a34; font-size:36px; font-weight:bold; text-align:center; border-top:#CCC 3px solid; padding-top:10px; margin-top:5px; padding-bottom:15px; margin-left:50px; margin-right:50px	}
#registraceform a {color:#359a34;text-decoration:none}

#menu2 { padding-top:35px;font-size:18px; margin-top:0px; color: #aaa	;font-family:Tahoma, Geneva, sans-serif;  height:131px ; text-indent:-9999999px }
#menu2:hover { padding-top:35px;font-size:18px; margin-top:0px; color: #5a5a5a;font-family:Tahoma, Geneva, sans-serif; background-image:url(images/menu2.png); background-position:bottom; background-repeat:no-repeat; height:131px ; text-indent:-9999999px }
#menu21 {width:195px;  display:block; float:left; text-align:center; color:#fff;  height:131px;background-image:url(images/menu2.png); background-position:0 -10px ; background-repeat:no-repeat; }
#menu22 {width:202px; display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-195px -10px ; background-repeat:no-repeat;background-image:url(images/menu2.png)  }
#menu23 {width:225px;display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-397px -10px ; background-repeat:no-repeat; background-image:url(images/menu2.png)  }
#menu24 {width:180px; display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-622px -10px ; background-repeat:no-repeat;background-image:url(images/menu2.png)   }
#menu25 {width:222px; display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-802px -10px ; background-repeat:no-repeat;background-image:url(images/menu2.png) }
#menu21:hover {width:195px;  display:block; float:left; text-align:center; color:#5a5a5a;  height:131px;background-image:url(images/menu2h.png); background-position:0 -10px ; background-repeat:no-repeat; }
#menu22:hover {width:202px; display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-195px -10px ; background-repeat:no-repeat;background-image:url(images/menu2h.png)  }
#menu23:hover {width:225px;display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-397px -10px ; background-repeat:no-repeat; background-image:url(images/menu2h.png)  }
#menu24:hover {width:180px; display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-622px -10px ; background-repeat:no-repeat;background-image:url(images/menu2h.png)   }
#menu25:hover {width:222px; display:block; float:left; text-align:center; color:#5a5a5a; height:131px;background-position:-802px -10px ; background-repeat:no-repeat;background-image:url(images/menu2h.png) }
#menu2 a { text-decoration:none; font-size:16px; height:131px;  display:block; color:#5a5a5a }

#menux22 { padding-top:0px;font-size:18px; margin-top:0px; color: #5a5a5a;font-family:Tahoma, Geneva, sans-serif; height:141px ; text-indent:-9999999px; padding:0; margin:0 }
#menux22:hover { font-size:18px; margin-top:0px; color: #5a5a5a;font-family:Tahoma, Geneva, sans-serif; background-image:url(images/menu2h.png); background-position:bottom; background-repeat:no-repeat; height:1239px ; text-indent:-9999999px }
#menux221 {width:195px;  display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-image:url(images/menu21.png); background-position:0 0px ; background-repeat:no-repeat; }
#menux222 {width:202px; display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-195px 0px ; background-repeat:no-repeat;background-image:url(images/menu21.png)  }
#menux223 {width:225px;display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-397px 0px ; background-repeat:no-repeat; background-image:url(images/menu21.png)  }
#menux224 {width:180px; display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-622px 0px ; background-repeat:no-repeat;background-image:url(images/menu21.png)   }
#menux225 {width:222px; display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-802px 0px ; background-repeat:no-repeat;background-image:url(images/menu21.png) }
#menux221:hover {width:195px;  display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-image:url(images/menu21h.png); background-position:0 0px ; background-repeat:no-repeat; }
#menux222:hover {width:202px; display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-195px 0px ; background-repeat:no-repeat;background-image:url(images/menu21h.png)  }
#menux223:hover {width:225px;display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-397px 0px ; background-repeat:no-repeat; background-image:url(images/menu21h.png)  }
#menux224:hover {width:180px; display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-622px 0px ; background-repeat:no-repeat;background-image:url(images/menu21h.png)   }
#menux225:hover {width:222px; display:block; float:left; text-align:center; color:#5a5a5a; height:141px ;background-position:-802px 0px ; background-repeat:no-repeat;background-image:url(images/menu21h.png);}
#menux22 a { text-decoration:none; font-size:16px; height:141px ; padding:0;  display:block; color:#5a5a5a }

#menu2 a.moreinfo { width:60px; height:60px; background:url(images/menu2.png); background-repeat:no-repeat; background-position:center; padding-top:20px; padding-left:146px; text-indent:-9999999999px; 	}
#menu2 a.moreinfo:hover {background:url(images/menu2h.png); background-repeat:no-repeat; background-position:center; }
#mainpartneri { background-image:url(images/spodek201-8.jpg); clear:both; height:550px;color:#FFF}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
margin-left:85px;
height: 80px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
padding-top:0px; padding-right:2px;
width: auto; height:80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img { }

#rs p { color:#FFF}
#mainpartneri p { padding-top:25px; padding-right:10px; text-align:right; font-size:10px; color:#404040}
#mainpartneri a { text-decoration:none; color:#404040}
#mainpartneri a:hover { text-decoration:underline; color:#404040}

.foto1d { width:180px; margin-left:0px; height:121px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:60px ; font-size:11px ; margin-right:60px
}
.foto2d { width:180px; height:121px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:60px ; font-size:11px ; margin-right:60px
}
.foto3d { width:180px; height:121px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:60px ; font-size:11px ; margin-right:60px
}
.foto4d { width:180px; height:121px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:60px ; font-size:11px ; margin-right:60px
}
.foto0d { width:180px; height:121px; margin-left:0px; top:0px;text-align:left;vertical-align:middle;margin-right:0px ;zoom: 1;margin-bottom:60px;font-size: 11px ; float:left  ;
}
.rsfoto1d { width:180px; margin-left:0px; height:161px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:10px ; font-size:11px ; margin-right:10px
}
.rsfoto2d { width:180px; height:161px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:10px ; font-size:11px ; margin-right:10px
}
.rsfoto3d { width:180px; height:161px; float:left;text-align:left; vertical-align :middle; zoom: 1;margin-bottom:10px ; font-size:11px ; margin-right:10px
}
.rsfoto0d { width:180px; height:161px; margin-left:0px; top:0px;text-align:left;vertical-align:middle;margin-right:0px ;zoom: 1;margin-bottom:10px;font-size: 11px ; float:left  ;
}