/*css http://www.midasweb.eu */
* {margin: 0; padding: 0;}
html {}
body {background: #fff url(/img/bg.gif); color: #595959; font-size: 80%; margin: 0 auto; width: 100%; height: 100%; letter-spacing: 1.0px; text-align: center; font-family: Verdana, Tahoma, georgia, "trebuchet ms", lucida, sans-serif !important; line-height: 1.4;}

img {border: 0;}

ul {}
ul li {list-style-type: none;}

ol {}
ol li {}

#top {background: #B3DEFD url(/img/top.gif) repeat-x; position: absolute; left: 0px; z-index: 0; width: 100%; height: 426px; float: left;}

/*odkazy*/
a {color: #1589B0;}
a:hover {color: #79A022;}

/*buttony*/
.button {}

/*head*/
#head {width: 960px; height: 214px; margin: 0 auto; text-align: center; position: relative; z-index: 10;}
#head-in {background: #fff url("/img/head.jpg") no-repeat; width: 960px; height: 214px; display: block; z-index: 10;}
#headclick {position: relative; top: 22px; left: 40px; z-index: 5; display: inline; width: 327px; height: 147px; float: left; clear: both; z-index: 10;}
#logoclick {position: relative; top: 22px; left: 40px; z-index: 5; display: inline; width: 327px; height: 147px; float: left; clear: both; z-index: 10;}
#h1 {display: none;}
#h1 h1 {}
#h1 span {}

/*horni menu pod headem*/
#menu {background: #0682AB url(/img/bg-menu.gif) no-repeat; font-size: 100%; margin: 0 auto; text-align: left; height: 40px; overflow: hidden; width: 960px; font-family: "Arial";}
#menu ul {text-align: left; margin-left: 35px;}
#menu li {display: inline; height: 40px; line-height: 40px; letter-spacing: 0px; font-weight: bold;}
#menu li a {background: url(/img/menu.gif) center right no-repeat; text-align: center; border-right: #0FA1D2 1px solid; color: #fff; text-decoration: none; padding: 15px 10px 14px;}
/* #menu .active {background: #FEDC4E url(/img/menu.gif) center right no-repeat; text-align: center; color: #fff; text-decoration: none; height: 40px;} */
#menu li a:hover {background: #FEDC4E url(/img/menu.gif) center left no-repeat; color: #000; border-right: #DBBA2E 1px solid;}
/* .active {background: #FEDC4E url(/img/menu.gif) center left no-repeat; color: #000000 !important; border-right: #DBBA2E 1px solid; text-align: right; text-decoration: none; padding: 15px 10px 14px 10px !important; text-align: center; line-height: 43px;}*/

/*banery*/
#banery {width: 640px; height: 130px; float: right; position: relative; padding-top: 30px; padding-right: 35px; clear: both;}
.drevostavba {background: url(/img/drevostavba.jpg) top center no-repeat; height: 130px; width: 320px; display: block; float: left;}
.drevostavba:hover {background: url(/img/drevostavba.jpg) bottom center no-repeat;}
.vazniky {background: url(/img/vazniky.jpg) top center no-repeat; height: 130px; width: 320px; display: block; float: left;}
.vazniky:hover {background: url(/img/vazniky.jpg) bottom center no-repeat;}

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

/*NADPISY*/
h1,h2,h3,h4,h5,h6 {}

/*leva*/
#leva {float: left; width: 240px; position: relative; margin: 0 auto; text-align: center; padding: 30px 0px 20px 35px; z-index: 100; letter-spacing: 0px;}
#leva p {text-align: left; padding: 10px 15px; font-size: 85%;}
#leva .h-modra {background: #2D85C5 url(/img/bg-h.gif) center no-repeat; font-family: "Arial Narrow"; height: 50px; text-align: left; font-size: 110%; color: #fff; font-weight: bold; line-height: 48px; text-indent: 15px;}
#leva .h-oranzova {background: #7DA426 url(/img/bg-h.gif) center no-repeat; font-family: "Arial Narrow"; height: 46px; text-align: left; font-size: 115%; color: #fff; font-weight: normal; line-height: 44px; text-indent: 15px;}
#leva h1 {}
#leva h1 span {}
#leva h2, #leva h3, #leva h4, #leva h5, #leva h6 {}
#leva h2 {}
#leva h2 em {}
#leva h6 {letter-spacing: 0.2px; font-size: 140%; text-align: center; font-family: "Arial Narrow";}
#leva  hr {color: #f2f2f2; background-color: #f2f2f2; border: 0 none; height: 1px; margin: 3px auto; text-align: center; width: 100%; position: relative;}
#leva .center {text-align: center !important;}

/*leve-menu*/
.leve-menu {font-size: 100%; width: 240px; clear: both; overflow: hidden;}
.leve-menu ul {float: left; padding: 0 0 5px 0;}
.leve-menu li {display: block; width: 215px; float: left; text-align: left; padding-left: 0px; font-family: Arial; letter-spacing: 0px; border-bottom: #dfdfdf 1px solid; margin-left: 10px;}
.leve-menu a {background: #fff url(/img/leve-menu.gif) center left no-repeat; width: 210px; display: block; padding: 3px 0 3px 10px; text-decoration: none; color: #000; border-bottom: #fff 1px solid;}
.leve-menu a:hover {background: #f2f2f2 url(/img/leve-menu.gif) center right no-repeat; width: 210px; color: #016B8E;}
.leve-menu span {font-size: 75%; color: #7CA325; letter-spacing: 2px;}

/*bocni-menu*/
.menu_title {background: #2D85C5 url(/img/bg-h.gif) center no-repeat; font-family: "Arial Narrow"; height: 50px; text-align: left; font-size: 110%; color: #fff; font-weight: bold; line-height: 48px; text-indent: 15px;}

.item {display: block; width: 215px; float: left; text-align: left; padding-left: 0px; font-family: Arial; letter-spacing: 0px; border-bottom: #dfdfdf 1px solid; margin-left: 10px;}
.item a {}


.bocni-menu {font-size: 100%; width: 240px; clear: both; overflow: hidden;}
.bocni-menu ul {float: left; padding: 0 0 5px 0;}
.bocni-menu li {display: block; height: 38px; width: 215px; float: left; text-align: left; padding-left: 0px; font-family: Arial; letter-spacing: 0px; border-bottom: #dfdfdf 1px solid; margin-left: 10px;}
.bocni-menu a {background: #fff url(/img/leve-menu.gif) center left no-repeat; width: 210px; display: block; padding: 3px 0 3px 10px; text-decoration: none; color: #000; border-bottom: #fff 1px solid;}
.bocni-menu a:hover {background: #f2f2f2 url(/img/leve-menu.gif) center right no-repeat; width: 210px; color: #016B8E;}
.bocni-menu span {font-size: 75%; color: #7CA325; letter-spacing: 2px;}

/*prava*/
#prava {display: block; float: right; min-height: 400px; width: 153px; position: relative; padding: 10px 40px 20px 0; margin: 0 0 0 30px; text-align: left; font-size: 85%;}
#prava p {text-align: left; margin-bottom: 15px; padding: 5px 0; letter-spacing: 0px;}
#prava h4 {color: #83AA2C; font-size: 140%; letter-spacing: -1px; font-weight: bold;}
#prava h5 {font-size: 140%; letter-spacing: -1px; font-weight: bold;}
#prava h6 {color: #0682AB; font-size: 140%; letter-spacing: -1px; font-weight: bold;}
#prava img {margin: 5px auto 15px;}
#prava a img { border: #dfdfdf 1px solid;}
#prava a:hover img {border: #016B8E 1px solid;}
#prava  b {}

/*stred*/
#stred {width: 620px; float: left; position: relative; padding: 38px 0px 20px 20px; text-align: left; font-size: 85%; letter-spacing: 0.1px;  color: #595959;}
#stred strong {color: #79A022;}
#stred b {color: #1589B0;}
#stred p {padding: 6px 0; text-align: left;}
#stred h1 {background: url(/img/bg-h1.gif) center left no-repeat; color: #fff; font-size: 200%; font-weight: bold; font-family: "Arial Black"; letter-spacing: -1px; height: 45px; line-height: 45px; padding-left: 20px;}
#stred h1 span {color: #085893 !important; font-size: 80%;}
#stred h2 {color: #84AB2D; font-size: 200%; font-weight: normal; font-family: "Arial Narrow"; border-bottom: #dfdfdf 1px dashed; margin: 10px 0; line-height: 20px; padding-bottom: 10px;}
#stred h2 span {color: #CFAD1F !important;}
#stred h3 {background: url(/img/h3.gif) center left no-repeat; color: #9D9275; font-size: 130%; padding-left: 40px; line-height: 40px;}
#stred h4 {background: url(/img/h4.gif) center left no-repeat; color: #1E3E79; font-size: 130%; padding-left: 40px; line-height: 40px;}
#stred ul {margin: 15px 0; text-align: left;}
#stred li {margin-left: 25px; list-style-type: square; margin-bottom: 5px; color: #595959;}
#stred hr {color: #dfdfdf; background-color: #dfdfdf; border: 0 none; height: 1px; margin: 3px 0; text-align: center; width: 100%; position: relative; clear: both;}
#stred img {margin: 5px auto; text-align: center;}
#stred a img {border: #dfdfdf 1px solid;}
#stred a:hover img {border: #016B8E 1px solid;}
#stred a {font-weight: bold;}
#stred .p-bg {color: #595959;}

/*stred-obsahova-cast bez sloupce vpravo*/
#stred-siroky {width: 620px; float: left; position: relative; padding: 10px 0px 20px 20px; text-align: left; font-size: 85%; letter-spacing: 0.1px; padding-top: 30px;}
#stred-siroky strong {color: #79A022;}
#stred-siroky b {color: #1589B0;}
#stred-siroky p {padding: 6px 0; text-align: justify;}
#stred-siroky h1 {background: url(/img/bg-h1.gif) center left no-repeat; color: #fff; font-size: 200%; font-weight: bold; font-family: "Arial Black"; letter-spacing: -1px; height: 45px; line-height: 45px; padding-left: 20px; margin-bottom: 15px;}
#stred-siroky h1 span {color: #085893 !important; font-size: 80%;}
#stred-siroky h2 {color: #84AB2D; font-size: 200%; font-weight: normal; font-family: "Arial Narrow"; border-bottom: #dfdfdf 1px dashed; margin: 10px 0; line-height: 20px; padding-bottom: 10px;}
#stred-siroky h2 span {color: #CFAD1F !important;}
#stred-siroky h3 {background: url(/img/h3.gif) center left no-repeat; color: #9D9275; font-size: 180%; padding-left: 40px; line-height: 40px;}
#stred-siroky h4 {background: url(/img/h4.gif) center left no-repeat; color:#1E3E79; font-size: 130%; padding-left: 20px; line-height: 20px;}
#stred-siroky ul {margin: 15px 0; text-align: left;}
#stred-siroky li {margin-left: 25px; list-style-type: square; margin-bottom: 5px;}
#stred-siroky hr {color: #dfdfdf; background-color: #dfdfdf; border: 0 none; height: 1px; margin: 3px 0; text-align: center; width: 100%; position: relative; clear: both;}
#stred-siroky img {margin: 5px auto; text-align: center;}
#stred-siroky a img { border:#dfdfdf 1px solid;}
#stred-siroky a:hover img {border: #016B8E 1px solid;}
#stred-siroky a {font-weight: bold;}
#stred-siroky .srameckem {border: 1px solid grey;}

.tab {border: 1px solid gray;}
.tab td {border-bottom: 1px solid gray; border-right: 1px solid gray; padding-left: 10px; padding-right: 10px;}

/*ruzne*/
.slogan p {text-align: center !important; padding: 10px !important; background: #dfdfdf; border: #999 1px solid; font-size: 120%; margin: 10px 0;}

/*paticka*/
#foot {background: #fff url(/img/foot.gif) top repeat-x; width: 100%; height: auto; float: left; margin: 0 auto; padding-bottom: 10px;}
#foot-in {background: #fff url(/img/foot-in.gif) top no-repeat; width: 960px; min-height: 130px; height: auto;  margin: 0 auto; position: relative; text-align: center;}
#foot-in p {width: 960px; position: relative; top: 40px; left: 0px; text-align: center; margin: 0 auto; color: #25578A; letter-spacing: 0px; font-size: 85%;}
#foot-in a {color: #1589B0;}
#foot-in a:hover {color: #79A022;}

#oddel {background: #222; border-bottom: 1px solid #444; width: 100%; float: left; margin: 0 auto; height: 12px; clear: both;}
#foot-menu {background: #000 url(/img/bg-footer.gif) top repeat-x; width: 100%; float: left; margin: 0 auto; color: #000;}
#foot-menu-in {width: 980px; padding: 20px 0; margin: 0 auto; position: relative; margin-top: -40px; text-align: center;}

/*clear*/
.clear {clear: both;}
br.clear {clear: both; margin-top: -15px;}
hr.clear {clear: both; margin: -15px auto 0; visibility: hidden; height: 1px;}

/*-*/
#posun-wrap {margin-top: 20px; padding-bottom: 0px;}
#container h2 {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #fff; font-size: 22px;}
.posun-top {position: absolute; top: -36px; z-index: 0;}
.posun-top2 {position: relative; top: -15px;}
.posun-top3 {position: absolute; top: 10px; z-index: 0;}

#footer {padding: 10px 0 20px; text-align: left; color: #555c5d; float: left;}
#footer p {padding: 0 0 25px 0; font-size: 85%; text-align: left; margin-bottom: 6px; border-bottom: #222 1px dashed; letter-spacing: 0.05em;}
#footer em {color: #ffc000; font-weight: bold; font-size: 100%; padding-bottom: 2px;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer li {list-style-type: disc; margin-left: 20px; font-size: 13px;}
#footer h2 {color: #b2005e; font-size: 26px; margin-bottom: 20px; border-bottom: #222 1px dashed; padding-bottom: 3px;}

#footer .box {display: block; margin: 0 0 0 25px; padding: 0; float: left; width: 270px;}
#footer .box1 {display: block; float: left; width: 350px;}
#footer .imagebox, #footer .wrap {display: block; width: 270px;}
#footer .imagebox .wrap .fix {clear: both;}
#footer .imagebox .wrap .footer_image {display: block; float: left; margin: 0 6px 6px 0; width: 50px; height: 50px; padding: 5px;}
#footer .videobox {width: 300px;}
.footer_image {border: 1px solid #333;}
.footer_image:hover {border: 1px solid #fff;}
#footer #last {margin-right: 0;}
#footer .big {color: #fff;}

/*iko*/
.iko-kontakt {background: url(/img/iko-kontakt.png) center left no-repeat; height: 40px; line-height: 40px; padding-left: 45px !important;}
.iko-info {background: url(/img/iko-info.png) top left no-repeat; height: 40px; line-height: 40px; padding-left: 45px !important;}
.iko-facebook {background: url(/img/iko-facebook.png) top left no-repeat; height: 40px; line-height: 40px; padding-left: 45px !important;}

/*tooltip*/
#easyTooltip {padding: 5px 10px; background: #a60058; color: #fff; border: #680037 1px solid; display: block; text-align: left; letter-spacing: 0px; z-index: 10005; font-size: 110%;}

/*table*/



/*slide*/
#slide {width: 100%; float: right; margin: 0 auto; position: relative; z-index: 0;}
#slide-in {width: 550px; height: 190px; margin: 10px auto; text-align: center; clear: both; float: right}
#featured_slide {position: relative; margin: 0 auto; display: block; width: 500px; height: 190px; padding: 0px 15px; overflow: hidden; text-align: left;}

#featured_slide ul {margin: 0; padding: 0; border: none; outline: none; list-style: none; text-decoration: none;}
#featured_slide h2 {margin: 15px 0 10px; padding: 0; line-height: normal; font-size: 30px; font-weight: normal; color: #fff; letter-spacing: -1px;}

/* ----------------------------------------------Start Carousel-------------------------------------*/
#featured_content,#featured_content ul {display: block; width: 500px; height: 190px; margin: 0; padding: 0; list-style: none; overflow: hidden;}
#featured_content li {display: block; position: relative; width: 500px; height: 190px; overflow: hidden;}

/* ----------------------------------------------Carousel Content-------------------------------------*/
#featured_content img {background: #fff; border: #7d0347 1px solid; float: left;  margin: 35px 6px; width: 144px; padding: 4px !important;}

/* ----------------------------------------------Previous & Next Buttons-------------------------------------*/
#featured-item-prev,#featured-item-next {display: block; position: absolute; top: 70px; width: 20px; height: 50px;}
#featured-item-prev {left: 0px;}
#featured-item-next {right: 0px;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left; list-style: none; width: 20px; height: 50px;}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}

/*slide-pozicovani*/
.billboard {background: url(/img/slide.jpg) top left no-repeat; height: 558px; overflow: hidden; width: 980px; position: absolute; left: 0px; top: -341px; z-index: 0;}
#Promos {position: relative; z-index: 21; zoom: 1;}
#PromoTriggers {position: absolute; z-index: 10004; right: 0px; top: 20px;}
#PromoTriggers li {list-style: none; float: left; margin: 0 3px;}
#PromoTriggers li a{background:#b2005e; color:#fff; font-size:11px;  display:block;  font-weight:700;outline:none;  padding:2px 8px 3px 8px;  text-decoration:none;}
#PromoTriggers li a:hover{background:#000; color:#b2005e;   }
#PromoTriggers a.activeSlide, #PromoTriggers a.activeSlide:hover{background:#000; color:#fff;}
#PromoSlides {width: 980px; height: 558px; overflow: hidden; float: left;}
.standalone #PromoSlides {width: 980px; height: 558px; float: none;}
#PromoSlides .slide {background: #fff;}
#PromoSlides .wide {width: 980px;}
#PromoSlides a {display: block; float: left;}
#PromoSlides a.small {display: block; float: right; margin: 0 0 3px 2px;}

#slider-bg {background: #000 url(/img/slide.jpg) top left no-repeat; height: 558px; overflow: hidden; width: 980px; position: absolute; left: 0px; top: -341px; z-index: 0;}
#slider {position: relative; width: 980px; height: 558px; overflow: hidden;}
#slider img {position: absolute; top: 0px; left: 0px; display: none;}
#slider a {border: 0; display: block;}