body {margin: 0px 0px 0px 0px;
	background-color: #510000;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #333333;
    height: 100%;
}
html {height: 100%;}
.orange { color: #f56500; }
.noCSS { display: none; }
.printOnly { display: none; }
.clearer { clear:both; }
div.clearer { clear:both; overflow:hidden; height: 0px;  width: 99%;}
.leftClearer { clear:left; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.just { text-align:justify; }
a:link, a:visited {font-weight: bold;color: #e03000; text-decoration: none;}
a:hover {color: #000000;}
a.akce {font-size: 12px;}
a img { border: none;}
.leftBlock a {text-decoration: underline;}
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; }
p { margin-top: 0em; margin-bottom: 0.4em; text-align: left; line-height: 150%;  text-indent: 0px; }
.noIndent { text-indent: 0; }
h1 { font-size: 160%; line-height: 160%; font-weight: bold; margin-top:5px; margin-bottom: 10px; text-transform: uppercase; }
h2 { font-size: 130%; font-weight: bold; margin-top:12px; margin-bottom: 7px; color: #000; }
h3 { font-size: 110%; margin-top: 0px; margin-bottom: 5px; margin-top: 7px; }
legend { font-size: 130%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px; padding-left: 2px; color:#000000; }
fieldset { margin: 0px 10px 10px 0; padding: 0px 0px 2px 0px; border: 1px solid #777;}
fieldset div.fieldsetContent { margin: 0px 10px; }

label { font-weight: bold; }
th, td { text-align: left; vertical-align: top;	 }
.help { cursor: help; border-bottom: 1px dashed #638EB5; }
.noBullet { list-style: none; }
.fleft { float: left; display: block; margin: 0 15px 10px 0; }
.fright { float: right; display: block; margin: 0 0 10px 15px; }
/************************************************************
 * layout stranky
*************************************************************/
#container {margin: 0px auto; width: 770px;	text-align: left;	padding: 0px;}
div.left-text-container {background-position:left top;background-repeat:repeat-y;	width:870px;	padding-left:100px;	margin: auto;}
div.right-text-container {background-position:right top; background-repeat:repeat-y; width:770px; padding-right:100px;	margin: auto;}
div.header {position: relative;	margin: 0px; width: 770px; height: 215px; background-repeat: no-repeat; background-position: top center; 	z-index: 10;}
div.header span#headerBg {position: absolute; top:0; left:0;	margin: 0px; width: 770px; height: 215px; background: no-repeat top center; z-index: 11; }
#header-spring span#headerBg {background-image:url(../images/header-spring.jpg);}
#header-summer span#headerBg {background-image:url(../images/header-summer.jpg);}
#header-autumn span#headerBg {background-image:url(../images/header-autumn.jpg);}
#header-winter span#headerBg {background-image:url(../images/header-winter.jpg);}
#header-logo:link, #header-logo:visited {position: absolute;width: 225px;height: 85px;left:228px;top:54px;z-index: 15;
	background-repeat: no-repeat;background-image:url(../images/intro-side.jpg);}
#breadcrumbs {padding: 4px 10px; color: #cccccc;}
#breadcrumbs a {color: #cccccc;}
#breadcrumbs a:hover {color: #ffffff;}
div.leftColumn {float: left;	width: 273px;	margin-right: 0px;	margin-top: 0px;margin-bottom: 5px;	text-align: left; overflow:hidden;}
div.leftBlock {float: left;	width: 273px;	margin-right: 0px;	margin-top: 0px;margin-bottom: 5px;	text-align: left;
	vertical-align: top;padding: 0;	overflow:hidden;  background: #ECECEC url(../images/td1-back.jpg) repeat-y left top;}
div.leftBlock h2 {margin-top: 0;}
div.leftBlock h2 a:link, div.leftBlock h2 a:visited { text-decoration: none; color: #000; }
div.leftBlock h2 a:hover { color: #e03000; text-decoration: underline; }
div.leftBlock .leftBlockTop {width:253px;background: url(../images/td1-top.jpg) no-repeat left top; padding: 10px;}
div.leftBlock .leftBlockBottom {width:273px; background: url(../images/td1-bottom.jpg) no-repeat left bottom;}

div.rightBlock {float: right; width: 490px;	margin: 0 0 5px 0;	text-align: left; vertical-align: top;	padding: 0px;
    background: #ECECEC url(../images/td2-back.jpg) repeat-y left top;overflow:hidden;}
div.rightBlock .rightBlockTop {width:455px; background:url(../images/td2-top.jpg) no-repeat left top; margin: 0; padding: 10px 20px 20px 15px;}
div.rightBlock .rightBlockBottom {width:490px; background: url(../images/td2-bottom.jpg) no-repeat left bottom;}

#footer { border-top: 1px solid #666666;	margin: 5px 0px 0px 0px;	text-align: center;	padding: 3px 20px;
	color: #cccccc;	clear: both;	line-height:17px;}
#footer a {color: #cccccc;}
#footer a:hover {color: #ffffff;}
a.financovani:link, a.financovani:visited {display: block; width: 253px; height: 76px; position: relative; color: #F8CB90; background-color: #E67516;
line-height: 76px; text-align: center; font-size: 200%; text-transform: uppercase;}
a.financovani:hover {color: #FFFFFF;}
a.financovani span {position: absolute; left: 0; top: 0; width: 253px; height: 76px; cursor: pointer;
    background: url(../images/teaser-financovani.gif) no-repeat left bottom;}
a.financovani:hover span {background-position: left top;}
/************************************************************
 * obsah stranky
*************************************************************/
#ofirme1, #ofirme2, #ofirme3, #ofirme4, #ofirme5 ,#ofirme6 {
	width: 220px;	height:180px;	display:block;	margin: 0px 0px 15px 0px;	float: left;}
#ofirme2,#ofirme4 {margin: 0px 0px 15px 10px;}
#ofirme3, #ofirme5 {margin: 0px 0px 15px 0px;}
#ofirme6 {margin: 0px 0px 15px 10px;}
img.mapa {border:1px solid #000000;display:block;margin:10px auto 3px;width:210px;}
img.galerie-foto {border:2px inset #AAAAAA;width:450px; margin-bottom: 7px;}
img.galerie-foto-sm {border:1px inset #AAAAAA; margin-right: 3px;}
img.vzorove-domy {border:1px solid #666666;display:block;margin-bottom:5px;width:460px;}
ul.spaced {list-style-type: square;}
ul.spaced li {margin-top: 0px;	margin-bottom: 10px;	text-align: justify;}
div.leftBlock ul.spaced li {margin-right: 10px;	margin-top: 0px;	margin-bottom: 0.7em;	text-align: left;}
div.leftBlock ul.spaced ol {margin-left: 0;}
div.leftBlock ul.spaced ol li {margin-bottom: 0.2em;}
.vzorove-domy-fotos {border:2px inset #666666;margin-right:2px;width:220px;}
/************************************************************
 * side-text
*************************************************************/
#left-uvodni-stranka {background-image:url(../images/side-texts/left-akce.gif);}
#right-uvodni-stranka {background-image:url(../images/side-texts/right-akce.gif);}
#left-akcni-nabidka {background-image:url(../images/side-texts/left-akce.gif);}
#right-akcni-nabidka {background-image:url(../images/side-texts/right-akce.gif);}
#left-o-nas {background-image:url(../images/side-texts/left-o_firme.gif);}
#right-o-nas {background-image:url(../images/side-texts/right-o_firme.gif);}
#left-o-firme {background-image:url(../images/side-texts/left-o_firme.gif);}
#right-o-firme {background-image:url(../images/side-texts/right-o_firme.gif);}
#left-profil-spolecnosti {background-image:url(../images/side-texts/left-o_firme.gif);}
#right-profil-spolecnosti {background-image:url(../images/side-texts/right-o_firme.gif);}
#left-technologie {background-image:url(../images/side-texts/left-technologie.gif);}
#right-technologie {background-image:url(../images/side-texts/right-technologie.gif);}
#left-konstrukce-domu {background-image:url(../images/side-texts/left-konstr_domu.gif);}
#right-konstrukce-domu {background-image:url(../images/side-texts/right-konstr_domu.gif);}
#left-rodinne-domy {background-image:url(../images/side-texts/left-rodinne_domy.gif);}
#right-rodinne-domy {background-image:url(../images/side-texts/right-rodinne_domy.gif);}
#left-chaty {background-image:url(../images/side-texts/left-chaty.gif);}
#right-chaty {background-image:url(../images/side-texts/right-chaty.gif);}
#left-ke-stazeni {background-image:url(../images/side-texts/left-ke_stazeni.gif);}
#right-ke-stazeni {background-image:url(../images/side-texts/right-ke_stazeni.gif);}
#left-kontakty {background-image:url(../images/side-texts/left-kontakty.gif);}
#right-kontakty {background-image:url(../images/side-texts/right-kontakty.gif);}
#left-nasi-partneri {background-image:url(../images/side-texts/left-partneri.gif);}
#right-nasi-partneri {background-image:url(../images/side-texts/right-partneri.gif);}
#left-otazky-a-odpovedi {background-image:url(../images/side-texts/left-otazky_odpovedi.gif);}
#right-otazky-a-odpovedi {background-image:url(../images/side-texts/right-otazky_odpovedi.gif);}
#left-novinky {background-image:url(../images/side-texts/left-novinky.gif);}
#right-novinky {background-image:url(../images/side-texts/right-novinky.gif);}
#left-slovo-odborniku {background-image:url(../images/side-texts/left-slovo-odb.gif);}
#right-slovo-odborniku {background-image:url(../images/side-texts/right-slovo-odb.gif);}
#left-vzorove-domy {background-image:url(../images/side-texts/left-vzorove_domy.gif);}
#right-vzorove-domy {background-image:url(../images/side-texts/right-vzorove_domy.gif);}
#left-vzorovy-dum-praha {background-image:url(../images/side-texts/left-vzorovy_dum_praha.gif);}
#right-vzorovy-dum-praha {background-image:url(../images/side-texts/right-vzorovy_dum_praha.gif);}
#left-vzorovy-dum-olomouc {background-image:url(../images/side-texts/left-vzorovy_dum_olomouc.gif);}
#right-vzorovy-dum-olomouc {background-image:url(../images/side-texts/right-vzorovy_dum_olomouc.gif);}
#left-vzorovy-dum-olomouc2 {background-image:url(../images/side-texts/left-vzorovy_dum_olomouc.gif);}
#right-vzorovy-dum-olomouc2 {background-image:url(../images/side-texts/right-vzorovy_dum_olomouc.gif);}
#left-vzorovy-dum-brno {background-image:url(../images/side-texts/left-vzorovy_dum_brno.gif);}
#right-vzorovy-dum-brno {background-image:url(../images/side-texts/right-vzorovy_dum_brno.gif);}
#left-cenik {background-image:url(../images/side-texts/left-cenik_domy.gif);}
#right-cenik {background-image:url(../images/side-texts/right-cenik_domy.gif);}
#left-konstrukce-chat {background-image:url(../images/side-texts/left-konstr_chat.gif);}
#right-konstrukce-chat {background-image:url(../images/side-texts/right-konstr_chat.gif);}
#left-standardni-provedeni {background-image:url(../images/side-texts/left-std_vybaveni.gif);}
#right-standardni-provedeni {background-image:url(../images/side-texts/right-std_vybaveni.gif);}
#left-postup-vystavby {	background-image:url(../images/side-texts/left-postup_vyst.gif);}
#right-postup-vystavby {background-image:url(../images/side-texts/right-postup_vyst.gif);}
#left-referencni-domy {	background-image:url(../images/side-texts/left-referencni_domy.gif);}
#right-referencni-domy {background-image:url(../images/side-texts/right-referencni_domy.gif);}
#left-prizemni-reference {	background-image:url(../images/side-texts/left-prizemni_domy.gif);}
#right-prizemni-reference {background-image:url(../images/side-texts/right-prizemni_domy.gif);}
#left-prizemni-domy {	background-image:url(../images/side-texts/left-prizemni_domy.gif);}
#right-prizemni-domy {background-image:url(../images/side-texts/right-prizemni_domy.gif);}
#left-podkrovni-domy {	background-image:url(../images/side-texts/left-podkrovni_domy.gif);}
#right-podkrovni-domy {background-image:url(../images/side-texts/right-podkrovni_domy.gif);}
#left-podkrovni-reference {	background-image:url(../images/side-texts/left-podkrovni_domy.gif);}
#right-podkrovni-reference {background-image:url(../images/side-texts/right-podkrovni_domy.gif);}
#left-prave-stavime {	background-image:url(../images/side-texts/left-prave_stavime.gif);}
#right-prave-stavime {background-image:url(../images/side-texts/right-prave_stavime.gif);}
/************************************************************
 * navigace
*************************************************************/
#navigace {position: absolute; right: 0px; top: 177px; font-size: 11px;	margin: 0px; text-align: right;
	height: 25px;color: #000000; z-index:10000;}
#navigace ul {margin: 0; padding: 0; list-style-type: none;}
#navigace ul li {display: block; float: left; height: 25px; line-height: 25px; position: relative;}
#navigace ul li a:link, #navigace ul li a:visited {color: #000000;}
#navigace ul li a:hover {color: #D24B26; text-decoration:none;}
#navigace ul li span {border-left: 1px solid #000000; padding: 0 7px;}
#navigace ul li span.first {border-left: none;}
#navigace ul li ul {position: absolute; left: 0; top: 24px; width: 160px; background: #ECECEC; display: none;}
#navigace ul li ul li {float: none; text-align: left; border-bottom: 1px solid #CCCCCC; margin: 0; height: 21px; width: 160px;}
#navigace ul li ul li a {display: block; height: 20px; line-height: 20px;  background: url(../images/menuitem-back.gif) repeat-x left top;
padding-left: 10px; }
#navigace ul li:hover ul, #navigace ul li.over ul {display: block;}
/************************************************************
 * novinky
*************************************************************/
.novinky-short-item-title {padding: 0px; margin: 0 0 7px 0; }
.novinky-short-item-title .date {}
.novinky-short-item-title .text {color: #000; }
.novinky-short-item-title .text h2 { margin: 10px 0 10px 0; padding: 0; font-size: 120%; }
.novinky-short-item-title .text p { line-height: 120%; }
.novinky-short-item-title a.vice, .novinky-short-item-title a.vice:visited {}
.novinky-short-item-title a.vice:hover { background-position: right bottom; } 
.novinky-short-item { float: left; width: 435px; height: 180px; padding: 10px; margin: 0 5px 5px auto; border: 1px solid #c0c0c0; background: #e6e6e6; }
.novinky-short-item h2 { margin: 0; }
.novinky-short-item p { margin: 5px 0 5px 0; }
.novinky-short-item img { float: left; margin: 0 10px 10px 0; }
.novinky-full-item { padding: 5px; }
.novinky-full-item img { margin: 0 0 15px 0; }

/************************************************************
 * akce
*************************************************************/
.akce-short-item { float: left; width: 435px; height: 180px; padding: 10px; margin: 0 5px 5px auto; border: 1px solid #c0c0c0; background: #e6e6e6; }
.akce-short-item h2 { margin: 0; }
.akce-short-item p { margin: 5px 0 5px 0; }
.akce-short-item img { float: left; margin: 0 10px 10px 0; }
.akce-full-item { padding: 5px; }
.akce-full-item img { margin: 0 0 15px 0; }
.akceCena { font-size: 200%; }
/************************************************************
 * rozcestniky
*************************************************************/
a.rozcestnik:link, a.rozcestnik:visited { float: left; width: 222px; height: 186px;padding: 0; display: block; color: #FFF;
          margin: 0 5px 5px 0; background: url(../images/rozcestnik.jpg) no-repeat left top; position:relative;
        text-transform: uppercase; text-align: center;}
a.rozcestnik:hover {color: #e03000;}
.rozcestnik span.image {position: absolute; width: 214px; height: 151px; overflow: hidden; display: block;
        left: 4px; top: 4px;}
.rozcestnik strong { top: 162px;  left: 0; text-transform: uppercase; text-align: center; position:absolute;
    display: block; width: 222px;}
.rozcestnik h3 a:link, .rozcestnik h3 a:visited {color: #FFFFFF;}
/************************************************************
 * katalog
*************************************************************/
a.katalog-kategorie:link, a.katalog-kategorie:visited { float: left; width: 222px; height: 24px;padding: 162px 0 0 0; display: block; color: #FFF;
          margin: 0 5px 5px 0; background: url(../images/teaser_prizemni.jpg) no-repeat left top; text-transform: uppercase; text-align: center;}
a.katalog-kategorie:hover {color: #e03000;}
.katalog-kategorie h3 { margin: 162px 0 0 0;  text-transform: uppercase; text-align: center;}
.katalog-kategorie h3 a:link, .katalog-kategorie h3 a:visited {color: #FFFFFF;}
.katalog-kategorie#podkrovni-reference, #podkrovni-domy { background-image: url(../images/teaser_podkrovni.jpg)}
.katalog-kategorie#prave-stavime { background-image: url(../images/teaser_stavime.jpg)}


.katalog-short-item { float: left; position: relative; margin: 0 3px 3px 0; display: block; padding: 14px 0 0 14px; background: #e6e6e6; width: 427px;  border: 1px solid #c0c0c0;  }
.katalog-short-item:hover { background-position: bottom left; } 
.katalog-short-item .imgCont { display: block; margin: 0 25px 0 0; padding: 0px; float: left; width: 133px; height: 133px; overflow:hidden; }
.katalog-short-item .imgCont img { border:2px inset #AAAAAA; }
.katalog-short-item a:link, .katalog-short-item a:visited { text-decoration: none; }
.katalog-short-item a:hover { text-decoration: none; }
.katalog-short-item h3 { display: block; margin: 0px 0 10px 0; font-size: 120%; text-transform: uppercase; color: #e03000; }
.katalog-short-item p { font-weight: normal; margin: 0 0 3px 0; color: #444444; }
.katalog-short-item p.more { display: block; width: 80px; height: 19px; position: absolute; bottom: 1px; right: 3px;  padding: 3px 0 0 6px; text-decoration: underline; color: #e03000; font-size: 90%; font-weight: bold; }
.katalog-short-akce { border: 2px solid #F18B43; width: 425px; background: #ffdec7; }

.katalog-fullItem {float: left; width: 442px; padding: 0 0 0 13px; }
.katalog-fullItem h1 {margin: 0 0 10px 0; }
.katalog-fullItem table.ceny, .katalog-fullItem .icons { width: 275px; margin: 0 0 10px 0; }
.icon { display: block; padding: 7px 0 0 55px; height: 40px; margin: 0 0 10px 0; background: url(../images/iconDownload.gif) no-repeat top left; }

.rightColumn .dumSelector { width: 100%; }
.rightColumn .dumSelector th, .rightColumn .dumSelector td { vertical-align: middle; text-align: left; padding: 2px 5px 2px 0;line-height: 100%; }
.rightColumn .dumSelector th.selected { background: #e09060; }
.rightColumn .dumSelector th { font-size: 12px; font-weight: bold; padding: 3px 5px; }
.rightColumn .dumSelector td { font-size: 12px; padding: 3px 5px; background: #dadada; }
.rightColumn .dumSelector tr.selected td { background: #e09060; color: #000; font-weight: bold !important; }
.rightColumn .dumSelector td.selectedOrder { background: #e09060; }
.rightColumn .dumSelector td.selectedOrder a:link,.rightColumn .dumSelector td.selectedOrder a:visited { color: #000; }
.rightColumn .dumSelector td.selectedOrder a:hover { color: #ffffff; }
.rightColumn .dumSelector td sup { font-size: 60%; } 
.rightColumn .dumSelector th.right, .rightColumn .dumSelector td.right { text-align: right; }
.rightColumn .dumSelector th a, .rightColumn .dumSelector th a:visited { color: #444444; text-decoration: none; }
.rightColumn .dumSelector th.selectedOrder a, .rightColumn .dumSelector th.selectedOrder a:visited { color: #e03000; }
.rightColumn .dumSelector th a:hover { color: #000000; }
.rightColumn .dumSelector td a, .rightColumn .dumSelector td a:visited { font-weight: normal;  text-decoration: none; }

#katalogOrder { width: 678px; height: 14px; padding: 5px 13px; margin: 10px 0 5px 3px; background: url(../images/katalogOrderBg.jpg) no-repeat top left; font-size: 80%; }
#katalogOrder a:link, #katalogOrder a:visited { color: #444444; text-decoration: underline; }
#katalogOrder a:hover { color: #000; text-decoration: underline; }
#katalogOrder a.selected:link, #katalogOrder a.selected:visited { color: #000; text-decoration: none; }
#katalogOrder #katalogOrderSmer {width: 250px; float: right; text-align: right; }






/************************************************************
 * galerie
*************************************************************/
.fotogalerie-short { float: left; width: 435px; height: 180px; padding: 10px; margin: 0 5px 5px auto; border: 1px solid #c0c0c0; background: #e6e6e6; }
.fotogalerie-short h2 { margin: 0; }
.fotogalerie-short p { margin: 5px 0 5px 0; }
.fotogalerie-short img { float: left; margin: 0 10px 10px 0; }
a.fotogalerie-foto:link, a.fotogalerie-foto:visited { float: left; width: 180px; margin: 0 5px 5px 0; }

/************************************************************
 * partneri
*************************************************************/
.partneri-short-item { float: left; position: relative; width: 184px; height: 240px; padding: 0px; margin: 0 7px 7px 0; border: 1px solid #b0b0b0; background: #e6e6e6; text-align: center; overflow: hidden; }
.partneri-short-item img { margin: 0 auto 10px auto; }
.partneri-short-item a:link, .partneri-short-item a:visited { display: block;}
.partneri-short-item h3 { display: block; margin: 5px auto 15px auto; font-size: 120%; }
.partneri-short-item p { display: block; padding: 0 10px 0 10px; }
/************************************************************
 * kontakty
*************************************************************/
.kontakty-short-item { float: none; width: auto; height: 140px; padding: 10px; margin: 0 5px 5px auto; border: 1px solid #c0c0c0; background: #e6e6e6; }
.kontakty-short-item h2 { margin: 0; }
.kontakty-short-item p { margin: 5px 0 5px 0; }
#kontaktForm textarea { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; height: 60px; line-height:120%; }
#kontaktForm input.text, #kontaktForm textarea {
    font-size: 11px;
    padding: 2px 3px;
    width: 300px;
    border-top: 1px solid #ABADB3;
    border-left: 1px solid #ABADB3;
    border-right: 1px solid #E3E9EF;
    border-bottom: 1px solid #E3E9EF;
}
/************************************************************
 * cenik
*************************************************************/
table.cenik { width: 100%; border: 1px solid #b0b0b0; }
table.cenik th,table.cenik td { padding: 3px 10px; border: 1px solid #b0b0b0; }
/************************************************************
 * ke stazeni
*************************************************************/
.stazeni-blok, .stazeni-blok2 {float: left; width: 45%; overflow: hidden;}
.stazeni-blok2 {float: right;}
.stazeni-blok h2, .stazeni-blok2 h2 {font-size: 120%;}
.stazeni-blok ul, .stazeni-blok2 ul {margin-left: 0; padding-left: 0;}


/************************************************************
 * SEO ARTFOCUS
*************************************************************/
#xafcr {
    position: relative;
    float: left;
    margin: 40px 45px 20px;
    padding: 0px;
    text-align: left;
    font-weight: 100;
    font-size: 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #696D6D;
}

.ppts {
    border: 1px black solid;
    padding: 5px;
    border: 2px;
    width: 20px;
    height: 20px;
}

#tfld a.ppts:link  {color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px;}
#tfld a.ppts:visited  {color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px;}
#tfld a.ppts:hover  {color: #000000; text-decoration: none; background-color: #D2DCC1; border: 1px;}
#tfld a.ppts:active  {color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px;}