html {height:100%;}
body {
  position: relative;
	font: 14px 'Cantarell', "Trebuchet", "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #ffffff;
	padding: 0;
	margin: 0;   
	min-height: 100%;
	background: #232F2E url(../img/top_side.gif) repeat-x top;
}

.flt-l {float: left;}
.flt-r {float: right;}
.right {text-align: right;}
.cls {clear: both;}
.no {margin: 0; padding: 0; border: 0;}
.centerblock {margin: 0 auto;}

h1 {
  position: absolute;
  z-index: -1;
}
h2 {
  margin: 0 5px 15px;
  font-family: 'Cantarell', arial, serif;
  font-size: 27px; 
  font-weight: normal;
  letter-spacing: -0.1em;
}
h3 {
	font-weight: normal; 
	font-size: 18px; 
	letter-spacing: -1px
}
p, address {
  text-align: justify;
  letter-spacing: -0.8px;
  line-height: 1.4em;
  margin:0;
  padding:4px;
  font-style: normal;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {
	border: 0;
}

#top-outter {
  height: 121px;
   
}
.page {
  background: url(../img/top_middle.gif) no-repeat top center;
  padding-top: 121px;
}

#middle {
	position:absolute;
	top: 23px;
	width:726px;
	left: 50%;
	margin-left: -365px;	
	height:338px;
} 
#head-image {
	width:726px;
	position: absolute;
	left 0;
	top: 0;	
}
#middle ul#menu {
	bottom:-7px;
	color:white;
	display:block;
	font-size: 14px;
	height: 47px;
	left: 0;
	line-height:37px;
	position:absolute;
	width:726px;
}
#middle ul#menu li {
  display: block;
  float: left;
  height: 47px;   
  text-shadow: 0 3px 3px #111111;
  letter-spacing: -0.5px;
}
#middle ul#menu li a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #A1A2A4;
}
#middle ul#menu li a:hover {color: white;}
#middle ul#menu li.active { background: url(../img/zobacek.png) no-repeat center bottom; }
#middle ul#menu li.active a { color: white; }

#middle ul#menu a#menu-o-spolecnosti {width: 150px;}
#middle ul#menu a#menu-porovnavaci-tabulky {width: 185px;}
#middle ul#menu a#menu-sortiment {width: 130px;}
#middle ul#menu a#menu-fotogalerie {width: 135px;}
#middle ul#menu a#menu-kontakty {width: 125px;}

#content {
  margin: 0 auto;
  padding:14px 0 74px;
  width:897px;
}

#content .box {
  width: 744px;
  margin: 0 74px; 
  padding-top: 18px;
  color: #525051;
  text-shadow: 1px 1px 0 #ffffff;
  background: url(../img/cont_top.png) no-repeat center top;
}
#content .boxi { padding-bottom: 61px; background: url(../img/cont_bottom.png) no-repeat center bottom; }
#content .boxii { padding: 10px 40px 0; background: url(../img/cont_middle.png) repeat-y center; }

#footer {
  height: 74px;
  width:100%;
  background: #232F2E url(../img/bottom.gif) no-repeat center bottom 
}
#footer .inner {
	width:820px;
	margin: 0 auto;
	padding-top: 10px;
}
#footer p {line-height: 26px; color: gray; font-size:12px;}
#footer p img {
	margin-bottom:-7px;
	margin-left:7px;
}
#footer strong,
#footer strong a {font-weight: normal; color: silver;}
 
/* Titulní strana */
#page-news #background { background: #232F2E url(../img/orange_pagebg.gif) repeat-y center; }
#page-news #middle-background { height: 240px; background: url(../img/orange_middle.gif) no-repeat top; }
#page-news #content { background: url(../img/orange_bg.gif) no-repeat top; }
#page-news #head-image { height: 297px; background: url(../img/pic1.jpg);}
#page-news a {color: #CA4E28;}

#page-fotogalerie #background { background: #232F2E url(../img/pink_pagebg.gif) repeat-y center; }
#page-fotogalerie #middle-background { height: 134px; background: url(../img/pink_middle.gif) no-repeat top; }
#page-fotogalerie #content { background: url(../img/pink_bg.jpg) no-repeat top; }
#page-fotogalerie #head-image { height: 190px; background: url(../img/pic3.jpg);}
#page-fotogalerie #middle {height: 232px;}
#page-fotogalerie a {color: #C32D4B;}

#page-sortiment #background { background: #232F2E url(../img/yellow_pagebg.gif) repeat-y center; }
#page-sortiment #middle-background { height: 134px; background: url(../img/yellow_middle.gif) no-repeat top; }
#page-sortiment #content { background: url(../img/yellow_bg.jpg) no-repeat top; }
#page-sortiment #head-image { height: 190px; background: url(../img/pic2.jpg);}
#page-sortiment #middle {height: 232px;}
#page-sortiment a {color: #C4AE37;}

#page-porovnavaci-tabulky #background { background: #232F2E url(../img/green_pagebg.gif) repeat-y center; }
#page-porovnavaci-tabulky #middle-background { height: 134px; background: url(../img/green_middle.gif) no-repeat top; }
#page-porovnavaci-tabulky #content { background: url(../img/green_bg.jpg) no-repeat top; }
#page-porovnavaci-tabulky #head-image { height: 190px; background: url(../img/pic5.jpg);}
#page-porovnavaci-tabulky #middle {height: 232px;}
#page-porovnavaci-tabulky a {color: #008C7C;}

#page-kontakty #background { background: #232F2E url(../img/cyan_pagebg.gif) repeat-y center; }
#page-kontakty #middle-background { height: 134px; background: url(../img/cyan_middle.gif) no-repeat top; }
#page-kontakty #content { background: url(../img/cyan_bg.jpg) no-repeat top; }
#page-kontakty #head-image { height: 190px; background: url(../img/pic4.jpg);}
#page-kontakty #middle {height: 232px;}            
#page-kontakty a {color: #0077A4;}

.shadowbox {
	background: white;
	width: 640px;
	padding: 12px;
	border-right: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	-moz-border-radius: 2px;
}
#google-map { height: 250px; margin-top: 12px;}

table.std {border-collapse: collapse; margin: 0 auto;}
table.std td {text-align: center; margin: 0; padding: 0;}
table.std a {display: block; margin: 0; padding: 0;} 
table.std img {margin: 0; padding: 0;}

table#porovnavaci-tabulky-links {width: 100%;}
table#porovnavaci-tabulky-links td {width: 25%;}

table#fotogalerie-table {width: 640px; margin: 0 auto; }
table#fotogalerie-table td,
table#fotogalerie-table td a {width: 160px; height: 120px;}

.kotvy {padding: 2px;}
.kotvy ul {list-style-type: none; margin: 0; padding: 0;}
.kotvy ul li {margin: 0 23px; padding: 0; float: left;}
.kotvy ul li a {color: #005389 !important;}

#open {width:300px;text-align: center;}
