body, html {
  margin: 0;
  padding: 0;
  
  background-color: #CBE4E8;
}

#shadow_top{
  position: relative;
  margin: 30px auto 0px auto;
  width: 939px;
  height: 10px;
  background: url("../images/shadow_top.png") no-repeat;
}

#shadow_bottom {
  position: relative;
  margin: 0px auto 30px auto;
  width: 939px;
  height: 10px;
  background: url("../images/shadow_bottom.png") no-repeat;
}

#all {
  width: 919px;
  padding: 0 10px;
  position: relative;
  margin: 0px auto;
  
  background: url("../images/shadow.png") repeat-y;
}

.cleaner {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
}

/* -------- header --------- */
#header {
  width: 919px;
  height: 341px;
}

#header_left {
  width: 266px;
  height: 341px;
  background: url("../images/header_left.png") no-repeat;
  float: left;
}

#header_right {
  width: 653px;
  height: 341px;
  background: url("../images/header_right.jpg") no-repeat;
  float: right;      
}



ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}


ul, ol {
  line-height:1.6em;
  list-style-position: outside;
  
  padding-left: 40px;
  margin: 13px 0px;
}


ul#menu {
  font-family: Tahoma, Arial, Verdana;
  margin: 120px 0 0 0;
  padding-left: 25px;
  line-height: 15px;
  list-style: none;
}

ul#menu li {
  margin: 2px 0 0 0;
}

ul#menu li a {
  display: inline-block;
  width: 205px;
  height: 21px;
  
  background: url("../images/menu_new.png");
  text-decoration: none;  
}

ul#menu li a {
  display: inline-block;
  width: 205px;
  height: 24px;
  
  background: url("../images/menu.png");
  text-decoration: none;  
}

ul#menu li span {
  display: none;
}

ul#menu li.li1 a { background-position: 0px 0px; }
ul#menu li.li2 a { background-position: 0px -27px; }
ul#menu li.li3 a { background-position: 0px -54px; }
ul#menu li.li4 a { background-position: 0px -81px; }
ul#menu li.li5 a { background-position: 0px -108px; }
ul#menu li.li6 a { background-position: 0px -135px; }
ul#menu li.li7 a { background-position: 0px -162px; }
ul#menu li.li8 a { background-position: 0px -189px; }

ul#menu li.li1 a:hover, ul#menu li.li1 a.active { background-position: -205px 0px; }
ul#menu li.li2 a:hover, ul#menu li.li2 a.active { background-position: -205px -27px; }
ul#menu li.li3 a:hover, ul#menu li.li3 a.active { background-position: -205px -54px; }
ul#menu li.li4 a:hover, ul#menu li.li4 a.active { background-position: -205px -81px; }
ul#menu li.li5 a:hover, ul#menu li.li5 a.active { background-position: -205px -108px; }
ul#menu li.li6 a:hover, ul#menu li.li6 a.active { background-position: -205px -135px; }
ul#menu li.li7 a:hover, ul#menu li.li7 a.active { background-position: -205px -162px; }
ul#menu li.li8 a:hover, ul#menu li.li8 a.active { background-position: -205px -189px; }





a#mudr {
  display: block;
  width: 220px;
  height: 60px;
  float: left;
  margin: 20px 0 0 25px;
  text-decoration: none;  
}
a#logo {
  display: block;
  width: 215px;
  height: 75px;
  float: right;
  margin: 20px 12px 0 0;
  text-decoration: none;
}

/* -------- services --------- */

#services {
  width: 919px;
  height: 245px;
  background-color: #A2D0D9;
}

#services a.more {
  color: #6eff00;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  right: 13px;
  bottom: 15px;
}

#services p {
  padding-left: 64px;
  line-height: 1.2em;
}

#contact {
  font-family: Tahoma, Arial, Verdana;
  width: 231px;
  height: 195px;
  height: 207px;
  float: left;
  background: url("../images/kontakt.png") no-repeat right top #A2D0D9;
  padding: 28px 10px 10px 25px;
  font-size: 11px;
  line-height: 1.2em;
  position: relative;
}

#contact span.align {
  position: absolute;
  left: 55px;
}

#contact p {
  padding: 0;
  margin: 10px 0 0 0;
}

a#map {
  font-size: 11px;
  display: block;
  width: 216px;
  height: 18px;
  margin-top: 10px;
  padding-top: 51px;
  padding-left: 5px;
  background: url("../images/map.png") no-repeat;
}

#service1, #service2, #service3 {
  width: 193px;
  height: 245px;
  float: left;
  padding: 0 12px;
  font-family: Tahoma, Arial, Verdana;
  text-align: right;
  color: white;
  font-size: 11px;
  position: relative;
}

#service1 {
  width: 195px;
  background: url("../images/service1.png") no-repeat; 
}

