/*css http://www.idea4web.cz http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#222 url(../img/bg.jpg) top center ; color:#cacaca;  font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:0px; text-align:center;font-family: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#top {background: url(../img/top.jpg) repeat-x; position:absolute; left:0px;  z-index:0;  width:50%; height:196px;}
#top-right {background:url(../img/top-right.jpg) repeat-x; position:absolute; right:0px; z-index:0;  width:50%; height:349px;}

/*head*/
#head {background:#000; width:980px; height:380px; margin:0 auto; text-align:center; position:relative }
#head-in  {background:url("../img/head.jpg")  no-repeat; width:980px; height:380px; display:block; z-index:10; position:relative;}
#logoclick {position:relative; top:55px; right:34px; z-index:5; display:inline; width:314px; height:140px; float:right; z-index:10; }
#h1 h1{color:#fff;font-family:"Arial"; overflow:hidden;font-weight:normal;letter-spacing:0px;position:absolute;padding-left:20px;top:60px;font-size:300%;z-index:0;text-align:left; clear:both}
#h1 h1 span {color:#CB0106!important; padding-left:20px}
#datum {color:#426388; line-height:35px; font-size:100%; text-align:left; text-indent:20px; font-weight:bold }
#datum span {color:#6A8D16}

/*slide-pozicovani*/
#slide-obal {height:178px; width:235px; position:relative; margin:5px auto 10px}
#slide {position:relative; top:2px; left:2px; height:173px; width:230px; margin-bottom:20x   }
#slider{width:230px; height:173px; position:absolute; overflow:hidden; top:0px; left:0px}
#slidercontent, #slider1content{width:230px;  position:absolute;top:0;margin-left:0;}
.sliderImage, .slider1Image{float:left;position:relative;display:none;}
.sliderImage span, .slider1Image span{position:absolute;text-align:left; letter-spacing:0; font:100% Arial,Helvetica,sans-serif;;width:230px;color:#fff;display:none;}
.clear{clear:both;}
.sliderImage span strong, .slider1Image span strong{font-size:14px;}
.bottom{bottom:0;left:0;}
.top{top:0;left:0;}
#slide li{list-style-type:none; background:none!important; border:none!important; padding:0!important; margin:0!important}
#ramecek {position:absolute; top:0px; left:0px; z-index:1}
#sliderContent {list-style-type:none; background:none!important; border:none!important; padding:0!important; margin:0!important}

/*menu*/
#menu {background:#000 url(../img/bg-menu.jpg) top center no-repeat; position:relative; font-size:110%; margin:0 auto; text-align:center; height:50px; width:980px; overflow:hidden;}
#menu ul {text-align:center; margin-top:2px }
#menu li {display:inline; font-weight:normal;height:46px; line-height:46px; letter-spacing:0px }
#menu li a {background:url(../img/menu.png) top center no-repeat; color:#fff}
#menu li a, .aktiv {text-align:center; font-weight:normal; border-right:#2B2B2B 1px solid; border-left:#000 1px solid; text-decoration:none; padding:14px 21px; line-height:46px;}
#menu li a:hover {background:#777 url(../img/menu.png) center center no-repeat;  color:#000;}
.aktiv {background:#CB0106 url(../img/menu.png) bottom center no-repeat; color:#fff}

/*hlavni-layout-obsahova-cast*/
#hlavni {width:980px; margin:0 auto; display:block; position:relative; min-height:400px; height:auto;}
#obsah {background: url(../img/obsah-top.jpg) top center no-repeat; width:980px; margin:0 auto; display:block; float:left;}
#obsah-in {background: url(../img/obsah.jpg) top center repeat-y;min-width: 980px; z-index:10; float:left}

/*leva*/
#leva {width:235px; float:left; text-align:left; padding:15px 0px 20px 25px; color:#fff}
#leva .bgp {background:url(../img/bg-p-leva.png) top no-repeat;}
#leva p { padding:10px; font-size:85%;}
#leva h4 {color:#fff; font-size:150%;  line-height:36px}
#leva h5 {color:#777; font-size:150%;  line-height:36px}
#leva ul {background:#000; padding:15px 0;  border:#222 1px solid; margin-bottom:10px}
#leva li {list-style-type:square; margin-left:30px}
#leva li a {font-weight:bold;  }

/*stred-obsahova-cast*/
#stred  {width:640px; float:left; padding:23px 0px 10px 40px; text-align:left; letter-spacing:0.1px; }
#stred b {color:#CB0106;}
#stred strong {color:#fff;}
#stred h1 {color:#CB0106;  font-size:230%; letter-spacing:0px; margin-bottom:10px;  }
#stred h1 span {color:#fff!important; }
#stred h2 {color:#E7E4DE; font-size:160%;  }
#stred h3 {color:#fff; font-size:140%;   }
#stred ul {margin:8px 0 8px; text-align:left}
#stred li {list-style-type:disc; margin-left:25px}
#stred  hr, #leva hr {color:#222; background-color:#222; border: 0 none; height:1px; margin:10px auto; text-align:center; width:100%; position:relative;  clear:both }
#stred  p { padding:10px 0}
/*ramecek*/.ramecek {background:#000; border:#222 1px solid; padding:10px!important; margin:10px 0}


/*nadpisy*/
h1,h2,h3,h4,h5,h6 {font-weight:normal;  text-indent:10px}

/*obrazky*/
#stred img {border:#222 6px solid; }
#stred a:hover img {border:#CB0106 6px solid}

.no-border {border:none!important}
.fleft {float:left; margin:5px 15px 5px 0}
.fright {float:right; margin:0px 10px 5px 15px; position:relative; top:-15px}

/*paticka*/
#foot {background:#141414 url(../img/foot.jpg) repeat-x; width:100%; height:145px;  float:left; margin:0 auto;}
#foot-in {background: url(../img/foot-in.jpg) no-repeat; width:980px; height:145px;  margin:0 auto; position:relative; text-align:center; }
#foot-in p {width:980px;position:relative; top:115px; text-align:center; margin:0 auto; color:#777; letter-spacing:0px; }
#foot-in a {color:#777; font-weight:normal}
#foot-in a:hover {color:#CB0106}

/*odkazy*/
a {color:#CB0106; font-weight:bold}
a:hover {color:#fff}

/*tooltip*/
#easyTooltip{padding:5px 10px;border:#666 1px solid; border-top:#cacaca 1px solid; border-left:#cacaca 1px solid;background:#CB0106;color:#fff; display:block; text-align:left; letter-spacing:0px; z-index:1000}
#easyTooltip b {font-size:120%}