#top{
	margin-top:140px;
}

#top .contentBox {
	text-align:center;
	font-weight:bold;
}

#top .contentBox h2{
	font-size:2.6em;
	text-transform:uppercase;
}

#top .contentBox h3{
	font-weight:bold;
	font-size:1.7em;
}
#top .contentBox p{margin-top:20px; color:#13395c;}

#radosc {margin-top:50px; background-color:#f8f6f8; padding-bottom:200px;}
#radosc .owoce{
	position:absolute;
	margin-top:-30px;
	margin-left:150px;
}
#radosc .contentBox h2{text-transform:uppercase;}
#radosc .contentBox{
	text-align:center;
	margin-top:30px;
}

#radosc .katalogBtn{
	text-align: right;
    display: block;
	margin-right:100px;
	z-index: 8888;
    position: relative;
}

#historia{
	background-color:#066da6;
	background-image:none;
	height:auto;
	padding-bottom:40px;
}
#historia .contentBox h2{
	color:white;
	padding-top:25px;
	text-transform:uppercase;
}

#historia .contentBox p{
	margin-top:30px;
}

#historia .kubek{margin-top:163px;}

.modele h2{
	font-size:1.9em;
	text-align:center;
	padding-top:50px;
}

.modele p{
	margin-top:20px;
	text-align:center;
	font-weight:bold;
	font-size:.85em;
}

.modele .bck2{
	background-image: url(../images/modele-bck2.png);
	background-size: cover;
    height: 345px;	
}

#stoiska {margin-top:30px;}
#stoiska h2{
	font-family: 'Lato', sans-serif;
	font-weight:600;
    text-align: center;
    font-size: 1.3em;
    letter-spacing: 9px;
    text-transform: uppercase;	
}

#stoiska .top h5{
	text-align:center;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	margin-bottom:17px;
	margin-top:20px;
	 font-size: 1.3em;
}

#stoiska .top p{
	text-align:center;
	font-weight:bold;
}

#stoiska .stoisko .rightBox{
	padding:0;
	background-color:#3d6fa1;
	color:white;
	min-height:440px;
}

#stoiska .stoisko .rightBox > div{
	padding:25px;
}

#stoiska .stoisko{margin-top:60px;}
#stoiska .stoisko img{margin-top:30px;}
#stoiska .stoisko .rightBox  h2{color:white; text-align:left; text-transform:none; letter-spacing:1px; font-size:2em;}
#stoiska .stoisko .table>tbody>tr>td, 
#stoiska .stoisko .table>tbody>tr>th, 
#stoiska .stoisko .table>tfoot>tr>td, 
#stoiska .stoisko .table>tfoot>tr>th, 
#stoiska .stoisko .table>thead>tr>td, 
#stoiska .stoisko .table>thead>tr>th{
	border-right:1px solid white;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align:center;
}

#stoiska .stoisko .table>tbody>tr>th:first-child,
#stoiska .stoisko .table>tbody>tr>td:first-child{border-left:1px solid white;}

#stoiska .stoisko .table>tbody>tr>th{
	text-transform:uppercase;
	
}


#korzysci{
	margin-top:50px;
}
#korzysci h2{text-align:center;margin-bottom:40px; font-size:1.82em;}
#korzysci .list{
	display:block;
	font-weight:bold;
	font-size:1em;
	font-family:'COCONPRO-REGULAR';
	margin-bottom:20px;
	margin-right:10px;
}

#korzysci .list:before{
  position:absolute; /*or absolute*/
  z-index:100000; /*a number that's more than the modal box*/
  left:-25px;
}

#korzysci .orange{color:#13395c;}
#korzysci .list.oneLine:before{margin-top:-5px;}

#korzysci .list.violet:before{content:url('../images/dot-violet.png');}
#korzysci .list.blue:before{content:url('../images/dot-blue.png');}
#korzysci .list.blue2:before{content:url('../images/dot-blue2.png');}
#korzysci .list.blue3:before{content:url('../images/dot-blue3.png');}
#korzysci .list.blue4:before{content:url('../images/dot-blue4.png');}
#korzysci .list.yellow:before{content:url('../images/dot-yellow.png');}
#korzysci .list.orange:before{content:url('../images/dot-orange.png');}
#korzysci .list.red:before{content:url('../images/dot-red.png');}
#korzysci .list.red2:before{content:url('../images/dot-red2.png');}
#korzysci .list.red3:before{content:url('../images/dot-red3.png');}

@media only screen and (min-width:1199px) and (max-width:1430px){
	#historia .kubek{
		position: absolute;
		right: 0;	
		margin-top: 94px;	
	}
	
}
@media only screen and (min-width:992px) and (max-width:1199px){
	#historia .kubek{
		position: absolute;
		right: 0;	
		margin-top: 94px;	
	}
}

@media (max-width:992px){
	#historia .kubek{
		position: absolute;
		right: 0;	
		margin-top: 94px;	
		width:55%;
	}
	#stoiska .stoisko img{
		text-align: center;
		margin: 0 auto;
		position: relative;
		display: block;
	}	
	
	#korzysci .list{margin-left:30px;}
	#korzysci .list:before{left:0;}
	
	#top .mapa{
		    display: block;
		text-align: center;
		margin: 0 auto;
	}
	#radosc .owoce{display:none;}
	#radosc{padding-bottom:118px;}
	#stoiska .stoisko .rightBox{height:auto; min-height:auto;}
}

@media (max-width:767px){
	
.modele .bck2{background-image:none; background-color:#ddeff3;}
	#historia .kubek{
		width:auto;
		position:Relative;
		margin-top:auto;
	}
}

@media (max-width:550px){
	#stoiska .stoisko img{width:100%;}
	#stoiska .stoisko .table>tbody>tr>th, #stoiska .stoisko .table>tbody>tr>td{font-size:.7em;    padding: 5px;}
}

@media (max-width:380px){	
	#top .mapa{width:100%;}
}