#service2 {
  background: url("../images/service2.png") no-repeat;
}           

#service3 {
  background: url("../images/service3.png") no-repeat;
}

/* -------- main --------- */

#main {
  width: 919px;
  clear: both;
  background: url("../images/main_back.png") repeat-y #C8DFE3; 
}

#news {
  width: 266px;
  float: left;
  clear: left;
  background: url("../images/aktuality.png") no-repeat right top #b0d4db;
  font-family: Tahoma, Arial, Verdana;
  text-align: left;
  padding: 45px 0 15px 0; 
  
  font-size: 12px;
}

#news p {
	padding: 0 12px;
	margin-bottom: 16px;
	color: #105f6e;
	font-size: 12px;
	line-height: 15px;
}
#news strong {
	display: block;
	padding: 0 12px;
	margin-bottom: 4px;
	
	font-weight: bold;
	color: #002127;
}
#news .date {
	padding-right: 10px;
	/*width: 75px;*/
	display: inline-block;
}
#news img {
	float: right;
	border: solid 3px #0c6c7d;
	margin: 4px 12px 6px 14px;
	
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#galery {
  width: 266px;
  min-height: 50px;
  float: left;
  clear: left;
  background: url("../images/fotogalerie.png") no-repeat right top #C8DFE3;
  font-family: Tahoma, Arial, Verdana;
  text-align: center;
  padding: 60px 0 15px 0; 
}

#galery img {
  border: solid 3px #0c6c7d;
  margin: 10px;
  
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#galery a {
  clear: both;
  text-align: right;
  display: block;
  margin-right: 23px;
  font-size: 11px;
  font-weight: bold;
  color: #064955;
}

#content {
  width: 613px;
  float: right;
  background: white;
  padding: 5px 20px 20px 20px;
  color: #064955;
  font-size: 12px;
  font-family: Tahoma, Arial, Verdana;
  line-height: 17px;
}

#content a {
  color: #1e7400;
}

#content p {
  margin-top: 0;
}

/* -------- links --------- */

#links {
  font-family: Tahoma, Arial, Verdana;
  height: 20px;
}

a.top {
  float: left;
  background-color: #69A1AB;
  display: block;
  height: 20px;
  width: 266px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
}

a.top:hover {
  color: white;
}

ul#menu2 {
  background-color: #C8DFE3;
  float: right;
  width: 653px;
  height: 20px;
  margin: 0;
  padding: 0;

  display: inline-block;
  list-style: none;
  text-align: center;
  line-height: 15px;
}

ul#menu2 li {
  display: inline;
  text-align: center;
  margin: 0 5px;
}

ul#menu2 li a {
  color: #508791;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
} 

/* -------- tabulka --------- */
table.cenik {
  width: 100%;
  background-color: #e9f3f4;
  color: #064955;
  font-size: 14px;
}

table.cenik td {
    padding: 4px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

table.cenik td.right {
  text-align: right;
  font-weight: bold;
  color: #2ca900;
  width: 30%;
}

/* -------- footer --------- */

#footer {
  height: 40px;
  width: 100%;
  font-style: italic;
  clear: both;

  font-family: Tahoma, Arial, Verdana;

  background-color: #B7D4D9;
  color: #47757D;
  font-size: 10px;
}

#footer a {
  font-style: italic;
}

#copy {
  font-weight: normal;
  float: left;
	
  margin: 7px 0 0 10px;	
  line-height: 1.3em;
}

a#media {
	font-weight: normal;
	
	background: url("../images/media33.png") no-repeat bottom right;
	
	text-align: right;
	
	float: right;
	margin: 4px 8px 0 0;
		
	width: 105px;
	height: 31px;
	
	font-size: 11px;
	
	display: block;
	cursor: pointer;
	
	text-decoration: none;
}


/* -------- other --------- */

h2, h3 {
  margin: 2px 0px 4px 0px;
}

h1 {
  background: url("../images/dot.png") no-repeat 0px 3px;
  padding: 0 0 0 30px;
  margin: 0px 0px 8px -2px;
  font-family: "Arial Narrow", "Arial CE", Arial, sans-serif;
  font-weight: 300;
  color: #002329;
  font-size: 26px;
  height: 28px;
  line-height: 28px;
}

h2 {
  margin: 5px 0 2px 0;
  padding: 0;
  color: #2ca900;
  font-size: 15px;
  font-weight: bold;
}

h3 {
  color: white;
  text-shadow: 1px 1px 2px black;
  font-size: 18px;
  font-family: arial;
  text-align: right;
  padding: 13px 0;
}


a, a:hover {
  color: #375B61;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}



/* THICKBOX */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

span.kontakt {
	display: block;
	background-image:url(../images/qrcode.gif);
	background-repeat:no-repeat;
  background-position: right top;
}

p.photos {
	text-align: center;
}