
body {
    background: url("bitrix/img/bgd.png") repeat scroll center center #003250;
    color: #666666;
    font: 75% "Trebuchet MS",verdana,arial,sans-serif;
    margin: 0;
    padding: 0;
}
#container {
    background: none repeat scroll 0 0 #F2F2F5;
    color: #666666;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    width: 1000px;
}
#containerPage {
     background: none repeat scroll 0 0 #F2F2F5;
    color: #666666;
    margin: 20px auto;
    padding: 0 0 20px;
    width: 800px;
}
#banner {
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
#banner img {
    width: 900px;
}
#headBlock {
    background: none repeat scroll 0 0 #FFFFFF;
}
#headBlockPage {
    background: none repeat scroll 0 0 #F2F2F5;
}
#content {
    background: none repeat scroll 0 0 #F2F2F5;
    color: #666666;
    margin-left: 205px;
    margin-right: 205px;
    padding: 5px;
}
#contentPage {
    background: none repeat scroll 0 0 #F2F2F5;
    color: #666666;
    padding: 5px;
}
#playerPage {
    margin: 0 auto;
    width: 750px;
}
#img1Content {
    text-align: center;
}
#img1Content img {
    width: 570px;
}
#file1Content {
    margin: 15px 15px 20px;
    padding: 0 0 20px;
    text-align: center;
}
#file1ContentPage {
    margin: 20px 0 0;
    text-align: center;
}
.btn {
    background-color: #307711 !important;
    background-image: linear-gradient(#49B51B, #307711);
    background-repeat: repeat-x;
    border-color: #307711 #307711 #2A680F;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
}
.btn.large {
    border-radius: 6px 6px 6px 6px;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    padding: 5px 15px;
}
#img2Content, #img3Content, #video1Content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 20px;
    padding: 5px;
    text-align: center;
}
#img2ContentStill img {
    box-shadow: 2px 2px 13px #969696;
    padding: 0 2px;
    width: 180px;
}
#img3ContentPoster img {
    box-shadow: 2px 2px 13px #969696;
    height: 227px;
    padding: 0 5px;
}
#video1ContentYout {
    margin: 0;
    text-align: center;
}
#sidebar {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    float: left;
    margin: 50px 5px 0 0;
    padding: 0;
    width: 200px;
}
.block {
    background: none repeat scroll 0 0 #00527B;
    color: #FFFFFF;
    font: 100% verdana,arial,tahoma,sans-serif;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.menu {
    padding: 10px 0 0;
    text-align: left;
    width: 200px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    margin: 0 0 0.1em;
}
.menu a {
    border-bottom: 1px solid #E8E8E8;
    color: #0066CC;
    display: block;
    padding: 0.1em 0.8em;
    text-decoration: none;
    width: 180px;
}
.menu a:hover {
    background: url("bitrix/img/hover.gif") no-repeat scroll left center #FFFFFF;
    color: #0066CC;
    text-decoration: none;
}
#sidebar-b {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    float: right;
    margin: 50px 0 0 5px;
    padding: 0;
    width: 200px;
}
#footer {
    background: none repeat scroll 0 0 #00527B;
    clear: both;
    color: #BBD2E0;
    margin-top: 15px;
    padding: 5px;
    text-align: right;
}
#footer a:link, #footer a:visited {
    background: inherit;
    color: #EEEEEE;
    text-decoration: none;
}
#footer a:hover {
    background: inherit;
    border-bottom: 1px dashed #F2F2F5;
    color: #F2F2F5;
}
p {
    margin: 15px;
}
h1 {
    background: inherit;
    color: #000000;
    font: bold 16px/18px verdana,arial,tahoma,sans-serif;
    margin: 0 0 10px;
    padding: 10px 0 0;
    text-align: center;
}
h2 {
    background: inherit;
    color: #000000;
    font: bold 14px/12px verdana,arial,tahoma,sans-serif;
    margin: 0 0 10px;
    padding: 5px 0;
    text-align: center;
}
a {
    background: inherit;
    color: #0D4953;
    text-decoration: none;
}
a:hover {
    background: inherit;
    color: #F36207;
}
#text1Content {
    background: inherit;
    color: #000000;
    font-size: 14px;
    margin: 20px 0 10px;
    text-align: justify;
}
#navcontainer {
    clear: both;
    width: 100%;
}
#navcontainer ul {
    background: none repeat scroll 0 0 #00527B;
    color: #FFFFFF;
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}
#navcontainer ul li {
    display: inline;
}
#navcontainer ul li a {
    background: none repeat scroll 0 0 #00527B;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    float: left;
    padding: 0.2em 1em;
    text-decoration: none;
}
#navcontainer ul li a:hover {
    background: none repeat scroll 0 0 #003366;
    color: #FFFFFF;
}
.clear {
    clear: both;
}
