html,body { position: relative; width: 100%; height: 100%;
	        padding: 0; margin: 0; background-image: url("http://zatepleni-difu.cz/img/bg.jpg");
			background-repeat: repeat-x; background-position: center top; background-color: #222; }

a,p,li,h1,h2,h3,td,.inner_text,.petit,div { font-family: sans-serif,Verdana; font-weight: normal; font-size: 14pt; line-height: 19pt; color: white; text-decoration: none; }

.co-je-difu p { background-image: url("http://zatepleni-difu.cz/img/rect.png"); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 20px; }
.co-je-difu h2 { padding-left: 20px;   }
.co-je-difu .button { margin: 8px 5px 5px 15px;  }

h1 { font-size: 25px; color: #FFFFFF; }
h2 { font-size: 17pt; color: #40b5ff;}
h3 { font-size: 20px; line-height: 28px; color: #FFFFFF; border: 1px solid #FFF; padding: 10px; width: auto; display: inline-block;}
h4 { font-size: 14pt; color: #40b5ff; margin: 0; padding: 0; font-weight: normal; }

li {
    height: auto;
    background-image: url("http://zatepleni-difu.cz/img/rect.png"); background-repeat: no-repeat; background-position: 0px 5px;
    list-style: none; /* Get rid of the default bullet points */
    padding-left: 25px; line-height: 18pt;
}


.schema-zateplovaciho-systemu { height: 700px !important; }

#site   { position: relative; width: 100%; height: auto;  }
	
#header  { width: auto; height: 120px; }
#karusel { width: 1300px;  height: 340px; overflow: hidden; border: 1px solid white; }
#menu    { width: auto;  height: 100px; }
#footer  { width: 1300px;  height: 200px; }
.content { height: auto; width: 800px; text-align: justify; padding: 20px 0 50px 0; }

.bg-texture { background-image: url("http://zatepleni-difu.cz/img/bg.jpg");
			background-repeat: repeat-x; background-position: center top; background-color: #222; }

.bg-blue {  background: #063865 !important; }

#main_menu { width: 900px; height: 45px; background-color: black; display: inline-block; margin-top: 30px;
/* 50% black box shadow */
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); }
.menu_item { width: auto; height: 45px; position: relative; display: inline-table; text-align: center; vertical-align: top; cursor: pointer; padding: 0 25px 0 25px; }
.inner_text { width: auto; height: auto; display: table-cell; vertical-align: middle; color: #FFF; font-size: 9pt; }

.line { width: 1px; height: 18px; background-color: #FFF; position: absolute; right: 0px; top: 12px; }

.menu_item:hover { }
.menu_item:hover > .inner_text,.menu_item_selected > .inner_text { color: #009ee0; }

.button { width: 250px; height: 40px; background-color: #009ee0; display: table; cursor: pointer; padding: 5px 10px 5px 15px; margin: 8px 5px 5px 0px; }
.button .inner_text { font-size: 10pt; }
.button:hover { background-color: #ffffff; color: #009ee0; }

.button:hover > .inner_text { color: #009ee0; }

#logo { position: relative; width: 597px; height: 64px; background: url("http://zatepleni-difu.cz/img/logo.png") no-repeat 0 0; display: inline-block; margin-top: 25px; }
#slogan { position: absolute; width: 386px; height: 30px; background: url("http://zatepleni-difu.cz/img/slogan.png") no-repeat 0 0; display: block; left: 50%; top: 68px; background-size: 80% auto; margin-left: 310px;}


.slice { position: relative; width: 100%; height: auto; display: block; border: 0; text-align: center; }

.segment { position: relative; display: inline-block; }


#karousel_back,#karousel_forward { width: 25px; height: 40px; background: url('http://zatepleni-difu.cz/img/back_forward.png') 0px 0px; cursor: pointer; position: absolute; opacity: 1; visibility: hidden; }
#karousel_back          { background-position:  -55px 0px; top: 0px; left:  0px; }
#karousel_forward       { background-position:    0px 0px; top: 0px; right: 0px; }
#karousel_back:hover    { background-position: -27px 0px; }
#karousel_forward:hover { background-position: -82px 0px; }

#karousel_anchors   { z-index: 500; width: auto; height: 30px; position: absolute; right: 150px; bottom: 5px; border: 0px solid red;}
.slide_anchor       { cursor: pointer; width: 12px; height: 12px; background-color: white; display: inline-block; margin: 2px; border: 1px solid white; }
.slide_anchor:hover { background-color: #009ee0; }
.slide_anchor_active { background-color: #009ee0; }

#pas                             { width: auto; height: 340px; position: absolute; left: 0px; }
.slide                           { width: 1300px; height: 340px; display: inline-block; position: relative; }
.slide img { width: 100%; height: 100%;  }


.white-bottom-border { border-bottom: 1px solid white; }

#schema { width: 435px; height: 400px; position: absolute; background-image: url("http://zatepleni-difu.cz/img/schema.jpg"); left: 50%; top: 100px;
			background-repeat: repeat-x; background-position: center top; background-color: #222; margin-left: -215px;}


.infotext  { position: absolute; width: 150px; height: auto; padding: 10px 20px 10px 20px; border: 1px solid #fff; text-align: left; display: none; }

.cislo       { position: absolute; width: 30px; height: 30px; background-color: transparent; border: 0px solid #fff; background-size: 100% 100%; cursor: pointer; background-image: url('http://zatepleni-difu.cz/img/rect_60x60.png'); }

#c1          { left: 35px; top: 40px; }
#c2          { left: 80px; top: 90px; }
#c3          { left: 70px; top: 135px; }
#c4          { left: 115px; top: 140px; }
#c5          { left: 110px; top: 190px; }
#c6          { left: 255px; top: 85px; }
#c7          { left: 230px; top: 130px; }
#c8          { left: 230px; top: 200px; }

#o1          { left: -20px; top: 40px; }
#o2          { left: -20px; top: 90px; }
#o3          { left: -20px; top: 135px; }
#o4          { left: -20px; top: 140px; }
#o5          { left: -20px; top: 190px; }
#o6          { left: 650px; top: 85px; }
#o7          { left: 650px; top: 130px; }
#o8          { left: 650px; top: 200px; }

#eta { width: 100%; height: 160px; position: absolute; left: -20px; top: 470px; padding-top: 40px; background-image: url("http://zatepleni-difu.cz/img/eta.png"); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 200px; }
#vyroku16 { width: 70%; height: 160px; position: absolute; right: -40px; top: 570px; padding-top: 40px; text-align: right;
 background-image: url("http://zatepleni-difu.cz/img/vyrobek_roku_2016.png"); background-repeat: no-repeat; background-size: 160px auto; background-position: right top; padding-right: 180px; }
#schema_butts { position: absolute; left: 0px; top: 690px; }

.shown { display: block; }
.to-right { float: right; margin-top: 0px; }

#infotexty { position: absolute; top: 60px; }

.ilustrace { width: auto; height: auto; position: absolute;  }
.ilustrace img { width: 100%; height: auto; }

#im1 { left: -220px; top: 130px; }
#im2 { left: -220px; top: 430px; }
#im3 { left: 550px; top: 130px; }

#is1 { left: 550px; top: 190px; }

#up { cursor: pointer; width: 120px; height: 140px; position: fixed; right: 20px; bottom: 20px;
 background-image: url("http://zatepleni-difu.cz/img/up.png"); background-repeat: no-repeat; background-position: center center; background-size: 60% auto; z-index: 9999; display: none;}