* {
 padding: 0;
 margin: 0;
}

body {
  background: #4488BB url("../img/bg.png") repeat-x;
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 10pt;
  padding: 0px;
  color: #FFFFFF;
  color: white;
  line-height: 20px;
}


#header {
  margin-top: 0px;
  margin-bottom: 10px;
  border: 0px solid yellow;
}
#header_in {
  width: 1020px;
  height: 80px;
  margin: 0px auto;
  border: 0px solid red;
  border-bottom: 3px solid lightblue;
}


#content {
  border: 0px solid LIME;
}
#content_body {
  background: #4488BB;
  width: 1020px;
  padding: 0px;
  margin: 0px auto;
  min-height: 400px;
  padding-top: 10px;
  border-top: 0px solid orange;
}
#content_base {
  width: 660px;
  background: none;
  background: #E3F2FC;
  color: white;
  color: black;
  color: darkblue;
  padding: 25px 35px 40px 35px;  /* top - left - down - right */
  float: left;
  min-height: 400px;
  border: 10px solid lightblue;
}
#content_right {
  width: 180px;
  width: 200px;
/*  height: 300px;*/
  background: none;
  background: #E3F2FC;
  color: white;
  color: black;
  color: darkblue;
  padding: 25px 25px 40px 25px;  /* top - left - down - right */
  padding: 10px 15px 10px 15px;  /* top - left - down - right */
  margin-bottom: 50px;
  float: right;
  border: 10px solid lightblue;
}


.volejte {
/*  background: url("../img/hotline.png") no-repeat 0 50%; */
  border: 1px solid lightblue;
  margin: 5px 0px;
  padding: 10px;
  padding-left: 5px;
  line-height: 20px;
}


#aktualne {
  background: white;
  height: 29px;
  border: 0px solid lime;
}
#aktualne_body {
  background: #B9E2FC url("") repeat;
  padding: 10px;
  border-top: 0px;
  border: 1px solid #83C8F5;
}


* html #content {
  height: 400px; 
}
* html #content_base {
  height: 400px;
}



#footer {
  background: url("") repeat-x;
  width: 100%;
  height: 70px;
  border-top: 0px solid lightblue;
  margin: 0px auto;
  margin-top: 30px;
  display: block;
}

#footer_in {
  background: url("../img/bottom.png") no-repeat;
  background: none;
  width: 1020px;
  height: 70px;
  margin: 0 auto;
  padding: 0px;
  line-height: 30px;
  text-align: right;
  border-top: 3px solid lightblue;
}

#footer_info {
  margin-right: 25px;
  margin-top: 0px;
}


.clear {
  clear: both;
  background: none;
  background: url("../img/body_bg_color.png") repeat;
}



a:link, a:hover, a:visited {
  font-family: Verdana, Sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: blue;
}
a:link, a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


a:link.navigation, a:hover.navigation, a:visited.navigation {
  font-family: Verdana, Sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  color: lightblue;
}
a:link.navigation, a:visited.navigation {
  text-decoration: underline;
}
a:hover.navigation {
  text-decoration: none;
  color: white;
}



#kontakt {
  font-family: Verdana;
  font-size: 8pt;
  width: 170px;
  border: 0px solid lime;
}

h1.menu {
  font-family: Verdana; 
  font-size: 12pt;
  color: #0072BC;
  background: #E3F2FC;
  font-weight: bold;
  text-transform: capitalize;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.aktualne_napis {
  font-size: 10pt;
  color: #035489;
  font-weight: bold;
  padding-left: 10px;
  line-height: 29px;
}
#aktualne_body .aktualne_datum {
  font-family: Verdana;
  font-size: 8pt;
  color: #035489;
  font-weight: bold;
  padding-right: 5px;
  text-align: right;
  margin-bottom: 0.0pt;
}
#aktualne_body p {
  font-family: Verdana;
  font-size: 8pt;
  color: #000000;
  font-weight: normal;
  margin-bottom: 0.0pt;
  line-height: 150%;
}

#aktualne_body a:link, #aktualne_body a:hover, #aktualne_body a:visited {
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
  color: blue;
  color: #0072BC;
}
#aktualne_body a:link, #aktualne_body a:visited {
  text-decoration: none;
}
#aktualne_body a:hover {
  text-decoration: underline;
}



hr {
  margin: 0 auto;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 2px;
  color: red;
  background-color: transparent;
}

li.text {
  list-style-image: url('../img/mvli.gif');
  text-indent: 0px;
  margin-left: 30px;
  padding-left: 0px;
}

img {
  border: 0px;
}


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: white;
}
a:hover.small_line {
  text-decoration: underline;
}



.linka {
  color: white;
  font-size: 10px;
  font-weight: normal;
}



a:link.header_www, a:hover.header_www, a:visited.header_www {
  position: absolute;
  margin-left: 790px;
  margin-top: 65px;
  font-family: Verdana, Sans-Serif;
  font-size: 11pt;
  font-style: normal;
  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.uvod {
  border-collapse: collapse;
  border: 1px solid #B8DBFF;
  padding: 6px;
}

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 {
  float: right;
  width: 170px;
  margin-top: 25px;    
  margin-right: 25px;
}
.click_logo {  
  width: 170px;
  height: 48px;  
}





/* MENU */


#menu1 {
  position: absolute;
  top: 45px;
  width: 800px;
}

