* {margin: 0px; padding:0px; border: none; font-family: Arial, Tahoma, Verdana, Sans-Serif;}

body
{
  font-family: Arial, Tahoma, Verdana, Sans-Serif;
  color: #000;
  height: 100%;
  text-align: center;
  background:#f0f0f0;
}

/* dnn font rewrite */
body, table, tr, td, p, ul, li, dl, ol, address, a, b, i, h1, h2, h3, h4, h5, h6 {font-size: small;font-family: Arial, Tahoma, Verdana, Sans-Serif;}
h1 {font-size: 140%; color: #016fba; font-weight: normal;}

h2 {font-weight: bold; color: #000;padding-bottom:10px;font-size: 130%;}
h3 {font-weight: bold; color: #000;padding-bottom:10px;padding-top:10px;}
h3 a {font-weight:bold;}
h4 {font-weight: bold; color: #000;padding-bottom:7px;padding-top:15px;}

address {font-style: normal; padding: 5px 0px;}
p { text-align: justify; padding: 5px 0px;}

a, a:active, a:visited, a:link {font-weight:normal;color: #000; text-decoration: underline;}
a:hover {font-weight:normal;color: #000; text-decoration:none;}

ul {padding-left: 23px;}
li {padding-bottom:5px;}
table {margin-left: 8px;margin-top:10px;margin-bottom:10px;}
table {border-collapse:collapse;}
th {color: #004996;border:1px solid #888;padding:7px;padding-top:7px;padding-bottom:7px;text-align:center;}
td {border:1px solid #888;padding:7px;padding-top:7px;padding-bottom:7px;text-align:center;}

textarea {border:1px solid #ccc;}
input {border:1px solid #ccc;}

.breadcrumb {font-size:85%;color:#aaa;padding:2px 10px;margin-bottom:3px;}
.breadcrumb a{font-weight:normal;font-size:100%;color:#7f7f7f;}

.end {clear: both;}

/*********************/
/* HLAVNI LAYOUT ***/

#main, #footer {width: 990px;text-align: left; margin: 0px auto; }

#mainFooter{background:none;color:#a4a4a4;}
#header, #content,#content-orange,#content-red, #header-orange, #header-red {width: 990px;}
#header {position:relative;background: url("header.jpg") no-repeat;height:102px;}
#header-red {position:relative;background: url("header-red.jpg") no-repeat;height:102px;}
#header-orange {position:relative;background: url("header-orange.jpg") no-repeat;height:102px;}

#content {background: url("cont-bcg.jpg") #f0f0f0 repeat-y right top;}
#content-red {background: url("cont-bcg-red.jpg") #f0f0f0 repeat-y right top;}
#content-orange {background: url("cont-bcg-orange.jpg") #f0f0f0 repeat-y right top;}
.greencontent h2{color:#29a696;padding:4px 5px 5px 15px;background: url("sipka-green.gif") no-repeat left top;}
.redcontent h2{color:#dc3221;padding:4px 5px 5px 15px;background: url("sipka-red.gif") no-repeat left top;}
.orangecontent h2{color:#dc8c2b;padding:4px 5px 5px 15px;background: url("sipka-orange.gif") no-repeat left top;}
.blackcontent h2{color:#5f5f5f;padding:4px 5px 5px 15px;background: url("sipka-black.gif") no-repeat left top;}
.greencontent h3, .greencontent h3 a{color:#29a696;}
.redcontent h3, .redcontent h3 a{color:#dc3221;}
.orangecontent h3, .orangecontent h3 a{color:#dc8c2b;}


#menu{width:938px;height: 44px;background:url("menu.jpg") #626262 no-repeat;}



#flash { width: 666px; height: 305px; background: url("flash.jpg") no-repeat; overflow:hidden; float:left;}
#aboutus {width:265px;float:left;margin-top:5px;height:300px;color:#5f5f5f;}
#aboutus h2{color:#5f5f5f;}
#aboutus a{color:#5f5f5f;}
.insideAbout{margin-left:21px;margin-top:15px;}
.insideAbout p{text-align:left;}

#leftPane {width:221px;float:left;margin-left:0px;}
#midPane {width:420px;float:left;margin-left:21px;}
#rightPane {width:256px;float:right;margin-left:0px;}

/** VARIANT **/
#leftCol {float:left;width:189px;margin:5px;margin-left:0px;}
#midCol {float:left;width:510px;margin:5px;margin-left:20px;margin-right:20px;}
#rightCol {float:right;width:189px;margin:5px;margin-right:0px;}

/******** logo ***********/
#logo {width: 262px; height:69px; overflow:hidden; position: relative; top: 20px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; right: 65px; top: 50px; width:600px; height:50px; text-align: right;}

/**** styl pro hlavni menu ***/

#menu ul {margin: 0px; padding: 0px;margin-left:6px;}

#menu li
{
  float: left;
  list-style-type: none;
  text-align: center;
  color: #f0f0f0;  
  display: block;
  height: 38px;
  padding: 0px;
  background: url("menu-dev.jpg") right no-repeat;
  
}


#menu li span {display:block; font-size: 100%; font-weight:normal;padding-top: 11px;height: 38px;}


#menu li a {color: #fff; text-decoration: none; display:block;}
#menu li a, #menu li div.mainMenuSelected {overflow:hidden;height: 38px;}

#menu li, #menu li a, #menu li div.mainMenuSelected {width: 100px;}
#menu li.uvod, #menu li.uvod a, #menu li.uvod div.mainMenuSelected {width: 96px;}
#menu li.ofirme, #menu li.ofirme a, #menu li.ofirme div.mainMenuSelected  {width: 100px;}
#menu li.realizacestaveb, #menu li.realizacestaveb a, #menu li.realizacestaveb div.mainMenuSelected  {width: 130px;}

#menu li.uvod a:hover,
#menu li.kontakty a:hover,
#menu li.ofirme a:hover {cursor: pointer; background:none;color:#d5d5d5;}
#menu li.reference a:hover {cursor: pointer; background:none;color:#d5d5d5;}
#menu li.realizacestaveb a:hover,
#menu li.doprava a:hover,
#menu li.stavebnibazar a:hover,
#menu li.pujcovna a:hover {cursor: pointer; background:none;color:#d5d5d5;}
#menu li.aktuality a:hover {cursor: pointer; background:none;color:#d5d5d5;}


#menu li.uvod div.mainMenuSelected,
#menu li.kontakty div.mainMenuSelected,
#menu li.ofirme div.mainMenuSelected,
#menu li.reference div.mainMenuSelected,
#menu li.realizacestaveb div.mainMenuSelected,
#menu li.doprava div.mainMenuSelected,
#menu li.stavebnibazar div.mainMenuSelected,
#menu li.pujcovna div.mainMenuSelected,
#menu li.aktuality div.mainMenuSelected{background: url("menu-sel.jpg") repeat-x #d5d5d5;color:#555;} 

/***** prvky v paticce *****/
#footerLogo {float:left; width: 50px; overflow:hidden; height: 49px;}
#footerLeft {float: left; width: 750px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 160px; text-align: right;margin-right:52px;}
#footerRight p {text-align: right;}
#footer img {position:relative; top: 4px;}

#footer a, #footer a:link, #footer a:active, #footer a:visited {font-weight: normal; color: #a4a4a4; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #a4a4a4; text-decoration: none;}
#rightSide {float:left; width: 690px;}

/**** menu v paticce *******/
#footerMenu {margin-top:4px;}
#footerMenu ul {padding-left: 0px;list-style-image:none;}
#footerMenu li a {text-decoration:underline;}
#footerMenu li {float: left; padding: 0px 5px; list-style-type: none; border-left: 1px solid #a4a4a4;}
#footerMenu li.uvod {border-left: none; padding-left: 0px;}

/******************************/
/**** image float block *******/
.imgBlockL {float:left; width: 200px;margin-right:10px;margin-top:0px;}
.imgBlockR {float:right; width: 200px;margin-left:10px;margin-top:0px;}

.prouzek {border-top:1px #c7c7c7 dotted;padding-top:5px;margin-right:51px;}

.kontaktBox{float:left;width:250px;}
.kontaktBox h4{color:#29a696;margin-bottom:0px;padding-bottom:0px;}
.kontaktBox p{margin-top:0px;padding-top:0px;}

.kontaktBlock h3{font-size:140%;margin-top:20px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}

.novinka h3 {background: url("novinka.jpg") no-repeat;margin:0px;padding:0px;padding-left:17px;font-size:90%;}
.novinka h3 span{font-size:90%;color:#9a9a9a;font-weight:normal;}
.novinka p {font-size:85%;}

.novinkavsekci {margin-top:20px;margin-bottom:0px;padding-bottom:20px;border-bottom:1px #c7c7c7 dotted;}
.novinkavsekci h3 {margin:0px;padding:0px;font-size:100%;}
.novinkavsekci h3 span{background: url("novinka.jpg") no-repeat;padding-left:17px;color:#9a9a9a;font-weight:normal;}
.novinkavsekci p {}

.bazarnovinkavsekci {margin-top:20px;margin-bottom:0px;padding-bottom:20px;border-bottom:1px #c7c7c7 dotted;}
.bazarnovinkavsekci h3 {margin:0px;padding:0px;font-size:100%;}
.bazarnovinkavsekci h3 span{background: url("novinka.jpg") no-repeat;padding-left:17px;color:#9a9a9a;font-weight:normal;}
.bazarnovinkavsekci p {}


.reference {padding-bottom:10px;}
.reference h3 {margin:0px;padding:0px;font-size:90%;}
.reference p {font-size:85%;padding-top:5px;margin-top:0px;}
.reference p span{color:#000;}

.sluzba {margin-bottom:3px;}
.sluzba h3 {margin:0px;padding:0px;font-size:100%;}
.sluzba p {font-size:90%;padding-top:5px;margin-top:0px;}

.referencevsekci {margin-top:20px;margin-bottom:0px;padding-bottom:20px;border-bottom:1px #c7c7c7 dotted;}
.referencevsekci h3 {margin:0px;padding:0px;font-size:120%;}
.referencevsekci p {padding-top:0px;margin-top:0px;}
.referencevsekci p span{color:#000;}

.dopravni {margin-top:20px;margin-bottom:0px;padding-bottom:20px;border-bottom:1px #c7c7c7 dotted;}
.dopravni h3 {margin:0px;padding:0px;margin-bottom:5px;font-size:120%;}
.dopravni p {text-align:left;padding-top:0px;margin-top:0px;}

.pujcovnaitem {margin-top:10px;margin-bottom:0px;padding-bottom:10px;border-bottom:1px #c7c7c7 dotted;}
.pujcovnaitem h3 {margin:0px;padding:0px;margin-bottom:5px;font-size:120%;}
.pujcovnaitem p {text-align:left;padding-top:0px;margin-top:0px;}

.pujcovnarozcestnik{float:left;width:170px;}
.pujcovnarozcestnikfoto{width:160px;height:120px;background:#888;}
.pujcovnarozcestniknadpis{width:160px;height:80px;text-align:center;}
.pujcovnarozcestniknadpis h3 a{color:#29a696;font-weight:bold;}

/***********************/
/***********************/
/**** kontejnery *******/
/***********************/
.cont-home-left-green{width:221px;margin-bottom:5px;}
.contHead-home-left-green{background: url("home-left-green-top.jpg") #29a696 no-repeat;color:#fff;}
.contHeadBottom-home-left-green{background: url("home-left-green-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-home-left-green h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-home-left-green{background: url("home-left-green-shade.jpg") no-repeat top;}
.contInside-home-left-green{padding:7px;}
.contInside-home-left-green a,
.contInside-home-left-green a:active, 
.contInside-home-left-green a:visited, 
.contInside-home-left-green a:link {font-weight:normal;color: #29a696; text-decoration: underline;}
.contInside-home-left-green a:hover {font-weight:normal;color: #29a696; text-decoration:none;}
.contInside-home-left-green h3{color: #29a696;}

.cont-green{width:189px;margin-bottom:5px;}
.contHead-green{background: url("green-top.jpg") #29a696 no-repeat;color:#fff;}
.contHeadBottom-green{background: url("green-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-green h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-green{}
.contInside-green{padding:5px;}
.contInside-green a,
.contInside-green a:active, 
.contInside-green a:visited, 
.contInside-green a:link {font-weight:normal;color: #29a696; text-decoration: underline;}
.contInside-green a:hover {font-weight:normal;color: #29a696; text-decoration:none;}
.contInside-green h3{color: #29a696;}
.contInside-green li span.selectedCategory {color: #29a696;}


.cont-home-middle-orange{width:420px;margin-bottom:5px;}
.contHead-home-middle-orange{background: url("home-middle-orange-top.jpg") #dc8c2b no-repeat;color:#fff;}
.contHeadBottom-home-middle-orange{background: url("home-middle-orange-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-home-middle-orange h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-home-middle-orange{background: url("home-middle-orange-shade.jpg") no-repeat top;}
.contInside-home-middle-orange{padding:10px;}
.contInside-home-middle-orange a,
.contInside-home-middle-orange a:active, 
.contInside-home-middle-orange a:visited, 
.contInside-home-middle-orange a:link {font-weight:normal;color: #dc8c2b; text-decoration: underline;}
.contInside-home-middle-orange a:hover {font-weight:normal;color: #dc8c2b; text-decoration:none;}
.contInside-home-middle-orange h3{color:#dc8c2b;}


.cont-orange{width:189px;margin-bottom:5px;}
.contHead-orange{background: url("orange-top.jpg") #dc8c2b no-repeat;color:#fff;}
.contHeadBottom-orange{background: url("orange-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-orange h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-orange{}
.contInside-orange{padding:5px;}
.contInside-orange a,
.contInside-orange a:active, 
.contInside-orange a:visited, 
.contInside-orange a:link {font-weight:normal;color: #dc8c2b; text-decoration: underline;}
.contInside-orange a:hover {font-weight:normal;color: #dc8c2b; text-decoration:none;}
.contInside-orange h3{color: #dc8c2b;}

.cont-home-right-red{width:256px;margin-bottom:5px;}
.contHead-home-right-red{background: url("home-right-red-top.jpg") #dc3221 no-repeat;color:#fff;}
.contHeadBottom-home-right-red{background: url("home-right-red-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-home-right-red h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-home-right-red{background: url("home-right-red-shade.jpg") no-repeat top;}
.contInside-home-right-red{padding:10px;}
.contInside-home-right-red a,
.contInside-home-right-red a:active, 
.contInside-home-right-red a:visited, 
.contInside-home-right-red a:link {font-weight:normal;color: #dc3221; text-decoration: underline;}
.contInside-home-right-red a:hover {font-weight:normal;color: #dc3221; text-decoration:none;}
.contInside-home-right-red h3{color:#dc3221;}

.cont-red{width:189px;margin-bottom:5px;}
.contHead-red{background: url("red-top.jpg") #dc3221 no-repeat;color:#fff;}
.contHeadBottom-red{background: url("red-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-red h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-red{}
.contInside-red{padding:5px;}
.contInside-red a,
.contInside-red a:active, 
.contInside-red a:visited, 
.contInside-red a:link {font-weight:normal;color: #dc3221; text-decoration: underline;}
.contInside-red a:hover {font-weight:normal;color: #dc3221; text-decoration:none;}
.contInside-red h3{color: #dc3221;}


.cont-home-right-grey{width:256px;margin-bottom:5px;}
.contHead-home-right-grey{background: url("home-right-grey-top.jpg") #c2c2c2 no-repeat;color:#fff;}
.contHeadBottom-home-right-grey{background: url("home-right-grey-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-home-right-grey h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-home-right-grey{}
.contInside-home-right-grey{padding:10px;color:#000;padding-left:33px;}


.cont-grey{width:189px;margin-bottom:5px;}
.contHead-grey{background: url("grey-top.jpg") #c2c2c2 no-repeat;color:#fff;}
.contHeadBottom-grey{background: url("grey-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-grey h2{color:#fff;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka.gif") no-repeat left top;}
h2 .contH {color:#fff;font-weight:bold;}
.contBody-grey{}
.contInside-grey{padding:5px;color:#000;padding-left:10px;}

.cont-emptygrey{width:189px;margin-bottom:5px;background: url("emptygrey-middle.jpg") repeat-y;}
.contHead-emptygrey{background: url("emptygrey-top.jpg") no-repeat;color:#c3c1c2;}
.contHeadBottom-emptygrey{background: url("emptygrey-bottom.jpg") no-repeat bottom;padding-bottom:5px;}
.contHead-emptygrey h2{color:#c3c1c2;padding:6px 15px 1px 25px;margin-left:8px;font-size:100%;background: url("sipka-grey.gif") no-repeat left top;}
h2 .contH-emptygrey {color:#c3c1c2;font-weight:bold;}
.contBody-emptygrey{}
.contInside-emptygrey{padding:5px;color:#000;padding-left:10px;}

#search input.searchbox{width:130px;height:17px;margin-left:10px;}
#search input.searchbutton{background:#000;width:19px;height:19px;}
#search img{position:relative;top:5px;}