/* CSS temp_01 */

/* Typography */
body {
  font: 75% 'Arial', 'Helvetica CE' ;
 background: #fff url(../img/bg_body.jpg) repeat-x ;
  color: #000;
  text-align: center;
  margin:0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, blockquote, table, .meta, .separ
{
line-height:20px;
margin:20px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #e6a400;}

h1 { font-size: 2.2em;}
h2 { font-size: 1.8em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.0em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}

/* Text elements
-------------------------------------------------------------- */

p           {line-height: 140%; font-size: 1em;}

a           {text-decoration: underline; color: #cf1111;}
a:hover     {text-decoration: none; color: #000;}

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
big         {font-size: 1.2em;}
small       {font-size: 0.8em;}

/* Lists
-------------------------------------------------------------- */

ul, ol      { margin: 0 1.5em 1.5em 50px;padding:0; }
li          {margin:0;padding:0;}

ul.extra    {list-style:none;position:relative;}
ul.extra li {background: url(../img/li_extra.jpg) no-repeat 0 5px;padding:0 0 0 20px;}

ul.mapa    {list-style:none;position:relative;}
ul.mapa li {background: url(../img/li_extra.jpg) no-repeat 0 6px;padding:0 0 0 20px;font-weight:bold;font-size:1.1em;}
ul.mapa ul li{font-size:0.9em;}
ul.mapa ul li a{color:#929294;}
ul.mapa ul ul li{font-weight:normal;}
ul.mapa ul ul li a{color:#929294;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 30px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 35px;}

/* Tables
-------------------------------------------------------------- */

table{ margin: 20px; width: 635px; border:none; font-size:1em;border-collapse:collapse;}
table th{ padding: 4px 6px ; text-align: left; background:none; color:#e6a400; border:none;font-size:1.1em;font-weight:bold;}
table td{border:none;padding: 2px 6px ;}
table td.tr{text-align:right;}
table td.foto{padding:10px; background:#f6f6f6; width:220px; border:2px solid #f6f6f6;}
table td.mov a{padding:1px 0 1px 18px;background: url(../img/mov.gif) no-repeat;margin-right:10px;}
table td.ppt a{padding:1px 0 1px 18px;background: url(../img/ppt.gif) no-repeat;margin-right:10px;}
table td.foto img{float:left;margin:0;}
tr.licha{  background-color: #fff;}
tr.suda{  background-color: #f6f6f6;}
tr.suda:hover {  background-color: #FFFFCC;}
tr.licha:hover {  background-color: #FFFFCC;}

/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }

.noborder   {border:none;}
.bold       {font-weight:bold;}

/* Body Elements
-------------------------------------------------------------- */

img{border: 0 }
hr {display: none;}


/* Form fields
-------------------------------------------------------------- */
div.formular{width:548px;font-size:0.9em;margin:20px;border:1px solid #BDBBB7;background:#edefee;}

ul.form{margin:0;padding:0 0 0 20px;list-style:none;}
ul.form li{padding:5px 20px 0 0;float:left;width:242px;}
ul.form li.textarea, ul.form li.submit{width:505px;}

h3.form_nazev{margin:0;font-size:1.1em;font-weight:bold;position:relative;top:-10px;left:20px;color:black;}
h3.form_nazev span{border:1px solid #BDBBB7; background: #fff url(../img/bg_inputs.gif) no-repeat;padding:3px 20px;}

input, textarea, select{background: #fff url(../img/bg_inputs.gif) no-repeat;border:1px solid #BDBBB7;padding:3px 5px;}
label{font-weight:bold;}
input{font-size:1.0em;width:232px;}
textarea{font-size:1.0em;font-family:Verdana;width:495px;}
select{font-size:1.0em;width:242px;}

input.submit{width:70px;font-weight:bold;padding:2px 0;margin-bottom:20px;position:relative;left:437px;background:#151617;color:white;border:none;}

label.check{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.check{background:none;border:none;display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}

label.radio{float:left;margin:0px 15px 0px 0;font-weight:normal}
input.radio{background:none;border:none;display:inline;margin:0 4px 2px 0;vertical-align:middle;width:auto;}

/*  ID for construction */
#page{
  width: 920px;
  text-align: left;
  margin: 0 auto;
  overflow:hidden;
  position:relative;
}

#header{
  position:relative;
  height: 180px;
   }
#header.cs{
background: url(../img/bg_header_cs.jpg) no-repeat ;
}
#header.en{
background: url(../img/bg_header_en.jpg) no-repeat ;
}
#header.de{
background: url(../img/bg_header_de.jpg) no-repeat ;
}
#header.ru{
background: url(../img/bg_header_ru.jpg) no-repeat ;
}

#header h1{
  margin: 0 ;
  font-size:2.2em; 
 }
#header h1 a{
  display: block;
  text-decoration: none;
  color: #000;
  width: 290px;
  line-height: 120px;
  height: 120px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: url(../img/logotype.gif) no-repeat ;
}

#header h2{
  font-size: 1.0em;
  position: absolute;
  top: 49px;
  margin:0;
  font-family:Arial Narrow;
  font-weight:normal;
  left: 306px;
  width:230px;
  text-transform:uppercase;
  color: #333333;
}
#header h2.pl{
width:240px;
}
#header h2.en{
width:135px;
}
#header h2.de{
width:240px;
}
#header h2.ru{
width:265px;
}
#header h2 span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/h2_span.jpg) no-repeat ;
}
#header h2.pl span{
background: url(../img/h2_span_pl.jpg) no-repeat ;
}
#header h2.en span{
background: url(../img/h2_span_en.jpg) no-repeat ;
}
#header h2.de span{
background: url(../img/h2_span_de.jpg) no-repeat ;
}
#header h2.ru span{
background: url(../img/h2_span_ru.jpg) no-repeat ;
}
#mainlink{
  position: absolute;
  top: 69px;
  left: 308px;
  font-weight:bold;
  text-decoration: none;
  font-size:0.9em;
}
#mainlink:hover{
color: #000;
}

