BODY {
font-family : "Trebuchet MS", sans-serif;
font-size : 0.8em;
margin : 0;
padding : 0;
border : 0;
background : white url(obr/ctverec4.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
#stranka {
width : 1003px;
position : relative;
margin : 0 auto;
padding : 0;
border : 0;
}
H1 {
font-size : 1.6em;
color : #666666;
font-weight : 100;
}
H2 {
font-size : 1.3em;
color : #0080aa;
margin-top : 2em;
margin-bottom : 1.2em;
font-weight : 300;
}
H3 {
font-size : 1.1em;
color : #ff6600;
}
H4 {
font-size : 1em;
}
a {
text-decoration : none;
color : #006699;
border-bottom : 1px dashed #006699;
}
a:hover {
text-decoration : none;
color : #ff6600;
border-bottom : 1px solid #ff6600;
}
div {
border : 0 solid;
padding : 0;
margin : 0;
}
img {
border : 0 solid white;
}
.napoveda {
border-bottom : 1px dotted gray;
cursor : help;
}
#clear, .clear {
clear : both;
}
.neviditelne {
position : absolute;
left : 0;
top : -10000px;
width : 1px;
height : 1px;
overflow : hidden;
}
.logo {
position : absolute;
left : 65px;
top : 62px;
z-index : 7;
}
.logo a, .logo a:hover {
border-bottom : 0 solid #ff6600;
}
.plavuvlevo {
float : left;
margin : 10px 5px;
}
.plavuvpravo {
float : right;
margin : 10px 5px;
}
.gray {
color : gray;
}
#top-pozadi {
position : absolute;
left : 0;
top : 0;
background : white url(obr/top-pozadi-kostka.jpg);
background-position : 0 0;
background-repeat : no-repeat;
background-attachment : scroll;
width : 100%;
height : 180px;
z-index : 3;
margin : 0;
padding : 0;
}
#pruh {
position : absolute;
left : 0;
top : 180px;
background : url(obr/pruh-vodorovny1a.gif);
background-position : 0 0;
background-repeat : repeat-x;
background-attachment : scroll;
width : 100%;
height : 112px;
z-index : 2;
margin : 0;
padding : 0;
}
#darkl {
position : absolute;
left : 146px;
top : 180px;
width : 30px;
height : 112px;
z-index : 3;
background : url(obr/pruh-ztmaveni-levy.jpg);
background-position : 0 0;
background-repeat : repeat-x;
background-attachment : scroll;
margin : 0;
padding : 0;
}
#darkr {
position : absolute;
left : 825px;
top : 180px;
width : 30px;
height : 112px;
z-index : 3;
background : url(obr/pruh-ztmaveni-pravy.jpg);
background-position : 0 0;
background-repeat : repeat-x;
background-attachment : scroll;
margin : 0;
padding : 0;
}
#container {
position : absolute;
top : 219px;
left : 150px;
margin : 0 auto;
width : 700px;
z-index : 2;
padding : 20px 0 0 0;
border : 0 solid red;
background : white url(obr/ztmaveni-ctverec2.gif);
background-position : 0 0;
background-repeat : repeat-y;
background-attachment : scroll;
}
#obsah {
position : relative;
margin : 0 auto;
padding : 0 0 0 0;
z-index : 9;
height : 100%;
width : 600px;
border : 0 solid blue;
}
#uvodni-obsah {
width : 649px;
background : white url(obr-obsah/uvodni-fotka7a.jpg);
background-repeat : no-repeat;
background-position : 0 -25px;
border : 0 solid red;
height : 360px;
margin : 0;
padding : 0;
position : relative;
left : 26px;
top : -36px;
}
p.uvod1 {
color : #FF6600;
font-weight : bold;
margin : 0 10px 30px 10px;
padding : 0 0 0 0;
width : 470px;
position : relative;
top : 40px;
left : 20px;
letter-spacing : 0.5px;
}
p.uvod2 {
color : #e5e5e5;
color : #4f4f4f;
margin : 50px 10px 10px 20px;
padding : 0;
width : 350px;
}
.uvod3 {
color : #e5e5e5;
color : #4f4f4f;
margin : 10px 10px 10px 7px;
padding : 0;
font-weight : bold;
}
.uvod3 a {
color : #ff6600;
border-bottom : 1px dashed #ff6600;
}

