* {
 padding: 0;
 margin: 0;
}

body {
  background: url('../img/body_bg_color.png') repeat;
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 10pt;
  padding: 0px;
  color: #FFFFFF;
  line-height: 20px;
}


#header {
  background: #8B1F09 url('../img/top_bg.png') repeat-x;
  height: 310px;
  border: 0px dotted blue;
}
#header_in {
  background: url('../img/top.png') no-repeat;
  width: 1000px;
  height: 310px;
  margin: 0px auto;
  border: 0px dotted red;
}


#content {
  background: url('../img/body_bg_color.png') repeat;
  border: 0px solid LIME;
}
#content_next {
  background: url('../img/body_bg.png') repeat-x;
  border: 0px solid RED;
}
#content_body {
  background: url('../img/body_bg_left.png') repeat;
  width: 999px;
  padding: 0px;
  margin: 0px auto;
  border: 0px dotted red;
  border-left: 1px solid #4B3B29;
  min-height: 700px;
}
#content_left {
  background: url('../img/body_bg_left.png') repeat;
  width: 210px;
  color: #FFFFFF;
  padding: 0px;
  float: left;
  border: 0px dotted lime;
  min-height: 700px;
}
#content_base {
  background: url('../img/body_bg_right.png') repeat;
  width: 717px;
  color: #EEEEEE;
  padding: 0px 35px 40px 35px;  /* top - left - down - right */
  float: right;
  border: 0px dotted blue;
  min-height: 700px;
}

* html #content {
  height: 550px; 
}
* html #content_left {
  height: 550px;
}
* html #content_base {
  height: 550px;
}



#footer {
  background: url('../img/bottom_bg.png') repeat-x;
  width: 100%;
  height: 88px;
  border: 0px dotted red;
  margin: 0px auto;
  display: block;
}

#footer_in {
  background: url('../img/bottom.png') no-repeat;
  width: 1000px;
  height: 88px;
  margin: 0 auto;
  padding: 0px;
  line-height: 45px;
  text-align: right;
  border: 0px solid lime;
}

#footer_info {
  float: right;
  margin-right: 35px;
  margin-top: 45px;
}


.clear {
  clear: both;
  background: none;
  background: url('../img/body_bg_color.png') repeat;
}


#citat {
  position: relative;
  top: 40px;
  left: 335px;
  width: 420px;
  border: 0px solid lime;
}

h1.menu {
  font-family: Tahoma; 
  font-size: 12pt;
  color: #B78035;
  font-weight: bold;
  text-transform: capitalize;
  text-transform: uppercase;
  letter-spacing: 1px;
}

hr.menu {
  height: 3px;
  border: 0px;
  background: #4D4A49;
  margin-bottom: 20px;
}


a:link, a:hover, a:visited {
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  color: #B78035;
}
a:link, a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}



hr {
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 6px;
}

li.text {
  text-indent: 30px;
}


a:link.small_line, a:hover.small_line, a:visited.small_line {
  text-decoration: none;
  font-family: verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}
a:hover.small_line {
  text-decoration: underline;
}



.linka {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: normal;
}



a:link.header_www, a:hover.header_www, a:visited.header_www {
  position: absolute;
  margin-left: 730px;
  margin-top: 65px;
  font-family: Verdana, Sans-Serif;
  font-size: 11pt;
  font-style: italic;
  font-weight: normal;
  color: #FFFFFF;
}
a:link.header_www, a:visited.header_www {
  text-decoration: none;
}
a:hover.header_www {
  text-decoration: underline;
}



p {
  margin-bottom: 3.0pt;
}

.text {
  text-indent: 30px;
  margin-top: 10.0pt;
  margin-bottom: 10.0pt;
  line-height: 150%;
  text-align: justify;
}

.textcenter {
  margin-bottom: 5.0pt;
  line-height: 150%;
  text-align: center;
}

#firma {
  border-collapse: collapse;
  border: 1px solid #B8DBFF;
  width: 654px;
  padding: 6px;
  padding-bottom: 4px;
  margin: 0px auto;
}

img.name {
  border-collapse: collapse;
  border-bottom: 3px solid #F26522;
  margin-left: 220px;
}

.kontakty {
  width: 310px;
  border: 0px dotted red;
  border-right: 1px solid blue;
  float: left;
  display: block;
}

.kontakty_form {
  width: 429px;
  border: 0px dotted blue;
  float: left;
  display: block;
  margin-left: 15px;
}



#logo {
  position: relative;
  top: 110px;
  left: 5px;
  background: url('../img/transparent.gif') repeat;
}

.click_logo {  
  width: 305px;
  height: 150px;  
}





/* MENU */

