@font-face{
font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
font-family: 'ubuntubold';
    src: url('ubuntu-b-webfont.eot');
    src: url('ubuntu-b-webfont.eot#iefix') format('embedded-opentype'),
         url('ubuntu-b-webfont.woff') format('woff'),
         url('ubuntu-b-webfont.ttf') format('truetype'),
         url('ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{
font-size:100%;
font-family:open_sansregular;
}
body{
width:100%;
margin:0px;
padding:0px;
}
h1, h2{
font-family:ubuntubold;
color:#363434;
}
#kont{
text-align:center;
font-size:2.25em;
padding:0px 5px 0px 0px;
margin:0px;
}
#vnejsiprvni{
background-color:#FFFFFF;
margin:0px 0px;
-webkit-box-shadow:3px 2px 3px 3px #9C9898;
-moz-box-shadow:3px 2px 3px 3px #9C9898;
box-shadow:3px 2px 3px 3px #9C9898;
z-index:4;
padding-top:12px;
}
.vnitrni{
max-width:1040px;
width:100%;
margin:auto;
}
#vnejsidruhy{
//background: url('img/subtle_dots.png');
background: url('img/podklad.jpg');
-webkit-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
-moz-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
box-shadow:inset 0px 2px 3px 0px #3F3E3E;
z-index:3;
}
#vnejsitreti{
background-color:#ffffff;
margin:0px 0px 0px 0px;
z-index:2;
-webkit-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
-moz-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
box-shadow:inset 0px 2px 3px 0px #3F3E3E;
}

#vnejsictvrta{
//background: url('img/subtle_dots.png');
//background: url('img/podklad.jpg');
z-index:1;
-webkit-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
-moz-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
box-shadow:inset 0px 2px 3px 0px #3F3E3E;
}
footer{
background-color:#ffffff;
z-index:0;
-webkit-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
-moz-box-shadow:inset 0px 2px 3px 0px #3F3E3E;
box-shadow:inset 0px 2px 3px 0px #3F3E3E;
text-align:center;
font-size:1.2em;
padding:5px;
}
#profil{
float:left;
width:38.26530612244898%;
margin:20px 01.02040816326531% 20px 02.04081632653061%;
}
#textpoleprvni{
float:left;
width:10%;
font-size:1.0em;
margin:20px 02.04081632653061% 20px 01.02040816326531%;
}
#textpoledruhe{
float:left;
width:60%;
font-size:1.0em;
margin:20px 01.02040816326531% 20px 02.04081632653061%;
}
#textpoletreti{
float:right;
width:30%;
font-size:1.0em;
margin:20px 02.04081632653061% 20px 01.02040816326531%;
}
.cistic{
clear:both;
}
img{
max-width:100%;
}
#s1, #s3{
width:22%;
margin:30px 0px;
}
#s2{
width:32%;
margin:20px 0px;
}
h1{
margin:auto;
font-size:4em;
text-align:center;
}
#email{
text-align:center;
font-size:1.75em;
padding:0px 5px 0px 0px;
margin:0px;
}
@media screen and (min-width: 681px) and (max-width: 768px){
#textpoleprvni ,  #textpoledruhe , #textpoletreti{
font-size:1em;
}
footer{
font-size:0.8em;
}
#kont{
font-size:1.6em;
}
#email{
font-size:1.3em;
}
}
@media screen and (max-width: 880px){
#textpoleprvni{
width:95%;
margin:2.5% 2.5% 2.5% 2.5%;
font-size:1em;
}
#profil{
width:95%;
margin:2.5% 2.5% 2.5% 2.5%;
}
.vnitrni{
max-width:940px;
margin:auto;
}
#textpoledruhe{
width:95%;
margin:2.5% 2.5% 2.5% 2.5%;
font-size:1em;
}
#textpoletreti{
width:95%;
margin:2.5% 2.5% 2.5% 2.5%;
font-size:1em;
}
#kont{
font-size:1.6em;
}
#email{
font-size:1.3em;
}
footer{
font-size:0.8em;
}
}