@charset "utf-8";
@import url(reset.css);
@import url(360.css);
@import url(768.css);
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Courgette&subset=latin-ext');

*{
font-size:16px;
font-family:'Ubuntu', arial, tahoma, sans-serif;
}

ul{
display:inline-block;
width:calc(100% - 20px);
list-style:disc;
margin-left:20px;
}

.fifty{
width:45%;
float:left;
}

.fifty-r{
width:45%;
float:right;
}

#section0{
background:url(../jpg/bg1.jpg) no-repeat center center;
background-size:cover;
text-align:center;
}

#section1{
background:url(../jpg/bg2.jpg) no-repeat center center;
background-size:cover;
}

#section2{
background:url(../jpg/bg3.jpg) no-repeat center center;
background-size:cover;
}

#section3{
background:url(../jpg/bg4.jpg) no-repeat center center;
background-size:cover;
}

#section4{
background:url(../jpg/bg5.jpg) no-repeat center center;
background-size:cover;
}

#section5{
background:url(../jpg/bg6.jpg) no-repeat center center;
background-size:cover;
}

#section6{
background:url(../jpg/bg7.jpg) no-repeat center center;
background-size:cover;
}

#section7{
background:url(../jpg/section7.jpg) no-repeat center bottom;
background-size:cover;
}

/* Menu */
#menu{
opacity:0.75;
}

#menu li {
	display:inline-block;
	margin:10px 0px 0px 10px;
	color:black;
	background:white;
	-webkit-border-radius: 4px;
            border-radius: 4px;
}
#menu li.active{
	background:black;
	color:white;
}
#menu li a{
	text-decoration:none;
	color:black;
}
#menu li.active a:hover{
	color:white;
}
#menu li:hover{
	background:black;
	color:white;
}

/* ------------------------- */

#menu li a,
#menu li.active a{
	font-size:10pt;
	font-family:tahoma;
	height:20px;
	line-height:20px;
	padding: 0px 7px;
	display:block;
}
#menu li.active a{
	color:white;
	background:black;
}
#menu{
	position:fixed;
	bottom:20px;
	left:0;
	height: 20px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin: 0;
}

#menu li a:hover{
background:black;
color:white;
}

/* End of Menu */
/* Proper styles */

div{
vertical-align:top!important;
}

div.container{
width:1150px;
margin:0px auto;
padding:0px;
position:relative;
}

div.wrapper{
width:1150px;
position:relative;
float:left;
margin:0px;
padding:0px;
text-align:center;
}
	
.logo{
float:left;
margin:5px 0px 0px 0px;
}	
	
nav#widescreen{
height:28px;
line-height:28px;
float:right;
margin:26px 0px 0px 0px;
}

nav#widescreen a{
font-size:1.0em;
color:black;
text-transform:uppercase;
padding:0px 18px 0px 0px;
text-decoration:none;
font-weight:700;
}

nav#widescreen a:last-child{
padding:0px 0px 0px 0px;
}

nav#widescreen a:hover{
color:#ff5601;
}

.main-gray{
padding:45px;
background:url(../jpg/white-trans.png) repeat;
text-align:center;
display:inline-block;
margin:280px auto 0px auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.offer-gray{
width:calc(100% - 40px);
padding:20px;
background:url(../jpg/white-trans.png) repeat;
text-align:justify;
float:left;
margin:30px 0px 0px 0px;
font-size:1.2em;
color:black;
line-height:1.9em;
font-weight:400;
clear:left;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.offer-gray a{
color:#ff5601;
font-size:1em;
}

.offer-gray strong{
font-size:1em;
}

.offer-gray p{
width:100%;
font-size:1em;
color:black;
line-height:1.9em;
font-weight:400;
float:left;
}


.whole{
width:100%;
display:inline-block;
text-align:center;
}

.main-inscr{
width:100%;
display:inline-block;
text-align:center;
font-size:3em;
color:#ff5601;
text-transform:uppercase;
font-weight:700;
text-shadow:2px 2px 2px black;
}

.main-inscr span{
font-size:0.7em;
}

.righth1{
float:right!important;
}

.fp-controlArrow.fp-prev{
border-color: transparent white transparent transparent!important;
}

.fp-controlArrow.fp-next{
border-color: transparent transparent transparent white!important;
}

.gallery{
width:calc(100% + 40px);
float:left;
margin-top:50px;
margin-left:-20px;
}

.gallery img{
float:left;
margin:0px 0px 0px 40px;
width:40%;
border:1px solid black;
}

.gallery img.rightimg{
float:right!important;
margin:0px 40px 0px 0px!important;
}

.footer{
width:100%;
float:left;
margin:38px 0px 0px 0px;
text-align:center;
}

.webcat{
width:100%;
float:left;
height:20px;
line-height:20px;
text-align:center;
color:black;
font-size:9pt!important;
font-family:verdana;
}

.webcat a{
color:black;
font-size:9pt!important;
}

.web{
color:#9e0d2a;
font-weight:bold;
font-size:9pt!important;
}

.cat{
color:#62a400;
font-weight:bold;
font-size:9pt!important;
}

nav.thinscreen{
display:none;
}

.resmenu{
display:none;
}
	
#fixed-nav{
width:100%;
height:90px;
position:fixed;
top:0px;
left:0px;
z-index:10!important;
background:url(../jpg/top-bar.png) repeat-x left top;
}

h1{
float:left;
margin:118px 0px 0px 0px;
text-align:center;
color:white;
font-size:3.8em;
font-weight:300;
padding:0px 20px;
background:url(../jpg/label-bg.png) repeat-x left top;
height:84px;
line-height:84px;
font-family:'Courgette', arial;
}

.contact{
margin-top:-20px!important;
}

/* Formularz */

.conright{
width:650px;
float:right;
margin:-100px 0px 0px 0px;
}

.oinput{
float:left;
height:36px;
width:296px;
padding:5px;
border:2px solid black;
text-align:left;
color:black;
text-indent:5px;
}

.fright{
float:right!important;
}

.qmarn{
margin-top:15px!important;
}

.otxtarea{
width:296px;
height:65px;
padding:5px;
border:2px solid black;
text-align:left;
color:black;
resize:none;
float:right;
margin:15px 0px 0px 0px;
}

.submitos{
float:left;
height:36px;
width:296px;
padding:5px;
border:2px solid black;
background:black;
text-align:center;
color:white;
text-indent:5px;
margin:13px 0px 0px 0px;
cursor:pointer;
}

.submitos:hover{
background:#575757;
}

.goc{
width:100%;
display:inline-block;
text-align:center;
}

.go{
width:200px;
height:40px;
line-height:40px;
display:inline-block;
background:linear-gradient(#fe5601, #c85318);
text-align:center;
font-size:1.2em;
color:white;
}

.go:hover{
background:#c85318;
}

.centerit{
text-align:center;
}

.rightit{
text-align:right;
}

.refp{
width:100%;
}

#section7 .offer-gray{
background:none!important;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}

#section7 .offer-gray p{
text-align:center;
font-size:0.8em;
line-height:1.4em;
}

.comp{
margin-top:15px;
}

.mediasoft{
width:100%;
height:30px;
z-index:999;
text-align:center;
position:absolute;
bottom:50px;
left:0px;
}

.mediasoft a{
font-size:8pt;
color:white;
font-family:tahoma;
}

.formmessage{
width:100%;
float:left;
font-weight:700;
color:red;
text-align:center;
}

@media screen and (min-width: 768px) and (max-width: 1149px){
.qmarn{
margin-top:5px!important;
}	
}

@media screen and (min-width: 320px) and (max-width: 767px){
.fright{
float:left!important;
}	
}