@font-face {
        font-family: head;
        src: url('/media/fonts/earwig factory rg.otf');


/*
AMSANSL.otf
AMSANSR.otf
earwig factory rg.otf
earwig factory rg.ttf
earwig factory.ttf
*/
}
@font-face {
        font-family: all;
        src: url('/media/fonts/AMSANSL.otf');

}

.cleaner {
	display:block;
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		width:auto
		}
.mr1 {margin-right:1vw}
.cent {display:block;margin-left:auto;margin-right:auto}
.tar {text-align:right;display:block}
.rb {background:#aa0000}
.red {color:#aa0000}

.left {float:left}
.right {float:right}
#logo {width:25%;margin-top:1.5vw;background:url('/media/im/logo.png') no-repeat;background-size:100%;height:9vw}


#menu_obal_home {display:block;margin-top:20vw}
#menu_home {padding-top:1vw;padding-bottom:1%;list-style-type:none;margin-top:0;width:42%}
#menu_home li {display:inline-block;float:left;padding:.5vw;padding-left:1.3vw;padding-right:1.3vw;background:#cdc3af;height:5vw;margin-right:1vw}
#menu_home a {font-size:1.5vw;vertical-align:middle;line-height:.9}
#menu_home a:hover {position:relative;left:.2vw;top:.2vw}

#menu_obal {display:block}
#menu {padding-top:1vw;padding-bottom:1%;list-style-type:none;margin-top:0;width:80%}
#menu li {display:inline-block;float:left;padding-left:.6vw;padding-right:.6vw}
#menu a {font-size:1.5vw;color:#cdc3af;padding:.7vw}

#content_obal {background:#1a1a1a;display:block}
#content {width:70%;padding-left:5%}

#novinky {transform: rotate(-3deg); }
#spy-joe {transform: rotate(5deg);padding-top:1vw !important;height:4.2vw !important }
#legenda {transform: rotate(-8deg); }
#audio {transform: rotate(-3deg); padding-top:1vw !important;height:4.2vw !important }
#program {transform: rotate(-5deg); padding-top:1vw !important;height:4.2vw !important }
#kontakt {transform: rotate(5deg); padding-top:1vw !important;height:4.2vw !important }

#venca {transform: rotate(3deg); }
#anna {transform: rotate(-5deg)}
#jana {transform: rotate(7deg); }
#zdenek {transform: rotate(-3deg);}
#adam {transform: rotate(5deg); }
#martin {transform: rotate(-5deg); margin-left:9vw !important;margin-top:2vw }
#kamil-honza {margin-top:2vw;width:10vw !important }
#kamil-honza  img {width:20vw !important}
#lada {transform: rotate(-5deg); margin-left:3vw !important;margin-top:2vw }

#spyjoe {width:75%;margin-top:2vw}
#spyjoe a {margin-left:2.4vw;float:left;width:8vw;font-size:1.1vw;color:#cdc3af}
#spyjoe a img {max-width:100%}

#head_right {background:#000000;padding:1%;font-size:1vw;line-height:1.5;width:17vw;float:right;transform:rotate(7deg);position:relative;top:-9vw;left:-12vw;box-shadow: .2vw .1vw .5vw #cdc3af}

#fu {margin-right:15%;font-size:1vw}
#fu a {font-size:1vw}

#klip {width:100%;height:auto}

#footer {width:87%;text-align:right;font-size:1vw;margin-top:5vw;margin-bottom:1vw}
#artanet {display:block;background:url('/media/im/artanet.png') no-repeat;float:right;width:7%;background-size:90%;margin-left:.3vw}
body {font-family: all, sans-serif;padding:0;margin:0;background:url('/media/im/back.jpg') #1a1a1a no-repeat;font-size:1.4vw;background-size:100%;color:#cdc3af}
img {height:auto}
a {text-decoration:none;color:#d40000}
a:hover {color:#ffffff}
small {font-size:1.4vw}
h1 {font-family:head;color:#aa0000;font-size:3.5vw;letter-spacing:0;margin-top:0}
h2 {font-family:all;font-size:2vw;letter-spacing:0;margin-top:0;font-weight:400;margin-top:0;padding-top:0}