@charset "UTF-8";

/* CSS Document */

/** --- MAIN BODY --- **/
body{
	font: 11px Verdana, Arial, sans-serif; 
	color: #747474;
	margin: 0;
	padding:0;
	text-align:center;
	background: url('../images/design/bg.jpg') #DFE2E5 repeat-x center top;

}
.subBody{background: url('../images/design/bg-footer.png') no-repeat center bottom;}
.clear{
	clear: both;
	visibility: hidden;
	line-height: 1%;
	font: 1%;
}


a{color:#1887BF; text-decoration:none;}
a:hover{color: #409B00; text-decoration:underline;}

#logo{float: left; position: absolute; width: 184px; height: 99px; background: url('../images/design/logo.png'); margin: 1px 0 0 0; cursor: pointer;}
#logo-gray{float: left; position: absolute; width: 250px; height: 81px; background: url('../images/design/logo-gray.png'); margin: 1px 0 0 0; cursor: pointer;}

/*#maincenter{background: url('../images/design/bg-footer.png') no-repeat center bottom; width: 90%; _width: 1200px; margin: auto; padding: auto; float: left; _float: none;}
#maincenter_clear{margin: auto; padding: auto; width: 90%; _width: 1200px; float: left; _float: none;}*/
#maincenter{ margin: auto; padding: auto;}
#maincenter_clear{margin: auto; padding: auto;background: url('../images/design/bg-footer.png') no-repeat center bottom;  }

#holder_main{width:910px; padding-left:50px; }


.blockHolder{width: 910px;}
.blockInner_01{width: 280px;  float: left; }
.blockInner_02{width: 280px;  float: left; margin-left:15px;}
.blockInner_03{width: 280px;  float: left; margin-left:15px;}


#hp-buttons{margin: 30px 0 0 0; padding: 0 0 0 0 ; }
#hp-button1{background: url('../images/design/hp-button1.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}
#hp-button2{background: url('../images/design/hp-button2.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}
#hp-button3{background: url('../images/design/hp-button3.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}
#hp-button4{background: url('../images/design/hp-button4.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}

#hp-button1_en{background: url('../images/design/hp-button1_en.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}
#hp-button2_en{background: url('../images/design/hp-button2_en.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}
#hp-button3_en{background: url('../images/design/hp-button3_en.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}
#hp-button4_en{background: url('../images/design/hp-button4_en.png') no-repeat; width: 276px; height: 38px; cursor: pointer;}

/*
#hp-blocks{width: 910px; :width: 580px; _width:565px; color: #000000; margin: 219px 0 0 0; :margin: 19px 0 0 0; _margin: 19px 0 0 0; float: none;}
#hp-block1{background: url('../images/design/hp-blok1.png') no-repeat; width: 293px;  _width: 283px;  height: 185px; float: left; _margin: 17px 0 0 0;}
#hp-block2{background: url('../images/design/hp-blok2.png') no-repeat; width: 273px; _width: 281px; height: 186px;  float: left; cursor: pointer; _margin: 17px 0 0 0;}
#hp-block2_en{background: url('../images/design/hp-blok2_en.png') no-repeat; width: 273px; _width: 281px; height: 186px;  float: left; cursor: pointer; _margin: 17px 0 0 0;}
*/
.blocks{width: 910px; color: #000000;margin-bottom:10px; }
#hp-blocks{ margin-top:0px; }

.brdBlue{ border: solid 1px blue;}
.brdRed{ border: solid 1px red;}

#hp-block1{
height: 185px; background: url('../images/design/hp-blok1.png') no-repeat; }
#hp-block2{
height: 186px;  cursor: pointer;background: url('../images/design/hp-blok2.png') no-repeat; }
#hp-block2_en{
height: 186px; cursor: pointer;background: url('../images/design/hp-blok2_en.png') no-repeat; }
/*
#hp-block3{background: url('../images/design/pripominacek-blok_2.png') no-repeat; width: 293px; height: 185px;  float: left; margin: 0 0 0 0; _margin: 5px 0 0 0;}
*/
#hp-block3{height: 185px;  background: url('../images/design/pripominacek-blok_2.png') no-repeat;    }



