body{font-family:arial;margin:0;padding:0;background-color:#56034a;}
.clear {clear:both;}
#content {background-color:#FFFFFF;height:400px;}
#logo {width:450px;margin:70px 0 0 40px;float:left;}
#footer {color:#FFFFFF;font-size:18px;bottom:0;margin:90px 0 0 0;padding:0;width:100%;}
#footer .fb {margin:0px 0 0 100px;float:left;background-color:#FFFFFF;}
#footer #web {color:#FFFFFF;font-size:26px;margin:0px 0 0 100px;text-align:left;float:left;}
#footer #web a {color:#FFFFFF;font-size:42px;text-decoration:none;}
#footer #web a:hover {text-decoration:underline;}
#footer #web .languages {color:#FFFFFF;margin:30px 0 0 0px;font-size:16px;}

#reference {margin:30px 0 0 40px;border-bottom:8px solid #8d147a;width:350px;float:left;}
#reference h2 {border-bottom:8px solid #8d147a;color:#8d147a;margin:0000;text-transform:uppercase;text-align:right;padding:0;line-height:22px;font-size:28px;}

#cert {margin:30px 0 0 30px;border-bottom:8px solid #8d147a;width:350px;float:left;}
#cert h2 {border-bottom:8px solid #8d147a;color:#8d147a;margin:0000;text-transform:uppercase;text-align:right;padding:0;line-height:22px;font-size:28px;}


.vrch_jezdec{height: 300px;width: 300px; overflow: hidden;margin:10px auto;}
.okno {width: 300px;height:200px;color: white;cursor: pointer;margin:10px 0 10px 0;border-right:8px solid #8d147a;}
.oknoo {width: 300px;height:200px;color: white;cursor: pointer;margin:10px 0 10px 0;border-right:8px solid #8d147a;}
.gray {margin:100px 0 0 0;float:left;width: 300px;height: 100px;background-image: url('images/purple.png');font-size: 11px;display: none;}
.gray h3 {margin:3px 0 0 5px;}
.gray h3 a {color:#FFFFFF;text-decoration:underline;} 
.gray h3 a:hover {color:#FFFFFF;text-decoration:none;} 
.gray ul {list-style:none;font-size:10px;margin:2px 0 0 5px;padding:0;} 
.gray a {color: #00ccff;}
.gray a:hover {color: yellow;}