.bordered{
border:1px solid #000;
}


body{
margin:0;
padding:0;
font-family:Arial, Times, serif;
color:#505050;
}

body {
	overflow: hidden;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-55px 0 0 -55px; /* is width and height divided by two */
}


img{
border:none;
}

#wrapper{
margin-top:10px;
min-height:800px;
}

header{
min-height:80px;
border-bottom:1px solid #164dea;
}

#wrapper{
min-height:300px;
}

/*------ Logo ----------*/
#logo{
  position:relative;
  top:0px;
  margin:0;
}

h1 {
    text-decoration:none;
    border:0;
    width:399px;
	max-width:100%;
    height:76px;
    margin:0;
    padding:0;
    background : url('logo.jpg') no-repeat 0 0;
}
 
h1 a {
    display:block;
    height:78px;
    text-indent:-9999px;
}
.subpage {
font-weight:normal;
margin:10px 10px 10px 0;
font-size: xx-large!important; 
}
/*------------------------*/


nav{
font-size:x-large;
color:#505050;
min-height:40px;
}

nav ul{
list-style-type: none;

}
nav ul li{
display:inline;
margin:0 5px;
}
nav ul li a{
text-decoration:none;
color:#505050;
}
nav ul li a:hover{

color:#164dea;
}
nav ul li a:active{

color:#505050;
}

.menu{
margin-top:3%;
max-width:100%;
text-decoration:none;
display:inline-block;

}

@media (min-width: @screen-md-min) { 
	.menu{
	width:450px;
	text-align:right;
	float:right;
	}
}


#slider{
height:496px;
max-width:850px;
margin:20px auto;
}



#slider h2{
text-transform:uppercase;
font-size:xx-large;
}

ol.bjqs-markers {
position:relative;
top:-40px;

}
ol.bjqs-markers li {
    margin: -10px 3px 0 3px;
}
ol.bjqs-markers li a {
    background: none repeat scroll 0 0 #164dea;
    border: 2px solid #fff;
    border-radius: 10px 10px 10px 10px;

    display: block;
    height: 8px;
    overflow: hidden;
    text-indent: -9999px;
    width: 8px;
}
ol.bjqs-markers li.active-marker a {
    background: none repeat scroll 0 0 #4586ff;
}
.slider_item{
float:left;
list-style-type:disc;
}
.slider_item li{
margin:0 30px;
font-size:22px;
}

.slide1{
width:850px;
height:246px;
background:url('slide1.jpg') no-repeat 0 0;
}
.slide2{
width:850px;
height:246px;
background:url('slide2.jpg') no-repeat 0 0;
}
.slide3{
width:850px;
height:246px;
background:url('slide3.jpg') no-repeat 0 0;
}
.slide4{
width:850px;
height:246px;
background:url('slide4.jpg') no-repeat 0 0;
}
#boxes{
min-height:202px;
color:#fff;
margin:0 auto;
}

.box{
width:224px;
height:202px;
margin:19px;
font-weight:bold;
font-size:18px;
display:inline-block;
text-indent:-9999px;
}

.box  a{
height:202px;
}


.box1 {
background:url('box1.png') #164dea no-repeat;
}

.box2 {
background:url('box2.png') #164dea no-repeat;
}

.box3 {
background:url('box3.png') #164dea no-repeat;
}

.box4 {
background:url('box4.png') #164dea no-repeat;
}

.box5 {
background:url('box5.png') #164dea no-repeat;
}

.box:hover{
	background-color:#4586ff;	
}
.box:active{
	background-color:#164dea;	
}


section{
margin-top:12px;
}

.content{
padding:10px;
margin:10px 0;
height: 100%;
min-height:275px;
color:#505050;
overflow:hidden; 
}

.content a {
font-weight:bold;
color:#505050;
}
.content a:hover {
text-decoration:none;
}

.content h3{
margin:10px 0;
color:#212020;
text-transform:uppercase;
word-wrap:break-word;
}

.content-desc{
float:left;
margin-bottom:10px;
}

.content-img {
float:right;
display:inline-block;
}

.content:hover{
background:#164dea;
color:#fff;
}

.content:hover a{
color:#fff;
}


.content:hover h3{
color:#fff;
}

article .content p {
padding:10px;
float:right;
}

#offer_menu{
position:fixed;
top:80px;
height:60px;
color:#fff;
background:#164dea;
width:100%;
}

#offer_menu{
color:#fff;
font-size:large;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#offer_menu ul{
list-style-type: none;
margin-top:20px;
}
#offer_menu article {
float:left;
}
#offer_menu ul li{
display:inline;
margin:0 5px;
}
#offer_menu ul li a{
padding:3px;
text-decoration:none;
color:#fff;
}
#offer_menu ul li a:hover{

color:#4586ff;
}
#offer_menu ul li a:active{

color:#fff;
}

#oferta{
margin-top:70px;
}

footer{
clear:both;
color:#fff;
background:#164dea;
min-height:260px;
width:100%;
}

.footer-content{
margin-top:10px;
}

#footer_contact{

font-size:x-large;
}

#footer_contact a{
color:#fff;
text-decoration:none;
}

#footer_contact span{
font-size:28px;
font-weight:bold;
}

#footer_contact a:hover{
color:#fff;
}

#footer_contact a:active{
color:#fff;
}

#footer_contact a:visited{
color:#fff;
}


#footer_contact p {
font-size:12px;
}

#footer_menu{

color:#fff;
font-size:x-large;
}
#footer_menu ul{
list-style-type: none;

}
#footer_menu ul li{
display:inline;
margin:0 5px;
}
#footer_menu ul li a{
text-decoration:none;
color:#fff;
}
#footer_menu ul li a:hover{

color:#4586ff;
}
#footer_menu ul li a:active{

color:#fff;
}

#goup-container{
float:right;
}

.goup {
width:50px;
height:50px;
background:url('up.png') no-repeat;
}

.goup:hover {
background-position:left bottom;
}

.copy{
text-align:center;
}


.button {
background:#164dea;
border:1px solid #fff;
display:inline-block;
color:#ffffff;
font-size:22px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
}

.button:hover {
background: #4586ff;
}
.button:active {
color:#fff;
background:#164dea;
border:1px solid #fff;
position:relative;
top:1px;
}

.zobacz{
margin:15px 70px;
}

.footer_wyslij{
margin:20px 0;
}



div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	/*border: 1px solid #C9E0ED;*/
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0;
	padding: 5px 8px;
	margin-bottom:15px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}


/* facebook widget
--------------------------------------------------------------------------------------------------------*/
.facebook{
    float:right;
    width:232px;
    height:420px;
   background: url(fb.png);
   background-repeat: no-repeat;
    display:block;
    right:-205px;
    padding:0;
    position:fixed;
    top: 170px;
    z-index:1002;
}

.fb-like-box {
background: #fff;
}
/*--------------------------------------------------------------------------------------------------------*/


div.form span.required
{
	color: red;
}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}


div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

.go-up-mobile{
margin:3%;
}

.float-right{
float:right;
}

.float-left{
float:left;
}