/* ================================================
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 {
  background-color: #ffffff;
/*  background-image: url('../images/design/x.gif'); */
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #000;
  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: 5px 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: #000; padding-left: 45px; position: relative; top: 5px; }
h2 { font-size: 18px; color: #000; 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: 846px; margin: 0px auto; text-align: left; }
#holder { width: 100%; padding: 0px 20px; }

#hlavicka { position: relative; top: 0px; left: 0px; width: 846px; height: 184px; background: white url('../images/design/head2.png') no-repeat;}
#hlavicka h1 { width: 430px; text-align: left; position: relative; top: 127px; left: 0px; color: #000000; &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: 30px; top: 30px; width: 240px; }
#headtitle a {width: 240px; height: 50px; display: block; margin: 0px; padding-top: 0px; padding-bottom: 0px; color: #a44205;}
#headtitle span { }

#obsah { width: 846px; clear: both; color: #666;  padding: 0px 0px 0px 23px; background: white url('../images/design/body_bg.png') top left repeat-y;}
#text { font-size: 85%; padding: 25px 25px 0px 5px; }

#leftpart { float: left; width: 215px; }
#leftpart div.menu { width: 215px; height: 250px; font-size: 80%;  background: url('../images/design/sidebar_bg.png') repeat-y;}

#leftpart ul { margin: 0px; margin-top: 0px; padding: 0px; padding-top: 0px; padding-left: 15px; &padding-top: 0px; font-size: 18px; font-family: "Arial CE", Arial, sans-serif; }
#leftpart ul li { height:32px; float: left; padding:0px; margin: 0px; list-style-type: none; text-align: left; }
#leftpart ul li a { background: url('../images/design/neaktiv_menu.png') left bottom no-repeat; width: 180px;}
#leftpart ul li a#active { background: url('../images/design/aktiv_menu.png') left bottom no-repeat; width: 180px;}
#leftpart div p {padding-left: 15px; background: url('../images/logo.jpg') left bottom no-repeat 0 0;}
#leftpart ul li span { padding-right: 10px; padding-left: 25px; }
#leftpart div.sidebar_top { background: url('../images/design/sidebar_top.png') no-repeat; height: 47px; margin-top: 20px;}
#leftpart div.sidebar_bottom { background: url('../images/design/sidebar_bottom.png') no-repeat; height: 47px;}

#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-color: #ff5a00; 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%; }

#middlepart { margin-top: 20px; padding-top: 20px; padding-left: 15px; float: left; width: 530px; margin-left: 20px; min-height: 350px; }
#middlepart div.novinka h3, #leftpart div.novinka2 h2 { margin: 0px 0px 10px 0px; background: none; }
#middlepart div.novinka h3 span { background-color: #eee; border-bottom: 1px solid #eee; }
#middlepart div.novinka2 h3 span { background-color: #F5F6FB; border-bottom: 1px solid #F5F6FB; }

#bottom { height: 35px; width: 846px; position: relative; top: 0px; color: #fff; text-align: center; font-size: 9px; background: red url('../images/design/footer2.png') top no-repeat;}
#bottom p { padding: 4px 0px; margin: 0px 30px; padding-top: 6px;}
#bottom p span { color: #fff; }
#bottom p.copyright { float: left; font-size: 10px; margin-right:0px; }
#bottom p.navigace { float: right; color: #fff; text-align: left; padding:0px; padding-top: 12px; font-size: 10px; }


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

#middlepart div.mapa{width: 490px; height: 400px; margin: 10px; margin-top: 20px; border: 5px solid #4364a0; }

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

.kontakt { background: #387ab6; color: #fff; padding:2px; display: block; margin-top: 10px;}
#middlepart div.kontakt_left { width: 220px; margin-right: 50px; }
#middlepart div.kontakt_rigth { width: 200px; }

#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: 340px; margin: 0px; padding: 0px; margin-top: 13px; font-size: 80%; color: #4364a0; }
#middlepart div.row{ width: 500px; height: 20px; background: #f3f3f3; font-weight: bold;font-family: Times New Roman; font-weight: lighter; font-variant: small-caps; text-align: center; padding-top: 5px;}

#middlepart span.ref{padding-left: 20px; background: url('../images/design/bullet_blue.png') left no-repeat;}
#middlepart h3 { padding-left: 40px; background: #387ab6 url('../images/design/bullet.png') 3px 3px no-repeat; font-size: 16px; height: 24px; padding-top: 2px; color: #fff; font-family: Times New Roman; font-weight: bold; font-variant: small-caps;}
#middlepart div.blok {background: #f3f3f3; color: #1a3566; padding: 5px; }

#middlepart div.mapa{width: 490px; height: 400x; margin: 10px; margin-top: 20px; border: 5px solid #4364a0; }


/* 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; }
.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: #eee; padding: 1em; margin: 1em 0px; font-size: 90%; }
.novinka2 { background-color: #F5F6FB; 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;
}

/* SLOUCENINY */
table.tab {
  width: 100%;
  border-collapse: collapse;
}
table.tab td {
  border: 1px solid #999;
  padding: 3px 4px;
}
table.news {
  width: 100%;
  background-color: #eee;
  margin: 2em auto;
  font-weight: bold;
}
table.leftmenu {
  background-color: white;
  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: #ff5a00; text-decoration: none; }
a:hover, a:active { color: #387ab6; }

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

#bottom a:link, #bottom a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#bottom a:hover, #bottom a:active { text-decoration: underline; }
/*
#leftpart ul a:link, #leftpart ul a:visited { color: #030540; text-decoration: none; font-weight: bold; }
#leftpart ul li a { display: block; height: 26px; color: #000; padding-left: 10px; &padding-left: 5px; margin-left: 12px; &margin-left: 18px; margin-right: 15px; padding-top: 10px;  border-bottom: 1px solid #E6E6F5;}
#leftpart ul li a:hover { background: url('../images/design/aktiv_menu.png') left bottom repeat-x;  color: #fff; margin-left:2px; margin-right: 10px; &margin:0px; &margin-left: 8px; &margin-right: 5px; &margin-top: 1px; padding-left: 20px; &padding-left: 15px; &padding-right: 10px; border: none; }
*/

#leftpart ul a:link, #leftpart ul a:visited { color: #387ab6; text-decoration: none; font-weight: normal; }
#leftpart ul li a { display: block; height: 32px; color: #000; padding-left: 0px; &padding-left: 0px; padding-top: 10px; }
#leftpart ul li a:hover, #leftpart ul li a:active, #leftpart ul li a#active { color: #0e3d65; background: url('../images/design/aktiv_menu.png') left bottom no-repeat;  }

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

#middlepart h2 { padding: 5px; font-size: 26px; color: #244b72; width: 540px; font-family: Times New Roman; font-weight: lighter; font-variant: small-caps; }