#languages{
 position: absolute;
 top: 145px;
 right: 18px;
  }
#languages img{
margin:0px 3px 0 0px;
float:left;
border:1px solid #ffe389;
}
#languages a{
display: block;
float:left;
text-decoration:none;
padding: 4px 7px ;
font-size:0.9em;
color:#fff;
font-weight: bold;
}
#languages a:hover img{
border-color: #fff;
}

/*  navigation */

#navigation{
  background: #f8c908 url(../img/bg_nav.jpg) repeat-x;
  height: 50px;
  position: absolute;
  top: 130px;
  width: 920px;
 }
#navigation ul {
  margin: 0;
  padding: 0 0 0 50px;
  list-style: none;
}

#navigation li {
  float: left;
  position:relative;
  margin: 0 ;
  }
#navigation li a {
  display: block;
  float: left;
  font-size:1.3em;
  color: #000;
  font-weight:bold;
  line-height:50px ;
  height:50px;
  text-decoration: none;
  background: url(../img/nav_li.gif) no-repeat 0 0;
  padding: 0 19px 0 19px ;
  letter-spacing: -1px;
}
#navigation a.on {
  color: #fff;
}
#navigation a:hover, #navigation li:hover, #navigation li.hover {
  background-color: #e6a400;
  color: #fff;
}
#navigation li:hover ul, #navigation li.hover ul {
  visibility: visible;
}
/* navigation deti 1  */
#navigation ul ul {
  background-color: #e6a400;
  width: 200px;
  padding:0;
  margin: 0;
  border-bottom:2px solid #c28900;
  list-style: none;
  position: absolute;
  top: 50px;
  left: 2px;
  visibility: hidden;  
  z-index: 90;
}

#navigation ul ul li {
  float: left;
  width:200px;
  padding:0;
  }
#navigation ul ul a {
  background:url(../img/subnav_li.gif) no-repeat 22px 11px;
  border:none;
  float:none;
  height:auto;
  font-size:0.9em;
  padding:4px 10px 4px 43px;
  line-height:14px;
  letter-spacing: 0;
}