#menu1 menu {
  margin-left: 10px;
  list-style-type: none;
  font-size: 10pt;
  letter-spacing: 1px;
  font-family: Arial;
}

#menu1 menu li a,
#menu1 menu li a:hover,
#menu1 menu li a:visited,
#menu1 menu li a:link,
#menu1 menu li.act a,
#menu1 menu li.act a:visited,
#menu1 menu li.act a:hover
{
  padding-left: 13px;
  padding-right: 13px; 
  line-height: 30px;
  float: left;
  display: inline;
  color: white;
  font-size: 1.01em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}
#menu1 menu li a:hover
{
  border-top: 3px solid lightblue;
}
#menu1 menu li.act a,
#menu1 menu li.act a:visited, 
#menu1 menu li.act a:hover
{
  border-top: 3px solid lightsalmon;
}

#menu1 li.menuoddel {
  padding: 0px;
  margin-bottom: 10px;
  line-height: 30px;
  float: left;
  display: inline;
  color: white;
  font-size: 1.6em;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}


/* END OF MENU */



/* MENU 2 */

#menu2 {
}

#menu2 menu {
}

#menu2 menu li {
  list-style-image: url('../img/mvulli.gif');
  text-indent: 0px;
  margin-left: 20px;
}


#menu2 menu li:hover {
  list-style-image: url('../img/orange.gif');
}

#menu2 menu li.act {
  list-style-image: url('../img/orange.gif');
}

#menu2 menu li a,
#menu2 menu li a:hover,
#menu2 menu li a:visited,
#menu2 menu li a:link,
#menu2 menu li.act a,
#menu2 menu li.act a:visited,
#menu2 menu li.act a:hover
{
  width: 165px;
  line-height: 30px;
  display: block;
  color: darkblue;
  font-family: Verdana;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
/*  border-bottom: 3px solid lightblue;*/
  padding-left: 5px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
#menu2 menu li a:hover
{
/*  background: lightblue;*/
  border-top: 3px solid lightblue;
  border-bottom: 3px solid lightblue;
  list-style-image: url('../img/mvulli.gif');
}
#menu2 menu li.act a,
#menu2 menu li.act a:visited, 
#menu2 menu li.act a:hover
{
  color: darkblue;
  background: transparent;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
/*  border-bottom: 3px solid #4488BB;*/
  list-style-image: url('../img/mvli.gif');

}



/* END OF MENU 2 */







.stred {
  text-align: center;
/*  margin-top: 15.0pt; */
}

.seda {
  font-weight: bold;
  background: #E3F2FC;  /* světle modrá */
  background: #FCDFC6;  /* světle oranžovaá */
  padding: 7px;
}

.hlaska {
  padding: 7px 15px;
  background: #FCDFC6;
  font-weight: bold;
}

.hlaskastred {
  padding: 7px 15px;
  background: #FCDFC6;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-size: 10pt;
  font-variant: bold;
  letter-spacing: 3px;
  text-decoration: none;
  color: #FCDFC6;
  color: black;
  color: #0072BC;
  border-top: 2px dotted #BBBBBB;
  border-bottom: 2px dotted #BBBBBB;
  margin-bottom: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
}

h3 {
  font-size: 10pt;
  font-variant: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FFFFFF;
  color: darkblue;
  border-bottom: 1px dotted darkblue;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.space50 {
  margin-top: 50px;
}


.line1, .line2 {
  border: 0px dotted #4D4A49;
  padding-top: 6px;
  padding-bottom: 3px;
}
.line1
{
  background: #E3F2FC;
  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: 10px solid #E3F2FC;
  border-top: 10px solid #E3F2FC;
  border-bottom: 10px solid #E3F2FC;
}

table.kontakty_kontakty {
  border: 0px;
  line-height: 25px;  
}
table.kontakty_kontakty td {
  padding-left: 15px;
}


table.openhours {

}
table.openhours td {
  padding: 2px 15px;
}




a:link.img img, a:hover.img img, a:visited.img img {
  border: 1px dotted blue;
  padding: 7px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
a:hover.img img {
  border: 7px solid #4488BB;
  border: 7px solid lightblue;
  border: 7px solid salmon;
  border: 7px solid lightsalmon;
  padding: 1px;
  border: 3px solid #4488BB;
  padding: 5px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}



div.ref, div.ref:hover {
  width: 204px;
  height: 210px;
  border: 3px solid lightblue;
/*  border: 3px solid transparent; */
  float: left;
  text-align: center;
  padding: 5px 0px 0px 0px; /* top right bottom left */
  margin: 0px 5px 15px 5px; /* top right bottom left */
/*
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
*/
}
div.ref:hover {
  border: 3px solid #4488BB; 
  border: 3px solid lightsalmon;
/*
	filter:alpha(opacity=120);
	-moz-opacity:1.2;
	-khtml-opacity: 1.2;
	opacity: 1.2;
*/
}

div.img-ref {
  height: 140px;
  margin: 5px 0px 12px 0px;
}

a.www-ref {
  font-size: 11px;
}