@font-face {    font-family:opensans-light3; src: url(fonts/CoreSansA65Bold.otf);    }
@font-face {    font-family:opensans-light2; src: url(fonts/CoreSansA15Thin.otf);    }
@font-face {    font-family:opensans-light; src: url(fonts/CoreSansA25ExtraLight.otf);    }
@font-face {    font-family:opensans-light4; src: url(fonts/CoreSansA35Light.otf);    }
@font-face {    font-family:opensans-light5; src: url(fonts/CoreSansA85Heavy.otf);    }


body{margin:0; background-color:#f2f2f2;  font-family:opensans-light4;}
hr{ border-bottom:none; border-top:1px dotted #ccc; clear:both; margin-top:10px;}


#but{ width:340px; height:40px; background-color:#1d1d1d; position:absolute; top:50%; margin-top:-45px; left:50%;
 margin-left:-170px; cursor:pointer; font-family:opensans-light3; text-transform:uppercase; color:#fff; font-size:16px; text-align:center;
 line-height:40px; opacity:0; border-radius:10px;
 -o-transition: all 0.2s ease-out 0.02s;
 transition: all 0.2s ease-out 0.02s;
 -webkit-transition: all 0.2s ease-out 0.02s;
 }

#but:hover{background-color:#ff9933;}

#menu{width:200px; min-height:100px; position:absolute;top:30%; left:-200px; opacity:0; }
#menu p{ font-size:14px; margin:5px 0px 10px 0px;}
#menu a{ width:180px; height:40px; background-color:#1d1d1d; cursor:pointer; font-family:opensans-light; 
color:#fff; font-size:14px; text-align:left; line-height:40px; text-decoration:none; display:block; margin-bottom:1px; 
padding-left:20px;
 -o-transition: all 0.2s ease-out 0.02s;
 transition: all 0.2s ease-out 0.02s;
 -webkit-transition: all 0.2s ease-out 0.02s;
}
#menu a:hover{background-color:#ff9933;}


#content{ width:760px; max-width:90%; min-height:600px; margin:auto; background-color:#fff; padding:20px;}
#content h1,h2,h3,h4{font-family:opensans-light3;}
#content p{ font-size:14px; }
#content strong{  font-family:opensans-light4; font-weight:100;}

#ok{ width:300px; height:70px; background-color:#f2f2f2; border-radius:10px; margin:auto; line-height:70px; text-align:center;opacity:0;}
#ok p{ font-family:opensans-light3; font-size:14px;}

#block{ display:block; min-height:50px;background-color:#f2f2f2; margin-bottom:1px; line-height:50px; padding:0px 10px 0px 10px; 
text-decoration:none;}
#block:hover{ background-color:#FFD5D5;}
#block2{ display:block; min-height:50px;background-color:#f2f2f2; margin-bottom:1px; line-height:50px; padding:0px 10px 0px 10px;
text-decoration:none;}
#block2:hover{ background-color:#D2FFD6;}

input{ margin-top:10px;}

iframe{width:100%;}

@media (max-width: 1000px){

}