html,body,ul,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0;  line-height:1; list-style: none;}
body{background: #f7f7f7 url(bg.gif) repeat-y center top; font-size:63.0%; font-family:Arial; color: #04949e; margin: 378px 0 0 0;}
#header {position: absolute; top: 0px; left: 0; display: block; text-align: center; width: 100%; height: 378px; }
#main {background: #fff url(bg_main.gif) repeat-x left top; margin: 0 auto; width: 746px; font-size: 120%; padding-top: 7px; position: relative;}
#main p, #main li {line-height: 18px;}
#menu {clear:both; width: 100%; background: #f7f7f7 url(bg_footer.gif) no-repeat center top; margin-top: 20px; height: 92px; font-size: 110%;}
#menu ul {margin: 0 auto; width: 420px; padding: 40px 190px 0 90px ;}
#menu ul li {padding: 0 6px; line-height: 26px; display: inline;}
h1 {line-height: 26px; font-size: 199%; background-color: #fff; margin-left: 28px; margin-right: 300px;padding: 0 4px; display: inline; font-weight: normal;}
hr {clear: both; border: solid #d7d7d7 1px; color: #d7d7d7; background: #d7d7d7; margin: 0 30px 20px 30px;}
a {color: #04949e;}
a:hover {text-decoration: none;}
span {font-weight: bold;}
span.u {font-weight: bold; text-decoration: underline;}
div.fl {clear:both; float:left; width: 355px; padding-bottom: 10px;}
div.fl p {padding: 0px 0px 5px 30px; text-align: justify; }
div.fl h2 {padding: 10px 0px 0 30px; font-weight: bold; font-size: 100%;}
div.fl h3 {padding: 10px 0px 0 30px; font-weight: bold; font-size: 100%;}
div.fr h2 {padding: 10px 30px 0 0px; font-weight: bold; font-size: 100%;}
div.fr h3 {padding: 10px 30px 0 0px; font-weight: bold; font-size: 100%;}
div.fr {float:right; width: 355px; padding-bottom: 10px;}
div.fr p {padding: 0px 30px 5px 0px; text-align: justify;}
div.fl2 {clear:both; float:left; width: 355px; padding-bottom: 10px;}
div.fr2 {float:right; width: 325px; margin-left: 25px ; padding-bottom: 10px;}
p.fr {float: right; width: 330px; padding: 10px 0px 0 30px; text-align: justify;}
#ref {background: #fff url(bg_h2.gif) repeat-x left top; padding-left: 25px;}
.clear {clear: both; visibility: hidden; height: 0; line-height: 0;}
span.h2 {margin-bottom: 25px; color: #fff; font-weight: normal; background-color: #27bcc6; font-size: 136%; padding:5px 6px 5px 6px; display: block;}
div.fl2 span.h2 {width: 140px;}
div.fr2 span.h2 {width: 100px;}
div.fr2 span.eshop {width: 170px;}
div.fr2 span.seo {width: 210px;}
div.fr2 span.reklama {width: 180px;}
div.fr2 span.aplikace {width: 145px;}
div.fr2 span.hosting {width: 145px;}
div.fr2 span.kontakt {width: 110px;}
#main .kontakt p {padding-bottom: 10px;}
#main .kontakt p a {width: auto; display: inline;}
#ref img {border: 6px solid #d7d7d7;}
#ref a {margin-bottom: 10px; display: block; text-decoration: none; position: relative;}
#ref a span {display: none;}
#ref a:hover span {cursor: pointer; position: absolute; z-index: 255; top: 0px; left: 0; display: block; width: 0; overflow: hidden; padding-left:352px; height: 78px; background: transparent url(bg_ref.gif) no-repeat left top; border: 6px solid #27bcc6;}
.fl {float: left; clear: left;}
.fr {float: right;clear: right;}
#ref p.fl {width: 340px;padding: 0px 30px; position: relative; top: -10px;}
#ref form {width: 293px;padding: 0px 30px 0 0; }
#ref form p {text-align: justify; padding-bottom: 20px;}
label {color: #04949e; font-size: 92%; font-weight: bold; padding-left: 20px;}
input, textarea {background: #fff url(bg_form2.gif) repeat-x left top; font-size: 100%; width: 290px; border: 1px solid #27bcc6; padding: 2px; margin-top: 2px; margin-bottom: 8px;color: #04949e; font-family: arial;}
textarea {background: #fff url(bg_form.gif) repeat-x left top; overflow: auto; height: 95px; width: 288px;}
input#send {width: 100px; float: right; background: #27bcc6 url(bg_but.gif) no-repeat left top; height: 27px; color: #fff; font-size: 100%;padding-left: 35px;font-weight: normal; cursor: pointer;}
p.center {clear:both; float: right; width: 500px; padding: 0px 123px 30px 123px; text-align: justify;}
h2.center {clear:both; font-size: 100%; float: right; width: 500px; padding: 30px 123px 0 123px; }
strong {font-weight: normal;}
span strong {font-weight: bold;}
span.funkce {font-size: 94%; font-weight: normal;padding-left: 15px;}


.highslide-html{background-color:#27bcc6; line-height: 18px; color: #fff;}
.highslide-html-blur{}
.highslide-html-content{position:absolute; display:none; height: 550px;}
.highslide-loading{display:block;color:black;font-size:8pt;font-family:sans-serif;font-weight:bold;    text-decoration:none;padding:2px;border:1px solid black;    background-color:white;        padding-left:22px;    background-image:url(highslide/graphics/loader.white.gif);    background-repeat:no-repeat;    background-position:3px 1px;}
a.highslide-credits, a.highslide-credits i{padding:2px;    color:silver;    text-decoration:none;font-size:10px;}
a.highslide-credits:hover, a.highslide-credits:hover i{color:white;    background-color:gray;}
.highslide-wrapper{background-color:white;}
.highslide-wrapper .highslide-html-content{width:380px;    padding:5px;}
.highslide-wrapper .highslide-header div{}
.highslide-wrapper .highslide-header ul{margin:0;padding:0;text-align:right;}
.highslide-wrapper .highslide-header ul li{display:inline;padding-left:1em;}
.highslide-wrapper .highslide-header ul li.highslide-previous,.highslide-wrapper .highslide-header ul li.highslide-next{display:none;}
.highslide-wrapper .highslide-header a{font-weight:bold;color:gray;text-transform:uppercase;text-decoration:none;}
.highslide-wrapper .highslide-header a:hover{color:black;}
.highslide-wrapper .highslide-header .highslide-move a{cursor:move;}
.highslide-wrapper .highslide-footer{height:11px;}
.highslide-wrapper .highslide-footer .highslide-resize{float:right;height:11px;width:11px;background:url(./graphics/resize.gif);}
.highslide-wrapper .highslide-body{}
.highslide-move{cursor:move; }
.highslide-resize{cursor:nw-resize;}
.highslide-display-block{display:block;}
.highslide-display-none{display:none;}

.highslide-html a {color: #fff;}
.highslide-html h1 {text-align: center; padding: 0 5px; margin: 0; display: block; background-color: transparent; font-size: 170%; font-weight: bold;}
.highslide-html p {padding: 10px 10px 0 10px; text-align: justify; font-size: 120%; line-height: 18px;}
#reference img {border: 6px solid #d7d7d7;}
#reference .ref {float:right; width: 400px; height: 192px; padding: 10px; margin: 0px 0px 16px 0; background-color: #f8f8f8;}
#reference img {float: left; margin: 0px 0px 16px 16px;}
#reference .ref h3 {padding: 0; margin:0; font-size: 125%;}
#reference .ref p { padding:0; margin: 0; font-size: 90%;}
#reference .ref p.popis {min-height: 164px; _height: 158px; font-size: 100%; overflow: visible; text-align: justify;}
#reference #main {padding-right: 14px; width: 732px;}