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

body
{
  font-family: Tahoma, Verdana, Sans-Serif;
  color: #3b3b3b;
  height: 100%;
  text-align: center;
  background: #2e3440;
}

/* 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: #c41301;padding-bottom:10px;font-size: 130%;}
h3 {font-weight: bold; color: #c41301;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: #c41301; text-decoration: underline;}
a:hover {color: #c41301; text-decoration:none;}

ul {padding-left: 23px;}
li {padding-bottom:5px;}
table {margin-left: 8px;}
table {border-collapse:collapse;}
td {padding:3px;padding-top:7px;padding-bottom:7px;}

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

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

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

#bodyMain {background: url("background.jpg") #fff repeat-x;}
#main, #mainFooter {width: 980px;text-align: left; margin: 0px auto; }
#main {background: url("header.jpg") no-repeat;}
.mainInside {margin: 0px 10px;}
#header, #content, #footer {width: 960px;}
#contBorder {padding: 3px;}
#content {background: #fff;}
#menu, #topDivider {width: 954px;}
#topDivider {border-top: 3px solid #565d65; padding-top: 1px;}

#header {height: 135px; position: relative;}
#languages {position: absolute; top: 0px; left:810px; width: 150px; height: 30px; text-align: right;}
#languages ul {margin: 0px; padding: 0px;}
#languages li{list-style-type: none;float:right;padding-left:5px;text-align:right;color:#878787;}
#languages a, #languages a:link, #languages a:active, #languages a:visited {font-weight: normal; color: #878787; text-decoration: underline;}
#languages a:hover {font-weight: normal; color: #878787; text-decoration: none;}


#content ul {list-style-image:url("square.jpg");padding-left:40px;padding-top:10px;padding-bottom:10px;}
#text {background: #e0e1e3;}

#leftPanel, #varLeftPanel {float:left;}
#leftPanel, #varRightPanel, #rozcestnik, .wideBlock, #text {width:695px;}
#rightPanel, #varRightPanel {float:right;}
#rightPanel, #varLeftPanel, #submenu, .thickBlock {width:256px;}
#textInside {padding:10px;}

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

#flash {height: 342px; width: 695px; background: #fff; overflow:hidden; float:left; margin-bottom: 3px;}

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

/******** logo ***********/
#logo {width: 179px; height:107px; overflow:hidden; position: relative; top: 15px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 360px; top: 50px; width:600px; height:40px; text-align: right;}

/**** styl pro hlavni menu ***/
#menu {height: 37px; background: url("butt-menu.jpg") #db2a18 repeat-x; margin-bottom: 1px;}
#menu ul {margin: 0px; padding: 0px;}

#menu li
{
  float: left;
  list-style-type: none;
  text-align: center;
  color: #fff;  
  display: block;
  height: 37px;
  padding: 0px;
}
#menu li span {display:block; font-size: 110%; padding-top: 9px;height: 37px;}
#menu li.uvod span,
#menu li.sluzby span,
#menu li.reference span,
#menu li.fotogalerie span,
#menu li.kariera span {border-right: 1px solid white;}

#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: 120px;}

#menu li div.mainMenuSelected, #menu li a:hover {}
#menu li a:hover {cursor: pointer; background: url("butt-menu-hov.jpg")#b7524a repeat-x;}
#menu li div.mainMenuSelected {background: url("butt-menu-sel.jpg") #838a92 repeat-x;}

/***** styl pro Submenu **/
#subMenu {background: #fff;}
#subMenu ul {margin: 0px;padding: 0px;}

#subMenu li
{
  margin: 0px;
  padding: 0px 0px 3px 0px;
  list-style-type: none;
  text-align: left;
  overflow:hidden;
}

#subMenu li, #subMenu li div.subMenuSelected, #subMenu li a { display:block; width: 256px; font-size: 100%; font-weight:bold;}
#subMenu ul a {text-decoration: none; color: #fff;}
#subMenu li span {display:block; padding: 10px 3px 10px 30px;}

#subMenu li a {background: url("butt-submenu.jpg") #57636e repeat-x center;}
#subMenu li span {background: url("ulli.gif") no-repeat 8px center;}

#subMenu li div.subMenuSelected,
#subMenu li a:hover {background: url("butt-submenu-sel.jpg") #ce2916 repeat-x center; color:#fff;}

/***** prvky v paticce *****/
#footerLogo {float:left; width: 62px; overflow:hidden; height: 50px;}
#footerLeft {float: left; width: 750px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 200px; 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: #82878d; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #82878d; text-decoration: none;}
#rightSide {float:right; width: 685px;}

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

/*** ROZCESTNIK ****/
#rozcestnik {margin: 0px 0px 3px 0px;}
.rozcBlock, .rightRozcBlock {float: left;}
.rozcBlock {width: 233px;}
.rightRozcBlock {width: 229px;}
.rozcInside {padding-right: 3px;}

.rozcBlock a,
.rightRozcBlock a {display: block; text-decoration: none; color: #fff;}

.rozcBlock a {width: 230px;}
.rightRozcBlock a {width: 229px;}

.rozcBlock a span.bcg,
.rightRozcBlock a span.bcg {display:block; background: url("butt-submenu.jpg") #868d95 repeat-x center;}

.rozcBlock a span.pict,
.rightRozcBlock a span.pict {display:block; padding: 10px 3px 10px 30px;background: url("ulli.gif") no-repeat 8px center;}

.rozcBlock a, .rozcBlock a:link, .rozcBlock a:active, .rozcBlock a:visited,
.rightRozcBlock a, .rightRozcBlock a:link, .rightRozcBlock a:active, .rightRozcBlock a:visited  {color: #fff; background: none;}

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

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

/***** 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;}