html, body, ul, li, p, ol, h1, h2, h3, h4, fieldset, form { padding:0; margin:0; list-style-type:none; border:0; }


hr.hr { display:none; }
.blind { position:absolute; top:-100000px; }
.clear { display:block; overflow:hidden; height:1px; margin-bottom:-1px; clear:both; }
.invisible { display:none; }

a { text-decoration:none; color:#1133A3; border-bottom:1px dotted #036; }
a:hover { border-color:#ffffff; }
img { border:0; }

.cf, #footer div, #content-in, .home-box-in, .path-box-in, .sample, .demo-box-in form fieldset, .produkt { height:1%; }
.cf:after, #footer div:after, #content-in:after, .home-box-in:after, .path-box-in:after, .sample:after, .demo-box-in form fieldset:after, .produkt:after { content:"."; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; }

html { font-family:georgia,verdana,arial,sans-serif; font-size:83%; line-height:1.33 }
body { text-align:center; }

#header { background:url(img/header.gif) center bottom repeat-x; }
#header div { width:920px; margin:0 auto; text-align:left; position:relative; height:190px; background:url(img/header.gif) center bottom repeat-x; }
#header div #logo { width:390px; height:132px; position:absolute; left:0; top:23px; border:none; }

#container { background:#edf7ff; padding:35px 0; }
#content { width:920px; margin:0 auto; position:relative; text-align:left; }
#content-in { width:700px; position:relative; left:110px; }

#content-in p { padding:0 0 1em; text-align: left; line-height:1.5}
#content-in h1 { font-weight:normal; padding:0 0 .7em; font-size:1.7em; }
#content-in h2 { color:#21283a; font-weight:bold; font-size:1.3em; padding:0 0 1em; }
#content-in h3 { color:#226699; font-weight:bold; font-size:1.1em; padding:0 0 .5em;  }
#content-in ul { padding:.5em 0 1em 2em; }
#content-in ul li { list-style-type:square !important; padding:0 0 0.5em !important }
#content-in ul li p { padding:0 !important }

#footer { background:url(img/footer.gif) center top repeat-x; font-size:.9em; }
#footer div { width:920px; margin:0 auto; text-align:left; background:url(img/footer.gif) center top repeat-x; padding:100px 0 40px; }
#footer div a { border:none; }
#footer div .menu { float:right; text-transform:uppercase; }
#footer div .menu span { color:#c4d0e4; padding:0 10px; }
#footer div .copy { float:left; }

#mainmenu { position:absolute; right:0; top:-190px; font-size:.8em; }
#mainmenu a  { color:#003366; }
#mainmenu li { display:inline; padding:0 0 0 10px; border-left:1px solid #c4d0e4; margin:0 0 0 10px; }
#mainmenu li.first { border:0; }
#mainmenu li a { border:0; text-transform:uppercase; }
#mainmenu li a:hover { border-bottom:1px dotted #036; }
#mainmenu li ul { position:absolute; right:-9px; _right:-17px; top:81px; font-size:1.2em; height:35px; width:440px; }
#mainmenu li ul li { line-height:35px; display:block; float:left; margin:0 9px 0 0; padding:0; border:0; }
#mainmenu li ul li a { text-transform:none; display:block; background:url(img/menu.gif) left -35px no-repeat; }
#mainmenu li ul li a span { display:block; background:url(img/menu.gif) right -35px no-repeat; padding:0 10px; cursor:pointer }
#mainmenu li ul li a:hover,
#mainmenu li ul li strong a { border:0; background-position:left 0; font-weight:normal; color:#030; }
#mainmenu li ul li a:hover span,
#mainmenu li ul li strong a span { background-position:right 0; }

.dispath #content-in,
.homepage #content-in { left:0; width:936px; left:-8px; }
h1,.homepage #content-in h2 { color:#C00; font-weight:normal; font-size:1.6em; line-height:45px; padding:0; }
.homepage #content-in h1 { padding:0 !important; }

#home-text { width:430px; float:left; position:relative; left:8px; padding:30px 0 40px; }

.home-box-l { float:left; }
.home-box-r { float:right; }
.home-box { width:462px; background:url(img/home-box.gif) center top no-repeat; padding:20px 0 0; margin:0 0 10px; }
.home-box-in { background:url(img/home-box.gif) center bottom no-repeat; padding:0 30px 30px; height:180px;}
.home-box .ico { width:42px; height:124px; float:left; background:url() left top no-repeat; }
.home-box .text { float:right; width:354px; }
.home-box .text p { padding:0 0 .5em !important }

#content .home-box ul li { padding:0 0 .5em !important; list-style:none !important; }
#content .home-box ul li, .more { padding-left:10px !important; background:url(img/home-li.gif) left center no-repeat; }
#content .home-box-in .text ul.product-list li { padding-top: 4px !important; }

.novinky-title { font-size: 80%;}
.novinky small { color:#690; font-size:1em; }
.home-box ul { padding:0 0 0 !important; }


.dispath #content-in h1 { padding-left:8px; }
.dispath #content-in h2,
#content-in .demo-box .caption { color:#C00; font-weight:normal; font-size:1.6em; line-height:45px; padding:0 0 10px !important; }

.path-box { width:303px; background:url(img/dispath.gif) center top no-repeat; padding:20px 0 0; margin:0 9px 10px 0; float:left; }
.path-box-in { background:url(img/dispath.gif) center bottom no-repeat; padding:0 30px 30px; }
.path-box .ico { width:42px; height:110px; float:left; background:url() left top no-repeat; }
.path-box .text { float:right; width:196px; }
.path-box .text p { padding:0 0 0 10px !important; background:url(img/home-li.gif) left 6px no-repeat; }

.ico-prehled .ico { background-image:url(img/ico-prehled.gif); }
.ico-novinky .ico { background-image:url(img/ico-novinky.gif); }
.ico-prvni-slovo .ico { background-image:url(img/ico-prvni-slovo.gif); }
.ico-co-umime .ico { background-image:url(img/ico-co-umime.gif); }
.ico-produkty .ico { background-image:url(img/ico-produkty.gif); }
.ico-kolik .ico { background-image:url(img/ico-kolik.gif); }

.page h2 { padding-top:1em !important; }
.page #content-in a { font-weight:normal; }

#content-in ul.sample { background:url(img/sample-arr.gif) left center no-repeat; padding:0 0 2em; width:770px; }
#content-in ul.sample li { float:left; width:197px; list-style:none !important; background:url(img/sample.gif) left top no-repeat; margin:0 55px 0 0; padding:0 !important; }
#content-in ul.sample li h3 { height:40px; line-height:34px; color:white; font-size:1em; padding:0 24px; font-weight:normal; text-transform:none; }
#content-in ul.sample li ul { background:url(img/sample.gif) left bottom no-repeat; padding:0 24px 10px; }
#content-in ul.sample li ul li { background:none; float:none; padding:10px 0 !important; border-top:2px dotted #d7edf1; width:auto; margin:0; height: 84px;}
#content-in ul.sample li ul li.first { border-top:none; }

#content-in ul.sample li.second { background-position:center top; }
#content-in ul.sample li.second ul { background-position:center bottom; }
#content-in ul.sample li.third { background-position:right top; }
#content-in ul.sample li.third ul { background-position:right bottom; }

.demo-box { width:351px; background:url(img/demo-box.gif) center top no-repeat; padding:30px 0 0; margin:0 0 2em 0; position:relative; left:-8px; }
.demo-box-in { background:url(img/demo-box.gif) center bottom no-repeat; padding:0 30px 30px; &width:291px; }
.demo-box-in form { background:url(img/ico-demo.gif) left top no-repeat; padding:0 0 0 45px; }
.demo-box-in form fieldset { width:252px; }
.demo-box-in form fieldset p label { position:absolute; top:-100000px; }
.demo-box-in form fieldset p input { border:1px solid #d7edf1; padding:2px 5px 0; width:240px; text-indent:0px; }
.demo-box-in form fieldset p.psc { float:left; margin-right:9px; }
.demo-box-in form fieldset p.mesto { float:left;}
.demo-box-in form fieldset p.psc input { width:60px; }
.demo-box-in form fieldset p.mesto input { width:158px; }
.demo-box-in form .submit-line input { width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; left:147px; }
.demo-box-in form .submit-line input:hover { background-position:left bottom; }
.demo-box-in form .submit-line button { width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; left:147px; line-height: 28px; }
.demo-box-in form .submit-line button:hover { background-position:left bottom; }

.demo-box { float:left }
.demo-box-in { min-height:170px; height:auto !important; height:190px; }
.demo-box-vysledek { margin-right:-8px; float:right; left:0; }

.demo-box-vysledek .validation-result-success { color:green; font-weight:normal; font-size:1.6em; line-height:45px; padding:0 0 10px !important; }
.demo-box-vysledek .validation-result-row { padding:0 0 1em; }
.demo-box-vysledek .validation-result-fail { color:#C00; font-weight:normal; font-size:1.6em; line-height:45px;  padding:0 0 10px !important; }
.demo-box-vysledek .validation-result-many-box div { padding: 0 0 8px; }

.demo .gwt-Hyperlink { display: inline; }


.demoperson .demo-box { margin-left:auto; margin-right:auto; float:none; }
.demoperson .demo-box-in form fieldset { width:272px; }
.demoperson .input-line { position:relative; left:-30px; margin-top: 13px; }
#demoperson-input input { border:1px solid #d7edf1; width:148px; text-indent:0px; margin-right: 10px; margin-top: 3px; }
#demoperson-button-box button { width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; line-height: 28px; vertical-align: middle;}
#demoperson-button-box button:hover { background-position:left bottom; }
#demoperson-output { position:relative; left:-25px; }

#demoonsite-button-box button { width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; line-height: 28px; vertical-align: middle;}
#demoonsite-button-box button:hover { background-position:left bottom; }

.demosmartform .demo-box { margin-left:auto; margin-right:auto; float:none; }
.demosmartform .demo-box-in form fieldset { width:272px; }
.demosmartform .demo-box-in form fieldset p { position:relative; }
.demosmartform .demo-box-in form fieldset p.input span { position:relative; width:42px; text-align: right; display: inline-block; margin-right: 2px;}
.demosmartform .demo-box-in form fieldset p.input input { border:1px solid #d7edf1; padding:2px 5px 0px; width:180px; text-indent:0px; }
.demosmartform .demo-box-in form fieldset p.reset { left: 50px; }
.demosmartform .demo-box-in form fieldset p.reset input {  width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; line-height: 28px; vertical-align: middle;}
.demosmartform .demo-box-in form fieldset p.reset input:hover { background-position:left bottom; }


.predstavujeme-se .vyhody h3 { background:url(img/obalka.gif) left top no-repeat; height:35px; padding-left:45px !important; line-height:35px; }
.predstavujeme-se .vyhody h3 + ul li { margin-left:20px; }



#content-in .icos { padding:0 0 1em; }
#content-in .icos li { list-style:none !important; padding-left:0 !important; overflow:visible; }
#content-in .icos li .ico { width:110px; height:43px; display:block; background:url() 0 0 no-repeat; }
#content-in .icos li p { width:577px; float:right; }
#content-in .icos li .ico-rychle { background-image:url(img/ico-rychle.gif); }
#content-in .icos li .ico-levne { background-image:url(img/ico-levne.gif); }
#content-in .icos li .ico-bezpecne { background-image:url(img/ico-bezpecne.gif); }
#content-in .icos li .ico-flexibilne { background-image:url(img/ico-flexibilne.gif); }
#content-in .icos li .ico-inovativne { background-image:url(img/ico-inovativne.gif); }

.questions #content-in h2 { /* text-transform:uppercase; */ }
.questions #content-in h3 { background:url(img/obalka.gif) left top no-repeat; height:35px; padding-left:45px !important; margin-top: 15px; line-height:35px; }
.questions #content-in h3 + div { padding-left:20px; }
.questions #content-in h3 + p { padding-left:20px; }

.questions .feedback-question { float: left; padding-right: 20px; position: relative; width: 460px; text-align: right; }
.questions div.feedback-answers { display: inline; width: 350px; position: relative; }

.produkty small { color:#690; font-size:1em;}
.produkty ol.web-service-priklad {padding: 0px 25px 10px;}
.produkty ol.web-service-priklad li { list-style-type: decimal; }
.produkty p.vice-o-produktu { background:url(img/produkty-vice.gif) left top no-repeat; padding-left:65px !important; line-height:28px; }
.produkty .vice-o-produktu a { font-size: 83%; }

.questions .contact-form-wrapper { border:1px solid #003366; position: relative; width: 29em; margin: 0.5em 1em 1em 250px; height: 9em;  }
.questions .contact-form-wrapper .request { padding: 0.4em 0 0 1em; }
.questions .contact-form-effect { position: relative; }
.questions .contact-form { position: relative; padding: 0.5em; }
.questions .contact-form .panel-input { position: relative;  width: 21em; float: left;}
.questions .contact-form .line-input { padding: 0 0 0.5em; }
.questions .contact-form .line-input .gwt-InlineHTML { display: inline-block; width: 5em; text-align: right; padding-right: 0.5em; }
.questions .contact-form .line-input input.gwt-TextBox { width: 12em; border:1px solid #D7EDF1; display: inline-block; }
.questions .contact-form .panel-input .message-panel { position: relative; text-align: center; color: #C00; padding-top: 0.3em; padding-bottom: 2em; /*padding-bottom setri misto pro zpravu*/}
.questions .contact-form .panel-buttons { float:right; position: relative; }
.questions .contact-form button.gwt-Button { width: 6.5em; margin: 0 0 0.2em 0; font-size: 90%; }


.produkt .text {  }
.produkt .ico { float:right; display:block; width:310px; overflow:hidden; }
.produkt .ico img { display:block; padding:1px; background:#bbd6db; margin: 0 10px 10px 10px; }
.produkt small { color:#690; font-size:1em;}
.produkt ol.web-service-priklad {padding: 0px 25px 10px;}
.produkt ol.web-service-priklad li { list-style-type: decimal; }

table { border-collapse: collapse; }
table tr th,
table tr td { text-align:left; vertical-align:top; padding:5px 10px; border:2px dotted #c4c4c4; border-width:2px 0; }

.cenik table {margin: 10px 10px 10px;}
.cenik #content-in h2 { 
	/*background:url(img/ico-levne.gif) 0px top no-repeat;
		padding-left:47px !important; 
	*/
	background-image:url(img/ico-levne.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:right top;
display: inline-block;
padding-right:50px !important;
padding-top: 0px !important;
  height:25px; 
  margin-top: 0px; 
  line-height:40px;   
  }
.cenik .old-price { text-decoration: line-through; margin-left: 10px;}
.cenik .new-price {color:#EE0000; font-weight: normal; }
.cenik .vice-o-produktu a { font-size: 83%; }
.cenik .tabulka-cen td,.cenik .tabulka-cen th { padding-left: 25px; padding-right: 20px;}
.cenik .tabulka-cen th { background-color: #dddddd; }

/*kalkulacka: */
.cenik div#calculator { margin-top: 1em; }
.cenik #calculator-output { margin-top: 0.3em; } 
.cenik form input#calculator-button { margin-left: 1em; width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; line-height: 28px; }
.cenik form input#calculator-button:hover { background-position:left bottom; }


form.form {  }
form.form fieldset p { padding:0 0 .5em !important; }
form.form fieldset p label,
form.form fieldset p.radio span,
form.form fieldset p.check span { display:inline-block; width:150px; margin:0 10px 0 0; text-align:right; vertical-align:top }
form.form fieldset p.radio,
form.form fieldset p.check { padding:0 !important; }
form.form fieldset p.radio label,
form.form fieldset p.check label { display:block; text-align:left; width:auto; margin:0; position:relative; left:160px; top:-1.2em; }
form.form fieldset p.radio input,
form.form fieldset p.check input { border:none; padding:0; width:auto; }
form.form fieldset p input,
form.form fieldset p textarea { border:1px solid #d7edf1; padding:2px 0; width:240px; text-indent:5px; }
form.form fieldset p textarea { width:360px; height:100px; }
form.form fieldset p input { border:1px solid #d7edf1; padding:2px 0; width:240px; text-indent:5px; }
form.form .submit-line input { width:95px; height:30px; background:url(img/button.gif) left top no-repeat #1a4d7f; border:none; color:white; cursor:pointer; position:relative; left:160px; }
form.form .submit-line input:hover { background-position:left bottom; }

.bublina .bubl { position:absolute; left:0px; width:200px; font-weight:normal; color:black; font-size:.8em; padding:0; margin:0; }
.bublina .bubl span.top { display:block; background:url(img/bublina2.gif) 0 top no-repeat;         height:10px; width:200px; overflow:hidden; }
.bublina .bubl span.bot { display:block; background:url(img/bublina2.gif) -400px bottom no-repeat; height:16px; width:200px; overflow:hidden; }
.bublina .bubl em { background:url(img/bublina2.gif) -200px top repeat-y; display:block; font-style:normal; padding:0 10px 5px; }

#bubl { position:absolute; width:200px; font-weight:normal; color:black; font-size:.8em; padding:0; margin:0; }
#bubl span.top { display:block; background:url(img/bublina2.gif) 0 top no-repeat;         height:10px; width:200px; overflow:hidden; }
#bubl span.bot { display:block; background:url(img/bublina2.gif) -400px bottom no-repeat; height:16px; width:200px; overflow:hidden; }
#bubl em { background:url(img/bublina2.gif) -200px top repeat-y; display:block; font-style:normal; padding:0 10px 5px; }

.kontakt .demo-box-in form { background:none; padding:0; }
.kontakt .demo-box-in h2 { line-height:1.3em !important; padding-top: 0.2em; }
.kontakt .demo-box-in { min-height:60px; height:190px; }
.kontakt #kontakt1-result-box, .kontakt #kontakt2-result-box { text-align: right; margin-right: 48px; }

.mapa #content-in ul { padding: 4px 0px 4px 1em; }
.mapa #content-in li { padding: 2px !important; }

.pripravujeme { color: #E58C05; }

/* boxes */
.info, .success, .warning, .error, .validation, .back
{ border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }

.info { color: #00529B; background-color: #ddeeff; background-image: url('img/box/info.png'); }
.success { color: #4F8A10; background-color: #DFF2DF; background-image:url('img/box/success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('img/box/warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('img/box/error.png'); }
.back { border: none; background-image: url('img/box/back.png'); }

/*ukazka zdrojoveho kodu*/
pre.source { background-color:#DDE6EE;  border:1px dashed #7E8D99; margin: 10px 0px; padding: 1em; color:#000000; font-size:110%; overflow:auto; }