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

body
{
  font-family: "Trebuchet MS", Verdana, Sans-Serif;
  color: #000;
  /*line-height: 1.4;*/
  height: 100%;
  text-align: center;
  background: url(background.jpg) #fff 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;  font-family: "Trebuchet MS", Verdana, Sans-Serif;}
h1 {font-size: 180%; color: #073b77; font-weight: normal;}

h2 {font-weight: bold; color: #d70e06;font-size:140%;}
h3 {font-weight: bold; color: #d70e06;padding-bottom:10px;}
h4 {font-size: 85%;font-weight: normal; color: #d70e06;}

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

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

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

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

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

#header {height: 119px; position: relative;}
#content {border-top: 3px solid #e6e6e6; padding-top: 1px;}
#textBlock {background: #0F0F11;border-bottom: 3px solid #e6e6e6; color: #fff;}
#footer {color: #c8c8c8; padding: 8px 0px; border-top: 3px solid #d70e06;}

#leftPanel, #flash, #rozcestnik, #doubleRightPanel {width: 658px;}

#flash {height: 265px; background: #fff; overflow:hidden;}

#leftPanel {float:left;}
#rightPanel {width: 284px; float:right;}
#doubleLeftPanel {width: 284px; float:left;}
#doubleRightPanel {float:right;}


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

/******** logo ***********/
#logo {width: 209px; height:119px; overflow:hidden; position: relative; top: 0px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 340px; top: 5px; width: 600px; height:86px; text-align: right;}
#languages {position:absolute; text-align:right; top: 93px; left: 640px; width: 300px; height: 25px;}

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

#menu li
{
  float: left;
  list-style-type: none;
  text-align: center;
  color: #0072ff;  
  display: block;
  border-right: 1px solid #e6e6e6;
}

#menu li span {display:block; font-weight:bold; width:100%;}

#menu li a {color: #888; text-decoration: none; display:block; background: url("butt.jpg") repeat-x;}
#menu li a, #menu li div.mainMenuSelected {padding: 10px 0px; overflow:hidden;}

#menu li.uvod, #menu li.uvod a {width: 60px;}
#menu li.onas, #menu li.onas a {width: 60px;}
#menu li.produkty, #menu li.produkty a {width: 95px;}
#menu li.reference, #menu li.reference a {width: 100px;}
#menu li.aktuality, #menu li.aktuality a {width: 88px;}
#menu li.vyrobky, #menu li.vyrobky  a {width: 88px;}
#menu li.spolupracujeme, #menu li.spolupracujeme a {width: 150px;}
#menu li.kariera, #menu li.kariera a {width: 88px;}
#menu li.kontakt, #menu li.kontakt a {width: 88px;}

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


/***** prvky v paticce *****/
#footerLeft {float: left; width: 620px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 250px; 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: #c8c8c8; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #c8c8c8; text-decoration: none;}

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

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

.slimBlock {width: 284px; background: url("kont-top.jpg") #f7f7f7 repeat-x;}
.slimInside {padding: 5px;}
.slimInside p {padding: 5px 0px;}

#rozcestnik {background: url("kont-top.jpg") repeat-x;}
#webdesign {float:left; width: 202px;}
#grafika {float:left; width: 244px;}
#multimedia {float: left; width: 210px;}
.nadpisBlok {padding: 10px; border-bottom: 2px solid #e6e6e6;}
.nadpisBlok h3 {padding: 0px;}
.nadpisBlok span {font-size: x-small; padding: 0px;}
#rozcestnik ul {padding-left: 20px;padding-top:10px;}
#rozcestnik li {list-style-type: none;list-style-image: url("sipka.gif"); }

.novinka {width: 284px; background: #f2f2f2; margin-bottom: 4px;}
.novInside {padding: 5px;}
.novinka h4, .novinka h4 a {color: #000; font-weight: bold;}
.novinka h4 a {text-decoration: underline;}
.novinka p {font-size: 90%;}
.novImg {float: left; width: 80px; margin: 5px;}

/***** ostatni ******/
#languages ul {float:right;}
#languages li { list-style-type: none; float: left; padding-left: 5px;}

#textBlock p, #textBlock a,#textBlock a:link, #textBlock a:hover, #textBlock h2, #textBlock h3, #textBlock h4, #textBlock a:visited{color:#fff;}
#textBlock a {text-decoration:underline;}
#textBlock a:hover {text-decoration:none;}

.duvody {border-top: 3px solid #e6e6e6; padding: 8px 0px 20px 0px;}
.duvody ul {padding-left: 10px;}
.duvody li {list-style-type: none;}
.duvody li span {color: #df0e06; font-size:x-large;}

.buttonBlock {text-align:right; padding-bottom: 10px; padding-right: 10px;} 
a.button {text-align:center;padding:5px;padding-top:3px;font-weight:normal;padding-left:15px;padding-right:15px;}
a.button, a.button:link, a.button:active,
a.button:visited {text-decoration:none;color: #fff;border:none;background:url("cmdbuttsel.jpg") repeat-x;/*background:url("butt.jpg") repeat-x top left #e2e2e2;*/}
a.button:hover{text-decoration:none;color: #d70e06; border:none;background:url("cmdbutt.jpg") repeat-x;/*background:url("butt.jpg") repeat-x top left #e2e2e2;*/}

.breadcrumb {font-size:85%;color:#888;padding-top:0px;margin-top:3px;padding-bottom:10px;}
.breadcrumb a{font-size:100%;color:#888;}


.form15  {
border:1px solid #333;
padding:10px;margin:15px 35px 15px 35px;
}
.form15button, .form15button {
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

.form15 ul {padding-left:15px;}


.form15button a, .form15button a:active, .form15button a:visited, .form15button a:link {
background:none repeat scroll 0 0 #d70e06;
border:1px solid #d70e06;
color:#FFFFFF;
font-weight:bold;
padding:5px;
text-decoration:none;
width:50px;
}

.form15button a:hover{
background:none repeat scroll 0 0 #31a344;
border:1px solid #31a344;
color:#FFFFFF;
font-weight:bold;
padding:5px;
text-decoration:none;
width:50px;
}