/*
Theme Name: Webdoc Theme
Description: Тема оформления для webdoc.memo.ru
Version: 1.0
Author: memo.ru
Author URI: http://memo.ru
*/

@charset "utf-8";
/* CSS Document */

body{
    margin:0;
    background-color:#e2e2e2;
}

@font-face{
    font-family: 'myriad-regular';
    src: url('/wp-content/themes/webdoc/assets/fonts/MyriadPro-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'myriad-semibld-cn';
    src: url('/wp-content/themes/webdoc/assets/fonts/MyriadPro-SemiboldCond.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'myriad-titre';
    src: url('/wp-content/themes/webdoc/assets/fonts/MyriadPro-BoldSemiCn.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'myriad-light';
    src: url('/wp-content/themes/webdoc/assets/fonts/MyriadPro-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'myriad-light-it';
    src: url('/wp-content/themes/webdoc/assets/fonts/MyriadPro-LightIt.otf');
    font-weight: normal;
    font-style: normal;
}

img{
    border:none;
}

#header{
    height:80px;
    min-width:840px;
    background-color:#fff;
}

#header-content{
    margin-left:auto;
    margin-right:auto;
    height:80px;
    width:950px;
}

#logo{
    float:left;
}

#menu{
    width:715px;
    height:50px;
    float:left;
    margin-top:25px;
    margin-left:80px;
}

#menu-participate{
    float:right;
    margin-left:10px;
    width:140px;
    height:30px;
    font-family:'myriad-semibld-cn';
    font-size:25px;
    color:#d80000;
}

#menu-participate a{
    color:#d80000;
    text-decoration:none;
}

#menu-participate a:hover{
    color:#d80000;
    border-bottom:3px #d80000 solid;
    text-decoration:none;
}

#menu-schedule {
    float:right;
    margin-left:10px;
    width:180px;
    height:30px;
    font-family:'myriad-semibld-cn';
    font-size:25px;
    color:#d80000;
}

#menu-schedule a {
    color: #d80000;
    text-decoration: none;
}

#menu-schedule a:hover{
    color:#d80000;
    border-bottom:3px #d80000 solid;
    text-decoration:none;
}



#menu-plots {
    float:right;
    margin-right:10px;
    width:140px;
    height:30px;
    font-family:'myriad-semibld-cn';
    font-size:25px;
    color:#d80000;
}

#menu-plots a {
    color: #d80000;
    text-decoration: none;
}

#menu-plots a:hover{
    color:#d80000;
    border-bottom:3px #d80000 solid;
    text-decoration:none;
}


#menu-about{
    float:right;
    margin-right:10px;
    width:160px;
    height:30px;
    font-family:'myriad-semibld-cn';
    font-size:25px;
    color:#d80000;
}

#menu-about a{
    color:#d80000;
    text-decoration:none;
}


#menu-about a:hover{
    color:#d80000;
    border-bottom:3px #d80000 solid;
    text-decoration:none;
}


#menu-contact{
    float:right;
    margin-left:10px;
    margin-right:10px;
    width:165px;
    height:30px;
    font-family:'myriad-semibld-cn';
    font-size:25px;
    color:#d80000;
}

#menu-contact a{
    color:#d80000;
    text-decoration:none;
}


#menu-contact a:hover{
    color:#d80000;
    border-bottom:3px #d80000 solid;
    text-decoration:none;
}


.menu-icon{
    width:30px;
    height:30px;
    background-color:#ccc;
    float:left;
    margin-left:15px;
}

.menu-titre{
    float:left;
    margin-left:15px;
    margin-top:1px;

}

.clear{
    clear:both;
}

.sep-menu{
    width:2px;
    height:30px;
    background-color:#474343;
    float:right;
}

#container{
    margin-top:40px;
    width:950px;
    height:auto;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:30px;
}

#spacer-intro{
    width:840px;
    height:30px;
    background-color:#fff;
}

#intro{
    width:840px;
    margin-left:30px;
}

.title-content{
    width:auto;
    font-family:'myriad-titre';
    color:#d80000;
    font-size:32px;
    text-transform: uppercase;
}


#sep-main{
    width:355px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-partner{
    width:150px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-about{
    width:190px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-aboutproject{
    width:150px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-contacts{
    width:152px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-feedback{
    width:242px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-resaw{
    width:350px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-stories{
    width:125px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#sep-start{
    width:220px;
    height:14px;
    background-image:url(/wp-content/themes/webdoc/assets/img/mainsep.jpg);
    margin-top:10px;
}

#intro-txt{
    font-family:'myriad-light';
    font-size:24px;
    width:800px;
    margin-top:20px;
    color:#352e2e;
}

#video{
    width:840px;
    height:409px;
    background-image:url(/wp-content/themes/webdoc/assets/img/video.jpg);
    margin-top:15px;
}

#participate-button{
    margin-top:15px;
    width:840px;
    height:77px;
    background-image:url(/wp-content/themes/webdoc/assets/img/participate-button.jpg);
    float:left;
}

#participate-button:hover{
    width:840px;
    height:77px;
    background-image:url(/wp-content/themes/webdoc/assets/img/participate-button.jpg);
    background-position:-840px;
    float:left;
}

#stories{
    width:840px;
    height:auto;
    margin-left:30px;
    margin-top:30px;
}

#stories-txt{
    font-family:'myriad-light';
    font-size:24px;
    width:840px;
    height:auto;
    margin-top:20px;
    color:#352e2e;
}

