@font-face 
    {
    	font-family: 'DefaultFont';
        src: url('/fonts/ArsenalRegular.woff') format('woff');
    	font-weight: normal;
    	font-style: normal;
    }

    @font-face 
    {
    	font-family: 'Caption';
        src: url('/fonts/Roboto-Bold.woff') format('woff');
    	font-weight: normal;
    	font-style: normal;
    }

    html, body
    {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        font: 17px 'DefaultFont', sans-serif;
        background: url('/img/site/pixel_weave.png') top left;
        overflow-x: hidden;
    } 

    ul, li
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }           

    fieldset
    {
	background: #fbfbfb;
    }	
    
    a
    {
        color: blue
    }
    
    a.tag
    {
        color: green;
    }
            
    .top
    {
        min-width: 1270px;
        max-width: 1920px;
        height: 221px;
        display: block;
        position: relative;
        background: url('/img/site/bg_top.jpg') top left no-repeat;
        margin: 0 auto;
    }            

    .shapka
    {
        max-width: 1270px;
	min-width: 1270px;
        width: 100%;
        position: relative;
        height: 221px;
        display: block;
        margin: 0 auto;
        padding-top: 162px;
        box-sizing: border-box;
    }

    .logo
    {
        width: 216px;
        height: 149px;
        position: absolute;
        top: 30px;
        left: 15px;
        margin: 0 auto;        
    }            
    
    .menu
    {
        display: block;
        text-align: center;
    }

    .menu > ul > li
    {
        display: inline-block;
        margin: 0 10px 0 10px;
        position: relative;
    }  
    
    .menu > ul > li > ul
    {
        display: none;
        position: absolute;
        top: 25px; 
        left: -10px;
        min-width: 200px;
    }
    
    .menu > ul > li > ul > li
    {
        white-space: nowrap;
        height: 32px;
        line-height: 31px;
        border-bottom: #cbccd0 1px solid;
        position: relative;
        z-index: 100;
        background: #e0e1e5;
        text-align: left;
        font-size: 14px;
        padding: 0 10px 0 10px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    }
    
    .menu > ul > li > ul::before
    {
        content: "";
        position: absolute;
        top: -5px; left: 10px;
        width: 0; 
        height: 0; 
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e0e1e5;
        display: block;
    }

    .menu > ul > li > ul > li > a
    {
        color: #64676c;
        text-decoration: none;
    }
        
    .menu > ul > li > a
    {
        color: #ffffff;
        font-size: 16px;
        text-decoration: none;
        letter-spacing: 1px;
    }

    .menu > ul >  li >  a:after
    {
        content: '/';
        position: absolute;
        top: 2px;
        right: -13px;
        font-size: 14px;
    }

    .menu > ul > li:last-child > a:after
    {
        content: '';
    }   

    .per
    {
        position: absolute;
        width: 296px;
        height: 35px;
        right: 15px;
        top: 34px;
        background: url('/img/site/per.png') top left no-repeat;
    }   
    
    .mini
    {
        position: absolute;
        right: 7px;
        bottom: 90px;
    }
   
    .mini a
    {
        margin-right: 10px;
    }
   
    .search
    {
        position: absolute;
        right: 15px;
        bottom: 34px;
    }   
    
    .search input
    {
        width: 200px;
        height: 20px;
        border: #03132a 1px solid;
        color: #03132a;
    } 
    
    .search a
    {
        position: absolute;
        right: 2px;
        top: 2px; 
    } 
    
    .middle
    {
        max-width: 1270px;
        width: 100%;
        display: table;
        position: relative;
        margin: 0 auto;     
        background: #ffffff;
        padding: 20px;
        box-sizing: border-box;   
    }

    .middle_with_logo
    {
        max-width: 1270px;
        width: 100%;
        display: table;
        position: relative;
        margin: 0 auto;     
        background: #ffffff;
        padding: 20px;
        box-sizing: border-box;   
    }

    .middle_with_logo::before
    {
        content: "";
        position: absolute;
        top: 0;
        left: -381px;
        width: 381px;
        height: 603px;
        background: url('/img/site/sphere.png') top left no-repeat;
    }
    
    .bottom::after
    {
        content: "";
        position: absolute;
        bottom: 220px;
        right: 50%;
        margin-right: -1016px;
        width: 381px;
        height: 640px;
        background: url('/img/site/man.jpg') top left no-repeat;
        z-index: 0;
    }    

    .bottom
    {
        min-width: 1270px;
        max-width: 1920px;
        height: 220px;
        display: block;
        position: relative;
        margin: 0 auto; 
        background: #102d44;       
    }     
    
    .podval
    {
        max-width: 1270px;
        width: 100%;
        position: relative;
        height: 220px;
        display: block;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 100px;
        font-size: 14px;
    }  
    
    .podval_logo
    {
        width: 151px;
        height: 141px;
        background: url('/img/site/logo_bottom.png') top left no-repeat;
        position: absolute;
        bottom: 38px;
        left: 17px;
    }   

    .contacts
    {
        position: absolute;
        width: 240px;
        top: 29px;
        right: 0;
        color: #ffffff;
    }  
    
    .contacts .address
    {
        display: block;
        margin-bottom: 10px;
        background: url('/img/site/map.png') top left no-repeat;
        padding-left: 30px;
    } 
    
    .contacts .tel
    {
        display: block;
        margin-bottom: 10px;
        background: url('/img/site/tel.png') top left no-repeat;
        padding-left: 30px;
        min-height: 30px;
        line-height: 26px;
    }     
    
    .contacts .email
    {
        display: block;
        margin-bottom: 10px;
        background: url('/img/site/mail.png') top left no-repeat;
        padding-left: 30px;
        min-height: 30px;
        line-height: 26px;
    } 
    
    .contacts .mini_
    {
        display: block;
        position: inherit;
    }    
    
    .contacts .mini_ a
    {
        margin-right: 10px;
    }   
    
    .copyright
    {
        color: #ffffff;
        position: absolute;
        bottom: 37px;
        left: 50%;
        margin-left: -150px;
        font-size: 12px;
    } 
    
    .caption
    {
        width: 100%;
        border-bottom: #cccccc 3px double;
        height: 26px;
        position: relative;        
    }

    .content_full
    {
        display: table-cell;
        width: 100%;
        vertical-align: top;
    } 
    
    .content_left
    {
        display: table-cell;
        width: 800px;
        vertical-align: top;
    }   
    
    .content_otboi
    {
        display: table-cell;
        width: 50px;
    }     
    
    .content_otboi .shadow
    {
        position: absolute;
        bottom: 50px;
        top: 80px;
        width: 1px;
        background: #d9d5d1;
        margin-left: 25px;
        vertical-align: top;
    }
    
    .content_right
    {
        display: table-cell;
        vertical-align: top;
    }    
    
    .content_field
    {
        margin-top: 40px;
    }
    
    .content_field img, .content_left img
    {
        border: #cccccc 1px solid;
    }

    img.round
    {
        border-radius: 50% !important;
    }

    
    h1 {}
    
    h2 {}
    
    h3 
    {
        margin: 0;
        padding: 0 20px 0 0;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Caption';
        position: absolute;
        top: 0;
        left: 0;
        color: #333333;
        background: #ffffff;
    }
    
    h3::before
    {
        position: absolute;
        content: "";
        top: 0px;
        left: -8px;
        width: 3px;
        height: 15px;
        background: #7ea5cc;
    }
    
    h3::after
    {
        position: absolute;
        content: "";
        top: -3px;
        left: -8px;
        width: 18px;
        height: 3px;
        background: #7ea5cc;
    }

    .item2
    {
        padding-bottom: 15px;
        position: relative;
        background: url('/img/site/otboi2.png') center bottom no-repeat;
        margin-bottom: 15px;
    }

    .item2:last-child
    {
        position: relative;
        background: none;
        clear: both;
    }
    
    .item
    {
        padding: 0 0 10px 80px;
        margin-bottom: 15px;
        position: relative;
        background: url('/img/site/otboi3.png') center bottom no-repeat;
    }

    .item_last
    {
        padding: 0 0 0 80px;
        position: relative;
        background: none;
    }

    .item_right
    {
        padding: 0 0 10px 10px;
        margin-bottom: 15px;
        position: relative;
        background: url('/img/site/otboi3.png') center bottom no-repeat;
    }

    .item_right_last
    {
        padding: 0 0 10px 10px;
        margin-bottom: 15px;
        position: relative;
        background: none;
    }

    .item_otboi
    {
        padding: 0 0 10px 80px;
        position: relative;
    }

    .otb
    {
        clear: both;
        background: url('/img/site/otboi2.png') center bottom no-repeat;
        margin-bottom: 25px;
	height: 10px;
    }	

    .item_row
    {
        padding: 0;
        margin: 0;
        position: relative;
        display: inline-block;
        width: 258px;
        min-height: 300px;
        vertical-align: top;
        text-align: center;
    }
    
    .item_row .titul
    {
        font-size: 13px;
    }

    .content_field .item_otboi:last-child
    {
        padding: 0 0 28px 80px;
        margin-bottom: 20px;
        position: relative;
        background: none;
    }

    .new_date
    {
        background: #707a94;
        position: absolute;
        top: 0;
        left: 0;
        color: #ffffff;
        font-size: 12px;
        padding: 5px;
        width: 60px;
    }

    .shield
    {
        background: #707a94;
        color: #ffffff;
        font-size: 12px;
        padding: 5px;
        display: inline-block;
        min-width: 30px;
        margin-bottom: 5px;
        text-align: center;
    }
    
    .shield a
    {
        color: #ffffff;
    }
    
    .link_main_title
    {
        color: #000000;
    }

    .link_main_title_big
    {
        font-family: 'Caption';
        color: #575656;
        font-size: 20px;
        text-decoration: none;
        font-weight: normal !important;
        text-transform: uppercase;
    }
    
    .link_main_title_middle
    {
        font-family: 'Caption';
        color: #575656;
        font-size: 20px;
        text-decoration: none;
        font-weight: normal !important;
        text-transform: uppercase;
    }    

    .arrow, .arrow:hover, .arrow:visited
    {
        color: #5bb4f9;
        text-decoration: none;    
    }
    
    .video_last
    {
        display: table-cell; 
        vertical-align: top; 
        width: 460px;
    }
    
    .video_other
    {
        display: table-cell; 
        vertical-align: top; 
        padding-left: 50px
    }
    
    .video_caption
    {
        display: table-cell; 
        width: 200px; 
        font-size: 14px;
    }
    
    .video_screen
    {
        vertical-align: middle; 
        display: table-cell;
    }
    
    .panel
    {
        padding-left: 80px;
    }
    
    #Articles
    {
        margin-top: 40px;
    }
    
    .breadcrumbs
    {
        font-size: 12px;
        color: #575656;
    }
    
    .year
    {
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        text-align: left;
        font-weight: bolder;
    }