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

body
{
  font-family: Tahoma, Verdana, Sans-Serif;
  color: #646464;
  height: 100%;
  text-align: center;
  background: url("background.jpg") #d9eaf4 repeat-x;
  padding-top: 20px;
}

/* 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 {padding-left:5px;font-weight: bold; color: #016fba;padding-bottom:10px;padding-top:10px;font-size: 140%;}
h3 {padding-left:5px;font-weight: bold; color: #016fba;padding-bottom:5px;padding-top:0px;}
h4 {padding-left:5px;font-weight: bold; color: #016fba;padding-bottom:3px;}

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

a, a:active, a:visited, a:link {color: #016fba; text-decoration: underline;}
a:hover {color: #016fba; 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-top:0px;margin-top:5px;padding-bottom:10px;}
.breadcrumb a{font-size:100%;color:#aaa;}

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

#main, #footer {width: 990px;}
#main {text-align: left; margin: 0px auto; background: #fff no-repeat;}
#mainInside {margin: 0px 20px;}
#header, #menu, #content,.contBlock, #rozcestnik {width: 950px;}

#header {height: 110px; position: relative;}
#content {padding-top: 2px;}
#content ul {list-style-image:url("square.jpg");padding-left:40px;padding-top:10px;padding-bottom:10px;}
.contBlock {padding-bottom: 2px;}
#rozcestnik {background: url("bcg-rozcest.jpg") repeat-y;}

#leftPanel {float:left;width:240px;}
#rightPanel {float:right;width:710px;}

#footer {color: #5fa8db; padding: 10px 0px 5px 0px; background: url("footer.jpg") #d9eaf4 no-repeat;}

#flash {height: 282px; width: 712px; background: #fff; overflow:hidden; float:left;}

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

/******** logo ***********/
#logo {width: 346px; height:68px; overflow:hidden; position: relative; top: 20px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 520px; top: 20px; width:435px; height:90px; text-align: right;}

/**** styl pro hlavni menu ***/
#menu {background: url("menu.jpg") blue no-repeat; height: 38px;}
#menu ul {margin: 0px 7px;padding: 0px;}

#menu li
{
  float: left;
  list-style-type: none;
  text-align: center;
  color: #fff;  
  display: block;
  height: 38px;
  padding: 0px;
}
#menu li span {display:block; font-size: 110%;font-weight:bold; padding-top: 9px;height: 38px;}
#menu li.uvod span,
#menu li.onas span,
#menu li.produkty 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.uvod a, #menu li.uvod div.mainMenuSelected {width: 235px;}
#menu li.onas a, #menu li.onas div.mainMenuSelected {width: 235px;}
#menu li.produkty a, #menu li.produkty div.mainMenuSelected {width: 236px;}
#menu li.kontakt a, #menu li.kontakt div.mainMenuSelected {width: 230px;}

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


/***** prvky v paticce *****/
#footerLogo {float:left; width: 127px; overflow:hidden;}
#footerLeft {float: left; width: 720px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 200px; text-align: right;}
#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: #5fa8db; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #5fa8db; text-decoration: none;}

/**** menu v paticce *******/
#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 #5fa8db;}
#footerMenu li.uvod {border-left: none; padding-left: 0px;}

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

.baseBlock {float:left; width: 238px;}
.firstBlock {float:left; width: 236px;}
.baseOdsazeni {margin-left: 2px;}
.baseInside {background: #ececec; width: 236px;}
.baseInside h2 {padding: 5px; color: #fff;background: url("square.jpg") no-repeat 5px center; font-size: small; padding: 5px 5px 5px 20px;}
.blockNadpis {background: url("kont-top.jpg") #0272bc repeat-x;}
.basePrechod {background:url("kont-bcg.jpg") #f8f8f8 repeat-x;}
.basePrechod h2 {color: #016fba; font-size: medium;}
.baseBlock .basePrechod {width: 236px;}
.wideBlock .basePrechod {width: 712px;}


.baseInside p, .basePrechod p,
.baseInside address, .basePrechod address  {padding: 10px;}
.baseInside li {list-style-image: url("odrazka.jpg");} 

.wideBlock {width: 712px; float:left;}
.blockContent {padding: 10px;}

/***** ostatni ******/
.buttBlock, .buttCenter, .buttBlockRev {padding: 3px 10px 7px 10px; width: 150px;}
.buttBlock, .buttBlockRev {float:right;}
.buttCenter a span, .buttCenter a:link span, .buttCenter a:active span, .buttCenter a:visited span,
.buttBlock a, .buttBlock a:link, .buttBlock a:active, .buttBlock a:visited {text-align:center; display:block; width: 150px; padding: 4px 0px; font-weight: normal; border: 1px solid #e1e1e1; text-decoration: none; background: url("cmdbutt.jpg") repeat-x; color: #888;}
.buttBlock a:hover, .buttCenter a:hover span {color: #fff; text-decoration: none; display:block;background: url("cmdbutt-sel.jpg") #f5f5f5 repeat-x;}

.buttBlockRev a, .buttBlockRev a:link, .buttBlockRev a:active, .buttBlockRev a:visited {text-align:center; display:block; width: 150px; padding: 4px 0px; font-weight: normal; border: 1px solid #e1e1e1; text-decoration: none; background: url("cmdbutt-sel.jpg") #f5f5f5 repeat-x; color: #fff;}
.buttBlockRev a:hover, .buttBlockRev a:hover span {text-decoration: none; display:block; background: url("cmdbutt.jpg") repeat-x; color: #888;}


.imgBlockL {float:left; width: 236px;margin-right:10px;margin-top:10px;}
.imgBlockR {float:right; width: 236px;margin-left:10px;margin-top:10px;}

table .cennikTab {border-collapse: collapse;}
.cennikTab td{border:1px solid #555;font-size:85%;padding:2px;margin:0px;}
.cennikTab th{border:1px solid #555;background:#ececec;color:#555;font-size:85%;padding:5px;}