body, html        { width: 100%; height: 100%; margin: 0; padding: 0; }
body              { font-family: 'Lato'; font-size: 18px; color: #3e3e3e; width: 100%; background-color: #e92835;
background-image: url(images/bga.png); background-size: 100%; background-position: center; min-width: 1366px; }

ul                { list-style-type: disc; }
a:link,
a:visited         { text-decoration: none; color: #003399; }
a:hover           { color: #f20134; }

h2                { margin-top: 0; }

.clear            { clear: both; }

.section          { max-width: 1366px; margin: 0px auto; position: relative; background-color: white; }

a#back:link,
a#back:visited { position: fixed; z-index: 10; background-color: #0b376f; color: white; font-size: 200%; padding: 10px 15px; right: 15px; bottom: 15px; display: none; }


.top     { padding: 30px; padding-bottom: 0; background-color: white; position: relative; z-index: 2; }

 
a#logolink:link,
a#logolink:visited { display: block; width: 340px; float: left; }
a#logolink img     { width: 100%; }

#topmenu    { margin: 0; padding: 0; float: left; margin-top: 22px; margin-left: 50px; }
#topmenu li { display: inline-block; }

#topmenu a:link,
#topmenu a:visited { display: inline-block; padding: 5px 35px; color: #0b376f; font-size: 110%; font-weight: bold; }
#topmenu a:hover,
#topmenu a.current   { color: #e92835; }

.top.fixedtop              { position: fixed; top: 0; left: 0; width: 100%; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d5d5d5; }
.top.fixedtop a#logolink   { width: 220px; }

#imag    { height: 260px;  }
.bg      { width: 100%; height: 270px; background-image: url(images/bg1.jpg); background-repeat: no-repeat; position: absolute; left: 0; top: 0; z-index: 1; background-color: #0b376f; }
.bg img  { width: 100%; }


#triangle-topleft { width: 0; height: 0; border-top: 75px solid white; border-right: 1330px solid transparent; position: absolute; top: 0px; }

#tagline1   { width: 50%; background-color: #e92835; position: absolute; right: 0px; top: 15px; color: white; padding: 15px 30px; text-align: left; z-index: 5; font-size: 120%; }
#ramka1     { width: 40%; background-color: #0b376f; position: absolute; right: 50px; bottom: -25px; color: white; padding: 30px; text-align: justify; z-index: 5 }
//#ramka1     { width: 40%; background-color: white; position: absolute; right: 50px; bottom: -25px; color: #0b376f; padding: 30px; text-align: justify; z-index: 5; border-right: 30px solid #0b376f; border-bottom: 30px solid #0b376f; }

.box        { width: 33.3%; float: left; height: 180px; text-align: center;   }
.box-wrap   { padding: 30px; }
.box-title  { color: #0b376f;  font-weight: bold; padding-top: 5px; }
.icon       { font-size: 350%; color: #e92835; display: block; }


#formularz      { max-width: 1024px; margin: 0px auto; padding-bottom: 50px; }

label              { display: block; margin-top: 10px; color: black; padding: 5px;  }
input[type="text"] { width: 90%; padding: 15px; border: 0; border: 1px solid white; background-color: #f5f5f5; }
textarea           { width: 90%; padding: 15px; height: 120px; border: 1px solid white; background-color: #f5f5f5; }

input:focus,
textarea:focus     { outline: none !important; border: 1px solid #dd2a1b; box-shadow: 0; }

a.more:link,
a.more:visited        { padding: 6px 17px; display: inline-block; position: relative; border: 1px solid; }
a.more { background-color: #dd2a1b; color: white; padding: 15px 17px; position: absolute; z-index: 2; }
a.more:hover   { background-color: white; color: #dd2a1b; border: 1px solid #dd2a1b; }

button.more { padding: 6px 17px; display: inline-block; position: relative; border: 1px solid; background-color: #dd2a1b; color: white; font-size: 110%; }