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

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

/* 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;}
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;}
.referencePic{padding-left:40px;background:url("nadpis-logo.jpg") left no-repeat;margin-top:20px;padding-bottom:10px;padding-top:10px;}
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 {color: #686f77; text-decoration: underline;}
a:hover {color: #686f77; text-decoration:none;}

ul {padding-left: 23px;}
li {padding-bottom:5px;}
table {margin-left: 0px;}
table {border-collapse:collapse;}
.referenceTab {width:100%;}
.referenceTab th {color:#000;font-weight:normal;background:#d1d6da;padding:5px;text-align:left;}
.referenceTab tr {border-bottom:1px solid #d1d6da;} 
.referenceTab td {padding:5px;padding-top:3px;padding-bottom:3px;font-size:85%;}

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

.breadcrumb {font-size:85%;color:#aaa;padding:5px 10px;margin-bottom:3px;padding-top:15px;}
.breadcrumb a{font-size:100%;color:#aaa;}

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

#bodyMain {background: url("background.jpg") #a2a7ad repeat-x;}
#main, #mainFooter {width: 1000px;text-align: left; margin: 0px auto; }
#main {background: url("header.jpg") no-repeat;}
.mainInside {margin: 0px 39px;}
#header, #content, #footer {width: 920px;}
#content {background: #fff;}
 #topDivider {width: 920px;}
 #menu{width:814px;}
 #menuPic{background: url("logobottom.jpg") left top no-repeat #000;}
#topDivider {border-top: 3px solid #fee725;}

#header {height: 93px; position: relative;}


#rightPanel ul {list-style-image:url("ulli.jpg");padding:0px;margin:0px;padding-left:20px;}


#leftPanel, #varLeftPanel {float:left;}
#leftPanel, #varRightPanel, .wideBlock {width:642px;}
#rightPanel, #varRightPanel {float:right;}
#rightPanel, #varLeftPanel, .thickBlock {width:278px;background:#d1d6da;}
.containerNadpis {background:url("kontejner-top.jpg") repeat-x #ffde01; padding:10px;}
#textInside {padding:10px;}

#insideLeftPanel{margin-left:0px;}

#footer {color: #82878d; padding: 5px 0px 5px 0px; background: url("footer.jpg") no-repeat #000;}

#flash {height: 317px; width: 642px; background: #fff; overflow:hidden; float:left; margin-bottom:15px;border-bottom:5px solid #ffde01;}

.end {clear: both;}
.endLeft {clear:left;}

/******** logo ***********/
#logo {width: 352px; height:93px; overflow:hidden; position: relative; top: 0px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 400px; top: 28px; width:500px; height:50px; text-align: right;}

/**** styl pro hlavni menu ***/
#menu {height: 39px; background: url("butt-menu.jpg") #000 repeat-x; margin-left:106px;}
#menu ul {margin: 0px; padding: 0px;}

#menu li
{
  float: left;
  list-style-type: none;
  text-align: center;
  color: #fff;  
  display: block;
  height: 39px;
  padding: 0px;
}
#menu li.uvod {width:110px;}
#menu li.strojnivybaveni {width:160px;}
#menu li.fotogalerie {width:136px;}
#menu li.jakostaiso {width:136px;}
#menu li.reference {width:136px;}
#menu li.kontakt {width:136px;}

#menu li span {display:block; font-size: 100%; font-weight:bold;padding-top: 11px;height: 39px;}
#menu li.uvod span,
#menu li.strojnivybaveni span,
#menu li.fotogalerie span,
#menu li.jakostaiso span,
#menu li.reference span,
#menu li.kontakt span {border-left: 1px solid #686177;}

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

#menu li, #menu li a, #menu li div.mainMenuSelected  {}

#menu li a:hover {cursor: pointer; background:none;color:#ffde01;}
#menu li div.mainMenuSelected {background: url("butt-menu-sel.jpg") #ffde01 repeat-x;color:#000;}

/***** prvky v paticce *****/
#footerLogo {float:left; width: 52px; overflow:hidden; height: 49px;}
#footerLeft {float: left; width: 730px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 160px; text-align: right;margin-right:3px;}
#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: #767b81; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #767b81; text-decoration: none;}
#rightSide {float:right; width: 665px;}

/**** 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 #767b81;}
#footerMenu li.uvod {border-left: none; padding-left: 0px;}


/*** ROZCESTNIK ****/
#rozcestnik {margin: 0px 0px 20px 15px;}

.rozcestBlock {float:left;width:201px;margin-right:5px;}
.rozcestPic {}
.rozcestTxt {text-align:center;background:#d1d6da;padding-top:3px;padding-bottom:5px;}
.rozcestTxt a, .rozcestTxt a:link, .rozcestTxt a:active, .rozcestTxt a:visited  {color: #000;font-weight:bold;}

/**** boxy a kontejnery ******/

.wideBlock, .thickBlock {background: #fff; margin-bottom: 3px;}
.blockInside {padding: 15px;}


/***** ostatni ******/
.imgBlockL {float:left; width: 110px;margin-right:10px;margin-top:10px;}
.imgBlockR {float:right; width: 110px;margin-left:10px;margin-top:10px;}

.buttBlock {padding: 3px 10px 7px 10px; text-align: right;}

.buttBlock a, .buttBlock a:link, .buttBlock a:active, .buttBlock a:visited {text-align:center; display:block; width: 80px; padding: 4px 0px 5px 0px; font-weight: normal; text-decoration: none; background: url("cmdbutt.jpg") #878e94 repeat-x; color: #fff; float: right;}
.buttBlock a:hover {text-decoration: underline; display:block;}

#technologies p, #designBy p {padding: 0px;}
#designBy{margin-top:5px;}

.kontaktBlok{float:left;width:300px;margin-bottom:10px;}
.kontaktBlok h3{margin-bottom:0px;padding-bottom:0px;}