.cont3{margin: 40px 0 0 20px; float: left; text-align: left;}
.cont3 .text{margin: 0 0 0 0; width: 150px; min-height: 100px; :min-height: 100px; color:#000000;}
/*.cont3 a{_margin: 45px 0 0 0; float:left;}*/
.cont3 a{}

#hp-blocks strong{font-size: 130%; font-weight: bold; color: #000000; margin: 0 0 5px 0; display:block;}
#hp-block3 strong{font-size: 130%; font-weight: bold; color: #000000; margin: 0 0 5px 0; display:block;}

#hp-blocks .cont1{margin: 40px 0 0 20px; float: left; text-align: left;}
#hp-blocks .cont2{margin: 40px 0 0 140px; _margin: 40px 0 0 134px; text-align: left;  cursor: pointer;}
#hp-blocks .text{ width:125px}

#hp-blocks .cont1 a{}
#hp-blocks .cont2 a{float: left; margin: 0 0 0 30px; color: #1B88C0; padding: 2px 0 2px 0;}
#hp-blocks  a{}
#hp-blocks  a:hover{text-decoration: none; color: #1B88C0; background: none; border-bottom:  1px solid #1B88C0;}
#after-block{width: 1000px; float: left;}

/*#hp-maincont{float: left; width: 282px;}*/
#hp-maincont{}
#maincont{width: 570px; float: left; margin: 0 0 0 5px;}

#maincont .textCont{ padding:0 10px 10px 0;}

/*.reference{float: left; width: 300px; cursor: pointer; height: 62px;}
.reference img{float: left; margin: 3px 5px 0 0; height: 60px}
.reference .cont{padding: 5px 5px 5px 5px; float: left; width: 200px;}*/
.reference{ cursor: pointer; margin-bottom:5px;}
.reference .refImg{float: left; width:45px; margin-right:8px; border: solid 1px #FFFFFF; }
.reference .cont{padding: 0; float: left; width:204px}


#toptenreference{ margin: 0 0 0 30px;}
#toptenreference .blue{color:#1887bf;}
#toptenreference .reference{ float: left; width:240px; cursor: pointer; margin:0 10px 10px 0;}
#toptenreference .reference .refImg{float: left; width:45px; margin-right:8px; border: solid 1px #FFFFFF; }
#toptenreference .reference .cont{padding: 0; float: left; width:184px}

/* ------------ EVENTLIST ---------- */

.listDiv{min-height:190px;}
.listItem{ float:left; width:270px; height:90px; background:#FFFFFF; margin:0 5px 5px 0; padding:5px;}
.listItem a{ font-weight:bold;}
.listItem .imgItem{ border: solid 1px #cccccc; margin-right:3px;}


/* ------------ EVENTLIST ---------- */



h1{ 
 font:14px Verdana, Arial, sans-serif;;
 line-height: 25px;
 font-weight:bold;
 margin:0px; 
}

h2{
 font: 190% Arial;
 color:#000000;
 font-weight:normal;
 margin: 1px 5px 3px 0;
 float: left;
}
.drobeckova-napoveda{
  width: 450px; :width: auto; margin: 8px 0 0 15px; height: 25px; font-size: 12px;
}
h3{
 font: 140% Verdana, Arial, sans-serif;
 color: #a0a0a0;
 font-weight:bold;
 margin: 10px 0 5px 0; 
}

h4{
 font: 12px Verdana, Arial, sans-serif;
 line-height: 20px;
 color: #666666;
 font-weight:bold;
 margin: 0; 
}

ul{ margin:5px 0px; list-style:none; }
li{ margin:0px;  margin-left:10px;list-style:none; background: url(../images/design/odr-li.gif) no-repeat left top; padding-left:12px;}

.nadpisRed{
 /*font: 11px Verdana, Arial, sans-serif;
 color:#1887BF;
 font-weight:bold;*/
 font-weight:bold; display:block;border-left: solid 2px  #FF99CC; padding-left:5px; margin-bottom:4px;
 font-size: 120%;
 color: #1887BF;
 
}
.nadpisRed a{ 
 /*font: 11px Verdana, Arial, sans-serif;
 font-weight:bold;
 text-decoration:none;
 color:#1887BF;*/
}

#holder{
 width:900px;
 margin:0 auto 0 auto;
 _margin:0 auto 0 180px;	
 _padding:auto;
 padding: 0;
 text-align:left;
 /*min-height: 725px;*/
 :min-height: 825px;
}
/** --- top --- **/
#top_menu{
  width:835px;
  text-align:right;
  padding: 0 20px 0 20px;
  margin:0;
  color:#FFFFFF;
  height: 23px;
}
#top_menu h1{color:#ffffff; font-size: 10px; text-align: left; float: left; padding: 0; margin: 0;}
#top_menu div{float: right; margin: 6px 0 0 0; padding: 0;}
#top_menu ul, #top_menu li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(none);
}
#top_menu a{
  color:#FFFFFF;
  margin:5px 0 0 20px;
}
#top{

  width: 882px;
  padding:0;
  margin: 0 0 0 40px;
}
#top_img_holder{
  margin:0;
  float:left;
}
#top_img{
  width:825px;
  padding:0;
  margin:0;

}
#top_img_right{
  width:20px;
  padding:0;
  margin:0;
  float:right;
}
#menu{
 margin:2px auto 0 auto;
}
/** Navigace **/
ul#navmenu{
  margin: 0 0 0 10px;
  border: none;
  padding: 0;
