html,
body {
    background:#882E8E;
    width:100%;
    border:0px;
    margin:0;
    padding:0;
}

/*** page ***/
.wrap-top{
	width:100%;
	padding-top:30px;
}
#top{
	width:100%;
}
#top #logo{
	position:relative;
	top:20px;
}
#menu-top{
	text-align: center;
	float:right;
}
#menu-top ul{
	margin:35px 0 0px 0;
	padding:0;
}
#menu-top ul li{
	margin:0;
	padding:0 5px 0 5px;
	list-style: none;
	display: inline-block;
	color:#000 !important;
}
#menu-top ul li a{
	font:14px Arial,Verdana,Arial,sans-serif;
	color:#000;
	position:relative;
	top:1px;
}
#menu-top ul li a:hover{
	text-decoration: none;
}
.wrap-register{
	width:100%;
	background:#eeeeee;
}
.wrap-register a{
	display:inline-block;
	background:#96c03a;
	padding:12px 25px 10px 55px;
	float: right;
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
	font:16px FranklinGothic Dm Cn,Verdana,Arial,sans-serif;
}
.wrap-register a:hover, .wrap-register a:visited, .wrap-register a:active{
	text-decoration:none;
	color:#fff;
}
#banner-top{
	display: inline-block;
	width:100%;
	background: #882E8E;
}
#banner-top img{
	width:100%;
}
.bottom-line{
	width:100%;
	height:20px;
	background:#1E3568;
}
/*** boxes ***/
.box{
	width:100%;
	background: #882E8E;
}
.box h2{
	width:100%;
	text-align:center;
	font:bold 32px FranklinGothic Dm Cn,Verdana,Arial,sans-serif;
	padding:20px 0 20px 0;
	margin:0;
	color:#fff;
	background: #3f1845;
	text-transform: uppercase;
}
.box .content h3{
	font:bold 18px FranklinGothic Dm Cn,Verdana,Arial,sans-serif;
	margin:0 0 15px 0;
	padding:0;
}
.box .content{
	display: inline-block;
	width:100%;
	background:#fff;
	color:#000;
	padding:80px 20px;
	font:14px/19px Arial,Verdana,Arial,sans-serif;
}
.wrap-list-images{
	text-align:center;
	width:100%;
	display: inline-block;
	margin-top:30px;
}
.list-images{
	margin:0 auto;
	padding:0;
	list-style: none;
}
.list-images li{
	display:inline-block;
}
.list-images li img{
	width:100%;
}
/*** program ***/
.boxes-over-program{
	width:100%; 
	display: 
	inline-block; 
	clear: both; 
	margin-top:25px; 
	padding:0 80px 0 80px;
}
.program-spread{

}
.program-spread h3{
	font:bold 32px/36px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	color:#96c03a;
	text-transform: uppercase;
}
.program-spread .separator{
	border:1px solid #000;
	margin:50px 0 50px 0;
}
.program-spread .timeline{
	width:100%;
	margin:50px 0 0 0;
}
.program-spread .timeline .wrap-date{
	width:100%;
}
.program-spread .timeline .date{
	float:left;
	width:33.3333%;
	text-align: center;
	text-transform: uppercase;
	font:bold 14px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	cursor: pointer;
	padding:5px 0 5px 0;
}
.program-spread .timeline .date.active{
	color:#96c03a;
}
.program-spread .timeline .wrap-line{
	width:100%;
	clear:both;
	display: inline-block;
}
.program-spread .timeline .wrap-line .line{
	border:1px solid #b2b2b2;
	width:100%;
}
.program-spread .timeline .wrap-line .active{
	background:#96c03a;
	width:60%;
	height:10px;
	position:relative;
	top:5px;
}
.program-spread .timeline .wrap-details{

}
.program-spread .timeline .wrap-details div{
	display: none;
	padding-top:40px;
}
.program-spread .timeline .wrap-details .active{
	display: block !important;
}
.program-spread .timeline .wrap-details table{
	width:100%;
	border-collapse: collapse;
}
.program-spread .timeline .wrap-details table tr th, .program-spread .timeline .wrap-details table tr td{
	padding:5px 10px 5px 10px;
	border: 2px solid #fff;
}
.program-spread .timeline .wrap-details table tr th{
	width:16.66667%;
	background:#873e8d;
	color:#fff;
}
.program-spread .timeline .wrap-details table .info{
	font:16px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	text-align: center;
	background:#873e8d;
	color:#fff;
}
.program-spread .timeline .wrap-details .yellow{
	background:#ffff00;
	color:#000 !important;
}
.program-spread .timeline .wrap-details .purple{
	background:#873e8d;
	color:#fff !important;
}
.program-spread .timeline .wrap-details .green{
	background:#96c03a;
	color:#fff !important;
}
.program-spread .timeline .wrap-details .pink{
	background:#c20069;
	color:#fff !important;
}
.program-spread .timeline .wrap-details .blue{
	background:#0087c1;
	color:#fff !important;
}
.program-spread .timeline .wrap-details .strong-blue{
	background:#006996;
	color:#fff !important;
}
/*** partnerzy ***/
#partnerzy-ifs .list-images li{
	margin: 0 20px 0 20px;
}
/*** patronat medialny ***/
#patronat-medialny .list-images li{
	margin: 0 20px 0 20px;
}
/*** patronat ***/
#patronat .list-images li{
	margin: 0 20px 0 20px;
}
/*** kontakt ***/
#contact .content{
	text-align: center;
	background:#dddddd;
}
#contact .content a, #contact .content a:hover{
	color:#000;
	text-decoration: none;
	font-weight: bold;
}
/*** registration form ***/
#registration-box{

}
#registration-form h3{
	font:bold 32px/36px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	color:#96c03a;
	text-transform: uppercase;
	margin:0 0 60px 0;
	padding:0;
}
#registration-form .separator{
	border:1px solid #94c23d;
	margin:50px 0 50px 0;
}
#registration-form h4{
	font:bold 14px Arial,Verdana,Arial,sans-serif;
	text-transform: uppercase;	
	margin: 0 0 20px 0;
	padding: 0;
	width:100%;
	display:inline-block;
}
#registration-form .wrap-field{
	margin-bottom:25px;
}
#registration-form .wrap-field label{
	display:block;
	clear:both;
	margin:35px 0 25px 0;
	font:18px/18px Lato, Verdana, Arial, sans-serif;
}
#registration-form input, #registration-form textarea{
	width:80%;
	border:1px solid #d6d3d6;
	font:italic 14px/14px Arial,Verdana,Arial,sans-serif;
	padding:10px 0 10px 10px;
	margin:0;
	color:#000;
}
#registration-form select{
	padding:5px;
}
#registration-form .wrap-field .error, #registration-form .checkbox-field .error{
	color:#E00000;
	margin:10px 0 0 0;
	padding:0;
	display: none;
	width:100%;
	clear:both;
}
#registration-form .wrap-field.has-error input{
	border-bottom:2px solid #E00000;
}
#registration-form .wrap-field.has-error .error, #registration-form .checkbox-field.has-error .error{
	display:block;
}
#registration-form .wrap-field.has-success .error, #registration-form .checkbox-field.has-success .error{
	display:none;
}
#registration-form .wrap-field.has-success input{
	border-bottom:2px solid #409B00;
}
#registration-form .checkbox-field{
	display:inline-block;
	margin:0 30px 0 0;
}
#registration-form .checkbox-field input{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0 5px 0 0;
    position: relative;
    top: 2px;
    *overflow: hidden;
}
#registration-form .checkbox-field span{
}
#registration-form .info{
	color:#575756;
	font:16px/22px Lato, Verdana, Arial, sans-serif;
}
#registration-form a.mail{
	color:#000;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