#box-stories{
    width:860px;
}

.story-row{
    width:260px;
    height:auto;
    float:left;
    margin-right:26px;
    margin-top:20px;
    text-align: center;
}

.story-img{
    width:256px;
    height:170px;
    border:2px solid #d80000;
    display: block;
    text-decoration: none;
}

.story-img img {
    max-width: 256px;
    max-height: 170px;
}

.story-name{
    width:245px;
    height:45px;
    background-color:#d80000;
    font-family:'myriad-semibld-cn';
    color:#fff;
    font-size:30px;
    padding-left:15px;
    padding-top:5px;
    display: block;
    text-decoration: none;
}

.story-sep{
    width:260px;
    height:13px;
    background-image:url(/wp-content/themes/webdoc/assets/img/sep-story.jpg);
    margin-bottom:15px;
    margin-top:15px;

}

.story-testify{
    font-family:'myriad-light-it';
    font-size:18px;
    color:#352e2e;
}

#actions{
    width:840px;
    height:390px;
    margin-left:30px;
    margin-top:30px;
}

#partners{
    width:840px;
    height:280px;
    margin-left:30px;
    margin-top:30px;
}

#start{
    width:840px;
    height:400px;
    margin-left:30px;
    margin-top:30px;
}

#feedback{
    width:840px;
    margin-left:30px;
    margin-top:30px;
}


#actions-content{
    width:840px;
    margin-top:30px;
}

#action-manual{
    width:260px;
    height:300px;
    background-image:url(/wp-content/themes/webdoc/assets/img/manual-button.jpg);
    float:left;
    margin-right:30px;
}

#action-manual:hover{
    width:260px;
    height:300px;
    background-image:url(/wp-content/themes/webdoc/assets/img/manual-button.jpg);
    background-position:-260px;
    margin-right:30px;
}


#action-website{
    width:260px;
    height:300px;
    background-image:url(/wp-content/themes/webdoc/assets/img/website-button.jpg);
    float:left;
    margin-right:30px;
}

#action-website:hover{
    width:260px;
    height:300px;
    background-image:url(/wp-content/themes/webdoc/assets/img/website-button.jpg);
    background-position:-260px;
}



#action-fb{
    width:260px;
    height:300px;
    background-image:url(/wp-content/themes/webdoc/assets/img/fb-button.jpg);
    float:left;
}

#action-fb:hover{
    width:260px;
    height:300px;
    background-image:url(/wp-content/themes/webdoc/assets/img/fb-button.jpg);
    background-position:-260px;
}


#about{
    width:840px;
    height:220px;
    margin-left:30px;
    margin-top:30px;
}

#about-content{
    width:840px;
    height:auto;
    margin-top:30px;
}

#about-img{
    width:115px;
    height:115px;
    float:left;
}

#about-txt{
    width:690px;
    margin-left:30px;
    float:left;
    font-family:'myriad-light';
    color:#352e2e;
    font-size:15px;
    line-height:26px;
    padding-bottom:30px;
}

#about-txt a{
    color:#d80000;
    text-decoration:none;
}

#about-txt a:hover{
    color:#d80000;
    border-bottom:2px #d80000 solid;
    text-decoration:none;
}

.generic-txt{
    font-family:'myriad-light';
    color:#352e2e;
    text-align: justify;
    font-size:18px;
    line-height:26px;
}

.generic-txt p{
    margin-top:10px;
    margin-bottom:10px;
}

.generic-txt a{
    color:#d80000;
    text-decoration:none;
}

.generic-txt a:hover{
    color:#d80000;
    border-bottom:2px #d80000 solid;
    text-decoration:none;
}

#contact{
    width:840px;
    height:auto;
    margin-left:30px;
    margin-top:30px;
}

#contact-details{
    width:840px;
    margin-top:25px;
}

.contact-line{
    width:600px;
    height:30px;
    margin-bottom:5px;
}

.contact-icon{
    width:20px;
    height:20px;
    float:left;
    margin-top:1px;
}

.contact-info{
    font-family:'myriad-light';
    font-size:19px;
    float:left;
    margin-left:15px;
    color:#352e2e;
}

.contact-info a{
    color:#d80000;
    text-decoration:none;
}

.contact-info a:hover{
    color:#d80000;
    border-bottom:2px #d80000 solid;
    text-decoration:none;
}

#inter-footer{
    height:40px;
    min-width:840px;
    background-color:#e2e2e2;
}

#footer{
    height:100px;
    min-width:840px;
    background-color:#fff;
}

#footer-content{
    height:auto;
    width:840px;
    margin-left:auto;
    margin-right:auto;
    padding-top:40px;
    font-family:'myriad-regular';
    color:#656565;
    font-size:16px;
}

#footer-content a{
    color:#d80000;
    text-decoration:none;
}

#footer-content a:hover{
    color:#d80000;
    border-bottom:2px #d80000 solid;
    text-decoration:none;
}


#footer-left{
    float:left;
}

#footer-right{
    float:right;
}

#partners td{
    padding: 5px;
}

.contact-container {
    padding-top: 5px;
}

.poster {
    text-align: center;
    margin: 15px 0;
}