/* General Blueprint Style */
@font-face {
    font-family: 'compact';
    src: url('./../fonts/compact/compact.eot');
    src: url('./../fonts/compact/compact.eot?#iefix') format('embedded-opentype'), 
     /*   url('./../fonts/compact/bpicons.woff') format('woff'), */
        url('./../fonts/compact/compact.ttf') format('truetype'), 
        url('./../fonts/compact/compact.svg#bpicons') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Century Gothic';
	 src: url('./../fonts/century_gothic_regular/CenturyGothic.ttf') format('truetype');
/*    src: url('./../fonts/century_gothic_regular/CenturyGothic.eot');
    src: url('./../fonts/century_gothic_regular/CenturyGothic.eot?#iefix') format('embedded-opentype'), 
        url('./../fonts/century_gothic_regular/CenturyGothic.woff') format('woff'), 
        url('./../fonts/century_gothic_regular/CenturyGothic.ttf') format('truetype'), 
        url('./../fonts/century_gothic_regular/CenturyGothic.svg#bpicons') format('svg');
*/    font-weight: normal;
    font-style: normal;
}





html, body, header, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family:  'Century Gothic';
}
    /* HTML5 display-role reset for older browsers */

html,body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0 auto; 
    background: url(./../images/fon/fon4.jpg) bottom fixed;
    background-size:cover;
}

header {
    background: #ffffff;
    width: 100%;
    height: auto;
    float: left;
}

#logo {
	width:20%;
    max-width: 250px; /*527*/
    height: auto; /*427*/
    position: fixed;
    z-index: 9999;
    float:left;
    padding-left:30px;
    margin-top:-20px;
}
    #logo img {
        width:100%;
        height: auto;
    }

#fon_hedera {
    background: #f6f6f6;
    width: 100%;
    height: 0;
    position: fixed;
    float: left;
    z-index: 9998;
}

#fon_hedera span {
    float: right;
    margin-top: 12px;
    margin-right: 20px;
    font-size:0.9em;
    color: #000
}

h1, h3 {
    font-weight:normal ;
}
a {
    text-decoration: none;
}

#fon_hedera span a {
    padding:4px 5px;
}
.current_lang, #fon_hedera span a:hover {
    color: #703ede;
    background:#ffea00;

}

.other_lang {
    color: #000;
}

#poloska_hedera {
    width: 100%;
    height: auto;
    top: 33px;
    position: fixed;
    z-index: 9998;
  /*  -moz-box-shadow: 2px 2px 3px #808080;
    -webkit-box-shadow: 2px 2px 3px #808080;
    box-shadow: 2px 2px 3px #808080; */
}
.ph {
    background: #00000075;
    /* background: rgba(103,103,103,0.3);*/
       /* background-image: url(../images/theme/hp.png); */
}
.ph1 {
     background: rgba(103,103,103,0.9);
     /*background-image: url(../images/theme/hp.png);*/
}

.wrapper {
    max-width:100%; /*1003px*/
    height:auto;
    margin: 0 auto;
}
.image img {
    width:100%;
    height:auto;
}

.section_obertka {
  /*  border:1px solid #808080;
    -moz-box-shadow: 2px 2px 5px #808080;
    -webkit-box-shadow: 2px 2px 5px #808080;
    box-shadow: 2px 2px 5px #808080; */
}

.otstup_block {
    padding-top:100px;
}
.otstup_block1 {
    padding-top:200px;
}
.perehod {
    width: 18%;
    margin-top:10px;
    padding: 20px;
    min-width: 100px;
    float: right;
    background: #ffea00;
    color: #000;
    font-size: 1.4em;
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    box-shadow: 5px 5px 5px #000;
    font-family: "compact";
    bottom:15px;
    right:0;
    position:absolute;
}

.text_zagolovka{
    font-size:2em;

}
.text_osnovi{
    font-size:1em;

}

.block_first{
        margin: 0 auto;
        width: 60%;
        text-align: center;
        padding: 150px 0 50px 0;
}
    .block_first p:first-child {
        padding-bottom: 25px;
        font-size: 2em;

    }
    .block_first p:last-child {
        color: #808080;
        font-size:1em;

    }

}