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

body
{
  font-family: Sans-Serif, Verdana, Tahoma;
  color: #000;
  height: 100%;
  text-align: center;
  background: url("background.jpg") #fff no-repeat center top;
  display: table;
  width: 100%;
}

/* 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: #ba251e; font-weight: normal;}

h2 { color: #ba251e;padding-bottom:5px;font-size: 120%;}
h3 { color: #ba251e;padding-bottom:8px;padding-top:15px;font-size: 115%;}
h4 {font-weight: bold; color: #ba251e;padding-bottom:3px;}

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

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

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

.tableborder td{border:1px solid #114473;}
.tableborder th{border:1px solid #114473;background:#114473;color:#fff;}
.tableborder {margin-top:15px;margin-bottom:15px;}
 
textarea {border:1px solid #ccc;}
input {border:1px solid #ccc;}

.breadcrumb {  padding: 4px 10px; color: #114473; border-bottom: 1px solid #9bc2db; margin: 5px 10px;}
.breadcrumb a {color: #114473;}

.megaText {margin: 15px 0px 15px 0px; padding: 10px;background:#114473;color:#fff;}
.megaText p{font-size:120%;text-align:center;}


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

#main {text-align: left; margin: 0px auto; width: 900px;}
#header, #menu, #content, .rozcestnik, #footer {width: 900px;}

#header {height: 113px; background: url("header.jpg") no-repeat; position: relative;}
#content {}
.contentVar {background:url("cont-bcg.jpg") no-repeat #fff;}
#footer {color: #5b86a2; border-top: 2px solid #dfe7eb; padding-top: 8px; margin-top: 7px;}

.inside { padding: 10px 10px;}
.rozcestnik {background: url("4kont.jpg") repeat-y; border-top: 1px solid #fff;}

.leftBlok {float: left;}
.rightBlok {float: right;}

.contentPanel {width: 637px;}
.sidePanel {width:263px;}
.varBcg {border-top: 1px solid #fff; background: #dfe7ea;}
.welcomePanel {height: 347px; width:263px; overflow: hidden; color: #fff;}
.welcomePanel .inside {padding: 15px 20px;}
.welcomePanel h2 {color: #fff;}

#flash {height: 347px; width: 637px; overflow:hidden;}

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

/******** logo ***********/
#logo {width:251px; height: 66px; overflow:hidden; position: relative; top: 20px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 340px; top: 35px; width:428px; height:30px; text-align: right; color: red;}

/**** styl pro hlavni menu ***/
#menu {height: 42px; overflow: hidden;background: url("menu.jpg") repeat-x;}
#menu ul {height: 42px; margin: 0px 0px; padding: 0px;}

#menu li
{
  float: left;
  list-style-type: none;
  list-style-image: none;
  display: block;
  height: 42px;
  padding: 0px;    
}

#menu li span {padding: 10px 0px; display: block; text-align: center; font-weight: bold;}

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

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

#menu li,
#menu li a,
#menu li div.mainMenuSelected {width: 100px;}

#menu li.prodej,
#menu li.prodej a,
#menu li.prodej div.mainMenuSelected {width: 140px;}

#menu li.cisteni,
#menu li.cisteni a,
#menu li.cisteni div.mainMenuSelected {width: 100px;}

#menu li.hygiena,
#menu li.hygiena a,
#menu li.hygiena div.mainMenuSelected {width: 100px;}

#menu li.zarizeni,
#menu li.zarizeni a,
#menu li.zarizeni div.mainMenuSelected {width: 150px;}

/***** prvky v paticce *****/
#footerLogo {float:left; width: 70px; height:42px; overflow: hidden; }
#footerLeft {float: left; width: 700px;}
#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: #5b86a2; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #5b86a2; text-decoration: none;}
#rightSide {float:left; width: 600px;}

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

/**** boxy a kontejnery ******/
.insideBlock {padding: 10px;}

.greyBlock {width: 100%; background: #ebebeb;margin-bottom: 7px;}
.greyBlock h2, .greyBlock h3, .sideBlock h2, sideBlock h3 {color: #ba251e;}
.sideBlock {width: 100%; background: url("kont-top.jpg") repeat-x;}

.plyny {padding: 10px 0px; width: 634px;}
.plyny a { display: block; background: #114473; color: #fff; text-decoration: none; float: left; width: 300px; margin-right: 17px; text-align: center; font-weight: bold; font-size: medium;}
.plyny a:hover { background: #ba251e; text-decoration: none;}
.plyny a span { display: block; padding: 20px;}


/***** novinky 
.novinka {padding: 10px 0px 10px 0px; border-bottom: 1px solid #fff; color: #3f3f3f; background: url("novinka.gif") no-repeat 0px 17px;}
.last {border-bottom: none;}
.novinka span.datum {color: #db2a15; }
.novinka span.nadpis {padding-left: 5px;  color: #0c3a78; font-weight: bold;}
.vice {text-align: right;} ********/

/***** novinky *****/
.novinka {padding: 10px 0px 10px 0px; border-bottom: 1px solid #fff; color: #3f3f3f; background: url("novinka.gif") no-repeat 0px 17px;}
.novinka h2{background:url("novinka.gif") no-repeat;
font-size:100%;
margin:0;
padding:0 0 0 0px;}
.novinka h2 span{color:#db2a15;}
.novinka p { font-size: 90%;}
.last {border-bottom: none;}

.novinkavsekci {border-bottom: 1px solid #8ecdff; margin-bottom: 5px; padding-bottom: 5px;}
.novinkavsekci h2{background:url("novinka.gif") no-repeat;
font-size:100%;
margin:0;
padding:0 0 0 17px;}
.novinkavsekci h3 span{color:#db2a15;}
.novinkavsekci p { font-size: 100%;}



/***** rozcestnik *******/

.rozcBlok {width: 211px; float:left; margin-left: 1px; overflow: hidden;}
.rozcBlok h2, h2.contTop {background: url("kont-top.jpg") repeat-x; padding: 8px 10px 8px; margin-bottom: 1px; color: #fff; font-weight: bold;font-size:110%;}
.rozcBlok p {padding: 5px 10px;}
h2.contTop{margin-right: 1px;}

/***** ostatni ******/

a.vice {text-align: left; font-weight: bold;}
a.button {display:block; width: 120px; background: url("cmdbutt.jpg") repeat-x; height: 27px; margin-left: 10px; margin-top: 10px; color: #fff;}
a.button span {color: #fff; display: block; padding: 2px 0px; text-align: center;}

.smallText { font-size: 85%;}
.imageList {padding: 10px 0px 10px 10px;}
.imageList img {margin-right: 10px;}

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

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

.produkt{border-bottom: 1px solid #dfe7ea;margin-bottom:5px;}


/***** form ******/
.form3 {border:1px solid #9bc2db;padding:10px;}
.form3button, .form3button {text-align:center;padding-top:5px;padding-bottom:5px;}
.form3button a,.form3button a:active,
.form3button a:visited,.form3button a:link {font-weight:bold;background:#114473;border:1px solid #114473;width:50px;color:#fff;padding:5px;text-decoration:none;}
.form3button a:hover{font-weight:bold;background:#c01700;border:1px solid #c01700;width:50px;color:#fff;padding:5px;text-decoration:none;}