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

body
{
  font-family: Sans-Serif, Verdana, Tahoma;
  color: #7ba47c;
  height: 100%;
  text-align: center;
  background: url("background.jpg") #032902 repeat-x;
  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: #f1e55f;padding-bottom:5px;font-size: x-large; font-family: Times New Roman CE;}
h3 { color: #f1e55f;padding-bottom:5px;font-size: large; font-family: Times New Roman CE; font-weight: bold;}
h4 {font-weight: bold; color: #f1e55f;padding-bottom:3px; font-family: Times New Roman CE}

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

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

ul, ol {padding-left: 35px;}
li {padding-bottom:5px; list-style-image: url("ulli.jpg");}
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 { background: #fff; padding: 4px 10px; color: #909090; border-bottom: 1px solid #dfe7eb; margin: 5px 10px;}
.breadcrumb a {color: #909090;}

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

#main {text-align: left; margin: 0px auto; width: 976px;}
#header {width: 976px;}
#content, .topBlok, #footer {width:920px;}
#content, #footer {margin-left: 26px;}

#header {height: 157px; background: url("header.jpg") no-repeat; position: relative;}
#content {padding-bottom: 15px;}
.topBlok {background: url("flashbcg.jpg") repeat-x;}
#text {background: url("stin.jpg") no-repeat; padding-top: 20px;}
#footer {color: #406241; background: #011e00; padding-top: 8px;}

.inside { padding: 10px 10px;}

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

.contentPanel {width: 640px;}
.sidePanel {width:280px;}
.sidePanel .inside {padding: 0px 0px 0px 15px;}

.welcomePanel {height: 273px; width:280px; overflow: hidden; background: url("hrozno.jpg") no-repeat right top;}
.welcomePanel h2 {padding: 15px 20px 5px 20px;}
.welcomePanel p {padding: 5px 20px;}

#flash {height: 273px; width: 636px; overflow:hidden;}

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

/******** logo ***********/
#logo {width:475px; height: 157px; overflow:hidden; position: relative; top: 0px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 440px; 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: 140px;}

/***** prvky v paticce *****/
#footerLogo {float:left; width: 230px; height:42px; overflow: hidden; }
#footerLeft {float: left; width: 710px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 200px; text-align: right;padding-right:10px;}
#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: #406241; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #406241; text-decoration: none;}
#rightSide {float:left; width: 450px;}

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

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

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

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

.rozcestnik {width: 640px;background: url("kont-bcg.jpg") repeat-y; margin: 10px 0px;}
.rozcBlok {width: 206px; float:left; margin-right: 10px; overflow: hidden; padding-bottom: 5px;}
.rozcBlok h3 {padding: 10px 15px 5px 15px; font-weight: normal;}
.rozcBlok p {padding: 5px 15px;}
.rozcestnik .last {margin-right:0px;}


/***** 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;}
.imageList img {margin-right: 10px;}

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

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