@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300,600,400&subset=latin,latin-ext);
body 
{
    margin-top:30px;
    background-color:#222222;
    font-family:'Open Sans','Myriad Pro','HelveticaNeueLT Std','Droid Sans',sans-serif;
    color:#A7A9AC;
    font-size:14px;
}
img{border:none;}
a{text-decoration:none;}
a:visited{text-decoration:none;color:#666666;}
a:link{text-decoration:none;color:#666666;}
a:hover{text-decoration:none;color:#A7A9AC;}
table tr td{vertical-align:top;}
#col1{width:250px;background-color:#323232;text-align:center;}
#col1 div{cursor:pointer;width:100%;text-align:left;padding:3px 10px 1px 30px;color:#666666;}
#col1 div:hover{color:#FFFFFF;}
#col1 div.active{color:#FFFFFF;}
#col2{width:500px;background-color:#FFFFFF;padding-left:20px;}
.small{width:100%;font-size:11px;color:#676767;}
.description{margin:0px 10px 0px 10px;font-size:11px;color:#676767;text-align:center;font-style:italic;display:inline-block;vertical-align:top;}
.content{width:450px;margin:30px 10px 10px 30px;font-size:13px;color:#A7A9AC;}
.content img{margin:10px 20px 0px 0px;vertical-align:top;}
.content p img,span{width:200px;}
.content p img{cursor:pointer;}
.content p{font-size:13px;}
h1{margin-bottom:28px;font-size:20px;color:#676767;display:inline-block;}
h2{margin-bottom:0px;font-size:18px;color:#676767;display:inline-block;}
h3{margin-bottom:0px;font-size:16px;color:#676767;display:inline-block;}
h4{margin-bottom:0px;font-size:14px;color:#676767;display:inline-block;}
h1 span{display:none;}
h1 img{width:250px;}
h2 img{height:60px;}
#img{position:fixed;top:0px;left:0px;padding-top:30px;z-index:3;cursor:pointer;width:100%;height:100%;text-align:center;}
#blind{position:fixed;top:0px;left:0px;z-index:2;width:100%;height:100%;background-color:#222222;opacity:0.8;filter:alpha(opacity=80);}
#img img{cursor:pointer;}
#logo{margin-bottom:10px;}
li{color:#666666;font-size:10px;list-style-type:square;margin-top:0px;margin-bottom:0px;}
li span{color:#A7A9AC;font-size:13px;}
ul{padding-left:15px;}
.list p{margin-bottom:15px;margin-top:3px;}
.list img{margin-bottom:0px;}
#roka{position:absolute;top:313px;cursor:pointer;}
#domov h1 img{position:absolute;}
.btn{display:inline-block;height:12px;width:12px;background-color:#EFEFEF;position:absolute;top:400px;}
#reference img{width:auto;}
#reference table{width:100%;}
#reference td{vertical-align:top;}
.button { color: #444444; display: inline-block; position: relative; text-align: center; line-height: 1; cursor: pointer; text-decoration: none; border: none; outline: none; padding: 7px 9px 6px; margin-right: 7px; border: 1px solid #ccc; border-bottom-color: #bbb; text-decoration: none; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  background: #dddddd url("../Img/gloss.png") 0 -34px repeat-x; -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, #eeeeee 0 1px 2px; -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, #eeeeee 0 1px 2px; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, #eeeeee 0 1px 2px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -ms-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button:hover { background-color: #eee; text-decoration: none;  }
.button.big { font-weight: bold; padding: 9px 12px 8px; }
.button.colorfull { border-color: #0e68ac; color: #fff; background-color: #0f6fb8; text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.4); }
.button.colorfull:hover { background-color: #0e68ac; }
.cookie-container {
    background-color:#222222;
    border:solid 1px #444444;
    padding:10px;
    display: none;
    text-align: left;
    width: 750px;
    position:fixed;
    bottom:0px;
}
.table {width:100%;}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#logo {
    -webkit-animation: rotating 8s linear infinite;
    -moz-animation: rotating 8s linear infinite;
    -ms-animation: rotating 8s linear infinite;
    -o-animation: rotating 8s linear infinite;
    animation: rotating 8s linear infinite;
}