/* Zrusena pevna sirka width: 500px; For KHTML*/ 
  list-style: none;
  color:#ffffff;
}
ul#navmenu li {
  margin: 0 0 0 0;
  border: none;
  border-left: 1px solid #c0cacc;
  border-right: 1px solid #9fa9ac;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  font-size: 80%;
  background: url(none);
}
ul#navmenu li.first{
	border-left: none;
}
ul#navmenu li.last{
	border-right: none;
}
ul#navmenu a.active{
  border: none;
  padding: 13px 8px 12px 8px;
  color:#ffffff;
  background: #b91581 url(../images/design/bg-navActive.jpg);
  font-weight:bold;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#navmenu a{
  border: none;
  padding: 13px 8px 12px 8px;
  color:#ffffff;
  font-weight:bold;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #a0a0a0 url(../images/design/bg-navActive.jpg);
  color: #ffffff;
  border: none;

 
}
ul#navmenu ul {
  margin: 4px 0 0 0;
  padding: 0;
  width: 175px;
  list-style: none;
  display: none;
  position: absolute;
  top: 33px;
  left: 0px;
  background: #96a2a4;
  z-index:100;
}
ul#navmenu ul li {
  float: none; /*For Gecko*/
  border: 0 none;
  display: block !important;
  display: inline; /*For IE*/
  padding: 0;
  margin: 6px 7px 6px 7px;
  font-size: 110%;
}
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: none;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
}


ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #1887BF;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  
}

ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/**  konec navigace **/

#inquiryBox_holder{
  color: white;
 width:256px;
 height:137px;
 margin: 20px 0 0 0;
 float:right;
 padding:10px 10px 0 50px;
 text-align:left;
 background: #B64891 url(../images/inquiry_bg.jpg) no-repeat left top;
}
#first_holder{
 color: white;
 width:250px;
 min-height:151px;
 margin: 30px 0 0 0;
 float:left;
 padding:15px 10px 0 20px;
 text-align:left;
 background: #B64891;
}
#first_holder h3{
color: #ffffff;
}
#inquiryBox_holder a{
  color: white;
  text-decoration:none;
}
#inquiryBox_holder a:hover{
  color: white;
  text-decoration:underline;
}
#welcomeGray_holder{
 width: 509px;
 min-height:126px;
 margin:30px 0 0 0;
 padding:20px;
 text-align:left;
 float:right;
 background: #dddddd;
}
#add1_holder{
 width:521px;
 height:147px;
 margin:20px 0 20px 0;
 float:left;
 background: #777777;
}
#add1_holder img{
 float:left;
 border-right:1px solid #ffffff;
}
#add1_text{
  width:325px;
	color: #b8b8b8;
  text-align:left;
  float:right;
  padding:10px;
}
#add1_text h3{}
#add2_holder{
 width:421px;
 height:147px;
 margin:20px 0 20px 0;
 float:right;
 background: #d12052;
}
#add2_text{
  width:225px;
	color: white;
  text-align:left;
  float:left;
  padding:10px;
}
#add2_holder img{
 float:right;
 border-left:1px solid white;
}
#textMain_holder img{
/*
border: solid 4px #FFFFFF;
float:left;
margin:20px 0 0 10px;
*/
}
#textMain{
/* width:830px;
 _width:1070px;
float:right;*/
 text-align:left;
 margin:0 20px 0 15px;
/* min-height: 400px;
 border: 1px solid #000000;*/
}
#textMain img{
/*border: solid 6px #c9c9c9;
margin:3px;
float: none;*/
}
#textMain .obrazekVlevo {border: solid 5px #c9c9c9; margin:15px; margin-left:0px;float:left;}
#textMain .obrazekVpravo {border: solid 5px #c9c9c9; margin:15px; margin-right:0px; float:right;}
#textMain p{
 padding: 6px 0 6px 0;
 text-align:justify;
}
#textMain p{ margin:0px;}
#textMain h3.first{ margin-top:0px;}
#textMain h3{
	color:#000000;
  font: 140% Verdana, Arial, sans-serif;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}


#rozcestnik_holder{
 width:955px;
 margin:30px 0 20px 0;
 padding:10px 0 0 0;
  background: url(../images/bg_main_page.jpg) no-repeat center top;
}
.rozcestnik_holder_left{
 width:400px;
 float:left;
 display:inline;
 margin:0 9px 0 18px;
}
.rozcestnik_holder_right{
 width:400px;
 float:right;
 display:inline;
 margin:0 18px 0 10px;
}
.rozcestnik_box{
  width:400px;
  padding:0;
  margin:10px 0 0 0;
  height:120px;
  background:#eaeaea;
}
.rozcestnik_box_text{
  width:220px;
  padding:10px 10px 0 0;
  height:120px;
  float:right;
}
.rozcestnik_box img{
  margin:7px 0 0 7px;
  float:left;
}
#fotogalerie_holder{
 width:955px;
 margin:20px 0 20px 0;
}
#foto_holder_left{
	
  width:549px;
  margin:10px 0 0 0;
  /* pridla jirka*/
  margin-top:30px;
  float:left;
  background: url(../images/bg_galerie1.jpg) no-repeat center top;
}
.foto_text_left{
  padding:20px; text-align:justify;
}

