/* -----------------------------------*/
/* ---------->>> BASE <<<-------------*/
/* -----------------------------------*/

@import url("reset.css");


/*    FONT FACE                                                         
    ----------------------------------------------------------------- */



@font-face {
    font-family: 'PFDinDisplayProRegular';
    src: url('../_fonts/pfdindisplaypro-reg.eot');
    src: url('../_fonts/pfdindisplaypro-reg.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/pfdindisplaypro-reg.woff') format('woff'),
         url('../_fonts/pfdindisplaypro-reg.ttf') format('truetype'),
         url('../_fonts/pfdindisplaypro-reg.svg#PFDinDisplayProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFDinDisplayProMediumRegular';
    src: url('../_fonts/pfdindisplaypro-med.eot');
    src: url('../_fonts/pfdindisplaypro-med.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/pfdindisplaypro-med.woff') format('woff'),
         url('../_fonts/pfdindisplaypro-med.ttf') format('truetype'),
         url('../_fonts/pfdindisplaypro-med.svg#PFDinDisplayProMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFDinDisplayProBold';
    src: url('../_fonts/pfdindisplaypro-bold.eot');
    src: url('../_fonts/pfdindisplaypro-bold.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/pfdindisplaypro-bold.woff') format('woff'),
         url('../_fonts/pfdindisplaypro-bold.ttf') format('truetype'),
         url('../_fonts/pfdindisplaypro-bold.svg#PFDinDisplayProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}    


/*    COMMON RULES
    ----------------------------------------------------------------- */

html {
    height: 100%;
    font: 87.5% "Arial", sans-serif;
}
body {
    font-size: 100.01%;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    line-height: 1.3;
    color: #383838;
    margin: 0 auto;
    padding: 0 10px;
    min-width : 940px; 
    max-width : 1100px; 
    width : expression ( 
    document.body.clientWidth < 940? "940px" : 
    document.body.clientWidth > 1100? "1100px" : "auto" 
    );
}
#page {
    padding: 0 0 408px;
}
p {
    padding: 0 0 20px;
}
a {
    color: #000;
    text-decoration: none;
    -o-transition:all 0.10s ease-in-out 0s;
    -webkit-transition:all 0.10s ease-in-out 0s;
    -moz-transition:all 0.10s ease-in-out 0s;
}
a img {
    border: 0;
}
a:hover {
    color: #CB2421;
    text-decoration: underline;
}