#navigation ul ul a.on {
color:#fff;
}
#navigation ul ul a:hover{
background: #cc9201 url(../img/subnav_li.gif) no-repeat 22px 11px;
}

/* content */
#content{
  background:#fff;
  position:relative;
}
.maincontent{
  padding: 20px 5px 30px 29px ;
  background: #fff url(../img/bg_maincontent.jpg) no-repeat;
  border-bottom:10px solid #f3f3f3;
  float:left;
  width:886px;
}
.maincontent_sekce{
  padding: 20px 45px 30px 29px ;
  background: #fff url(../img/bg_maincontent.jpg) no-repeat;
  border-bottom:10px solid #f3f3f3;
  width:640px;
  min-height:300px;
  float:left;
  overflow:hidden;
  position:relative;
}
#intro{
  background-color:#161819;
  padding:0 250px 0 0;
  color:#fff;
  background-repeat:no-repeat;
  height:160px;
  background-image: url(../img/bg_intro_index.jpg);
}
#intro a{
color:#ffcc00;
text-decoration:none;
}
#intro a:hover{
color:#fff;
}
#intro p.extra{
font-size:1.8em;
line-height:24px;
padding:40px 20px 10px 49px ;
}
#intro p{
  margin:0;
  padding:5px 20px 0px 49px ;
}
#motto{
height:90px;
background: #bbbdbe url(../img/bg_motto.jpg) no-repeat;
}
#motto p{
margin:0;
text-align:right;
color:#fff;
padding:23px 90px 0 0;
line-height:17px;
font-size:2.0em;
font-weight:bold;
font-style:italic;
}
#motto p span{
padding-right:18px;
font-weight:normal;
font-style:normal;
font-size:0.6em;
color:#ffcc00;
}

#intro_sekce{
  background-color:#161819;
  padding:0 380px 0 0;
  color:#fff;
  background-repeat:no-repeat;
  padding:30px 25px 30px 51px;
  background-image: url(../img/bg_intro_index.jpg);
}
#intro_sekce h2{
margin:0;
color:#fff;
letter-spacing:-1px;
}
#intro_sekce p{
margin:10px 0 0 0;
color:#fff;
font-size:0.9em;
}
#intro_sekce a{
color:#ffcc00;
}
p.extra{
font-size:1.4em;
}
p.sidlo{
padding-left:17px;
background: url(../img/ico_adress.gif) no-repeat 0 2px;
margin-right:64px;
}
.tel, .fax{padding-left:17px;
background: url(../img/ico_tel.gif) no-repeat 0 3px;}
.email{padding-left:17px;
background: url(../img/ico_mail_2.gif) no-repeat 0 4px;}

p.mapa{
position:relative;
float:left;
margin-left:64px;
}
p.mapa img{
border:1px solid #cf1111;
}
p.mapa a{
text-decoration:none;
text-align:center;
display:block;
}
p.mapa a:hover img{
border-color:#000;
}

.highlight3{
  float: left;
  width: 23%;
  position:relative;
  margin: 20px 0 20px 40px ;
  border: 1px solid #ccc ;
  padding: 10px 10px 10px 25px ;
background: url(../img/h2_news.gif) no-repeat 10px 12px;  
}
.highlight3 a{
text-decoration:none;
color: #e6a400;
}
.highlight3 a:hover{
color:#000;
}

/*next*/
.rozcestnik ul{
padding:0;
margin:20px;
position:relative;
list-style:none;
}
.rozcestnik ul li{
padding:0;
float:left;
position:relative;
width:275px;
margin:0px 20px 10px 0;
background:#e6e6e8;
border-left: 1px solid #e0e0e2;
border-right: 1px solid #bdbdc3;
border-top: 1px solid #dcdcdf;
border-bottom: 1px solid #c0c0c6;
}
.rozcestnik ul li a{
display:block;
font-size:1.2em;
color:#383d42;
text-decoration:none;
font-weight:bold;
margin:0;
padding:8px 25px;
background: url(../img/next_li.gif) no-repeat 7px 10px ;
border-left: 1px solid #f3f3f5;
border-right: 1px solid #d2d2d6;
border-top: 1px solid #ececee;
border-bottom: 1px solid #d4d4d8;

}
.rozcestnik ul li a:hover{
background: #e0e0e1 url(../img/next_li.gif) no-repeat 7px 10px ;
}

