/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, font, img, small, strike, strong, b, u, i, ul, li { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background: transparent; }
body { line-height: 1; letter-spacing:1px; font-family:Tahoma, Helvetica, sans-serif; font-size:17px; color:#e7faff;  }
ol, ul { list-style: none; }

/* Main */
html, body { height:100%; }
body { background:#395561 url(img/background.png) repeat-x; }
label { cursor:text; }
h2 { font-size:19px; }
h3 { font-weight:normal; }
p { padding:8px 17px; }
ul { list-style:url(img/odrazka.gif); margin-left:68px; text-indent:3px; padding:0 0 5px 0; }
li { padding:0 0 3px 0; }
a { color:#FFF; }
a:hover { color:#d5f7ff; text-decoration:none; }
.podtrzeni { text-decoration:underline; }
.cleaner { clear:both; visibility:hidden; width:0; height:0; }

/* Page */
#light { background:url(img/light.jpg) no-repeat; background-position:50% 0; height:100%; }
#tecky { background:url(img/tecky.png); height:100%; }
html>body #tecky{ height:auto; min-height:100%; } 

/* Hlavicka */
#hlavicka { width:960px; height:138px; margin:0 auto; }
#logo { width:428px; height:138px; float:left; }
#logoodsazeni { margin:28px 0 0 0; }
#logoodkaz { width:385px; height:110px; background:url(img/logo.png) no-repeat; display:inline-block; }
#logoodkaz span { display:none; }
#odkazy { margin:0 0 0 428px; }
#odkazyodsazeni { padding:94px 0 0 0; }

/* Odkazy */
#home { width:80px; height:37px; background:url(img/home.png) no-repeat; display:inline-block; }
#home span { display:none;}
#sluzby { width:94px; height:37px; background:url(img/sluzby.png) no-repeat; display:inline-block; }
#sluzby span { display:none;}
#reference { width:137px; height:37px; background:url(img/reference.png) no-repeat; display:inline-block; }
#reference span { display:none;}
#omne { width:89px; height:37px; background:url(img/omne.png) no-repeat; display:inline-block; }
#omne span { display:none;}
#kontakt { width:110px; height:37px; background:url(img/kontakt.png) no-repeat; display:inline-block; }
#kontakt span { display:none;}
#home:hover { background:url(img/homeon.png); }
#sluzby:hover { background:url(img/sluzbyon.png); }
#reference:hover { background:url(img/referenceon.png); }
#omne:hover { background:url(img/omneon.png); }
#kontakt:hover { background:url(img/kontakton.png); }

/* Slideshow */
#slideshow { width:964px; margin:21px auto 0 auto; }
#slideshowtop { width:964px; height:16px; background:url(img/slideshowtop.png) no-repeat; }
#slideshowbottom { width:964px; height:16px; background:url(img/slideshowbottom.png) no-repeat; }
#slideshowbg { width:964px; background:url(img/slideshowbg.png) repeat-y; }
.slideshowtext { width:333px; float:left; }
.slideshowobrazek { margin:0 0 0 333px; }
.tlacitka { text-align:center; }
.snadpis { font-size:22px; text-decoration:underline; display:block; padding-bottom:10px; }
.szvyrazneni { font-weight:bold; line-height:20px; }
.panel p { padding:1px 17px; }

/* Obsah */
#obsah { width:964px; margin:13px auto 0 auto; }
#obsahvlevo { width:476px; float:left; }
#obsahvpravo { margin:0 0 0 487px; }
#obsahtop { width:964px; height:16px; background:url(img/obsahtop.png) no-repeat; }
#obsahbottom { width:964px; height:16px; background:url(img/obsahbottom.png) no-repeat; }
#obsahbg { width:964px; background:url(img/obsahbg.png) repeat-y; }
.obsahodsazeni { margin:0 16px; }
.odstavecpodnadpisem { padding-top:6px; }
.odstavecpodnadpisemjiny { padding-top:2px; }
#ikonky { width:151px; height:72px; background:url(img/ikonky.gif) no-repeat; }
#ikonkyodsazeni { padding:4px 17px 13px 17px; }

/* Sluzby */
#sluzbyodsazeni { padding:15px 17px; }
#sluzbyvlevo { width:434px; float:left; }
#sluzbyvpravo { margin:151px 0 0 464px; }
.sluzbabg { width:434px; height:302px; background:url(img/sluzbabg.png) no-repeat; }
.sluzbabottom { width:434px; height:44px; background:url(img/sluzbabottom.png) no-repeat; }
.sluzbaodsazeni { padding:11px 13px 77px 13px; }
.sluzbavelikost { height:187px; }
.sluzbacena { height:20px; text-align:right; padding:0 13px 0 0; }
.sluzebniodstavec { padding:8px 13px; text-indent:17px; }

/* Kontakt */
#kontaktodsazeni { padding:0 17px 15px 17px; }
#kontaktvlevo { width:350px; float:left; }
#kontaktvpravo { margin:0 0 0 350px; }
#formularodsazeni { padding:14px 17px 50px 17px; }
.knadpis { font-size:22px; text-decoration:underline; display:block; padding:13px 0 5px 0; }
.formularvlevo { width:145px; float:left; }
.formularvpravo { margin:0 0 0 162px; font-size:17px; }
.formularnadpis { width:145px; height:48px; background:url(img/formularnadpis.png) no-repeat; line-height:34px; text-indent:15px; }
.formularnadpisbottom { width:145px; height:18px; background:url(img/formularnadpisbottom.png) no-repeat; }
.malyinput { width:329px; height:26px; background:url(img/malyinputbg.png) no-repeat; border:0; padding:5px 20px; font-weight:bold; line-height:24px; }
.velkyinput { width:329px; height:156px; background:url(img/velkyinputbg.png) no-repeat; border:0; padding:10px 20px; line-height:18px; }
.robotinput { width:135px; height:26px; background:url(img/robotinputbg.png) no-repeat; border:0; padding:5px 20px; font-weight:bold; line-height:24px; }
.odeslat { width:170px; height:36px; border:0; background:url(img/odeslat.png) no-repeat; position:relative; left:18px; color:#FFFFFF; letter-spacing:3px; font-size:17px; cursor:pointer; }
.odeslat:hover { background:url(img/odeslaton.png); }
.mezi { height:12px; }

/* Paticka */
#paticka { width:964px; margin:0 auto; padding:15px 0; font-size:16px; color:#72b3c1; }
#patickabg { height:97px; background:url(img/paticka.png) no-repeat; }
#patickaodsazeni { padding:8px 16px; }
#patickaodkazy { padding:10px 0 0 0; color:#e7faff; font-size:14px; }

/* Nadpisy */
#tvorbawebovychstranek { width:353px; height:30px; background:url(img/tvorbawebovychstranek.gif) no-repeat; position:relative; top:-2px; cursor:text; }
#tvorbawebovychstranek span { display:none }
#webdesign { width:151px; height:34px; background:url(img/webdesign.gif) no-repeat; cursor:text; }
#webdesign span { display:none; }
#kontaktujteme { width:212px; height:30px; background:url(img/kontaktujteme.gif) no-repeat; position:relative; top:-2px; cursor:text; }
#kontaktujteme span { display:none; }
#referencenadpis { width:139px; height:30px; background:url(img/reference.gif) no-repeat; cursor:text; }
#referencenadpis span { display:none; }