* {
	margin: 0;
	padding: 0;
}
html, body {
        width:100%; 
}

body {
	    font-family: 'Titillium Web', sans-serif, Tahoma, Verdana, Arial, lucida; 
	    background: #fff;
	    color: #000;
	    font-size: x-small;
        line-height: 1.8;
		text-align:center;
        }

html>body {
	font-size: small;
}

#hlavni {
width:100%;
padding:0;
}

#hlavni div{
margin-bottom:80px;
}

#logo {
width:333px; height:418px; float:left;margin-right:30px;position:relative;
}
#moto3 {
width:333px; height:416px;float:left;position:relative;margin-right:30px;border:2px solid #D6D6D6;border-radius:15px;
}
#midalu {
width:333px; height:416px;float:left;position:relative;border:2px solid #D6D6D6;border-radius:15px;
}
#fgr3 {
position:absolute; top:-50px;left:40px;
}
#midalu3 {
position:absolute; top:-50px;left:40px;
}
.vnitrek {
width: 298px; height:350px;margin:38px 10px 10px 20px;overflow:auto;text-align:left;
}
.vnitrek p{
width: 269px; text-align:justify;padding: 0.25em 5px 0.75em 0;  font-size:1.2em;
}

a {color:#000;}
a:hover {color:grey;}
img {border:none;}
a:hover img#fgr3{margin-top:2px;opacity: 0.8; filter: alpha(opacity=80);} 
a:hover img#midalu3{margin-top:2px;opacity: 0.8; filter: alpha(opacity=80);} 
::-webkit-scrollbar {
width: 12px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::scrollbar {
width: 12px;
}

::scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}

::scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.right2 {float:right;padding:5px;}

@media screen and (min-width: 32.125em){




}@media screen and (min-width: 40em){

.fright{float:right;max-width:40%;margin-left:1em}




}@media screen and (min-width: 56.3125em){


#hlavni {
position : absolute;
left : 50%;
top : 50%;
width:1079px;
height:418px;padding:0;
margin-left:-539px;
margin-top:-210px;
}