* {margin: 0px; padding:0px; border: none; }

body
{
  background: url("background.jpg") repeat-x #9eb624;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  text-align: center;
  color: #430e00;
}

/* 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;}
h2 {font-size: 120%; color: #c23a00; font-weight: bold; padding: 12px 0px 7px 0px;}
h3 {color:#000;font-weight:bold;}

.welcomeYellow {font-size: 120%; color: #ffe105; font-weight: normal; padding: 1px 0px 1px 0px;}
.welcomeWhite {font-size: 120%; color: #fff; font-weight: bold; padding: 1px 0px 1px 0px;}
.yellowTitle h2 {font-size: 105%; color: #420c00; font-weight: bold; padding: 9px 18px 8px 18px;}
.greenTitleII h2 {font-size: 105%; color: #420c00; font-weight: bold; padding: 9px 18px 8px 18px;}
.greenTitle h2 {font-size: 105%; color: #420c00; font-weight: bold; padding: 9px 18px 8px 18px;}
h2.yellow {font-size: 105%; color: #ffe105; font-weight: bold; padding: 9px 18px 8px 18px;}

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

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

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

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

.breadcrumb {font-size:90%;color:#ababab;padding-top:0px;margin-top:5px;padding-bottom:10px;margin-left:10px;}
.breadcrumb a, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:link {font-size:100%;color:#ababab;}



/*
h2.greenUndrline {font-size: 105%; color: #420c00; font-weight: bold; background: url("zeleny-top.jpg") repeat-x #a4b821; padding: 9px 18px 8px 18px; border-bottom:1px solid #d2da91;}
h2.green {font-size: 105%; color: #420c00; font-weight: bold; background: url("zeleny-top.jpg") repeat-x #a4b821; padding: 9px 18px 8px 18px;}
.data h2 {font-size: 110%; color: #ffe105; font-weight: bold; background: url("brown-top.jpg") repeat-x #5d1200; padding: 9px 18px 8px 18px; border-bottom:1px solid #bc8a81;}

h2.yellow {font-size: 110%; color: #420c00; font-weight: bold; background: url("zluty-top.jpg") repeat-x #edd115; padding: 9px 18px 8px 18px;}

h2 img {top: 0px; right: 0px;}
/*********************/
/* HLAVNI LAYOUT ***/
#main {text-align:left; margin: 0px auto; width: 945px;}
#main .inside {padding: 0px 11px 0px 12px;}

#header {width: 945px; height: 164px; position: relative; background: url("header.jpg") no-repeat;}
#header .inside {padding: 0px 11px 0px 12px;}
#content {width: 922px; background: url("bodybackground.jpg") repeat-y #cdb00e;}
#contentVariant {width: 922px; background: url("bodybackground2.jpg") repeat-y #cdb00e;}
#content .inside, #contentVariant .inside {padding: 0px 4px;}


#footer {width: 914px; background: url("footer-bcg.jpg") repeat-y; margin: 0px 4px; color: #fff; font-size: 85%;}

#WidePart {float:left; width: 674px; overflow:hidden; }
#WidePart .data {padding: 10px 18px 10px 18px; color: #000;}
#WidePart .data2 {padding: 0px 18px 10px 18px; color: #000;}
#ThinPart {float:left; width: 240px; }

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

/******** logo ***********/
#logo {height: 69px; width: 227px; position: relative; overflow:hidden; top: 29px; left: 28px;}
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#logoText {position: absolute; left: 425px; top: 45px; width:500px; height:50px; text-align: right;}

/**** styl pro hlavni menu ***/
#menu
{
  height:40px;
  width: 920px;
  background: url("menu.jpg") repeat-x #cdb00e;
  position: absolute;
  top: 124px;
  border-left: 1px solid #541301;
  border-right: 1px solid #521400;
}
#menu ul {margin: 0px;padding:0px;}

#menu li
{
  float: left;
  list-style-type: none;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  height:40px;
 width:130px;
}

#menu li a {text-decoration: none; display:block;}
#menu li span {display:block; padding: 12px 32px 0px 30px;height: 40px; background: url("menu-dev.jpg") no-repeat right top;}

#menu li a {color: #430e00;}
#menu li div.mainMenuSelected {color: #df5900;background: url("menu-sel.jpg") repeat-x top;}
#menu li a:hover {color: #df5900;}

/****** flash *****/
#flash {float: left; width: 674px; height: 350px; position:relative; overflow:hidden; padding-bottom: 1px; background-color: #ffe105;}

