html,body,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,dl,dt,dd,ol,nav ul,nav 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-size:100%;
    font:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
    display: block;
}
ol,ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
a{
    text-decoration:none;
}
.txt-rt{
    text-align:right;
}/* text align right */
.txt-lt{
    text-align:left;
}/* text align left */
.txt-center{
    text-align:center;
}/* text align center */
.float-rt{
    float:right;
}/* float right */
.float-lt{
    float:left;
}/* float left */
.clear{
    clear:both;
}/* clear float */
.pos-relative{
    position:relative;
}/* Position Relative */
.pos-absolute{
    position:absolute;
}/* Position Absolute */
.vertical-base{
    vertical-align:baseline;
}/* vertical align baseline */
.vertical-top{
    vertical-align:top;
}/* vertical align top */
nav.vertical ul li{
    display:block;
}/* vertical menu */
nav.horizontal ul li{
    display: inline-block;
}/* horizontal menu */
img{
    max-width:100%;
}

body {
    font-family: 'Lato', sans-serif;
    /*background:#E7E8E9;*/
    background:#DADADA;
}

#top-menu ul {
    display:table-cell;
    vertical-align:middle;
    list-style:none;
}

#top-menu li {
    float:left;
    margin-right:0.8em;
    margin-bottom:1em;
    font-size: 1.2em;
}

#top-menu li a {
    color: #000000;
}

#top-menu li a:hover {
    color: #EE1C25;
}

#top-menu li a.aktywna {
    color: #EE1C25;
    padding-bottom: 3px;
    border-bottom: 1px solid #EE1C25;
}

h1 {
    padding: 0.5em 0 0.3em 0;
    font-size: 3em;
    font-weight: 900;
    color:#DE0024;
}

.info-czerowne{
    color: #161615;
    font-size: 1.2em;
    font-weight: 200;
}

.info-czerowne2{
    color: #e42127;
    font-size: 1.1em;
}

.form-error{
    color: #e42127;
}

.info-niebieski{
    color: #EE1C25;
    font-size: 1.1em;
}

.main {
    margin: 0em auto;
    width: 80%;
}

.lewa {
    float: left;
    width: 55%;
    /*margin-right: 2%;*/
    /*background-color: #CDD4DF;*/
}
.prawa {
    float: right;
    width: 45%;
}
.blok {
    padding: 0em 2em;
    text-align: left;
}

.formularz {
    margin: 1em 0 2.5em;
}
.blok input[type="text"], .blok input[type="email"], .blok input[type="password"] {
    width: calc(100% - 2em);
    padding: 1em 1em 1em 1em;
    font-size: 0.8em;
    outline: none;
    color: #000000;
    border: 1px solid #c55a50;
    letter-spacing: 1px;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0;
    background: #fff;
    display: block;
}

.iti{
    width: calc(100% + 1.7em);
}

.blok select {
    width: 100%;
    padding: 1em 1em 1em 1em;
    font-size: 0.8em;
    outline: none;
    color: #000000;
    border: 1px solid #c55a50;
    letter-spacing: 1px;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0;
    /*background: #E7E8E9;*/
    background: #FFFFFF;
    display: block;
}

::-webkit-input-placeholder{
    color:#b2b2b2 !important;
}

.blok input[type="submit"] {
    outline: none;
    padding: 1em 2em;
    text-align: center;
    font-size: 1em;
    border: none;
    color: #ffffff;
    cursor: pointer;
    background: #EE1C25;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0;
    font-weight: 600;
}

.przycisk {
    text-align: left;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    width: calc(100% - 2em);
    padding: 1em 1em 1em 1em;
    font-size: 0.8em;
    outline: none;
    color: #000000;
    border: 1px solid #9b9b9b;
    letter-spacing: 1px;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0;
    background: none;
    display: block;
}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.gwiazdki{
    font-size: 0.8em;
}

.blok p a {
    color: #000000;
    text-decoration: underline;
}

.blok p a:hover {
    color: #F10000;
}

.blok p b{
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

table.agenda tr td:first-child{
    padding-right: 15px;
}

label span {
    font-size: 0.7em;
}

.logosy img{
    /*height: 130px;*/
    padding: 0;
    margin: 0;
}

.logosy{
    text-align: center;
    background: url(../images/logo/tlo.jpg);
    background-repeat: repeat-y;
    background-size: 3000px 130px;
    margin: 0em 1em;
}



.img-lewa {
    display: none;
}







@media(max-width:1440px){
    .main {
        width: 80%;
    }
}
@media(max-width:1366px){
    .main {
        width: 80%;
    }
}
@media(max-width:1280px){
    .main {
        width: 80%;
    }
}
@media(max-width:1080px){
    .main {
        width: 80%;
    }
}
@media(max-width:1024px){
    .main {
        width: 80%;
    }
}
@media(max-width:991px){
    .main {
        width: 85%;
    }
}
@media(max-width:900px){
    .main {
        width: 93%;
    }
}
@media(max-width:800px){
    .main {
        width: 80%;
    }
    .lewa {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
        display: none;
    }
    .prawa {
        float: none;
        width: 100%;
    }
    .img-lewa {
        display: inline;
    }
}
@media(max-width:768px){
    .main {
        width: 80%;
    }
}
@media(max-width:736px){
    .main {
        width: 80%;
    }
}
@media(max-width:667px){
    .main {
        width: 80%;
    }
}
@media(max-width:640px){
    .main {
        width: 80%;
    }
}
@media(max-width:600px){
    .main {
        width: 80%;
    }
}
@media(max-width:568px){
    .main {
        width: 80%;
    }
}
@media(max-width:480px){
    .main {
        width: 80%;
    }
    .lewa {
        margin-bottom: 0%;
    }
    .blok input[type="text"], .blok input[type="email"], .blok input[type="password"] {
        width: 91%;
    }
    h1 {
        font-size: 2.2em;
    }
    .profile {
        margin-top: 2em;
    }
    .blok {
        padding: 2em 2em;
    }
}
@media(max-width:414px){
    .blok input[type="text"], .blok input[type="email"], .blok input[type="password"] {
        width: 89%;
    }
    .blok {
        padding: 2em 1.5em;
    }
    .formularz {
        margin: 1em 0 1.5em;
    }
}
@media(max-width:384px){
    h1 {
        font-size: 2em;
    }
}
@media(max-width:375px){
    .main {
        width: 80%;
    }
}
@media(max-width:320px){
    h1 {
        font-size: 1.6em;
    }
    .main {
        width: 80%;
        margin: 1.5em auto;
    }
    .formularz {
        margin: 1em 0 1.5em;
    }
    .blok {
        padding: 1.5em 1.5em;
    }
    .blok input[type="text"], .blok input[type="email"], .blok input[type="password"] {
        width:88%;
    }
    .blok input[type="submit"] {
        padding: 0.7em 0;
        font-size: 0.9em;
    }
}