@import url('menu.css');
@import url('modules.css');
@import url('e_elements.css');
@import url('e_col.css');
@import url('e_row.css');
@font-face {
    font-family: 'open_sanslight';
    src: local('open_sanslight'), local('open_sanslight'), src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: local('open_sansregular'), local('open_sansregular'), src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: local('open_sanssemibold'), local('open_sanssemibold'), src: url('fonts/OpenSans-Semibold.eot');
    src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: local('open_sanssemibold'), local('open_sanssemibold'), src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: local('open_sansextrabold'), local('open_sansextrabold'), src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    min-width: 900px;
    text-align: left;
    font-family: open_sansregular, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: url('../img/body.png') left -371px repeat-x;
    color: #ffffff;
}

body.home {
    background: url('../img/home.png') left top repeat-x;
    padding: 0px;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
    background: url('../img/bg.png') top center repeat;
}

a,
a:hover,
a:visited {
    color: #ffffff;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.clear {
    clear: both !important;
    float: none !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    padding: 0px !important;
    margin: 0px !important;
}

#Layout {}

.home #Layout {
    background: url('../img/header.jpg') center top no-repeat;
}

#LayoutMainBody {
    width: 964px;
    margin: 0px auto;
    background: url('../img/main_body.jpg') right 116px no-repeat;
}

.home #LayoutMainBody {
    background: none;
}

#Header {
    height: 99px;
    background-color: #ffffff;
}

#Header .logo {
    position: relative;
    top: 17px;
    left: 21px;
}

#Header ul {
    float: right;
    position: relative;
    right: 12px;
    top: 38px;
}

#Header li {
    display: inline-block;
    list-style: none;
    line-height: 20px;
    height: 62px;
    overflow: hidden;
}

#Header li.active {
    background: url('../img/ico_tri_up_navy.png') center bottom no-repeat;
}

#Header li a {
    padding: 0px 14px;
    color: #0b2d5a;
    font-size: 14px;
    text-transform: uppercase;
    border-left: 1px solid #b4c0d1;
}

#Header li a:hover,
#Header li.active a {
    color: #70859f;
}

#Header li.first a {
    border: none;
}

#Header li.last a {
    color: #fd396e;
}

#Header li.last a:hover,
#Header li.active.last a {
    color: #FC7196;
}

#Content {
    width: 693px;
    float: right;
    padding: 35px 0px;
}

#ContentFull {
    width: 964px;
    clear: both;
    padding: 0px 0px 34px 0px;
}

#Footer {
    padding: 20px;
    position: relative;
    color: #fff;
}

.homeKontakt {
    width: 940px;
    padding: 35px 12px 0px 12px;
    border: none;
    border-top: 1px solid #405B7F;
    position: relative;
}

.homeKontakt h3 {
    position: absolute;
    top: -8px;
    left: 0px;
    padding: 0px 8px 0px 0px;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #0e305d;
}

#Footer .wrapper {
    width: 954px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    position: relative;
}

#Footer ul {
    width: 156px;
    float: left;
    margin: 58px 0px 5px 30px;
}

#Footer li {
    margin: 5px 0px;
    font-size: 10px;
    line-height: 14px;
}

#Footer li.first {
    border: none;
}

#Footer li a {
    padding: 0px 0px;
    color: #0d2f5c;
    font-size: 15px;
}

#Footer h2.header {
    position: absolute;
    top: 10px;
    left: 25px;
    font-family: 'open_sansbold';
    font-size: 27px;
}

#Footer .info {
    margin-top: 20px;
    margin: 0 auto;
}

#Footer .col3 {
    width: 318px;
    float: left;
    text-align: left;
}

#Footer .col3 h3 {
    font-size: 16px;
}

#Copyright {
    padding-top: 20px;
}

#Copyright .wrapper {
    width: 954px;
    margin: 0px auto;
    padding: 20px 10px;
}

#Copyright .col2 {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

#Copyright .col2:last-child {
    width: 50%;
    float: right;
}

#Copyright .col2 .made {
    float: right;
}


/* Ramka standardowa */

.LayoutRamka {
    padding-bottom: 10px;
}

.LayoutRamka h2 {
    padding: 0px 0px 28px 35px;
    font-family: 'open_sanslight';
    font-size: 30px;
    font-weight: normal;
    background: url('../img/ico_tri_right_blue_big.png') 0px 9px no-repeat;
}

.LayoutRamka h3 {
    font-size: 15px;
    font-weight: normal;
}

.LayoutRamka p {
    line-height: 20px;
}

.LayoutRamka ul li {
    padding: 0px 0px 0px 22px;
    list-style: none;
    background: url('../img/ico_doot_blue.png') 10px 8px no-repeat;
}

.LayoutRamka ol li {
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 22px;
}

.LayoutRamka a:hover {
    color: #6982a3;
}