@charset "utf-8";
/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #000; padding : 0; margin : 0; background : #FFF url(../images/grey_gradient.gif) repeat-x; }

a img { border : none; }
.reset { clear : both; height: 1px; }

#header { width : 100%; height : 350px; background: url(../images/plan.gif) no-repeat center; position : absolute;}
#holder { width : 930px; position : absolute; top : 0; left : 50%; margin-left : -465px; }

#holder #logo { position : absolute; top: 10px; left : 0; }
#holder #upperPhotos { position : absolute; top : -10px; left: 250px; }

#holder #banner { position : absolute; top : 150px; left : 0; background: url(../images/banner-bgr.gif) no-repeat; width:673px; height: 224px;}
#holder #banner #motto { color : #333; font-size : 20px; font-weight: normal; margin : 0; padding: 0; position : absolute; top : 25px; right : 20px; }

#holder #rightTextbox { position : absolute; top : 150px; right: 0; background: url(../images/right-textbox.gif) no-repeat; width:252px; height: 223px; color : #FFF;}
#holder #rightTextbox #propaganda { position : absolute; top : 25px; left : 20px; width : 230px; font-size : 16px; }
#holder #rightTextbox #propaganda .zdarma { font-size : 20px; font-weight : bold; }

#holder #tab1 { position : absolute; top : 120px; left : 20px; }
#holder #tab2 { position : absolute; top : 120px; left : 142px; }
#holder #tab3 { position : absolute; top : 120px; left : 264px; }
#holder #tab4 { position : absolute; top : 120px; left : 386px; }
#holder #tab5 { position : absolute; top : 120px; left : 508px; }

#holder .tab { width: 119px; height:31px; background: url(../images/menu-tab.gif) no-repeat; text-align: center; font-size : 16px; color : #FFF; padding-top : 7px;}
#holder .tab { behavior: url('/hover.htc')}
#holder .tab:hover,#holder .tab.hover { background: url(../images/menu-tab-hover.gif) no-repeat; }
#holder div.active { background: url(../images/menu-tab-hover.gif) no-repeat; font-weight: bold; }
#holder .tab a { color : #FFF; text-decoration: none; display: block; }
#holder .tab a:hover { text-decoration:underline; }

#holder .item { background: url(../images/textbox.gif) no-repeat; width : 240px; height: 151px; padding : 15px;}
#holder .item img { float : left; }
#holder .item h2 { color : #F00; font-size : 18px; font-weight: normal; padding : 0; float : left; margin : 25px 0 5px 5px; }
#holder .item h2.box3head { margin : 5px 0 5px 5px; }
#holder .item p { margin : 0; padding : 0 25px 0 0; color : #666; }

#holder .item p.smallInfo { position : absolute; top : 120px; right: 25px;}

#holder .item p.smallInfo a { font-size : 11px; color: #F00; text-decoration: underline; }
#holder .item p.smallInfo a:hover { color: #000; }

#holder #box1 { position : absolute; top : 500px; left : 90px; }
#holder #box2 { position : absolute; top : 500px; left : 340px; }
.null {position : absolute; top : 0px; left : 0px; }
#holder #box3 { position : absolute; top : 500px; left : 590px; padding : 30px 15px 25px 15px; }
#holder #box3 p { _margin-top : -10px; }
#holder #box3 p.smallInfo { _margin : 0; }

#holder #box4 { position : absolute; top : 660px; left : 90px; }
#holder #box5 { position : absolute; top : 660px; left : 340px; }
#holder #box6 { position : absolute; top : 660px; left : 590px; }

#holder #text { position : absolute; top : 380px; left : 65px; width : 800px; }
#holder #text h1 { font-size : 18px; color : #F00; font-weight: normal; margin : 15px 0 0 0; padding : 0; float : left;}
#holder #text h5 { font-size : 18px; color : #F00; font-weight: normal; margin : 15px 0 0 0; padding : 0; float : left;}
#holder #text p { padding : 0; margin : 0; line-height: 1.5;}

#holder #text p.smallhref { padding : 0; margin : 5px 0; text-align: right; }
#holder #text p.smallhref a { font-size : 11px; color: #F00; text-decoration: underline; }
#holder #text p.smallhref a:hover { color : #000; }

#holder #text .textmark { float : left; margin : 0 10px 10px 0; }
#holder #text .dots { height: 1px; border-bottom : #999 1px dotted; }

#holder #text .column { float : left; width : 195px; margin : 10px 15px 0 0; }
#holder #text .column-in { padding : 5px 10px; }

#holder #text img { margin : 5px 0; }
#holder #text a { color : #F00; }
#holder #text a:hover { color : #000; }