.foto_text_left p{ margin:0px;}
.foto_text_left h3.first{ margin-top:0px;}
.foto_text_left h3{
	color:#666666;
	font-size:12px;
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	padding-left:12px;
	background: url(../images/design/odr-detail.gif) no-repeat left center;
}

#foto_holder_right{
  width:282px;	
  margin:10px 0 0 0;
  /*pridal jirka*/
  margin-top:30px;
  float:right;
  background: url(../images/bg_galerie2.jpg) no-repeat center top;
}
#foto_holder_right img{
  margin:10px 0 0 10px;
  float:left;
}

/** --- footer --- **/

#holder_footer{
 width:100%;
 height:87px;
 margin:0;
}
#footer_text{
 font: 10px Verdana, Arial, sans-serif;
 color:#ffffff;
 width:835px;
 height:37px;
 padding:50px 20px 0 0;
 text-align:right;
 margin:0 auto 0 auto;
}
#logo-main-up{
 width: 882px;
 height: 38px;
 background: url(../images/design/logo-main-up.png) no-repeat;
 float: left;
}
#logo-main-left{
 width: 214px;
 height: 39px;
 background: url(../images/design/logo-main-left.png) no-repeat;
 float: left;
 cursor: pointer;
}
#logo-main-menu{
 width: 668px;
 height: 39px;
 background: url(../images/design/menu.png) no-repeat;
 float: right;
 padding: 0;
}
#logo-main-bottom{
 width: 882px;
 height: 28px;
 margin: 0;
 background: url(../images/design/logo-main-bottom.png) no-repeat;
 float: left;
}
#logo-main-center{
 width: 882px;
 height: 250px;
 margin: 0;
 background: url(../images/design/logo-main-center.png) no-repeat;
 float: left;
}


/*** --- inquiryForm --- ***/
.galeryForm{ float:right; width:260px; padding:50px 20px 0px 0px; text-align:right;}
.galeryForm img{ border: solid 3px #D1D1D1 ; margin:0px 10px 10px 0; vertical-align:top}

#form_holder{
	margin: 30px 0 20px 0;
	width: 955px;
padding:10px 0 0 0;
  background: url(../images/bg_main_page.jpg) no-repeat center top;
}
#form_holder h1{
 font: 1.2em Verdana, Arial, sans-serif;
 font-weight:bold;
}

#flash {
}
.small-spacer{height:5px; font-size:1%;}


#nadpis-welcome{
  background: url(../images/design/nadpis-welcome.png) no-repeat;
  height: 26px;
  width: 76px;
}
#nadpis-welcome_en{
  background: url(../images/design/nadpis-welcome-en.png) no-repeat;
  height: 26px;
  width: 132px;
}
.nadpisReference{width: 200px;height: 30px;float: left;}
#nadpis-reference-cs{
  background: url(../images/design/nadpis-reference.png) no-repeat;

}
#nadpis-reference-en{
  background: url(../images/design/nadpis-reference-en.png) no-repeat;

}

#classic_footer{
  height: 80px;
  width: 1107px;
  margin: auto;
  padding: auto;
  float: left;
}
#classic_footer hr{
  width: 860px; 
  color: #E1E2E4;
  background: #E1E2E4;
  border: 1px solid #a0a0a0;
  margin: 10px 0 10px 0;
  :margin: 0 0 0 0;
  padding:0;
  float: left;
 }
#classic_footer #bottom-links{color: #000000; margin: 0; padding: 0; width: 860px; text-align: center; font-size: 80%;}
#classic_footer #bottom-links a.black{color: #000000;}

ul#footer-menu{:height: auto;}
ul#footer-menu{float: left; text-align: center; list-style-type: none; margin: 20px 0px 5px 90px; font-size: 90%; width: 800px;}
ul#footer-menu ul{display: none;}
/*ul#footer-menu ul{width: 1px}*/
#footer-menu li{float: left; background: none; text-transform: lowercase;}
#footer-menu li li{display:none;}
#footer-menu li a{padding: 4px 5px 4px 1px; background: none; color: #818285; color: #2591BC;}
#footer-menu li a:hover{background: none; color: #000000; text-decoration: underline;}

#flags{position: absolute; margin: 12px 0 0 720px; color: #ffffff; font-size: 110%;}
#flags a{color: #ffffff;}