html, body{font-family:arial; font-size:14px; margin:0px;}
body{-webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;}
p, h1, h2, h3, h4, h5, h6{padding:0; margin:0;}
a{text-decoration:none;}
.clear{clear:both;}
.marginleft30{margin-left:30px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom30{margin-bottom:30px;}
a:hover{text-decoration:underline;}
.container{width:900px; margin:0 auto;}
.window{margin:10px; width:850px;}
.header{padding:15px 20px; background:#0568D3; color:#ffffff; margin-bottom:30px;}
.header2{padding:20px 20px; margin-bottom:40px; text-transform:lowercase; color:#02376F;}
.header2 a{color:#02376F;}
.header-logo{margin-bottom:20px;}
.header-logo, .header2 .type2{float:left; width:33%;}
.header2 .type2{margin-top:13px; font-size:12px;}
.type2 li{display:inline;}
.left-menu{float:left; width:150px;}
.right-main{float:right; width:750px;}
.right{float:right;}
.left{float:left;}
.auth label{margin-bottom:1px; float:left;}
.auth input{margin-bottom:7px; float:left;}
ul{margin:0; padding:0;}
ul li{list-style-type:none;}
ul.type1 li{margin-bottom:1px;}
ul.type1 li a{display:block; padding:7px 10px; background:#216ECC; color:#ffffff;}
ul.type3 li a{display:block; padding:7px 10px; background:#216ecc; margin-bottom:1px; color:#ffffff;}
form.type1{width:95%; clear:both;}
form.type1 label{width:100%; float:left; margin-bottom:2px; font-weight:bold; font-size:16px;}
form.type1 input[type=text], form.type1 input[type=password], form.type1 select{width:300px;}
form.type1 input, form.type1 select, form.type1 textarea{float:left; border:1px solid #808080; padding:5px 7px; margin-bottom:10px;}
form.type1 textarea{width:100%;}
form.type1 input[type=submit]{clear:both; padding:7px 15px;}
form.type1 input[type=checkbox]{clear:both; padding:0px 10px;}
.right-main ul.menu{margin:7px 0 25px; padding:0;}
.right-main ul.menu li{display:inline; margin-right:5px;}
.right-main ul.menu li a{padding:7px 20px; background:gray; color:#ffffff;}
.error{clear:both; margin-bottom:10px; color:red;}
.correct{color:green; font-weight: bold;}
.incorrect{color:red; font-weight: bold;}
#timer{font-size:26px; color:red; margin-bottom:10px;}

.content{margin:30px 0 60px; padding-left:20px; width:650px; float:left;}
.right-block{margin:30px 0 60px; padding-right:20px; width:170px; float:right;}

.content table{border:1px solid #d3d3d3; border-right:0px; background:#fefefe; width:100%;}
.content th{padding:10px 13px; text-align:left; background:#e8eaeb; border-right:1px solid #e0e0e0;}
.content td{padding:7px 13px; font-size:12px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.article h2{font-size:24px; text-transform:uppercase;}
.article .text{font-size:14px; margin-top:10px;}

.footer{clear:both; border-top:1px solid #02376F; width:100%; color:#02376F;}
.footer a{color:#02376F;}
.footer .type2{padding:7px 20px 0 20px; font-size:12px;}

#cssmenu,
#cssmenu ul,
#cssmenu li #cssmenu a {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-family: Helvetica;
    line-height: 1;
}
#cssmenu {
    clear:both;
    width: auto;
}
#cssmenu ul {
    zoom: 1;
    background: #045cba url(images/pattern.png) top left repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #02376f;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul:before {
    content: '';
    display: block;
}
#cssmenu ul:after {
    content: '';
    display: table;
    clear: both;
}
#cssmenu a,
#cssmenu a:link,
#cssmenu a:visited {
    padding: 15px 20px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 1px #011224;
    border-right: 1px solid #02376f;
}
#cssmenu a:hover {
    color: #011224;
    text-shadow: 0 1px 1px #0575ec;
}
#cssmenu li {
    float: left;
    border-right: 1px solid #0568d3;
}
#cssmenu li:hover {
    background:#0350a1 url("images/pattern.png") top left repeat;
}
#cssmenu li:first-child {
    border-left: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.banner { position: relative; overflow: auto;}
.banner li { list-style: none; }
.banner ul li { float: left; height:400px;}
.banner .dots{
    bottom:20px;
    left:0;
    position:absolute;
    right:0;
}
.banner .dots li {
    border: 2px solid #FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 4px;
    opacity: 0.4;
    text-indent: -999em;
    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 8px;
}
.banner .dots li.active {
    background:none repeat scroll 0 0 #FFFFFF;
    opacity:1;
}