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

body
{
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  color: #3f3f3f;
  line-height: 1.4;
  height: 100%;
  text-align: center;
  background: url(background.jpg) #fff repeat-x;
}

/* 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:5px;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: #ba251e; text-decoration: underline;}
a:hover {color: #ba251e; text-decoration:none;}

ul,ol {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 { background: #ececeb; padding: 4px 10px;}
.breadcrumb a {}

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

#main {text-align: left; margin: 0px auto; width: 960px;}
#header, #footer {width: 960px;}

#header {height: 146px; background: url("header.jpg") no-repeat; position: relative;}
#content { background: #fff; width: 940px; margin-left: 10px;}
#footer {color: #999;  background: url("footer.jpg") no-repeat; padding-top: 38px; margin-top: 7px;}

.inside { padding: 10px 10px;}

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

.contentPanel {width: 712px;}
.sidePanel {width:227px;}

#flash {height: 332px; width: 712px; overflow:hidden;}

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

/******** logo ***********/
#logo {width:241px; height: 96px; overflow:hidden; position: relative; top: 0px; left: 0px; }
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 250px; top: 35px; width:600px; height:30px; text-align: right; color: red;}

/**** styl pro hlavni menu ***/
#menu {height: 37px; position: absolute; top: 109px; left: 10px; width: 940px;}
#menu ul {height: 37px; margin: 0px 0px; padding: 0px;}

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

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

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

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

/***** prvky v paticce *****/
#footerLogo {float:left; width: 140px; height:30px; overflow: hidden; margin-left: 95px;}
#footerLeft {float: left; width: 740px;}
#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: #999; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #999; text-decoration: none;}
#rightSide {float:left; width: 500px;}

/**** 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 #999;}
#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, .greyBlock2 h2, greyBlock2 h3, .sideBlock h2, sideBlock h3 {color: #ba251e;}
.sideBlock {width: 100%; background: url("kont-top.jpg") repeat-x;}

.greyBlock2 {width: 100%; margin-bottom: 7px;background: url("kont-top.jpg") #ebebeb repeat-x;}
.greyBlock2 ul{padding-top:10px;}

.redBlock {width: 100%; margin-bottom: 7px;background: url("kont-top.jpg") #a51c24 repeat-x;}
.redBlock ul{padding-top:10px; color:#fff;}
.redBlock ul li {font-weight:bold; color:#fff;}
.redBlock ul li a{font-weight:normal; color:#fff;}


/***** 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 {padding-left: 25px; color: #3f3f3f; }
.novinka span.nadpis {padding-left: 25px;  color: #3f3f3f; font-weight: bold;}
.vice {text-align: right;}

********/

.novinka {padding: 10px 0px 10px 0px; border-bottom: 1px solid #fff; color: #3f3f3f;}
.novinka h2{background:url("novinka.gif") no-repeat 0px 3px;
font-size:100%;
margin:0;
padding:0 0 0 27px;
color:#3f3f3f;}
.novinka h2 span{color:#3f3f3f;font-weight:normal;}
.novinka p { font-size: 90%;color:#3f3f3f;}
.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 27px;
color:#3f3f3f;}
.novinkavsekci h3 span{color:#3f3f3f;font-weight:normal;}
.novinkavsekci p { font-size: 100%;}

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


.pujcovnaitem h3{ font-size: 100%;}
.pujcovnaitem{border-bottom:1px solid #e5e5e5;margin-top:10px;}

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

.rozcBlok {width: 237px; float:left; margin-right: 1px; overflow: hidden;}
.rozcBlok h2 {background: url("kont-top.jpg") repeat-x; padding: 5px 10px; margin-bottom: 1px;}
.rozcBlok p {padding: 5px 10px;}
.lastBlok {margin-right: 0px; width: 236px;}

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

a.vice {text-align: left; font-weight: bold;}
a.button {display:block; width: 140px; 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 10px;}

.smallText { font-size: 85%;}

.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;}

/***** form ******/
.form4 {border:1px solid #aaa;padding:10px;}
.form4button, .form4button {text-align:center;padding-top:5px;padding-bottom:5px;}
.form4button a,.form4button a:active,
.form4button a:visited,.form4button a:link {font-weight:bold;background:#ba251e;border:1px solid #ba251e;width:50px;color:#fff;padding:5px;text-decoration:none;}
.form4button a:hover{font-weight:bold;background:#e6e6e6;border:1px solid #e6e6e6;width:50px;color:#000;padding:5px;text-decoration:none;}