* {padding: 0; margin: 0;}

html,
body {
  background-color: black;
   margin: 0;
   padding: 0;
   height: 100%;
}

body {
color: white;
font-size: 15px;
font-family: Open Sans;
}

a:link {
color: white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

a:hover {
color: #f6b443;
text-decoration: none;
}

/* 1100px */
@media (min-width: 1100px) {
.container {width:100%;position:relative;min-height:100%;position:relative;}
.ff-std {width: 1100px;margin: 0 auto;}


/* Top */
.top {background-color: black;width: 100%;height: 87px;margin: 0 auto;clear:both;}
.logotyp {float:left;margin: 0 auto;padding-top: 5px;}
.menu {float:right;margin: 0 auto;padding-top: 35px;text-transform:uppercase;font-size:14px;font-weight:bold;}

/* Subpage */
.ff-subpage {background: #000000 url(../images/subpagebg.jpg) no-repeat top center;width: 100%;height: 190px;margin: 0 auto;}
.ff-subpage-page-title {font-size: 45px;text-align: center;padding-top:60px;text-transform:uppercase;font-weight:bold;color:#333333;}

/* Stopka */
.stopka {background-color: black;width: 100%; height: 39px;margin: 0 auto;clear:both;}
.kreskastopka {background-color: white;width: 100%;height:1px;margin: 0 auto;clear:both;}
.stopka-lewa {float:left;font-size:12px;margin: 0 auto;padding-top: 10px;}
.stopka-prawa {float:right;font-size:12px;margin: 0 auto;padding-top: 10px;}

}


/* 1000px */
@media (max-width: 1100px) and (min-width: 1000px) {
.container {width:100%;height:100%;position:relative;}
.ff-std {width: 1000px;margin: 0 auto;}

/* Top */
.top {background-color: black;width: 100%;height: 87px;margin: 0 auto;clear:both;}
.logotyp {float:left;margin: 0 auto;padding-top: 5px;}
.menu {float:right;margin: 0 auto;padding-top: 35px;text-transform:uppercase;font-size:14px;font-weight:bold;}

/* Subpage */
.ff-subpage {background: #000000 url(../images/subpagebg.jpg) no-repeat top center;width: 100%;height: 190px;margin: 0 auto;}
.ff-subpage-page-title {font-size: 45px;text-align: center;padding-top:60px;text-transform:uppercase;font-weight:bold;color:#333333;}

/* Stopka */
.stopka {background-color: black;width: 100%; height: 39px;margin: 0 auto;clear:both;}
.kreskastopka {background-color: white;width: 100%;height:1px;margin: 0 auto;clear:both;}
.stopka-lewa {float:left;font-size:12px;margin: 0 auto;padding-top: 10px;}
.stopka-prawa {float:right;font-size:12px;margin: 0 auto;padding-top: 10px;}

}


/* 800px */
@media (max-width: 1000px) and (min-width: 800px) {
.container {width:100%;height:100%;position:relative;}
.ff-std {width: 800px;margin: 0 auto;}

/* Top */
.top {background-color: black;width: 100%;height: 87px;margin: 0 auto;clear:both;}
.logotyp {float:left;margin: 0 auto;padding-top: 5px;}
.menu {float:right;margin: 0 auto;padding-top: 35px;text-transform:uppercase;font-size:14px;font-weight:bold;}

/* Subpage */
.ff-subpage {background: #000000 url(../images/subpagebg.jpg) no-repeat top center;width: 100%;height: 190px;margin: 0 auto;}
.ff-subpage-page-title {font-size: 45px;text-align: center;padding-top:60px;text-transform:uppercase;font-weight:bold;color:#333333;}

/* Stopka */
.stopka {background-color: black;width: 100%; height: 39px;margin: 0 auto;clear:both;}
.kreskastopka {background-color: white;width: 100%;height:1px;margin: 0 auto;clear:both;}
.stopka-lewa {float:left;font-size:12px;margin: 0 auto;padding-top: 10px;}
.stopka-prawa {float:right;font-size:12px;margin: 0 auto;padding-top: 10px;}

}


/* 500px */
@media (max-width: 800px) and (min-width: 500px) {
.container {width:100%;height:100%;position:relative;}
.ff-std {width:95%;margin: 0 auto;padding-left:10px;padding-right:10px;}

/* Top */
.top {background-color: black;width: 100%;height: auto;margin: 0 auto;clear:both;}
.logotyp {margin: 0 auto;text-align:center;clear:both;padding-top: 5px;}
.menu {margin: 0 auto;text-align:center;clear:both;padding-top: 5px;font-weight:bold;}

/* Subpage */
.ff-subpage {background: #000000 url(../images/subpagebg.jpg) no-repeat top center;width: 100%;height: 190px;margin: 0 auto;}
.ff-subpage-page-title {font-size: 45px;text-align: center;padding-top:60px;text-transform:uppercase;font-weight:bold;color:#333333;}

/* Stopka */
.stopka {background-color: black;width: 100%; height: auto;margin: 0 auto;clear:both;}
.kreskastopka {background-color: white;width: 100%;height:1px;margin: 0 auto;clear:both;}
.stopka-lewa {text-align:center;font-size:12px;margin: 0 auto;clear:both;padding-top: 5px;}
.stopka-prawa {text-align:center;font-size:12px;margin: 0 auto;clear:both;padding-top: 5px;padding-bottom:5px;}

}


/* >500 */
@media (max-width: 500px) {
.container {width:100%;height:100%;position:relative;}
.ff-std {width:95%;margin: 0 auto;padding-left:10px;padding-right:10px;}

/* Top */
.top {background-color: black;width: 100%;height: auto;margin: 0 auto;clear:both;}
.logotyp {margin: 0 auto;text-align:center;clear:both;padding-top: 5px;}
.menu {margin: 0 auto;text-align:center;clear:both;padding-top: 5px;font-weight:bold;}

/* Subpage */
.ff-subpage {background: #000000 url(../images/subpagebg.jpg) no-repeat top center;width: 100%;height: 190px;margin: 0 auto;}
.ff-subpage-page-title {font-size: 45px;text-align: center;padding-top:60px;text-transform:uppercase;font-weight:bold;color:#333333;}

/* Stopka */
.stopka {background-color: black;width: 100%; height: auto;margin: 0 auto;clear:both;}
.kreskastopka {background-color: white;width: 100%;height:1px;margin: 0 auto;clear:both;}
.stopka-lewa {text-align: center;font-size:12px;margin: 0 auto;clear:both;padding-top: 5px;}
.stopka-prawa {text-align: center;font-size:12px;margin: 0 auto;clear:both;padding-top: 5px;padding-bottom:5px;}

}

.std-transition{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;}
.clear {clear:both;}


/* Obrazki */
img{
	max-width: 100%;
	height:auto;
	width:auto;
}

/* Slider */
.sliderMain{width:100%;height: calc(100vh - 87px);}
.sliderMain > div{max-height: 100% !important}

.item-page {padding-top: 10px;}

/* event gallery */
.event-password {padding-top: 20%;padding-bottom:20%;}
.control-group {margin: 0 auto;text-align:center;padding: 10px 10px 10px 10px;}
#password {width: 250px;height:30px;padding:5px;}
.form-actions {text-align:center;margin: 0 auto;margin-bottom: 10px;}
.btn-primary {background-color: white;color: #231f20;border: 1px solid black;cursor:pointer;width: 220px;padding-top:3px;font-size:18px; height: 40px;text-transform: uppercase;outline:0;}
.btn-primary:hover{background-color: white;color: #cc0000;border: 1px solid #cc0000;cursor:pointer;width: 220px;font-size:18px; height: 40px;text-transform: uppercase;outline:0;}

#system-message {background-color: #cc0000;margin: 0 auto;padding: 15px;color:white;}
.alert-heading {padding:0px;margin:0px;font-size: 24px;}
.close {cursor:pointer;font-size:30px;float:right;}