@import url("https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext");
* { margin: 0; padding: 0; box-sizing: border-box; border: none; background-color: #7A5C50; color: #ffffff; font-family: "Lato"; }

/* HEADER */
header { display: inline-block; position: fixed; top: 0; left: 0; width: 100%; background-color: #5A3C50; height: 4em; z-index: 1000000; }
header * { background: none; border: none; }
header .logo { height: 4em; }
header .logo a { display: inline-block; height: 4em; box-sizing: border-box; text-decoration: none; }
header .logo a h1 { font-weight: bolder; height: 100%; padding: 0.3em; padding-left: 0; }
header .logo a img { height: 100%; box-sizing: border-box; }
header .logo a:hover, header .logo h1:hover { border: none; }
header .logo a:hover { background-color: #ccc; }
header input, header button { border: solid 1px #33202d; margin: 0.8em 0; padding: 0.5em; background-color: #ccc; height: 3em; color: #444; }
header button { background-color: #33202d; border: solid 1px #33202d; font-weight: bold; color: #eee; }
header .menu { display: inline-block; height: 4em; width: 100%; padding: 0.3em; text-align: right; }
header .menu a { font-size: 2.5em; text-decoration: none; }
.underheader { height: 4em;}
/* CONTENT */
content input, content button, content label, content select, content textarea {border: solid 1px #33202d;/* margin: 0 0; */background-color: #ccc;/*height: 3em;*/color: #000;}
content textarea{height: auto}
content option { background-color: rgba(255, 255, 255, 0.5); color: black; }
content button { background-color: #33202d; border: solid 1px #33202d; font-weight: bold; color: #eee; }
content label { background: none; border: solid 1px transparent; color: #eeeeee; font-weight: bold; padding-left: 0; }
content table { border: none; }
content td, content th { display: table-cell; border: none; margin: 0; padding: 0.5em; border-bottom: solid 1px #5A3C50; background: none; }
content tr:hover { background-color: #5A3C50; }
content th { background-color: #5A3C50; }

/*CHECKBOX*/
.checkbox { display: inline-block; float: left; box-sizing: border-box; margin-top: -2px; }
.checkbox input { display: none; }
.checkbox label { border-left: solid 3px #5A3C50; display: inline-block; float: left; height: 2.5em; padding: 0.5em; width: 100%;text-align: center }
.checkbox input[type="checkbox"]:checked + label { background-color: #5A3C50; }

/*RADIO*/
.radio { display: inline-block; float: left; box-sizing: border-box; margin-top: -2px; }
.radio input { display: none; }
.radio label {border-left: solid 3px #5A3C50;display: inline-block;float: left;height: 2.5em;padding: 0.5em;width: 100%;text-align: center}
.radio input[type="radio"]:checked + label {background-color: #5A3C50;width: 100%;text-align:  center;}

/*TABS*/
.tabs { border: solid 1px #5A3C50; margin-top: 1em; }
.tab { border: solid 1px #5A3C50; padding: 0.5em; background-color: #5A3C50; }
.tab.active { background-color: #33202d; }
.tabcontent { display: none !important; }
.tabcontent.visible { display: inline-block !important; }
.underheader { height: 4em; }
.breadcrumb { display: inline-block; }

h1:hover, h2:hover, h3:hover, h4:hover { border: none; }
ul ul { padding-left: 1em; }
li { margin-left: 1.2em; }
.breadcrumb { width: 100%; }
.breadcrumb li { display: inline-block; }
.breadcrumb li:first-child { margin-left: 0; }
.breadcrumb li:before { content: none; }
.breadcrumb li:after { content: ' /'; }
.breadcrumb li:last-child:after { content: none; }
.breadcrumb li a { text-decoration: none; color: #abf7f7; }

.msg.error, .msg.info{border: solid 1px red;padding: .5em;background-color: rgba(255, 0, 0, .9);font-weight: bold;}
.msg.info{border: solid 1px green; background-color: rgba(0, 255, 0, .95); color: #444}
.msg.info a{color: blue; text-decoration: none; font-weight: bold;}
.msg.error *, .msg.info *{background: none;color: white}
.msg.error a{color: yellow; text-decoration: none; font-weight: bold;}

/*LOADER*/
.loader {
  border: 2px solid #ccc; border-radius: 50%; border-top: 2px solid rgba(0,0,0,1); width: 42px; height: 42px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 3s linear infinite; margin: 0 auto;
}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

/* WYROWNANIE TEKSTU */
.text-right   {text-align: right    }
.text-left    {text-align: left     }
.text-center  {text-align: center   }
.text-justify {text-align: justify  }

.float-right   {float: right    }
.float-left    {float: left     }


.micro1, .micro2, .micro3, .micro4, .micro5, .micro6, .micro7, .micro8, .micro9, .micro10, .micro11, .micro12, 
.mini1, .mini2, .mini3, .mini4, .mini5, .mini6, .mini7, .mini8, .mini9, .mini10, .mini11, .mini12, 
.small1, .small2, .small3, .small4, .small5, .small6, .small7, .small8, .small9, .small10, .small11, .small12, 
.medium1, .medium2, .medium3, .medium4, .medium5, .medium6, .medium7, .medium8, .medium9, .medium10, .medium11, .medium12, 
.large1, .large2, .large3, .large4, .large5, .large6, .large7, .large8, .large9, .large10, .large11, .large12, 
.exlarge1, .exlarge2, .exlarge3, .exlarge4, .exlarge5, .exlarge6, .exlarge7, .exlarge8, .exlarge9, .exlarge10, .exlarge11, .exlarge12 
{display: inline-block; float: left;}
.micro-margin1, .micro-margin2, .micro-margin3, .micro-margin4, .micro-margin5, .micro-margin6, .micro-margin7, .micro-margin8, .micro-margin9, .micro-margin10, .micro-margin11, .micro-margin12, .mini-margin1, .mini-margin2, .mini-margin3, .mini-margin4, .mini-margin5, .mini-margin6, .mini-margin7, .mini-margin8, .mini-margin9, .mini-margin10, .mini-margin11, .mini-margin12, .small-margin1, .small-margin2, .small-margin3, .small-margin4, .small-margin5, .small-margin6, .small-margin7, .small-margin8, .small-margin9, .small-margin10, .small-margin11, .small-margin12, .medium-margin1, .medium-margin2, .medium-margin3, .medium-margin4, .medium-margin5, .medium-margin6, .medium-margin7, .medium-margin8, .medium-margin9, .medium-margin10, .medium-margin11, .medium-margin12, .large-margin1, .large-margin2, .large-margin3, .large-margin4, .large-margin5, .large-margin6, .large-margin7, .large-margin8, .large-margin9, .large-margin10, .large-margin11, .large-margin12, .exlarge-margin1, .exlarge-margin2, .exlarge-margin3, .exlarge-margin4, .exlarge-margin5, .exlarge-margin6, .exlarge-margin7, .exlarge-margin8, .exlarge-margin9, .exlarge-margin10, .exlarge-margin11, .exlarge-margin12,
.pw1, .pw2, .pw3, .pw4, .pw5, .pw6, .pw7, .pw8, .pw9, .pw10, .pw11, .pw12, .pw_auto { display: inline-block; float: left; }
.pw1  {width: 8.33333%;}
.pw2  {width: 16.66667%;}
.pw3  {width: 25%;}
.pw4  {width: 33.33333%;}
.pw5  {width: 41.66667%;}
.pw6  {width: 50%;}
.pw7  {width: 58.33333%;}
.pw8  {width: 66.66667%;}
.pw9  {width: 75%;}
.pw10 {width: 83.33333%;}
.pw11 {width: 91.66667%;}
.pw12 {width: 100%}
.pw-margin1 { margin-left: 8.33333% !important; }
.pw-margin2 { margin-left: 16.66667% !important; }
.pw-margin3 { margin-left: 25% !important; }
.pw-margin4 { margin-left: 33.33333% !important; }
.pw-margin5 { margin-left: 41.66667% !important; }
.pw-margin6 { margin-left: 50% !important; }
.pw-margin7 { margin-left: 58.33333% !important; }
.pw-margin8 { margin-left: 66.66667% !important; }
.pw-margin9 { margin-left: 75% !important; }
.pw-margin10 { margin-left: 83.33333% !important; }
.pw-margin11 { margin-left: 91.66667% !important; }
.pw-margin12 { margin-left: 100% !important; }
@media only screen and (max-width: 320px) { 
  .micro1 { width: 8.33333%; }
  .micro2 { width: 16.66667%; }
  .micro3 { width: 25%; }
  .micro4 { width: 33.33333%; }
  .micro5 { width: 41.66667%; }
  .micro6 { width: 50%; }
  .micro7 { width: 58.33333%; }
  .micro8 { width: 66.66667%; }
  .micro9 { width: 75%; }
  .micro10 { width: 83.33333%; }
  .micro11 { width: 91.66667%; }
  .micro12 { width: 100%; }
  .micro-margin1 { margin-left: 8.33333%; }
  .micro-margin2 { margin-left: 16.66667%; }
  .micro-margin3 { margin-left: 25%; }
  .micro-margin4 { margin-left: 33.33333%; }
  .micro-margin5 { margin-left: 41.66667%; }
  .micro-margin6 { margin-left: 50%; }
  .micro-margin7 { margin-left: 58.33333%; }
  .micro-margin8 { margin-left: 66.66667%; }
  .micro-margin9 { margin-left: 75%; }
  .micro-margin10 { margin-left: 83.33333%; }
  .micro-margin11 { margin-left: 91.66667%; }
  .micro-margin12 { margin-left: 100%; }
  .micro-hide{display: none !important;}
  header { height: 8em; }
  .underheader { height: 8em; }
  .mobile_hidden{display: none !important;} 
}
@media only screen and (min-width: 321px) and (max-width: 480px) { .mini1 { width: 8.33333%; }
  .mini2 { width: 16.66667%; }
  .mini3 { width: 25%; }
  .mini4 { width: 33.33333%; }
  .mini5 { width: 41.66667%; }
  .mini6 { width: 50%; }
  .mini7 { width: 58.33333%; }
  .mini8 { width: 66.66667%; }
  .mini9 { width: 75%; }
  .mini10 { width: 83.33333%; }
  .mini11 { width: 91.66667%; }
  .mini12 { width: 100%; }
  .mini-margin1 { margin-left: 8.33333%; }
  .mini-margin2 { margin-left: 16.66667%; }
  .mini-margin3 { margin-left: 25%; }
  .mini-margin4 { margin-left: 33.33333%; }
  .mini-margin5 { margin-left: 41.66667%; }
  .mini-margin6 { margin-left: 50%; }
  .mini-margin7 { margin-left: 58.33333%; }
  .mini-margin8 { margin-left: 66.66667%; }
  .mini-margin9 { margin-left: 75%; }
  .mini-margin10 { margin-left: 83.33333%; }
  .mini-margin11 { margin-left: 91.66667%; }
  .mini-margin12 { margin-left: 100%; }
  .mini-hide{display: none !important;}
  header { height: 8em; }
  .underheader { height: 8em; } 
  .mobile_hidden{display: none !important;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) { 
  .small1 { width: 8.33333%; }
  .small2 { width: 16.66667%; }
  .small3 { width: 25%; }
  .small4 { width: 33.33333%; }
  .small5 { width: 41.66667%; }
  .small6 { width: 50%; }
  .small7 { width: 58.33333%; }
  .small8 { width: 66.66667%; }
  .small9 { width: 75%; }
  .small10 { width: 83.33333%; }
  .small11 { width: 91.66667%; }
  .small12 { width: 100%; }
  .small-margin0 { margin-left: 0 !important; }
  .small-margin1 { margin-left: 8.33333%; }
  .small-margin2 { margin-left: 16.66667%; }
  .small-margin3 { margin-left: 25%; }
  .small-margin4 { margin-left: 33.33333%; }
  .small-margin5 { margin-left: 41.66667%; }
  .small-margin6 { margin-left: 50%; }
  .small-margin7 { margin-left: 58.33333%; }
  .small-margin8 { margin-left: 66.66667%; }
  .small-margin9 { margin-left: 75%; }
  .small-margin10 { margin-left: 83.33333%; }
  .small-margin11 { margin-left: 91.66667%; }
  .small-margin12 { margin-left: 100%; } 
  .small-hide{display: none !important;}
  .mobile_hidden{display: none !important;}
}
@media only screen and (min-width: 769px) and (max-width: 992px) { 
  .medium1 { width: 8.33333%; }
  .medium2 { width: 16.66667%; }
  .medium3 { width: 25%; }
  .medium4 { width: 33.33333%; }
  .medium5 { width: 41.66667%; }
  .medium6 { width: 50%; }
  .medium7 { width: 58.33333%; }
  .medium8 { width: 66.66667%; }
  .medium9 { width: 75%; }
  .medium10 { width: 83.33333%; }
  .medium11 { width: 91.66667%; }
  .medium12 { width: 100%; }
  .medium-margin1 { margin-left: 8.33333%; }
  .medium-margin2 { margin-left: 16.66667%; }
  .medium-margin3 { margin-left: 25%; }
  .medium-margin4 { margin-left: 33.33333%; }
  .medium-margin5 { margin-left: 41.66667%; }
  .medium-margin6 { margin-left: 50%; }
  .medium-margin7 { margin-left: 58.33333%; }
  .medium-margin8 { margin-left: 66.66667%; }
  .medium-margin9 { margin-left: 75%; }
  .medium-margin10 { margin-left: 83.33333%; }
  .medium-margin11 { margin-left: 91.66667%; }
  .medium-margin12 { margin-left: 100%; } 
  .medium-hide{display: none !important;}
  .mobile_hidden{display: none !important;}
}
@media only screen and (min-width: 993px) and (max-width: 1199px) { 
  .big1 { width: 8.33333%; }
  .big2 { width: 16.66667%; }
  .big3 { width: 25%; }
  .big4 { width: 33.33333%; }
  .big5 { width: 41.66667%; }
  .big6 { width: 50%; }
  .big7 { width: 58.33333%; }
  .big8 { width: 66.66667%; }
  .big9 { width: 75%; }
  .big10 { width: 83.33333%; }
  .big11 { width: 91.66667%; }
  .big12 { width: 100%; }
  .big-margin1 { margin-left: 8.33333%; }
  .big-margin2 { margin-left: 16.66667%; }
  .big-margin3 { margin-left: 25%; }
  .big-margin4 { margin-left: 33.33333%; }
  .big-margin5 { margin-left: 41.66667%; }
  .big-margin6 { margin-left: 50%; }
  .big-margin7 { margin-left: 58.33333%; }
  .big-margin8 { margin-left: 66.66667%; }
  .big-margin9 { margin-left: 75%; }
  .big-margin10 { margin-left: 83.33333%; }
  .big-margin11 { margin-left: 91.66667%; }
  .big-margin12 { margin-left: 100%; } 
  .big-hide{display: none !important;} 
  .pc_hidden{display: none;} 
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) { .large1 { width: 8.33333%; }
  .large2 { width: 16.66667%; }
  .large3 { width: 25%; }
  .large4 { width: 33.33333%; }
  .large5 { width: 41.66667%; }
  .large6 { width: 50%; }
  .large7 { width: 58.33333%; }
  .large8 { width: 66.66667%; }
  .large9 { width: 75%; }
  .large10 { width: 83.33333%; }
  .large11 { width: 91.66667%; }
  .large12 { width: 100%; }
  .large-margin1 { margin-left: 8.33333%; }
  .large-margin2 { margin-left: 16.66667%; }
  .large-margin3 { margin-left: 25%; }
  .large-margin4 { margin-left: 33.33333%; }
  .large-margin5 { margin-left: 41.66667%; }
  .large-margin6 { margin-left: 50%; }
  .large-margin7 { margin-left: 58.33333%; }
  .large-margin8 { margin-left: 66.66667%; }
  .large-margin9 { margin-left: 75%; }
  .large-margin10 { margin-left: 83.33333%; }
  .large-margin11 { margin-left: 91.66667%; }
  .large-margin12 { margin-left: 100%; } 
  .large-hide{display: none !important;}
  .pc_hidden{display: none;} 
}
@media only screen and (min-width: 1367px) and (max-width: 1980px) { 
  .exlarge1 { width: 8.33333%; }
  .exlarge2 { width: 16.66667%; }
  .exlarge3 { width: 25%; }
  .exlarge4 { width: 33.33333%; }
  .exlarge5 { width: 41.66667%; }
  .exlarge6 { width: 50%; }
  .exlarge7 { width: 58.33333%; }
  .exlarge8 { width: 66.66667%; }
  .exlarge9 { width: 75%; }
  .exlarge10 { width: 83.33333%; }
  .exlarge11 { width: 91.66667%; }
  .exlarge12 { width: 100%; }
  .exlarge-margin1 { margin-left: 8.33333%; }
  .exlarge-margin2 { margin-left: 16.66667%; }
  .exlarge-margin3 { margin-left: 25%; }
  .exlarge-margin4 { margin-left: 33.33333%; }
  .exlarge-margin5 { margin-left: 41.66667%; }
  .exlarge-margin6 { margin-left: 50%; }
  .exlarge-margin7 { margin-left: 58.33333%; }
  .exlarge-margin8 { margin-left: 66.66667%; }
  .exlarge-margin9 { margin-left: 75%; }
  .exlarge-margin10 { margin-left: 83.33333%; }
  .exlarge-margin11 { margin-left: 91.66667%; }
  .exlarge-margin12 { margin-left: 100%; } 
  .exlarge-hide{display: none !important;}
  .pc_hidden{display: none;} 
}
@media only screen and (min-width: 1981px) { .megalarge1 { width: 8.33333%; }
  .megalarge2 { width: 16.66667%; }
  .megalarge3 { width: 25%; }
  .megalarge4 { width: 33.33333%; }
  .megalarge5 { width: 41.66667%; }
  .megalarge6 { width: 50%; }
  .megalarge7 { width: 58.33333%; }
  .megalarge8 { width: 66.66667%; }
  .megalarge9 { width: 75%; }
  .megalarge10 { width: 83.33333%; }
  .megalarge11 { width: 91.66667%; }
  .megalarge12 { width: 100%; }
  .megalarge-margin1 { margin-left: 8.33333%; }
  .megalarge-margin2 { margin-left: 16.66667%; }
  .megalarge-margin3 { margin-left: 25%; }
  .megalarge-margin4 { margin-left: 33.33333%; }
  .megalarge-margin5 { margin-left: 41.66667%; }
  .megalarge-margin6 { margin-left: 50%; }
  .megalarge-margin7 { margin-left: 58.33333%; }
  .megalarge-margin8 { margin-left: 66.66667%; }
  .megalarge-margin9 { margin-left: 75%; }
  .megalarge-margin10 { margin-left: 83.33333%; }
  .megalarge-margin11 { margin-left: 91.66667%; }
  .megalarge-margin12 { margin-left: 100%; } 
  .megalarge-hide{display: none !important;}
  .pc_hidden{display: none;} 
}