menu {
  margin-left: 10px;
  list-style-type: none;
}

menu li a, menu li a:hover, menu li a:visited, menu li a:link {
  background: url('../img/menu_bg.png') no-repeat;
  border-bottom: 3px solid black;
  width: 172px;
  padding-left: 20px;
  line-height: 31px;
  float: left;
  color: #EEEEEE;
  font-family: Arial;
  font-size: 1.25em;
  font-weight: normal;
  text-decoration: none;
}
menu li a:hover {
  background: url('../img/menu_bg_hover.png') no-repeat;
  text-decoration: none;
  color: #FFFFFF;
}


menu li.act, menu li.act a, menu li.act a:visited {
  background: url('../img/menu_bg_act.png') no-repeat;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: underline;
}
menu li.act a:hover {
  background: url('../img/menu_bg_act.png') no-repeat;
  text-decoration: underline;
}

/* END OF MENU */



.stred {
  text-align: center;
/*  margin-top: 15.0pt; */
}

.seda {
  font-weight: bold;
  background: #484240;
  padding: 10px;
}

.hlaska {
  padding: 10px;
  background: #484240;
  font-weight: bold;
}

.hlaskastred {
  padding: 10px;
  background: #484240;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 12pt;
  font-variant: bold;
  letter-spacing: 3px;
  text-decoration: none;
  color: #FFFFFF;
  background: #484240;
  border-top: 1px dotted #BBBBBB;
  border-bottom: 1px dotted #BBBBBB;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}

h3 {
  font-size: 10pt;
  font-variant: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FFFFFF;
  background: #333333;
  margin-top: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-bottom: 3px double #484240;
  border-bottom: 3px dotted #4B3B29;
  border-top: 2px dotted #484240;
  border-bottom: 2px dotted #484240;
}

.space50 {
  margin-top: 50px;
}


.line1, .line2 {
  border: 1px dotted #4D4A49;
  padding-top: 6px;
  padding-bottom: 3px;
}
.line1 {
  background: #333333;
}
.line2 {
  background: none;
}

div.piana p img {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 0px;
  
  float: left;
}
div.piana h4 {
  clear: left;
}

.mapka {
  border: 0px;
  border-top: 10px solid #97260F;
  border-bottom: 10px solid #97260F;
  border-top: 10px solid #B78035;
  border-bottom: 10px solid #B78035;
  border-top: 7px solid #4D4A49;
  border-bottom: 7px solid #4D4A49;
}





a:link.img img, a:hover.img img, a:visited.img img {
  border: 3px solid transparent;
  border: 3px solid #721805;
  border: 3px solid #4D4A49;
  padding: 7px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
a:hover.img img {
  border: 3px solid #97260F;
  border: 3px solid silver;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}


img.uvod {
  width: 270px;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  border: 1px solid #4D4A49;
  padding: 7px;
}


a:link.uvod img, a:hover.uvod img, a:visited.uvod img {
  width: 270px;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  border: 3px solid #4D4A49;
  padding: 5px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
a:hover.uvod img {
  border: 3px solid #97260F;
  border: 3px solid #721805;
  border: 3px solid silver;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}




a:link div.posuvnik, a:hover div.posuvnik, a:visited div.posuvnik, a:link div.posuvnik_sipky, a:hover div.posuvnik_sipky, a:visited div.posuvnik_sipky, div.posuvnik_aktivni {
  border: 1px solid #FFFFFF;
  padding: 2px 5px;
  float: left;
  color: #FFFFFF;
}
a:link div.posuvnik, a:hover div.posuvnik, a:visited div.posuvnik {
  margin: 2px 2px;
  background: red;
}
a:hover div.posuvnik {
  background: red;
  color: #FFFFFF;
}
a:link div.posuvnik_sipky, a:hover div.posuvnik_sipky, a:visited div.posuvnik_sipky {
  border: 1px solid transparent;
  margin: 2px 2px;
}
a:hover div.posuvnik_sipky {
  border: 1px solid #FFFFFF;
}
div.posuvnik_aktivni {
  margin: 3px 2px;
  background: #D4BA89;
}
a:link.nextpage, a:hover.nextpage, a:visited.nextpage {
  font-family: Tahoma, Arial;
  font-size: 10pt;
  font-weight: bold;
  color: brown;
}
a:hover.nextpage {
  text-decoration: underline;
}


a:link.odkaznamenu, a:hover.odkaznamenu, a:visited.odkaznamenu {
  font-family: verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
  color: #B78035;
}
a:link.odkaznamenu, a:visited.odkaznamenu {
  text-decoration: none;
}
a:hover.odkaznamenu {
  text-decoration: underline;
}