/***** prvky v paticce *****/
#footer{border-top: 4px solid #ffe105;}
#footerLeft {float:left; width: 500px; margin: 10px 0px 13px 0px; padding-left: 22px;}
#footerLeft p {text-align: left;margin:0px;padding:0px;margin-top:3px;}
#footerLogo {float:left; width: 136px; overflow: hidden; margin-right: 27px; padding-top: 3px;}
#footerCenter {float:left; overflow: hidden; padding-top: 0px;}
#footerRight {float: right; text-align: right; margin-right: 4px; color: #AB897F; padding-top: 5px; padding-right: 13px;}
#footerRight img {position:relative; top: 4px;}
#footerRight p {text-align: right;margin:0px;padding:0px;margin-top:3px;}

#footer a, #footer a:link, #footer a:active, #footer a:visited {font-weight: normal; color: #fff; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #fff; text-decoration: none;}

/**** menu v paticce *******/

#footerMenu ul {margin:0px;padding:0px;}

#footerMenu li {float: left; padding: 0px 4px; margin-bottom: 2px; list-style-type: none; border-left: 1px solid #fff;}
#footerMenu li.uvod {border-left: none; padding-left: 0px;}

/**** boxy a kontejnery ******/
.welcomeBlock {text-align: left; padding: 10px 22px 10px 22px; background: url("welcome-bcg.jpg") repeat-y;}
.underWelcome {width: 100%; height: 8px; background: url("underwelcome.jpg") no-repeat;}


/*.greenTitle {width: 100%; height: 34px; overflow: hidden; background: url("zeleny-top2.jpg") repeat-x #a4b821; border-bottom: 1px solid #d2da91; position: relative;}*/
.greenTitle {width: 100%; height: 35px; overflow: hidden; background: url("zeleny-top_bord.jpg") repeat-x #a4b821; position: relative;}
.brownTitle {width: 100%; height: 34px; overflow: hidden; background: url("brown-top.jpg") repeat-x #5d1200;  border-bottom:1px solid #bc8a81;}
.yellowTitle {width: 100%; height: 34px; overflow: hidden; background: url("zluty-top.jpg") repeat-y #edd115;}
.greenTitleII {width: 100%; height: 34px; overflow: hidden; background: url("zeleny-top.jpg") repeat-x #a4b821;}

.greenBlock {width: 100%; background: url("green.jpg") repeat-y;}
.brownBlock {width: 100%; background: url("brown.jpg") repeat-y;}
.yellowBlock {width: 100%; background: url("yellow.jpg") repeat-y;}


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

#hracky1 {width: 45px; height: 35px; background: url("hracky1.jpg") no-repeat; left: 195px; top: 00px; position: absolute;}
#hracky2 {width: 45px; height: 11px; background: url("hracky2.jpg") no-repeat; left: 195px; top: 0px; position: relative;}

.greenBlock ul li{padding:1px;margin:0px;list-style-type: none;color:#000;border-bottom:1px dashed #81821d; width: 130px;}
.greenBlock ul {padding-bottom:15px;}
.greenBlock ul li a{display:block;}
.greenBlock a:link, .greenBlock a:active, .greenBlock a:visited {color:#000;text-decoration:none;}
.greenBlock a:hover {color:#000;text-decoration:none;}

.brownBlock ul li{padding:1px;margin:0px;list-style-type: none;color:#fff;border-bottom:1px dashed #b47f0f; width: 130px;}
.brownBlock ul {padding-bottom:15px;padding-top:10px;}
.brownBlock ul li a{display:block;}
.brownBlock a:link, .brownBlock a:active, .brownBlock a:visited {color:#fff;text-decoration:none;}
.brownBlock a:hover {color:#fff;text-decoration:none;}

#pyrotechnika {width: 37px; height: 21px; background: url("pyrotechnika.gif") no-repeat; left: 197px; top: -26px; position: relative;}
#oteviracidoba {width: 27px; height: 26px; background: url("oteviracidoba.gif") no-repeat; left: 197px; top: -30px; position: relative;}
#kontakt {width: 25px; height: 27px; background: url("kontakt.gif") no-repeat; left: 197px; top: -30px; position: relative;}

.pes {background: url("pes-hracky.gif") no-repeat right bottom; width: 240px;}
.drak {background: url("drak.gif") no-repeat right bottom; width: 240px;}
.ohnostroj {background: url("ohnostroj.jpg") no-repeat right top; width: 240px;}
.osel {background: url("osel-kontakt-cely.gif") no-repeat right bottom; padding-bottom: 163px; width: 240px;}
.tygr {background: url("tygr-oteviracidoba.gif") no-repeat right bottom; width: 240px;}