/* ================================================
WEBING s. r. o. - VYTVOŘENO V ROCE 2008
- všechna práva vyhrazena, zákaz použití kódu
================================================ */

/* SKRYTE TAGY */
.noscreen { display: none; }


/* HTML TAGY */
body {
  /*  url('../images/design/earth.png') top left no-repeat; */
  background: #000;
  color: #fff;
  font-size: x-small;
  fo\nt-size: small;
  font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	text-align: center;
}
#middlepart p { text-indent: 1.5em; }
#middlepart p.zleva { text-indent: 0em; }

table { font-size: x-small; fo\nt-size: small; }
input, select, textarea { font-size: 100%; }
form, ul { margin: 0px; padding: 0px; }

form fieldset { margin: 0px auto; }
fieldset { width: 90%; border: 1px solid #999; padding: 3px; }
fieldset table { font-size: 85%; }
legend { font-size: 110%; padding: 0px 3px; margin-bottom: 0.3em; color: #666; }

h1, h2, h3 { margin: 0px; padding: 0px; font-family: "Arial CE", Arial, sans-serif; }
h1 { font-size: 18px; color: #fff; padding-left: 5px; padding-bottom: 10px; position: relative; top: 5px; }
h2 { font-size: 18px; color: #fff; padding-left: 30px; position: relative; top: 5px; }
h3 { color: #333; font-size: 110%; margin: 1.5em 0px 0.5em 0px; }
h4 { color: #666; font-size: 100%; margin: 1.5em 0px 0.5em 0px; font-style: italic; }

hr { color: #999; height: 1px; background-color: #999; border: 0px solid #999; clear: both; }
img { border: 0px; }
ul li { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
ul.graphic li { list-style-type: none; margin-left: 0em; padding: 3px 0px; padding-left: 1.5em; background: url('../images/ikonky/arrow.gif') 0% 50% no-repeat; }

del {  text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }


/* IDENTIFIKTORY */
#design { width: 996px; margin: 0px ; text-align: left; }
#holder { width: 100%; padding: 0px 0px; }

#hlavicka { position: relative; top: 0px; left: 0px; width: 100%; height: 200px; background: url('../images/design/fmodrost_01.jpg') right no-repeat;}
h1 { width: 150px; text-align: left; position: relative; top: 0px; left: 0px; color: #fff; &color:#68686b; opacity: .30; font-size: 20px; font-weight: bold; }
#hlavicka h2 { position: relative; top: 110px; left: 0px; color: #4a4a4b; opacity: 0.8; font-size: 16px; font-weight: normal; float: right; padding-right: 200px;}

#headtitle { float: left; display: block; color: #99410f; font-weight: normal; text-align: center;  position: relative; left: 300px; top: 30px; width: 240px; }
#headtitle a { width: 590px; height: 100px; display: block; margin: 0px; padding-top: 0px; padding-bottom: 0px; color: #a44205;}
#headtitle span { }

#obsah { width: 100%; clear: both; color: #000;  padding: 0px 0px 0px 0px; background: #ACACAC url('../images/design/bg_menu.jpg') left repeat-y;}
#text { font-size: 85%; padding: 25px 25px 0px 5px; }

#rightpart { float: right; width: 17%; padding-top: 5px; padding-right: 1px; padding-bottom: 20px;}
#rightpart span { font-size: 13px; color: #fff; padding: 0px;  text-align: center; position: relative; top: 10px; font-family: "Arial CE", Arial, sans-serif; }
#rightpart .heading { margin: 0px; padding-top: 10px; height: 25px; background: #000 url('../images/design/foot.png') top repeat-x; color: #000; margin-bottom: 0px; font-weight: normal; font-size: 90%; font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", lucida, sans-serif; text-align: center; font-weight: bold; }
#rightpart .news { min-height: 200px; _height: 200px; padding-right: 2px; padding-left: 10px; background: #000; color: #f3ae2d; margin-bottom: 0px; font-weight: normal; font-size: 90%; font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", lucida, sans-serif; text-align: center; font-weight: bold; }
#rightpart div p.more { margin: 0px; text-align: right; margin-right: 20px; font-weight: bold; }
#rightpart div strong { display: block; font-size: 90%; color: #000; background: url('../images/design/foot.png') left repeat-x; padding-left: 10px; margin-right: 10px; }
#rightpart div em { color: #8598B3; }
#rightpart p { margin: 0px; padding: 0px; padding-right: 5px; padding-top: 10px; text-align: left; color: #fff; font-weight: normal; font-size: 90%; }

.gallery { width: 550px; background: #646464; padding-right: 10px; }

#leftpart { position: relative;  float: left; width: 23%;  padding-top: 0px; padding-bottom: 20px;}
#leftpart div.menu { width: 156px; height: 420px; font-size: 80%; }
#leftpart ul { width: 123px;margin: 0px; margin-top: 0px; padding: 0px; padding-top: 0px; padding-left: 10px; &padding-top: 10px; font-size: 14px; font-family: "Arial CE", Arial, sans-serif; background: url('../images/dedsign/menu.jpg') left repeat-y;}

#leftpart ul li { width: 123px;  padding: 0px; margin: 0px; list-style-type: none; text-align: left; border-bottom: 0px solid #c10000; }

#leftpart ul li a { display: block;  color: #000; 
  padding:0px;margin:0px;
  height: 31px;width: 123px;
}
div.sponzori{
  padding-left:10px;
  width: 140px;
}

#leftpart ul li#menu1 a{background: url('../images/design/m1.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu2 a{background: url('../images/design/m2.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu3 a{background: url('../images/design/m3.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu4 a{background: url('../images/design/m4.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu5 a{background: url('../images/design/m5.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu6 a{background: url('../images/design/m6.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu7 a{background: url('../images/design/m7.jpg') no-repeat;height: 31px;}
#leftpart ul li#menu8 a{background: url('../images/design/m8.jpg') no-repeat;height: 31px;}

#leftpart h2 {padding-left: 0px; margin-top: 20px;}
#leftpart .news span { font-size: 13px; color: #fff; padding: 0px;  text-align: center; position: relative; top: 10px; font-family: "Arial CE", Arial, sans-serif; }
#leftpart .heading { background: #636363; padding-top: 10px; height: 23px; color: #000; margin-bottom: 0px; font-weight: normal; font-size: 90%; font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", lucida, sans-serif; text-align: center; font-weight: bold; }
#leftpart .news { margin-left: 1px; padding-right: 2px; padding-left: 10px; color: #f3ae2d; margin-bottom: 0px; font-weight: normal; font-size: 90%; font-family: "Verdana CE", Verdana, "Geneva CE", "Arial CE", lucida, sans-serif; text-align: center; font-weight: bold; }
#leftpart div p.more { margin: 0px; text-align: right; margin-right: 20px; font-weight: bold; }
#leftpart .news strong { display: block; font-size: 90%; color: white; background: #ff5a00 url('../images/design/foot.png') repeat-x; padding-left: 10px; margin-right: 10px; }
#leftpart .news em { color: #ff5a00; }
#leftpart .news p { margin: 0px; padding: 0px; padding-right: 5px; padding-top: 10px; text-align: left; color: #666; font-weight: normal; font-size: 90%; }

#leftpart a#cs { margin-left: 25px; margin-right: 5px; float: left; display: block; background: url('../images/design/czech3.png') left bottom no-repeat; width: 30px; height: 20px; cursor: hand;}
#leftpart a#en { float: left; margin-right: 5px; display: block; background: url('../images/design/eng3.png') left bottom no-repeat; width: 30px; height: 20px; cursor: hand;}
#leftpart a#ger { float: left; display: block; background: url('../images/design/ger3.png') left bottom no-repeat; width: 30px; height: 20px; cursor: hand;}


#middlepart { margin-top: 20px; padding-top: 20px; padding-left: 5px; float: left; width: 58%; margin-left: 5px; min-height: 700px; }
#middlepart div.novinka h3, #middlepart div.novinka2 h3 { margin: 0px 0px 10px 0px; padding-top: 5px; background: #8594B3; }
#middlepart div.novinka h3 { background: #8594B3}
#middlepart div.novinka2 h3 { background: #8594B3}
#middlepart div.news_detail h3 { background: #8594B3}

#middlepart div.novinka .news_detail h3, #middlepart div.novinka2 .news_detail h3  { background: #8594B3}

#bottom { height: 35px; width: 100%; position: relative; top: 0px; color: #000; text-align: center; font-size: 9px; background: #CABE3C url('../images/design/foot.png') top repeat-x;}
#bottom p { padding: 4px 0px; margin: 0px 10px; padding-top: 6px;}
#bottom p span { color: #000; }
#bottom p.copyright { float: left; font-size: 10px; margin-right:0px; }
#bottom p.navigace { float: right; color: #000; text-align: left; padding:0px; padding-top: 12px; font-size: 9px; }


#middlepart span.ref{padding-left: 20px; background: url('../images/design/bullet_blue.png') left no-repeat;}
#middlepart h3 {  padding-left: 40px; background: #8594B3 url('../images/design/foot.png') repeat-x; font-size: 16px; height: 24px; padding-top: 2px; color: #000; font-family: Times New Roman; font-weight: bold; font-variant: small-caps;}
#middlepart h3#error {width: 440px;}
#middlepart div.blok {background: #f3f3f3; color: #1a3566; padding: 5px; }

#middlepart div.mapa{width: 540px; height: 500px; margin: 10px; margin-top: 20px; border: 5px solid #8594B3; }

.okolo { border-bottom: 1px solid #4364a0; background: #f3f3f3; }

.kontakt { background: #8594B3; color: #000; padding:2px; display: block; margin-top: 10px;}
#middlepart div.kontakt_left { width: 220px; margin-right: 40px; }
#middlepart div.kontakt_rigth { width: 220px; }


#middlepart div.view { width: 170px; height: 141px; padding: 15px 0px 5px 13px; background: url('../images/design/bcg_pic.jpg') no-repeat; }
#middlepart img.view { width: 150px; height: 112px; }
.twocol div.col_r { float: left; width: 280px; margin: 0px; padding: 0px; margin-top: 13px; font-size: 100%; color: #4364a0; }
#middlepart div.row{ width: 580px; height: 20px; background: #8594B3; font-weight: bold;font-family: Times New Roman; font-weight: lighter; font-variant: small-caps; text-align: center; padding-top: 5px;}
#middlepart div.row span{ padding: 0px 20px; }
#middlepart div.row a {color: white;}
#middlepart div.row a:hover {color: black;}
#middlepart div.novinka h3, #middlepart div.novinka2 h3 { margin: 0px 0px 10px 0px; background: #8594B3 url('../images/design/foot.png') repeat-x;}
#middlepart p { padding-top: 15px; text-align: justify;}

textarea{color: black;}
.ico { float: left; padding-right: 10px; padding-bottom: 10px;  height: 50px; width: 50px; }
.img1 { margin: 0px; padding: 10px; width: 232px; }

/* TRIDY */
.stred { text-align: center; margin: 0px auto; }
.doleva { text-align: left; }
.doprava { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }
.valignbottom { vertical-align: bottom; }
.floatleft { float: left; }
.floatright { float: right; }
.inline { display: inline; }
.block { display: block; }
.odsad { padding: 2em 0px; }
.doleodsad { margin-bottom: 20px; }
.horeodsad { margin-top: 20px; }
.leftodsad { margin-left: 20px; }
.rightodsad { margin-right: 10px; }
.space { margin-bottom: 10px; }
.tucne { font-weight: bold; }
.under { text-decoration: underline; }
.nomargin { margin: 0px; }
.small { font-size: 80%; }
.halfem { margin-top: 0.5em; margin-bottom: 1.5em; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 80%; }
.levyokraj { padding-left: 20px; }
.button { font-size: 10px; text-align: center; background-color: #251f1f; color: #ffad11; }
.button:hover { color: #ff5404; }
.hand{cursor: hand;}

.red { color: #900; }
.green { color: #080; }
.blue { color: #009; }
.yellow { color: #ff0; }
.brown { color: #960; }

.cleaner { clear: both; }
.tablehlavicka { background-color: #eee; }
.nadpis { background: url('../images/design/bm_nadpis.gif') center top no-repeat; }

.imgright { float: right; padding-left: 0.5em; padding-bottom: 0.5em; }

.novinka { background-color: #A4A3A3; padding: 1em; margin: 1em 0px; font-size: 90%; }
.novinka2 { background-color: #A4A3A3; padding: 1em; margin: 1em 0px; font-size: 90%; }


.scrollable { height: 100px; overflow:auto; padding: 0px; margin-bottom: 10px; }
.doleokraje{ border-bottom: 0.5px solid #999; }

table.obsah {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
table.obsah td {
  padding: 3px 4px;
}
table.obsah td.leftcol {
  padding: 3px 4px;
  background-color: #fee28f;
  width: 350px;
}
table.obsah h3{
  margin: 0px;
}
table.tab_noborder {
  width: 100%;
}
table.tab_noborder td {
  border: none;
  padding: 3px 4px;
}

/* SLOUCENINY */
table.tab {
  width: 100%;
  border-collapse: collapse;
}
table.tab td {
  border: 1px solid #999;
  padding: 3px 4px;
}
table.news {
  width: 100%;
  background-color: #999;
  margin: 2em auto;
  font-weight: bold;
}
table.leftmenu {
  background-color: #000;
  font-size: 90%;
  width: 100%;
  border: 1px solid #999;
}
table.okraje {
  border-collapse: collapse;
  border: 1px solid #999;
}
table.okraje td {
  border: 1px solid #999;
}
table.okraje th {
 font-weight: normal;
 background-color: #fee28f;
 border: 1px solid #999;
}

/* LINKY */
a:link, a:visited { color: #4A5DD3; text-decoration: none; }
a:hover, a:active { color: #8182D7; }

#hlavicka h1 a { color: #a44205; text-decoration: none; }

#bottom a:link, #bottom a:visited { color: #000; font-weight: bold; text-decoration: none; }
#bottom a:hover, #bottom a:active { text-decoration: underline; }


#leftpart ul li a:hover { display: block; color: #000; 
	background: black url('../images/design/mednu.jpg') repeat-y;
  padding:0px;margin:0px;
  width: 123px; height: 31px;
}
#leftpart ul li#menu1 a:hover{background: url('../images/design/m1a.jpg') no-repeat;}
#leftpart ul li#menu2 a:hover{background: url('../images/design/m2a.jpg') no-repeat;}
#leftpart ul li#menu3 a:hover{background: url('../images/design/m3a.jpg') no-repeat;}
#leftpart ul li#menu4 a:hover{background: url('../images/design/m4a.jpg') no-repeat;}
#leftpart ul li#menu5 a:hover{background: url('../images/design/m5a.jpg') no-repeat;}
#leftpart ul li#menu6 a:hover{background: url('../images/design/m6a.jpg') no-repeat;}
#leftpart ul li#menu7 a:hover{background: url('../images/design/m7a.jpg') no-repeat;}
#leftpart ul li#menu8 a:hover{background: url('../images/design/m8a.jpg') no-repeat;}


#leftpart h2 a {color: #fff; }
#leftpart h2 a:hover {color: #ff5a00; }

#rightpart h3 a, #middlepart div.novinka h3 span a, #middlepart div.novinka2 h3 span a {color: #000; }
#rightpart h3 a:hover, #middlepart div.novinka h3 a:hover,  #middlepart div.novinka2 h3 a:hover {color: #4445C7; }

#leftpart a#cs:hover,#leftpart a#cs.active{background: url('../images/design/czech.png') left bottom no-repeat; }
#leftpart a#en:hover,#leftpart a#en.active{background: url('../images/design/eng.png') left bottom no-repeat; }
#leftpart a#ger:hover,#leftpart a#ger.active{background: url('../images/design/ger.png') left bottom no-repeat; }

#middlepart h2 { text-align: center; padding: 0px; padding-bottom: 5px; font-size: 28px; color: #2F30DA; width: 540px; font-family: Times New Roman; font-weight: lighter; font-variant: small-caps; }

div.novinka img, .img_view, div.news_detail img {max-width: 500px; &width: 500px; }

div.x {
  width: 45%;
}

#middlepart div.ref { text-align: center; float:left; width: 167px; height: 196px; margin: 5px; margin-top: 10px; margin-bottom: 10px; background: #d6d6d6 url('../images/design/ram.png') no-repeat; color: #000; border: none;  }
#middlepart div.ref:hover { background: #999 url('../images/design/ram_a.png') no-repeat; }
#middlepart div.ref img.ref{ max-width: 149px; max-height: 101px; margin-top: 18px; text-align: center; }
#middlepart div.ref img.ref{ max-width: 149px; &width: 149px; max-height: 101px; margin-top: 18px; text-align: center; }
#middlepart div.ref div.image{ width: 149px; height: 101px; margin: 8px; margin-top: 18px; text-align: center; }
#middlepart div.ref span {display:block; font-size: 11px; text-align: center; position: relative; top: 0px; margin: 10px; height: 50px; overflow: hidden; }
#middlepart div.ref div.img{ height: 123px; &height: 170px; }