#registration-form a.mail:hover{
	color:#000;
	text-decoration: none;
	text-decoration: underline;
}
#registration-form div[class^="col-"]{
    padding:0 !important;
}
.participation_arrival-option{
	display: none;
}
.wrap-regulation a, .wrap-regulation a:hover{
	font-weight: bold;
	color:#000;
	text-decoration: underline;
}
.wrap-submit{
	width:100%;
	text-align: center;
}
.wrap-submit input{
	background:#94c23d;
	width:auto !important;
	font:bold 21px/21px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	padding:15px 25px 15px 25px !important;
	color:#fff !important;
	border:0 !important;
	text-transform: uppercase;
	margin:40px 0 40px 0 !important;
	float: right;
}
.verify-code{
	background:#94c23d;
	width:auto !important;
	font:bold 19px/19px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	padding:10px 25px 9px 25px !important;
	color:#fff !important;
	border:0 !important;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
}
#registration-form .info-success{
	width:100%;
	padding:25px 0 25px 0;
	background:#94c23d;
	font:18px/22px FranklinGothic Dm Cn,Verdana,Arial,sans-serif !important;
	color:#fff;
	text-align: center;
	clear:both;
}
.loading{
	width:100%;
	height:80px;
	clear:both;
	background:url('/img/loading.gif') center center no-repeat;
}