.s08 {  font-size: 0.8em;  }
.s085 {  font-size: 0.85em;  }
.s09 {  font-size: 0.9em;  }
.s095 {  font-size: 0.95em;  }
.s11 {  font-size: 1.1em;  }
.s12 {  font-size: 1.2em;  }
.s13 {  font-size: 1.3em;  }
.s14 {  font-size: 1.4em;  }
.s15 {  font-size: 1.5em;  }
.s16 {  font-size: 1.6em;  }

.skryty, .hidden { visibility: hidden; display: none; }
.nodisplay { display: none;  }
.nomargin { margin: 0;  }
.automargin  { margin: auto; }
.autocentermargin  { margin: auto; text-align: center;   }
.center {  text-align: center;   }
.left {  text-align: left;   }
.right {  text-align: right;   }
.top { vertical-align: top;   }
.topright { text-align: right;  vertical-align: top;   }
.middle { vertical-align: middle;   }
.bottom { vertical-align: bottom;   }
.bold {  font-weight: bold;  }
.small {   font-size: 0.9em;  }
.white {  color: #fff; }
.bgwhite {background-color: #fff; }
.bgwhitecenter {background-color: #fff; text-align:center;}
.centerwhite {  font-weight: bold;  color: #fff;  text-align:center;  }
.topwhite { background-color: #fff; vertical-align:top; }
.red {  color: red;   }
.blue {  color: #4474ba;   }
.lightblue {  color: #69b8e6;   }
.gray {  color: #666;   }
.bggray {background-color: #545454;   }
.smallbggray {background-color: #545454;  color: #fff; font-size: 0.8em;  }
.bglightgray0 {background-color: #f4f4f4;   }
.bglightgray1 {background-color: #ddd;   }
.box { padding: 10px;  border: 1px solid #545454; background-color: #f4f4f3; }
.lower-alpha { list-style-type: lower-alpha; }

.lightbrown0 { color:  #f7f6ed }
.lightbrown { color:  #eae9da }
.lightbrown1 { color:  #cec3b1 }
.brown1 { color:  #b4a38f  }
.brown2 { color: #9f8c77 }
.brown3 { color: #8e765b }
.bglightbrown0 { background-color:  #f7f6ed }
.bglightbrown { background-color:  #eae9da }
.bglightbrown1 { background-color:  #cec3b1 }
.bgbrown1 { background-color:  #b4a38f  }
.bgbrown2 { background-color: #9f8c77 }
.bgbrown3 { background-color: #8e765b }

.bordered { border: 2px solid #999; background-color:  #eee }
.borderedsmall {border: 2px solid #8e765b; background-color:  #eae9da; font-size:0.9em }
.borderedsmall td, .borderedsmall th { _font-size:1em }
.lightbordered {border: 1px solid #9f8c77; background-color:  #eae9da }

.obrazek {  border: 4px solid #fff; }
.obrazek_left {  margin-right: 2em;  margin-bottom: 1em;  float: left; }
.obrazek_right { margin-left: 2em;  margin-bottom: 1em;  float: right; }
.obrazek_vychozi {  margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 4px solid #fff; }
.obrazek_vpravo {  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 4px solid #fff; }
.obrazek_vpravo_logo {  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 4px solid #fff; }
.obrazek_logo {  margin-right: 1px;  float: left;  border: 4px solid #fff; }
.obrazek_h2_vpravo {  margin-top: 1.8em;  margin-left: 10px;  margin-bottom: 10px;  float: right;  border: 4px solid #fff; }
.foto { margin-right: 10px;  margin-bottom: 10px;  float: left;  border: 4px solid #fff; }
.foto_center { margin-right: 10px;  margin-bottom: 10px;  text-align: center;  border: 4px solid #fff; }
.obrazek_header{  border: 4px solid #fff; }

.in {  padding: 0.3em 1em;}

.greenbox { padding: 10px;  border: 1px solid #022c15; background-color: #ccc;  }
.bluebox { padding: 10px;  border: 1px solid #333366; background-color: #ccc;  }
.redbox { padding: 10px;  border: 1px solid #990000; background-color: #ccc;  }

.floatleft {  float: left; }
.floatright { float: right; }

.Vstup {  width: 200px; }
.VstupLong {  width: 500px; }

.hide {display:none;}
.show {}

.highlighted { background-color: #2a2a2a; font-size: 1.2em; }


/************/
/*  GLOBAL  */
/************/

*{padding:0; margin:0;  }  /* font-family:'Trebuchet MS',arial,sans-serif; color:rgb(255,255,255); text-align:center;  */
body {font-size:75%; line-height: 1.5em; background: #575757 url('../images/bg.jpg') no-repeat center top; font-family:'Trebuchet MS',arial,sans-serif; color:rgb(255,255,255); text-align:center} /*Font-size: 1.0em = 10px when browser default size is 16px*/

td, th {  _font-size: 0.75em; _line-height: 1.4; }
td p  { margin: 0; padding: 0; }
th p  { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a img {  border: 0; }
h2, h3, h4, h5 { font-family:'Trebuchet MS',arial,sans-serif; color:rgb(255,255,255); } 

.page-container {width:990px; margin:0px auto; margin-top:0px; margin-bottom:10px; font-size:1.0em; text-align:left}
.main {clear:both; width:990px; padding-bottom:30px; }
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:960px; min-height:450px; margin:0 0 0 10px; padding:20px 0 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border-top: 9px solid #707070 }
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.footer {clear:both; width:990px; height:71px; padding: 1em 3em; background: transparent url(../images/bg_footer.jpg) no-repeat; font-size:1em; line-height: 2em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; text-align: left }


/* HEADER */
.header {width:990px; font-family:'Trebuchet MS',arial,sans-serif;}
.header-top {width:990px; height:66px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:990px; height:182px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.header-bottom {width:990px; height: 56px }

/********************/
/*  HEADER SECTION  */
/********************/
.header-middle .flogo {width:150px; float:left; }
.header-middle .flash {width:350px; height:182px; float:right; }
#header-text {width:370px; height:182px; position:absolute; z-index:1; font-size:12px; top: 46px; line-height: 1.7em; margin:20px 0 0 200px; /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/; }

/* main menu*/
.nav2 {white-space:nowrap /*IE hack*/; width:900px; border:none; color:rgb(0,0,0); font-size:120%; margin: 0 20px; } 
.nav2 ul {list-style-type:none;}
.nav2 ul li {background-color:rgb(255,255,255); float:left; margin-right: 2px;} /* z-index:auto !important ; z-index:1000 */
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:34px; line-height:34px; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(0,0,0); }
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:#e5b0f7; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a.current {background-color:#e5b0f7; text-decoration:none;}
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:34px; margin-left:-1px; padding:4px 16px 4px 16px; background-color:#e5b0f7; font-weight:normal; } /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:#e5b0f7; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0px; left:-1px; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:#e5b0f7; color:rgb(0,0,0); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:34px; padding:4px 16px 4px 16px; background-color:#e5b0f7; font-weight:normal; } /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:#e5b0f7; text-decoration:none;} /*Color subcells hovering mode*/


.header-bottom h1 { min-width: 330px; height: 53px; line-height: 53px; font-size:1.7em;  padding: 0.2em 0.9em; background: transparent url('../images/bg_h1.jpg') no-repeat 4px 0; font-weight:normal; }

/********************/
/*  COMMON CLASSES  */
/********************/
.main img.left {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:4px solid rgb(250,250,250);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:4px; border:1px solid rgb(250,250,250);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:4px solid rgb(250,250,250);}

a {color: #dab2e8; }
a:hover {color: #efdaf6; text-decoration:underline;}


/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:322px; margin:0 0 2.0em 0; padding:0 0 5px 0; border: 0; border-left: 1px dashed rgb(255,255,255);}
.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}


/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {color:rgb(235,235,235); margin: 0; padding: 0}
.footer p.credits {color:rgb(205,205,205); font-size:90%; margin: 0; padding: 0}
.footer a {text-decoration:none; color:rgb(205,205,205); }
.footer a:hover {text-decoration:underline; color:rgb(205,205,205);}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:660px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:990px; height:40px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-middle { background: transparent url(../images/logo-flexi-printable.gif) no-repeat;  }}
@media print {.flogo { display: none; visibility: hidden }}
@media print {.nav2 {float:left; width:990px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:0.85em; }} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:990px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:990px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:0.80em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}



/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid {width:300px; font-size: 1.1em }
.nav3-grid dt a {display:block; height:1.6em; line-height:1.6em; margin: 0.6em 0; padding:0px 10px 0px 25px; text-decoration:none; color:rgb(255,255,255); background: transparent url(../images/odrazka.gif) no-repeat 0.7em 0.4em;   }
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background: #916f9d url(../images/odrazka.gif) no-repeat 0.7em 0.4em; color:rgb(255,255,255); text-decoration:none;}
.nav3-grid dt a.current, .nav3-grid dd a.current {background: #916f9d url(../images/odrazka.gif) no-repeat 0.7em 0.4em; color:rgb(255,255,255); text-decoration:none;}


/* MAIN CONTENT */
.main-content h2 {/*clear:both; */ margin:1.0em 0 0.5em 0; font-weight:normal;  font-size:140%;}
.main-content h3 {/*clear:both; */ margin:1.0em 0 0.5em 0; font-weight:normal; font-size:130%;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
.main-content h4 {margin:1.5em 0 1.0em 0; font-weight:normal; font-size:120%;}
.main-content h5 {margin:1.5em 0 1.0em 0; font-size:100%;}
.main-content h6 {margin:1.2em 0 0.2em 0; font-weight:bold; font-size:90%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; }
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:90%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:85%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0; }
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../images/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; }


/* MAIN SUBCONTENT */
.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:90%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:90%;}

.main-subcontent a { }
.main-subcontent a:hover {background-color:#916f9d; text-decoration:none;}

.contactfloatleft { width:250px; float: left; }

.contactform { width:600px; float: right; margin:2.0em 0 0 0; padding:10px 10px 0 10px; }
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(200,200,200);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(230,230,230); font-weight:bold; font-size:110%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:90%;}

.contactform select.combo {width:448px; padding:2px; border:solid 1px rgb(200,200,200); color:rgb(55,55,55); font-size:90%; }
.contactform input.field {width:448px; padding:2px; border:solid 1px rgb(200,200,200); color:rgb(255,255,255); font-size:90%; background:url(../images/bg_input.jpg) no-repeat}
.contactform textarea {width:448px; height:130px; padding:2px; border:solid 1px rgb(200,200,200); color:rgb(255,255,255); font-family:'Trebuchet MS' ,arial,sans-serif; font-size:90%; background:url(../images/bg_textarea.jpg) no-repeat;}

.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:'Trebuchet MS' ,arial,sans-serif; color:rgb(0,0,0); font-size:90%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(30,30,30);}


/*-----------------------------------------  lightbox efect -----------------------------------------*/
#lightbox{  position: absolute;  left: 0; top: 10px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 5px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px 'Trebuchet MS' , Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;  }