body {background-color: #2a3a4f; color:#434343; font-family: Arial, lucida, sans-serif;	font-size: 0.8em; margin: 0px auto;}
.noCSS {display: none;}
hr.noCSS { height:1px; background-color:#dddddd; color:#dddddd; border: none; text-align:center; padding: 0; }
.printOnly {display: none;}
.clearer {clear:both;}
div.clearer {height: 1px;overflow: hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
a:link, a:visited {color: #000;	text-decoration:underline; }
a:hover {color: #45495f; text-decoration:underline;}
a img {border: none;}
ul {margin-top:0.8em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 150%;}
ol {line-height: 140%;}
li {margin-bottom:0.3em;}
ul li ul li { list-style: square; }
p { font-size: 100%; margin-top: 0em; text-align: left;  line-height: 150%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
h1 { color: #45495f; font-size: 150%; line-height: 115%; font-weight: bold; margin-top:0px; margin-bottom: 0px;}
h2 { color: #45495f; font-size: 130%; font-weight: bold; margin-top: 12px; margin-bottom: 7px;}
h3 { color: #45495f; font-size: 110%; margin-top: 0px; margin-bottom: 5px; margin-top: 7px;}
h2 em, h3 em {font-style: normal; font-weight: normal}
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px;  padding-left: 2px;  color:#000000;}
fieldset {margin-top: 0px;  margin-bottom: 10px;  padding: 0px 0px 2px 0px;}
fieldset div.fieldsetContent {margin: 0px 20px;}
label {font-weight: bold;}
.fleft { float: left; margin: 0 20px 10px 0; }
.fright { float: right; margin: 0 0 10px 20px; }
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
/*-------------------------------------------------------------------------------------------------------
	layout stranky
---------------------------------------------------------------------------------------------------------*/
#pageContainer {	background: #ffffff; margin: 0; width: 100%; position: relative; padding:0; }
#pageStartContainer {	background: transparent url(../images/layout/pageStartContBg.png) repeat-x top left; margin: 0; width: 100%; position: relative; padding:0; text-align: center; }
#page { background: transparent url(../images/layout/pageBg.png) no-repeat 0px 306px; width: 994px; margin: 0 auto; text-align:left;}
#pageSpacer { width: 1px; height: 550px; float: right; }
#header { background: transparent url(../images/layout/logo.png) no-repeat bottom left; width:422px; height:57px; margin: 0 0 12px 11px; padding-top: 14px; }
#footer { clear: both; background: transparent url(../images/layout/footerBg.jpg) no-repeat 0px 0px; width: 934px; padding: 15px 30px; height: 170px; margin: 0 auto 20px auto; }
#footer a, #footer a:visited { color:#ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#blueContent { height: 196px; overflow: hidden; text-align: left; padding: 0 20px 0 0; }
#whiteContent { margin: 9px 35px; text-align: left; position: relative; }

/*-------------------------------------------------------------------------------------------------------
	navigace
---------------------------------------------------------------------------------------------------------*/
div.navigation { display: block ; margin: 0; height: 22px; overflow:hidden; list-style: none; margin: 0; padding: 14px 0 14px 0px; background: transparent; }
div.navigation div { float: left; display: block; list-style: none; margin: 0 1px 0 0; padding: 0 3px 0 0; background: transparent; }
div.navigation div a:link,div.navigation div a:visited { font-size: 100%; font-weight: bold; color: #002753; display: block; height:20px; padding: 2px 0 0 3px; margin: 0; text-align: center; overflow:hidden; background: transparent; text-decoration:none; float: left; }
div.navigation div:hover { background: #ffffff url(../images/layout/mainNavRightHoverBg.gif) top right no-repeat; }
div.navigation div:hover a { color: #000; background: url(../images/layout/mainNavLeftHoverBg.gif) top left no-repeat; text-decoration:none; }
div.navigation div.selected { background: #002753 url(../images/layout/mainNavRightBg.gif) top right no-repeat; }
div.navigation div.selected a:link, div.navigation div.selected a:visited { color: #ffffff; background: url(../images/layout/mainNavLeftBg.gif) top left no-repeat; }
div.navigation div.svislitko { float: left; height: 20px; padding: 2px 2px 0 2px; cursor: default; }
div.navigation div.svislitko:hover { background: transparent; }
/*-------------------------------------------------------------------------------------------------------
	content
---------------------------------------------------------------------------------------------------------*/
div.headingImage { width: 306px; height: 176px; float: left; margin: 0 10px 0 0; background: url(../images/layout/headingImg.jpg); }
#uvodImg {}
#kompletniRekonstrukceImg {}
#instalaterstviImg {}
#topenarstviImg {}
#zamecnictviImg {}
#sadrokartonyImg {}
#mineralniPodhledyImg {}
#obkladyImg {}
#dlazbyImg {}
#kontaktujteNasImg {}

#blueContent h1 { display: block; float: right; width: 650px; height: 31px; margin: 13px 0 20px 0; background: no-repeat bottom right; }
#blueContent h1#uvodHeadline { background-image: url(../images/content/cs-headline-oFirme.gif); }
#blueContent h1#kompletniRekonstrukceHeadline { background-image: url(../images/content/cs-headline-kompletniRekonstrukce.gif); }
#blueContent h1#instalaterstviHeadline { background-image: url(../images/content/cs-headline-instalaterstvi.gif); }
#blueContent h1#topenarstviHeadline { background-image: url(../images/content/cs-headline-topenarstvi.gif); }
#blueContent h1#zamecnictviHeadline { background-image: url(../images/content/cs-headline-zamecnictvi.gif); }
#blueContent h1#sadrokartonyHeadline { background-image: url(../images/content/cs-headline-sadrokartony.gif); }
#blueContent h1#mineralniPodhledyHeadline { background-image: url(../images/content/cs-headline-mineralniPodhledy.gif); }
#blueContent h1#obkladyHeadline { background-image: url(../images/content/cs-headline-obklady.gif); }
#blueContent h1#kamenHeadline { background-image: url(../images/content/cs-headline-kamen.gif); }
#blueContent h1#koupelnyHeadline { background-image: url(../images/content/cs-headline-koupelny.gif); }
#blueContent h1#kotleHeadline { background-image: url(../images/content/cs-headline-kotle.gif); }
#blueContent h1#kontaktujteNasHeadline { background-image: url(../images/content/cs-headline-kontaktujteNas.gif); }

#whiteContent h2 { display: block; float: left; width: 670px; height: 31px; margin: 0px 0 5px 0; background: no-repeat top left; }
#whiteContent h2#naseRealizaceSubHeadline { background-image: url(../images/content/cs-subHeadline-naseRealizace.gif); }
#whiteContent h2#kontaktujteNasSubHeadline { background-image: url(../images/content/cs-subHeadline-kontaktujteNas.gif); }
#whiteContent h2#interieroveKotleVernerSubHeadline { background-image: url(../images/content/cs-subHeadline-interieroveKotle.gif); }
#whiteContent h2#kotleNaKusoveDrevoSubHeadline { background-image: url(../images/content/cs-subHeadline-kotleNaKusoveDrevo.gif); }
#whiteContent h2#automatickeKotleSubHeadline { background-image: url(../images/content/cs-subHeadline-automatickeKotle.gif); }
form.kontaktujteNas { float: left; }

#footer .fleft { color: #c0c0c0; }
#footer .fright { color: #c0c0c0; text-align: right; }
#footer a#kontaktujteNas, #footer a#kontaktujteNas:visited { display: block; width: 237px; height: 51px; margin: 0px auto 0 auto; background: url(../images/content/cs-btn-kontaktujteNas.gif) no-repeat left top; }
#footer a#kontaktujteNas:hover { background-position: left bottom; }

/*-------------------------------------------------------------------------------------------------------
	homepage
---------------------------------------------------------------------------------------------------------*/
.homeTeaserBlock { width: 944px; height: 272px; position: absolute; top: 0px; left: -8px; }
.homeTeaserSpacer { width:1px; float: left; height: 275px; }
.homeTeaser, .homeTeaser:visited { float: left; margin-right: 1px; position:relative; width:117px; height: 272px; background: transparent no-repeat top left;}
.homeTeaser:hover { background-position: bottom left;}
#cs-homeTeaser-kompletni-rekonstrukce { background-image: url(../images/content/cs-homeTeaser-kompletniRekonstrukce.jpg); }
#cs-homeTeaser-instalaterstvi { background-image: url(../images/content/cs-homeTeaser-instalaterstvi.jpg); }
#cs-homeTeaser-topenarstvi { background-image: url(../images/content/cs-homeTeaser-topenarstvi.jpg); }
#cs-homeTeaser-zamecnictvi { background-image: url(../images/content/cs-homeTeaser-zamecnictvi.jpg); }
#cs-homeTeaser-sadrokartony { background-image: url(../images/content/cs-homeTeaser-sadrokartony.jpg); }
#cs-homeTeaser-mineralni-podhledy { background-image: url(../images/content/cs-homeTeaser-mineralniPodhledy.jpg); }
#cs-homeTeaser-obklady { background-image: url(../images/content/cs-homeTeaser-obklady.jpg); }
#cs-homeTeaser-kamen { background-image: url(../images/content/cs-homeTeaser-kamen.jpg); }
#cs-homeTeaser-koupelny { background-image: url(../images/content/cs-homeTeaser-koupelny.jpg); }
#cs-homeTeaser-kotle-verner { background-image: url(../images/content/cs-homeTeaser-kotle-verner.jpg); }
/*-------------------------------------------------------------------------------------------------------
	gallery
---------------------------------------------------------------------------------------------------------*/
#gallery { position: relative; width: 900px; clear: left; }