#holder #text.content { position : absolute; top : 500px; left : 0; width : 100%; }
#holder #text .layout3Column { float : left; width : 275px; border: #E8E8E8 5px solid; padding : 10px; margin : 0 5px 10px 0;}
#holder #text .layout3Column h2 { font-size : 16px; color: #F00; font-weight : normal; margin : 10px 0 5px 0; padding : 0; }
#holder #text .layout3Column .dots { height : 10px; border-bottom : #CCC 1px dotted; }
#holder #text .sluzbyCol { height: 600px; background-color : #f9f9f9;}
#holder #text .importantNotice { border: #E8E8E8 5px solid; padding : 5px; text-align : center; margin-bottom : 15px;}

#holder #text .layout2Column { float : left; width : 450px; padding : 0; margin : 0 15px 10px 0; _margin-right : 5px;}
#holder #text .layout2Column p { margin-bottom : 10px;}
#holder #text .layout2Column h2 { font-size : 16px; margin : 10px; padding : 0; }
#holder #text .bordered { border: #E8E8E8 5px solid; width : 450px;  padding : 5px 0; margin : 0 0 10px 0; background-color : #f9f9f9;}
#holder #text .borderedTD { border: #E8E8E8 5px solid; padding: 2px 2px 2px 2px;   background-color : #f9f9f9;} /*iba pre obrazky v galerii*/


#holder #text .layout2Column p.layout2notice { margin : 20px; padding : 10px 0; text-align : justify; border-top : #000 1px dotted;}

#holder #text .layout2Column ul { margin : 5px 5px 5px 35px; padding : 0; }
#holder #text .layout2Column ul li { margin : 5px 0; padding : 0; }

#holder #text .bigBorder {  border: #E8E8E8 5px solid; padding : 5px; margin-bottom : 15px; }
#holder #text .bigBorder p {margin-bottom : 10px; }

#holder #smallBoxes { position : absolute; top : 390px; left : 0; float : left;  height : 95px;}
#holder .smallbox { text-align: center; width : 150px; height : 91px; float : left; margin-right : 5px; cursor: pointer}
#holder .lastSmallBox { margin-right: 0; }
#holder #smallBoxes a { color : #F00; text-decoration : none;}
#holder #smallBoxes a:hover { color : #000;  text-decoration : underline; font-weight : bold; }
#holder #smallBoxes a:hover .anchorTitle{ text-decoration : underline; font-weight : bold; }
#holder .anchorTitle { position : relative; top : 60px; }
#holder #smallBoxes .active { color : #000; text-decoration : underline; font-weight : bold; }
#holder #smallBoxes #smBox1 { background : url(../images/small-box-vystavba.gif) no-repeat; }
#holder #smallBoxes #smBox2 { background : url(../images/small-box-rekonstrukce.gif) no-repeat; }
#holder #smallBoxes #smBox3 { background : url(../images/small-box-obklady-a-dlazby.gif) no-repeat; }
#holder #smallBoxes #smBox4 { background : url(../images/small-box-zateplovani.gif) no-repeat; }
#holder #smallBoxes #smBox5 { background : url(../images/small-box-vestavby.gif) no-repeat; }
#holder #smallBoxes #smBox6 { background : url(../images/small-box-fasady.gif) no-repeat; }

#holder #footer { position : absolute; top : 830px; _top : 1125px; left : 0; width : 100%; height : 50px; background : url(../images/footerbgr.gif) repeat-x; padding-top : 7px; _padding-top : 15px;}
#holder #floatingFoot {width : 100%; height : 50px; background : url(../images/footerbgr.gif) repeat-x; padding-top : 15px;}
#holder #footer p#footerLinks, #holder #floatingFoot p#footerLinks { position : absolute; left : 20px; }
#holder #footer p#footerCopy, #holder #floatingFoot p#footerCopy { position: absolute; right: 20px; }
#holder #footer a, #holder #floatingFoot a { color : #000; text-decoration : underline; padding-right : 10px; }
#holder #footer a:hover, #holder #floatingFoot a:hover { text-decoration: none; }

#holder #left-content-side { width : 455px;	float : left; margin -right : 10px;}
#holder #left-content-side p { line-height: 1.5; margin-bottom : 10px;}
#holder #left-content-side img.inlineImage { float : left; border : #CCC 3px solid; margin : 0 10px 10px 0;}

#holder #right-content-side { width : 455px; float : right; position: relative; right : 7px;}

table.showcase { width: 100%; }
table.showcase td { padding : 5px; }
table.showcase td.showThumbs { border-left: #ccc 1px dotted; text-align: center; width : 100px; vertical-align : top; }
table.showcase td.showThumbs img:hover { cursor : pointer; }
table.showcase td.showImage { text-align: left; padding : 10px; font-size : 11px; vertical-align: top;}
table.showcase td.showImage img { border : #CCC 3px solid; }

table.fullTable { width : 100%;}
table.fullTable td { vertical-align : top; }

.center { text-align: center; }
.right { text-align: right; }