/* zakladni elementy */
body {
margin: 0px; 
padding: 0px;
text-align: center;
font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
font-size: 9pt;
background: rgb(204,0,0);  
color: rgb(110,110,110);
}

a {
color: rgb(110,110,110);
}

a:hover {
text-decoration: none;
}

p {
margin: 0 0 30px 0;
padding: 0;
}

tr, td {
height: 20px;
padding: 5px;
}

h2, h3, h5 {
background: rgb(204,0,0);
color: white;
margin: 0;
padding: 4px;
font-size: 9pt;
}

h3 {
background: rgb(0,102,255);
}

h5 {
background: rgb(199,199,199);
}

h4 {
font-size: 9pt;
margin: 10px 0 6px 0;
}


/* telo , hlavicka, patka */
.bile-pozadi-tela {
background:  white; 
}

.telo {
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: #ffffff;  
}

.hlavicka {
width: 780px;
background: #ffffff; 
height: 200px;
}

.lista {
position: absolute;
}

h1 {
position: absolute;
right: 20px;
top: 28px;
font-weight: bold;
font-size: 9pt;
color: rgb(110,110,110);
}

.motto {
position: absolute;
left: 160px;
top: 45px;
width: 200px;
height: 60px;
font-weight: bold;
font-size: 10pt;
color: rgb(0,102,255);
cursor: default;
}

.logo, .logo img {
border: 0;
margin: 0;
padding: 0;
height: 50px;
}


.motto-pokracovani {
float: right;
bottom: 0px;
right: 2px;
width: 800px;
text-align: right;
font-size: 9pt;
background: 1px solid #000;
}

.motto-pokracovani a {
color: rgb(204,0,0);
margin: 0 25px 0 0;
font-weight: bold;
font-size: 9pt;
}

.obsah-odsazeni {
margin: 10px;
}

.obsah {
background: #ffffff;
width: 800px;
margin: 10px 0 0 0;
}

.ls {
float: left;
min-height: 350px;
}

.ps {
float: left;
width: 490px;
border: 1px solid rgb(204,214,217);
height: auto;
margin: 5px 5px 10px 5px;
}


.patka {
padding: 15px 0 50px 10px;
background: rgb(204,0,0);  
font-size: 8pt;
color: rgb(224,224,224);
height: auto;
}

.patka-text {
width: 820px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.patka-text a {
color: rgb(224,224,224);
}
.patka-text a img {
width: 9px;
height: 9px;
}

.nic {
clear: both;
line-height: 0px;
}


/* menu */
.akt-odkaz, .akt-odkaz a {
background: rgb(239,239,239);
padding: 1px;
}

.menu {
width: 258px;
border: 1px solid rgb(204,214,217);
margin: 5px 5px 10px 5px;
}

h2 a {
text-align: right;
text-decoration: none;
padding: 1px 2px 1px 2px;
color: white;
}


/* uvodni strana */
.menu2 {
float: left;
width: 240px;
border: 1px solid rgb(204,214,217);
height: 132px;
margin: 5px 5px 15px 5px;
}

.menu3 {
float: left;
width: 240px;
border: 1px solid rgb(204,214,217);
height: 210px;
margin: 5px 5px 15px 5px;
}

.menu-odsazeni, .ps-odsazeni {
margin: 10px;
}

.pracovni-vytizeni {
display: block;
margin: 0 0 5px 0;
padding: 4px;
background: rgb(224,224,224);
font-weight: bold;
font-size: 11pt;
}

.testovaci-server-on {
display: block;
margin: 0 0 5px 0;
padding: 4px;
background: rgb(224,224,224);
font-weight: bold;
font-size: 11pt;
}
.testovaci-server-on a {
color: rgb(0,102,255);
}

.testovaci-server-off {
display: block;
background: rgb(224,224,224);
font-weight: bold;
margin: 0 0 5px 0;
padding: 4px;
font-size: 11pt;
}



/* sluzby */
.uvod {
color: rgb(0,102,255);
margin: 20px 0 30px 0;
line-height: 16px;
}

.text, .odkazy, .cenik {
margin: 30px 0 30px 0;
line-height: 16px;
}

.odkaz {
height: 40px;
background: rgb(239,239,239);
}

.obrazky td {
text-align: center;
padding: 20px;
}

.obrazky img {
border: 3px solid rgb(215,215,215);
}

.extraodkaz {
margin: 0 0 30px 0;
}

/* kontakt */
.kontakt-foto {
float: right;
text-align: right;
}

.kontakt {
line-height: 16px;
}

/* faq */
.faq {
margin: 20px 0 20px 0;
line-height: 16px;
}

/* projekty */
.nadpis {
font-size: 1.2em;
display: block;
height: 140px;
}

.nadpis img {
margin: 0 20px 0 0;
border: 3px solid rgb(215,215,215);
float: left;
}

hr {
border: 0;
margin: 30px 0 30px 0;
background: rgb(204,214,217);
color: rgb(204,214,217);
height: 1px;
}

.projekty li {
line-height: 16px;
}

/* Klienti */
.klient {
display: block;
height: 150px;
}

.klient img {
margin: 0 20px 0 0;
border: 3px solid rgb(215,215,215);
float: left;
}


/* dotaznik */
.dotaznik table {
width: 100%;
}

.dotaznik tr, .dotaznik td {
padding: 3px;
background: rgb(239,239,239);
height: 25px;
}

.dotaznik th {
padding: 3px;
background: white;
height: 25px;
font-weight: normal;
font-size: 0.9em;
}

td.prvnisloupec {
width: 350px;
}

.dotaznik input, .dotaznik select, .dotaznik textarea {
margin: 0;
padding: 0;
width: 250px;
border: 1px solid rgb(199,199,199);
height: 20px;
}

.dotaznik textarea {
height: 140px;
}

input.check {
width: 20px;
}

input.submit {
border: 1px solid rgb(0,102,255);
width: 100%;
}

td.vyberova {
font-weight: bold;
background: white;
}

select.vyberova {
width: 350px;
background: white;
}

table.vyberova {
border: 1px solid rgb(204,214,217);
margin-bottom: 20px;
}

#kompletweb,#uprava_redesign_analyza, #copywriting, #korektura, #grafika, #intranet, #server, #dotaz {
display: none;
}

#nicnevybrano {
color: rgb(213,213,213);
font-weight: bold;
font-size: 1.5em;
text-align: center;
}