.uvod3 a:hover {
color : #006699;
border-bottom : 1px solid #ff6600;
font-weight : 900;
}
#copyright {
background : url(obr/ctverec4.gif);
background-position : 0 2px;
background-repeat : repeat;
background-attachment : scroll;
text-align : center;
padding : 50px 0 10px 0;
margin : 50px 0px 0px 0px;
font-size : 0.9em;
color : gray;
border : 0;
height : auto;
clear : left;
}
#menu {
position : absolute;
left : 177px;
top : 177px;
width : 647px;
height : 43px;
background : white url(obr/pozadi-menu-pokus5.gif);
background-repeat : no-repeat;
z-index : 8;
margin : 0;
padding : 0 0 0 0;
border : 0 solid #75b7f5;
text-align : center;
}
#menu a {
display : inline;
padding : 10px 9px 11px 9px;
margin : 0 2px 0 2px;
border : 0 solid silver;
line-height : 40px;
font-size : 13px;
font-weight : bold;
}
#menu a:hover {
display : inline;
padding : 11px 9px 10px 9px;
margin : 1px 1px 0 0;
border-right : 1px solid #dbecfb;
border-left : 2px solid silver;
border-top : 2px solid #eff6fe;
height : 48px;
font-size : 13px;
font-weight : bold;
background : url(obr/menu-pozadi1b.gif);
background-position : 0 2px;
background-repeat : repeat-x;
position : relative;
left : 1px;
top : 2px;
}
#menu .uvod .aktivni a, #menu .onas .aktivni a, #menu .reseni .aktivni a, #menu .reference .aktivni a, #menu .clanky .aktivni a, #menu .zpravodaj .aktivni a, #menu .kontakt .aktivni a {
color : #ff6600;
text-decoration : underline;
}
div .kontakty-osoby {
border : 5px solid #dee6fe;
float : left;
padding : 20px;
margin : 10px 20px 20px 0;
width : 210px;
height : 210px;
background : url(obr/ctverec-orange.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
div .nabidka {
border : 5px solid #dee6fe;
float : left;
padding : 15px 10px 10px 10px;
margin : 10px 20px 20px 0;
width : 240px;
height : 300px;
background : url(obr/ctverec-orange.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
div .nabidka h2 {
font-size : 1.23em;
color : #009999;
margin-top : 0.4em;
margin-bottom : 1em;
font-weight : bold;
}
ul.nabidka-odrazky li {
color : gray;
list-style-type : none;
padding : 0 0 0 30px;
background : url(obr/odrazka-e1.jpg);
background-position : 0 0.4em;
background-repeat : no-repeat;
background-attachment : scroll;
margin : 3px 0 0 -30px;
}
ul.odra li {
position : relative;
padding-left : 30px;
color : #333333;
list-style-type : none;
background : url(obr/odrazka-e1.jpg);
background-position : 0 0.4em;
background-repeat : no-repeat;
background-attachment : scroll;
margin : 3px 0 0 0;
}
#kontakt p {
margin-top : 0;
}
.novyradek {
display : block;
}
#reerence img {
border : 5px solid #c7eaee;
padding : 5px;
clear : left;
float : left;
margin : 0 30px 20px 10px;
}
div .nase-reference img {
border : 8px solid white;
padding : 0;
clear : left;
float : left;
}
div .nase-reference a {
border-left : 1px solid #bfdfff;
border-top : 1px solid #bfdfff;
border-right : 1px solid #66ccff;
border-bottom : 1px solid #66ccff;
padding : 15px;
clear : left;
float : left;
margin : 0 30px 20px 10px;
background : #efefef url(obr/ozadi-k.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
div .nase-reference a:hover {
border-left : 1px solid #99ccff;
border-top : 1px solid #99ccff;
border-right : 1px solid #6699ff;
border-bottom : 1px solid #6699ff;
padding : 15px;
clear : left;
float : left;
margin : 0 30px 20px 10px;
background : #e9e9e9 url(obr/tverec.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
div .ref {
border-bottom : 1px solid #ccccff;
padding : 0 0 10px 0;
margin : 0;
}
#napiste-nam p {
border : 2px solid #66ccff;
margin : 20px 0 20px 0;
padding : 10px 5px 10px 35px;
text-align : center;
background : #efefef url(obr/odrazka-e-velke.gif);
background-position : 20px 50%;
background-repeat : no-repeat;
background-attachment : scroll;
}
#myslenka {
border : 4px solid #dee6fe;
margin : 20px 0 20px 0;
padding : 0px;
text-align : left;
background : white url(obr/odrazka-e-velke.gif);
background-position : 10px 50%;
background-repeat : no-repeat;
background-attachment : scroll;
}
#myslenka #myslenka-uvnitr {
margin : 0px;
padding : 7px 5px 7px 65px;
/** border-right : 1px solid #3399cc;
border-bottom : 1px solid #3399cc; **/
color : #666666;
position : relative;
}

.drobeckova {
font-size : 0.85em;
color : #666666;
}
.drobeckovapokus a {
font-size : 0.85em;
background : url(obr/odrazka-e.jpg);
background-position : 100% 40%;
background-repeat : no-repeat;
padding : 0 30px 0 0;
margin : 0 10px 0 0;
}
#srovnavaci-tabulka table {
border : 5px solid #ccccff;
padding : 0;
margin : 0 0 60px 0;
}
#srovnavaci-tabulka table tr td {
border-bottom : 1px solid #3399cc;
padding : 10px;
border-right : 1px solid #3399cc;
width : 215px;
}
#srovnavaci-tabulka table tr td.klasika, #srovnavaci-tabulka table td.saas {
width : 285px;
margin : 0;
padding : 10px;
color : #666666;
font-weight : bold;
font-size : 110%;
}
#srovnavaci-tabulka table tr td.pohled {
margin : 0;
padding : 10px;
color : #666666;
font-weight : bold;
font-size : 110%;
}
#polozka {
width : 530px;
margin : 5px 5px;
padding : 5px 10px;
background : #efefef;
height : 30px;
}
#polozka #cenik-cena {
float : right;
color : gray;
text-align : left;
border : 1px solid red;
height : 10px;
}
#polozka #cenik-leva {
float : left;
width : 400px;
}
div .bonusy table {
border : 5px solid #ccccff;
padding : 0;
width : 580px;
}
div .bonusy table tr td {
border-bottom : 1px solid #3399cc;
padding : 3px 10px;
border-right : 1px solid #3399cc;
}
div .bonusy table tr td.uprostred {
text-align : center;
}
div .bonusy table tr td.defslevy {
padding-left : 40px;
color : #ff6600;
font-weight : bold;
}
div .bonusy table tr td.slevapravy {
text-align : center;
color : #666666;
font-weight : bold;
}
#postup-napojeni ol li.prvni {
border : 1px solid red;
background : url(obr/postup-napojeni1.gif);
background-position : 0 0;
background-repeat : repeat;
padding : 5px 0 5px 50px;
}
#postup1, #postup2, #postup3, #postup4, #postup5, #postup6, #postup7, #postup8, #postup9, #postup10 {
border-bottom : 0 dashed silver;
padding : 5px 0 5px 50px;
margin-bottom : 5px;
}
#postup1 {
background : url(obr/postup-napojeni1a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup2 {
background : url(obr/postup-napojeni2a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup3 {
background : url(obr/postup-napojeni3a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup4 {
background : url(obr/postup-napojeni4a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup5 {
background : url(obr/postup-napojeni5a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup6 {
background : url(obr/postup-napojeni6a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup7 {
background : url(obr/postup-napojeni7a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup8 {
background : url(obr/postup-napojeni8a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
.plavuvlevobezokraju {
float : left;
margin : 0 10px 0 0;
}
#postup9 {
background : url(obr/postup-napojeni9a.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#postup10 {
background : url(obr/postup-napojeni10.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
ol.seznam-mezery li {
margin-bottom : 7px;
}
#umi1, #umi2, #umi3, #umi4, #umi5, #umi6 {
margin-bottom : 7px;
color : #333333;
padding : 5px 0 5px 50px;
margin-bottom : 5px;
}
#umi1 {
background : url(obr/umi1.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#umi2 {
background : url(obr/umi2.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#umi3 {
background : url(obr/umi3.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#umi4 {
background : url(obr/umi4.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#umi5 {
background : url(obr/umi5.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#umi6 {
background : url(obr/umi6.gif);
background-position : 0 50%;
background-repeat : no-repeat;
}
#form-zdarma {
width : 500px;
border : 5px solid #ccccff;
margin : 20px 5px;
padding : 5px 15px 15px 20px;
}
#form-obj {
width : 500px;
border : 5px solid #ccccff;
margin : 20px 5px;
padding : 5px 15px 15px 20px;
}
td .kratke {
font-weight : bold;
color : #ff6600;
margin-bottom : 3px;
margin-top : 12px;
}
#form-zdarma table tr td p.kratke {
margin-top : 5px;
border-bottom : 1px dashed #ccccff;
}
#form-zdarma table tr td {
padding : 4px 0;
}
#form-obj table tr td p.kratke {
margin-top : 5px;
border-bottom : 1px dashed #ccccff;
}
#form-obj table tr td {
padding : 4px 0;
}
#form-zdarma .nadpis, #form-obj .nadpis {
border : 1px solid #add8e6;
width : 230px;
padding : 5px 5px 5px 10px;
background : white;
position : relative;
top : -20px;
left : 5px;
margin : 0;
}
input.button {
padding : 0 20px 0 20px;
margin : 25px 0 0 10px;
width : 130px;
}
#iemail, #itelefon, #iprijmeni, #ijmeno, #iprihl, #iheslo, #ihesloznovu, #ifirma, #iulice, #imesto, #ipsc, #iic, #idic, #iwww, #iwww-a, #iwww-b, #iwww-c, #iwww-d, #iwww-e, #iwww-e, #iwww-f, #firma, #ulice, #mesto, #psc, #www, #jmeno, #prijmeni, #telefon, #email {
border : 1px solid #3399cc;
}
label {
margin-right : 20px;
}
.objbutonek a {
margin : 10px 10px 10px 5px;
background : white;
border : 5px solid #ffe4c4;
display : block;
width : 205px;
height : 40px;
padding : 5px;
}
.objbutonek a:hover {
margin : 10px 10px 10px 5px;
background : white;
border : 5px solid #add8e6;
display : block;
width : 205px;
height : 40px;
}
#na-form-zdarma-uvnitr {
height : 20em;
}
#na-form-zdarma {
border : 5px solid #dee6fe;
float : left;
padding : 15px 10px 10px 10px;
margin : 10px 20px 20px 0;
width : 240px;
}
div .pokracovat a {
font-weight : bold;
display : block;
width : 400px;
padding : 7px 0 7px 20px;
background : url(obr/pokracovat.gif);
background-position : 0 0;
background-repeat : no-repeat;
border-bottom : 0;
}
div .pokracovat a:hover {
font-weight : bold;
display : block;
width : 400px;
padding : 7px 0 7px 20px;
background : url(obr/pokracovat-a.gif);
background-position : 0 0;
background-repeat : no-repeat;
border-bottom : 0;
}
div .demo h2 {
text-align : center;
margin-top : 0;
margin-bottom : 0.4em;
}
div .demo {
float : left;
}
div .demo img {
border : 8px solid white;
padding : 0;
}
div .demo a {
border-left : 1px solid #bfdfff;
border-top : 1px solid #bfdfff;
border-right : 1px solid #66ccff;
border-bottom : 1px solid #66ccff;
padding : 10px;
float : left;
margin : 0 14px 20px 0;
background : #efefef url(obr/ozadi-k.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
div .demo a:hover {
border-left : 1px solid #99ccff;
border-top : 1px solid #99ccff;
border-right : 1px solid #6699ff;
border-bottom : 1px solid #6699ff;
padding : 10px;
float : left;
margin : 0 14px 20px 0;
background : #e9e9e9 url(obr/tverec.gif);
background-position : 0 0;
background-repeat : repeat;
background-attachment : scroll;
}
.dulezite {
color : #666666;
font-weight : bold;
}
#cenik table tr td.dulezite {
border-bottom : 1px solid #3399cc;
padding : 10px;
border-right : 1px solid #3399cc;
width : 125px;
color : #666666;
font-weight : bold;
font-size : 110%;
}
#cenik table {
border : 5px solid #ccccff;
padding : 0;
margin : 0 0 60px 0;
}
#cenik table tr td {
border-bottom : 1px solid #3399cc;
padding : 10px;
border-right : 1px solid #3399cc;
}
#cenik table tr td.cena {
color : #333333;
text-align : center;
}
.caste-otazky-otazka {
color : #0080aa;
font-weight : bold;
}
.caste-otazky-odpoved {
border-bottom : 1px solid #ff6600;
padding : 0 0 15px 10px;
border-right : 0 solid #3399cc;
color : #666666;
}
#komplet {
padding : 20px 0;
clear : both;
}
#komplet1 {
position : relative;
margin : 0 auto;
padding : 0;
width : 570px;
}
#stranka-obsahuje {
float : right;
margin : 5px 0 10px 10px;
border : 1px dotted silver;
padding : 5px;
width : 230px;
color : #666666;
font-size : 90%;
}
#stranka-obsahuje ul {
margin : 5px 0 0 20px;
padding-left : 0;
}
#stranka-obsahuje ul li {
margin : 5px;
}
div .orange-seznam {
width : 600px;
margin : 0;
padding : 0;
}
.valid a, .valid a:hover {
font-size: 0.85em;
padding-left: 20px;
text-decoration : none;
border-bottom: 0px;
}