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

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

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

h2 { color: #000177;padding-bottom:5px;padding-top:5px;font-size: 120%;}
h3 { color: #000177;padding-bottom:5px;padding-top:5px; font-size: 115%;}
h4 {font-weight: bold; color: #fff;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: #0001cc; text-decoration: underline;}
a:hover {color: #0001cc; 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 p{  padding-bottom: 10px; color: #808080; margin-bottom: 5px;}
.breadcrumb a {color:#808080;}

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

#main {text-align: left; margin: 0px auto; width: 965px;}
#mainInside {padding: 0px 9px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background: #fff;}
#header, #menu, #content, #footer {width: 945px;}


#header {height: 119px; position: relative;background: url("header.jpg") no-repeat;}
#content { padding: 10px 0px;}

.inside { padding: 10px 10px;}

#footer {color: #c7c8dd;  background: url("footer-middle.jpg") repeat-y;}
.footerInside {background: url("footer-top.jpg") no-repeat;padding-top: 10px;padding-right: 10px;}


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

.centerPanel {width: 677px;}
.sidePanel {width:251px;}
.leftCenterPanel { width: 330px;}
.rightCenterPanel { width: 330px;}


#flash {height: 349px; width: 677px; overflow:hidden; margin-bottom: 5px;}

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

/******** logo ***********/
#logo {width:119px; height: 93px; overflow:hidden; position: relative; top: 10px; left: 5px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 345px; top: 35px; width:600px; height:30px; text-align: right; color: red;}

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

#menu li
{
  float: left;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  color: #fff;  
  display: block;
  height: 40px;
  padding: 0px;
}

#menu li span {padding: 7px 0px; display: block; font-size: larger; text-align: center;}

#menu li a {color: #e7e7e7; text-decoration: none; display:block;}
#menu li a, #menu li div.mainMenuSelected {overflow:hidden; height: 40px;}
#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.uvod,
#menu li.uvod a,
#menu li.uvod div.mainMenuSelected {width: 100px;}

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

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

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

#menu li.kontakt,
#menu li.kontakt a,
#menu li.kontakt div.mainMenuSelected {width: 110px;}/***** prvky v paticce *****/
#footerLogo {float:left; width: 80px; height:58px; overflow: hidden;}
#footerLeft {float: left; width: 730px;}
#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: #c7c8dd; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #c7c8dd; text-decoration: none;}
#rightSide {float:left; width: 645px;}

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

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

.kontBlok {width: 251px; margin-bottom: 10px; background: url("kont-middle.jpg") repeat-y;}
.kontBlokTop {background: url("kont-top.jpg") no-repeat;}
.kontBlokBottom {background: url("kont-bottom.jpg") no-repeat bottom;}
.kontBlok h2 {color: #dd3322;}


.insideBlueBlok {padding: 10px 15px;color:#fff;}
.insideBlueBlok a{color:#fff;}

.kontBlueBlok {width: 251px; margin-bottom: 10px; background: url("kont-middle-blue.jpg") repeat-y;}
.kontBlueBlokTop {background: url("kont-top-blue.jpg") no-repeat;}
.kontBlueBlokBottom {background: url("kont-bottom-blue.jpg") no-repeat bottom;}
.kontBlueBlok h2 {color: #dd3322;}

.subMenuSelected{color:#fff;}


/***** novinky 
.novinka span.datum {padding-left: 20px; color: #000177; }
.novinka span.nadpis {padding-left: 20px; background: url("novinka.jpg") no-repeat; color: #dd3322; font-weight: bold;}
********/

.novinka {padding: 10px 0px 10px 0px; border-bottom: 1px solid #cacaca; color: #303030;}
.novinka h2{background:url("novinka.gif") no-repeat 0px 3px;
font-size:100%;
margin:0;
padding:0 0 0 17px;
color:#dd3322;}
.novinka h2 span{color:#000177;}
.novinka p { font-size: 90%;}
.vice {text-align: right;}

.novinkavsekci {padding: 10px 0px 10px 0px; border-bottom: 1px solid #cacaca; color: #303030;}
.novinkavsekci h3{background:url("novinka.gif") no-repeat 0px 3px;
font-size:100%;
margin:0;
padding:0 0 0 17px;
color:#dd3322;}
.novinkavsekci h3 span{color:#000177;}
.novinkavsekci p { font-size: 100%;}




/***** rozcestnik *******/
.rozcItem { margin-bottom: 10px;}
.rozcItem img {float: left; width: 70px;}
.rozcItem .rozcText { float: right; width: 250px;}
.rozcText h3 {padding: 0px;}

.rozcItem2 { margin-bottom: 10px;}
.rozcItem2 img {float: left; width: 70px;}
.rozcItem2 .rozcText2 { float: right; width: 580px;}
.rozcText2 h3 {padding: 0px;}


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

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

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