html {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
background: #D7ECFF url(img/mat.png) no-repeat 50% 0;
color: #000;
margin: 0;
padding: 0;
}
a {
color: #1b558f;
}
a:visited {
color: #477aad;
}
a:hover, a:active {
color: #123a61;
}

body {
margin: 0;
padding: 5px 0 0 0;
background: url(img/pat.png) no-repeat 50% 100%;
}
#hlavni, #dalsi {
width: 960px;
margin: auto;
position: relative;
padding-bottom: 45px;
}
#stred {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
color: #000;
background: #fff url(img/foto.jpg) no-repeat 100% 20px;
padding-top: 140px;
margin-top: 20px;
}
.projekty #stred {
background: #fff url(img/foto2.jpg) no-repeat 100% 20px;
}

#hlavicka {
}

#pata {
text-align: right;
width: 99%;
color: #fff;
background-color: #35679F;
clear: both;
margin: 9px 0 0 2px;
}
#pata span {
padding-right: 5px;
}

#home {
position: absolute;
top: -20px;
left: 0;
z-index: 1;
}
#home a {
display: block;
color: #fff;
text-decoration: none;
height: 215px;
width: 230px;
padding: 2px 0 0 10px;
font-weight: bold;
background: url(img/logo.png) no-repeat 50% 60%;
}
#home span {
display: none;
}

#jazyky {
position: absolute;
text-align: right;
width: 100%;
font-weight: bold;
padding: 2px 0;
left: 0;
top: -20px;
}
#jazyky span {
padding: 0 10px 3px 0;
background-color: #232323;
color: #fff;
display: block;
}
#jazyky a {
background-color: #232323;
color: #fff;
text-decoration: none;
}
#jazyky a:hover, #home a:hover {
text-decoration: underline;
}


#menu {
position: absolute;
top: 98px;
left: 239px;
}
#menu ul {
list-style: none;
color: #fff;
background: #477AAD url(img/menu.png) no-repeat 50% 100%;
height: 39px;
margin: 0;
padding: 0;
}
#menu li {
display: block;
float: left;
width: 120px;
text-align: center;
}
#menu a {
display: block;
text-decoration: none;
color: #fff;
padding-top: 11px;
height: 28px;
text-transform: uppercase;
border-left: 1px solid #fff;
}
#menu a:hover {
color: #000;
background-color: #fff;
}


#hlavni #text {
width: 480px;
float: right;
margin-top: 160px;
}
#dalsi #text {
width: 720px;
float: right;
margin-top: 60px;
}
#text .in {
padding: 0 10px;
}
#text p {
letter-spacing: 0.3px;
line-height: 1.4;
text-align: justify;
padding-left: 5px;
padding-right: 10px;
}
#text h1 {
font-size: 160%;
font-weight: normal;
letter-spacing: 0.5px;
border-bottom: 4px solid #A6A6A6;
padding-left: 5px;
}
#text h2 {
font-size: 120%;
font-weight: bold;
letter-spacing: 0.5px;
border-bottom: 2px solid #A6A6A6;
padding-left: 5px;
}
#text h3 {
padding-left: 5px;
}

#text ul {
padding: 0;
margin-bottom: 15px;
}
#text ul ul {
margin-top: 5px;
}
#text .mista h2 {
font-size: 140%;
border: 1px solid #1b558f;
border-left: 10px solid #1b558f;
padding-left: 10px;
margin-top: 50px;
}
#text .mista h3 {
padding-left: 26px;
}
#text .mista ul {
padding-left: 30px;
}
.odsazeni {
margin-left: 60px;
}
.ram {
margin: 30px 0 0 5px;
padding: 10px;
border: 1px solid #1b558f;
}
.sidlo {
margin: 10px 0 10px 20px;
}

#sloupek {
width: 234px;
float: left;
margin: 56px 0 0 2px;
padding: 10px 0 0 0;
border-top: 1px solid #1b558f;
}
#sloupek .in {
padding: 0 13px 0 8px;
}
#sloupek p {
letter-spacing: 0.3px;
margin-top: 2px;
}
#sloupek h1 {
font-size: 110%;
font-weight: bold;
letter-spacing: 0.5px;
margin-bottom: 2px;
text-align: right;
}
#sloupek h2 {
font-size: 100%;
font-weight: bold;
letter-spacing: 0.4px;
margin-bottom: 2px;
color: #1b558f;
}
#sloupek h3 {
font-size: 100%;
font-weight: bold;
letter-spacing: 0.4px;
margin-bottom: 2px;
color: #1b558f;
}

.loga {
text-align: center;
padding-top: 70px;
}
.loga img {
margin: 5px auto;
}


#blok {
width: 230px;
float: right;
margin-top: 120px;
}
#blok .in {
padding: 0 10px;
}
#blok p {
letter-spacing: 0.3px;
}
#blok h1 {
font-size: 120%;
font-weight: bold;
letter-spacing: 0.5px;
}

.cistic {
clear: both;
width: 100%;
}
#text {
min-height:500px;
}