body {background:url(img/bg.jpg) repeat-x; margin: 0px; padding:0px; color:#555; font-family:Arial; font-size:12px; }

a, a:active, a:visited {color:#D21913; text-decoration:underline;}
a:hover {color:#D21913; text-decoration:none;}

.left {float:left; }
.right{float:right; }
.clear{clear:both; }

div#wrapper	{width:1223px; height:auto; margin:auto; background:url(img/bg-wrapper.jpg) no-repeat; }
div#page-wrapper {width:980px; height:auto; margin:auto; }

div#header	{width:980px; height:100px; background:url(img/header.jpg) no-repeat; position: relative}
div#header a.logo {width: 150px; height: 49px; position: absolute; margin: 26px 0px 0px;}
div#header div.menu{width:460px; height:21px; margin:52px 61px 0 0; background:url(img/menu-items.png) -21px 0px;}
div#header div.menu a {display:block; height: 21px; float:left; }
div#header div.menu a.b1 {width:107px; background:url(img/menu-items.png) 0px 0px; }
div#header div.menu a.b2 {width:73px; background:url(img/menu-items.png) -107px 0px; }
div#header div.menu a.b3 {width:70px; background:url(img/menu-items.png) -180px 0px; }
div#header div.menu a.b4 {width:89px; background:url(img/menu-items.png) -250px 0px; }
div#header div.menu a.b5 {width:121px; background:url(img/menu-items.png) -339px 0px; }
div#header div.menu a.b1:hover {width:107px; height:21px; background:url(img/menu-items.png) 0px -21px; }
div#header div.menu a.b2:hover {width:73px; height:21px; background:url(img/menu-items.png) -107px -21px; }
div#header div.menu a.b3:hover {width:70px; height:21px; background:url(img/menu-items.png) -180px -21px; }
div#header div.menu a.b4:hover {width:89px; height:21px; background:url(img/menu-items.png) -250px -21px; }
div#header div.menu a.b5:hover {width:121px; height:21px; background:url(img/menu-items.png) -339px -21px; }

/* MAIN IMAGE / STAVBY A REKONSTRUKCIE */
div#top-content	{width:980px; height:291px;}
#wrapper-left	{width:620px; height:260px; }
div#top-content .wrapper-right	{width:280px; height:170px; background:url(img/top-content-right.jpg) no-repeat; padding: 90px 50px 0px 30px;}
div#top-content .wrapper-right p {margin: 15px 0px 5px 0px; color: #FFFFFF; width: 250px; line-height: 16px;}
div#top-content .wrapper-right a {display:block; height: 14px; float:left; margin: 23px 11px; }
div#top-content .wrapper-right a.wrapper-right-button {width: 110px; height: 14px; background: url(img/kompletna-ponuka.png) no-repeat; }
div#top-content .wrapper-right a.wrapper-right-button:hover {width: 110px; height: 14px; background: url(img/kompletna-ponuka-hover.png) no-repeat; }
div#top-content .wrapper-bottom	{width:980px; height:31px; background:url(img/top-content-bottom.jpg) no-repeat; }

/* TEXT */
div.wrapper-content {width:620px; height:auto; margin-top:35px;}
div.wrapper-content .wrapper-content-top {width:447px; height:30px; background:url(img/text-vitajte.jpg) no-repeat;}
div.wrapper-content .wrapper-content-left {width:170px; height:auto; margin:10px 10px 0px 0px;}
div.wrapper-content .wrapper-content-left .box {width:158px; height:170px; padding:2px; border:1px solid #DFDEDB; background:url(img/img.jpg) 50% 50%no-repeat;}
div.wrapper-content .wrapper-content-right {width:400px; height:auto; margin:10px 5px 0px 0px;}
.wrapper-content-right p {margin:0px 0px 25px 0px; line-height: 19px;}
div.wrapper-content .wrapper-content-right a {color: #D21913; text-decoration:underline; }
div.wrapper-content .wrapper-content-right a:hover {color: #D21913; text-decoration:none; }
div.wrapper-box-right	{width:300px; height:auto; margin-top:30px;}
div.wrapper-box-right a{display:block; height: 14px; float:left; margin: 12px 0px 0px 95px; }
div.wrapper-box-right a.button {color:#888888; text-decoration: none; margin: 5px 0px 0px 95px; font-size: 11px;}
div.wrapper-box-right a.button:hover {color:#888888; text-decoration: underline; margin: 5px 0px 0px 95px; font-size: 11px;}

/* PRAVE MENU */
div.wrapper-box-right a.wb1 {width: 136px; height: 14px; background: url(img/text-stavby.png) no-repeat; }
div.wrapper-box-right a.wb1:hover {width: 136px; height: 14px; background: url(img/text-stavby-hover.png) no-repeat; }
div.wrapper-box-right a.wb2 {width: 162px; height: 13px; background: url(img/text-zahrady.png) no-repeat; }
div.wrapper-box-right a.wb2:hover {width: 162px; height: 13px; background: url(img/text-zahrady-hover.png) no-repeat; }
div.wrapper-box-right a.wb3 {width: 147px; height: 13px; background: url(img/text-dlazby.png) no-repeat; }
div.wrapper-box-right a.wb3:hover {width: 147px; height: 13px; background: url(img/text-dlazby-hover.png) no-repeat; }
div.wrapper-box-right .box-main	{width:300px; height:19px; background:url(img/text-profesionalne.jpg) no-repeat; margin-bottom:20px;}
div.wrapper-box-right .box-1 {width:300px; height:70px; margin:0px 0px 1px 0px; padding:0px; background:url(img/box-stavby.png) no-repeat;}
div.wrapper-box-right .box-2 {width:300px; height:67px; margin:0px 0px 1px 0px; padding:0px; background:url(img/box-zahrady.png) no-repeat;}
div.wrapper-box-right .box-3 {width:300px; height:67px; margin:0px 0px 1px 0px; padding:0px; background:url(img/box-dlazby.png) no-repeat;}
div.wrapper-box-right p { width:210px; height:30px; padding:15px 0px 0px 95px; font-size:11px; margin:0px;}

div#footer	{width:860px; height:45px; clear:both; background:url(img/footer.jpg) no-repeat; margin:30px 0px; padding:25px 30px 0px 30px; color:#888888;font-size:11px;}
div#footer a{color:#D21913; text-decoration:underline;}
div#footer a:hover{color:#D21913; text-decoration:none;}

ul.ponuka { margin-top: 15px; margin-bottom: 25px; }
ul.ponuka li { padding-bottom: 5px; margin-right: 30px; }
ul.hlavne { margin: 0 0 20px 0; padding: 0 0 0 6px; }
ul.hlavne li { list-style-type: none; display: inline; float: left; width: 250px; font-weight: bold; color: #C00; margin-bottom: 4px; }

.cleaner { height: 1px; font-size: 1px; line-height: 1px; clear: both; }
h3 { margin: 30px 0 0 5px; padding: 0; font-size: 12px; color: #000; }

a.cennik, a.cennik:link, a.cennik:visited { display: block; padding: 15px; background-color: #F3F3F1; border: 1px dashed #D3D3CF; font-weight: bold; text-decoration: none; margin: 0 20px 0 5px; }
a.cennik:hover { background-color: #E1E1DE; color: #900; }
a.cennik span, a.cennik:link span, a.cennik:visited span { font-weight: normal; color: #333; }

a img { border: 0; }