/*  */
h2.news{
float:left;
background: url(../img/h2_news.gif) no-repeat 0 3px;
padding-left:15px;
}
#newbox{
float:right;
width:725px;
padding-top:5px;
margin:20px 0;
}
.news-item{
float:left;
width:330px;
font-size:0.9em;
margin-left:20px;
}
.news-item .date{
margin:20px 0 0 20px;
padding:1px 3px;
background:#cccbcb;
color:#fff;
}
.news-item h3{
margin:3px 20px;
font-size:1.1em;
}
.news-item h3 a{
text-decoration:none;
}
.news-item p{
margin:0px 20px;
}

/* sidebar */
#sidebar{
float:right;
padding:35px 0 50px 0;
background:#fff url(../img/bg_sidebar.jpg) no-repeat 0 8px;
width:206px;
overflow:hidden;
}
#sidebar ul{
margin:0 30px 0 0;
list-style:none;
}
#sidebar li{}

#sidebar li a{
text-decoration:none;
background:url(../img/sidebar_li.gif) no-repeat 3px 15px;
display:block;
font-size:1.2em;
border-bottom:1px solid #e6e6e8;
padding:5px 10px 5px 22px;
}
#sidebar li a.on{
color:#8b8b8b;
}

#page_bottom{
background:#d6dee1 url(../img/bg_page_bottom.jpg) repeat-x 0 0px;
text-align:center;
height:250px;
}

#footer{
height:80px;
width:920px;
clear:both;
color:#666666;
font-size:0.9em;
margin:0 auto;
background:#cbd3d6 url(../img/bg_footer.jpg) repeat-x 0 0px;
}
#footer strong{
color:#000;
}
#footer strong a{
color:#000;
}
#footer a{
color:#666666;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

#footer p{
height:80px;
float:left;
padding:0 25px 0 50px;
line-height:80px;
margin:0;
}
#footer p.nav{
color:#fff;
}

#footer p.creactive{
float:right;
}

/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #ebf0f2  ; line-height: 1px; font-size: 1px; height: 1px; margin: 20px;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;position:relative;}
.fr { float: right;position:relative;}
.silent{color:#929294;}
.bg_silent{background:#edefee;}
.colborder{border:1px solid #BDBBB7; }
.w50 {width:49%;}


/* Clanek detail */
#clanek_detail{
margin-top:20px;
}
#clanek_detail span.clanek_date{
margin:20px 0 10px 20px;
padding:1px 3px;
background:#cccbcb;
color:#fff;
}
#clanek_detail img{
margin:8px 20px 8px 0;
float:left;
width:160px;
height:120px;
}
#clanek_detail .uvod p{
font-size:1.2em;
margin:5px 20px;
}
#clanek_detail .break{
line-height:0;
height:0;
}
/*  Search results  */
#search_results{
margin:20px;
width:508px;
position:relative;
padding:20px;
}
#search_results h2{
font-size:1.0em;
font-weight:bold;
margin:0;
color:#cf1111;
}
#search_results p{
margin:10px 0;
}
#search_results ul.extra{
margin-left:0px;
}

/*  Soubory  */
/**/
ul.download{
margin:20px;
padding:0px;
list-style: none;

}
ul.download li{
  padding: 4px 8px ;
  margin: 3px 0; 
  border-bottom: 1px solid #ddd ;
  text-align: right;
  color: #999;
}
.download img{
float:left;
margin-right:5px;
}
.download li a{
  float: left;
}
/*  Galery  */
.gal_foto{
margin:0 20px;
text-align:center;
}
.gal_foto img{
margin:5px;
}