body {
margin: 0px;
padding: 0px;
font-family : 'Verdana CE', Verdana, 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;
font-size: x-small; 
fo\nt-size: small; 
background-color: #d7f4ff;
color: #333333;
}

#warning {
color: red;
font-size: 1.3em;
margin-bottom: 2em;
border: navy 1px solid;
text-align: center;
background: #ccffff;
}

a:active
{
color : #990000;
}

a:link
{
color : Blue;
}

a:hover
{
color : Navy;
}

.tucne {
font-style: normal;
font-weight: bold;
}

.clearboth {
clear: both;
}

.nostyle {
  display: none;
}

.textcenter {
text-align: center;
}

.floatvlevo {
float: left;
}

#main {
width: 770px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border-left: 2px #0066cc solid;
border-right: 2px #0066cc solid;				/* ffcc33 */
}

#header {
width: 770px;
margin-left: auto;
margin-right: auto;
/*
position: absolute;
top: 0;
left: 0px;
z-index: 1;
border-left: 0px solid;
border-right: 0px solid;
border-color: blue;
*/
}

#maincontent {
width: 770px;
position: absolute;
top: 200px;
left: 0px;
text-align: left;
clear : both;
border-left: 0px solid;
border-right: 0px solid;
border-color: blue;
}

#content {
width: 70%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#tail {
width: 770px;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

img.top {
margin: 0;
padding: 0;
border: 0;
float: left;
}

img.aa {
margin: 0;
padding: 0;
border: 0;
}

#kontakt {
width: 68px;
height: 38px;
background-image : url("obr/kontakt.jpg");
background-repeat : no-repeat;
float: left;
}
#kontakt:hover {
background-image : url("obr/kontakt-over.jpg");
background-repeat : no-repeat;
}

#reference {
width: 93px;
height: 25px;
background-image : url("obr/reference.jpg");
background-repeat : no-repeat;
float: left;
}
#reference:hover {
background-image : url("obr/reference-over.jpg");
background-repeat : no-repeat;
}

#nabidka {
width: 130px;
height: 25px;
background-image : url("obr/nabidka_sluzeb.jpg");
background-repeat : no-repeat;
float: left;
}
#nabidka:hover {
background-image : url("obr/nabidka_sluzeb-over.jpg");
background-repeat : no-repeat;
}

#validitybox {
/* display: none; */
clear: both;
/*
background-color: #ddffff;
*/
width: 770px;
margin-top: 0px;
padding-top: 1em;
padding-bottom: 0.5em;
text-align: left;
font-size: 0.8em;
margin-left: auto;
margin-right: auto;
}

#validity img {
border: 0px;
}

#validityvalidity {
float: left;
}

#validitychrudim {
float: right;
}


h1 {
font-size: 1.4em;
color: black;
margin-bottom: 0.1em;
padding-bottom: 0.1em;
margin: 0;
padding: 15px 0 3px 0;
clear: both;
}

h2 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 0.1em;
padding-bottom: 0.1em;
margin: 0;
padding: 15px 0 3px 0;
clear: both;
}

h3 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.1em;
padding-bottom: 0.1em;
margin: 0;
padding: 20px 0 3px 0;
clear: both;
}

p {
margin: 0;
margin-bottom: 1em;
padding: 2px 10px 0px 10px;
}

ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding: 2px 10px 4px 10px;
}

ol {
margin: 1em 0 1em 1em;
padding: 0em 2em;
list-style-type: decimal;
}

ol li {
margin-bottom: 1em;
}

ul li {
margin-bottom: 0.5em;
}

#img-kontakt {
float: left;
margin: 2em 10px 1.3em 5px;
border: 0px;
}

.img-projekt {
float: left;
margin: 5px 10px 0 5px;
border: 0px;
}

.projekt {
clear: both;
}

#formularik {
clear: both;
border: 1px red solid;
padding-left: 0.3em;
}

#formularik h3 {
margin-top: 0.1em;
margin-bottom: 0.1em;
padding: 0;
}

.label {
width: 70px;
float: left;
vertical-align: middle;
} 

.nahoredole {
margin-top: 7px;
margin-bottom: 7px;
}

p.error {
color: red;
}

#nahoru {
text-align: right;
margin-right: 3em;
margin-bottom: 1em;
}

#menudole {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}

li.mapawww1 {
font-weight: bold;
margin-top: 1em;
font-size: 1.1em;
/*
list-style-image : none;
list-style-type : none;
list-style-position : outside;
padding-left: 1em;
background: url("bluedot2.gif") top left no-repeat;
*/
}

li.mapawww2 {
font-weight: normal;
font-size: 0.9em;
}

li.mapawww3 {
font-weight: normal;
font-size: 0.8em;
}

table.cenikbanneru {
width: 100%;
border: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0em;
margin-bottom: 0em;
}

td.umistenibanneru {
background-color: #66ccff;
padding: 0.2em 2em;
width: 60%;
}
td.cenabanneru {
background-color: #ffcc99;
padding: 0.2em 2em;
width: 40%;
}

p.ukazkabanneru {
margin-top: 0em;
margin-bottom: 1em;
font-size: 0.7em;
}

p.infostatistika {
margin-top: 2em;
border-top: 1px dotted black;
}