a{
    text-decoration: none;
}

img{
    border: none;
}

.error{
    font-size: 11px;
    font-family: arial;
    color: #FF0000;
}

input.error{
    border: 1px solid #ff0000 !important;
    font-size: 11px;
    width: 260px !important;
    color: #FF0000;
}

textarea.error{
    border: 1px solid #ff0000 !important;
    font-size: 11px;
    width: 260px !important;
    padding-right: 86px;
    color: #FF0000;
}

.clear{
    clear: both;
}

body{
    padding: 0;
    margin: 0;
    font-family: "arial";
    background: #8eb5da url('../img/bg.jpg') no-repeat center top;
}

#site{
    clear: both;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}

#site #top{
    width: 990px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}

#site #top #left{
    float: left;
    overflow: hidden;
    width: 210px;
    position: relative;
    z-index: 100;
}

#site #top #left #logo{
    clear: both;
    overflow: hidden;
    margin-top: 65px;
}

#site #top #left #men{
    clear: both;
    overflow: hidden;
    margin-top: 75px;
    height: 185px;
}

#site #top #right{
    float: right;
    overflow: hidden;
    width: 780px;
    position: absolute;
    margin-left: 170px;
}

#site #top #right #menu-box{
    position: absolute;
    z-index: 100;
    height: 40px;
    width: 510px;
    width: 485px;
    right: 0;
    background: #fbde6b;
    border-top: 3px solid #f3c200;
    margin-top: 65px;
}

#site #top #right #menu-box ul{
    list-style: none;
    margin: 0;
    margin-left: -40px;
}

#site #top #right #menu-box li{
    float: left;
    overflow: hidden;
    /*width: 97px;*/
    min-width: 55px;
    padding: 0 10px;
    /*margin-right: 3px;*/
    text-align: center;
    text-transform: uppercase;
/*    border: 1px solid #333;*/
    height: 29px;
    padding-top: 11px;
    font-weight: bold;
    font-family: "arial";
    font-size: 14px;
}

#site #top #right #menu-box li a{
    color: #937600;
}

#site #top #right #menu-box li:hover{
    background: url('../img/menu-on.jpg') no-repeat center top;
}

#site #top #right #menu-box li.select{
    background: url('../img/menu-on.jpg') no-repeat center top;
}

#site #top #right #slider{
    width: 780px;
    height: 365px;
}

/************************************/
#holder{
    width: 960px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -40px;
    position: relative;
    z-index: 120;
    margin-bottom: 170px;
}

#holder #submenu{
    width: 232px;
    min-height: 190px;
    float: left;
    overflow: hidden;
    background: #5083b9 url('../img/submenu.jpg') no-repeat;
    border-bottom: 2px solid #376aa0;
}

#holder #submenu h1{
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-family: "arial";
    margin-top: 7px;
    margin-left: 15px;
}

#holder #submenu ul{
    list-style: none;
    margin: 0;
    margin-left: -30px;
    margin-top: 16px;
}

#holder #submenu li{
    font-size: 12px;
    font-size: 13px;
    font-family: arial;
    border-bottom: 1px solid #376aa0;
    width: 200px;
    padding: 5px 0;
}

#holder #submenu li a{
    color: #fff;
}

#holder #content{
    float: right;
    overflow: hidden;
    width: 711px;
    min-height: 190px;
    background: #fbde6b;
    border-bottom: 2px solid #f3c200;
}

#holder #content #head{
    background: url('../img/head.jpg') no-repeat;
    width: 711px;
    height: 38px;
    clear: both;
    overflow: hidden;
}

#holder #content #head h1{
    margin: 0;
    color: #826900;
    font-size: 18px;
    font-family: arial;
    margin-top: 9px;
    margin-left: 15px;
}

#holder #content #head h1 a{
    color: #826900;
}

#holder #content #text{
    width: 650px;
    padding-right: 30px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    font-size: 12px;
    font-family: arial;
    color: #392e00;
    line-height: 170%;
    padding-bottom: 20px;
}

/***************************/
#footer{
    clear: both;
    overflow: hidden;
    width: 100%;
    min-height: 200px;
    background: #becfe4;
}

#footer #boxes{
    clear: both;
    overflow: hidden;
    width: 960px;
    height: 70px;
    z-index: 130;
    margin: 0 auto;
}

/*#footer #boxes #box1{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box1.jpg') no-repeat;
    margin-top: -150px;
}*/

#footer #boxes #box1 h2{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box1 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box1 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box1 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box1 .a a{
    color: #fff;
}

/*#footer #boxes #box2{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box2.jpg') no-repeat;
    margin-top: -150px;
    margin-left: 242px;
}*/

#footer #boxes #box2 h1{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box2 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box2 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box2 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box2 .a a{
    color: #fff;
}

/*#footer #boxes #box3{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box3.jpg') no-repeat;
    margin-top: -150px;
    margin-left: 485px;
}*/

#footer #boxes #box3 h1{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box3 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box3 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box3 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box3 .a a{
    color: #fff;
}

/*#footer #boxes #box4{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box4.jpg') no-repeat;
    margin-top: -150px;
    margin-left: 728px;
}*/

#footer #boxes #box4 h1{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box4 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box4 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box4 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box4 .a a{
    color: #fff;
}

#footer #boxes #box1{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box1.jpg') no-repeat;
    margin-top: -150px;
}

#footer #boxes #box1 h3{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box1 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box1 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box1 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box1 .a a{
    color: #fff;
}

#footer #boxes #box2{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box2.jpg') no-repeat;
    margin-top: -150px;
    margin-left: 242px;
}

#footer #boxes #box2 h3{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box2 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box2 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box2 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box2 .a a{
    color: #fff;
}

#footer #boxes #box3{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box3.jpg') no-repeat;
    margin-top: -150px;
    margin-left: 485px;
}

#footer #boxes #box3 h3{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box3 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box3 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box3 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box3 .a a{
    color: #fff;
}

#footer #boxes #box4{
    float: left;
    overflow: hidden;
    position: absolute;
    width: 232px;
    height: 212px;
    background: url('../img/box4.jpg') no-repeat;
    margin-top: -150px;
    margin-left: 728px;
}

#footer #boxes #box4 h3{
    margin: 0;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 8px;
}

#footer #boxes #box4 .img{
    clear: both;
    overflow: hidden;
    width: 220px;
    height: 86px;
    border: 1px solid #ffcc00;
    margin-left: 5px;
}

#footer #boxes #box4 .text{
    clear: both;
    overflow: hidden;
    width: 212px;
    height: 50px;
/*    background: #fce794;*/
    margin-left: 5px;
    font-size: 12px;
    font-family: arial;
    color: #967801;
    padding: 5px;
}

#footer #boxes #box4 .a{
    background: #7aa6d4;
    width: 70px;
    height: 18px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    padding: 2px 0;
    margin-left: 150px;
}

#footer #boxes #box4 .a a{
    color: #fff;
}


#footer #foot{
    clear: both;
    overflow: hidden;
    width: 960px;
    height: 100px;
    margin: 0 auto;
    margin-top: 10px;
}

#footer #foot #f1{
    float: left;
    overflow: hidden;
    width: 420px;
    font-size: 11px;
    font-family: arial;
    color: #fff;
}

#footer #foot #f2{
    float: left;
    overflow: hidden;
    width: 150px;
    font-size: 11px;
    font-family: arial;
    color: #fff;
    margin-top: 10px;
}

#footer #foot #f3{
    float: right;
    overflow: hidden;
    width: 300px;
    font-size: 11px;
    font-family: arial;
    color: #fff;
    text-align: right;
    margin-right: 60px;
}

#footer #foot #f3 a{
    color: #fff;
}

#footer #foot #f4{
    overflow: hidden;
    width: 86px;
    height: 89px;
    position: absolute;
    margin-left: 935px;
    margin-top: -50px;
}

/************************/
#text .cert{
    float: left;
    overflow: hidden;
    width: 140px;
    height: 187px;
    height: 225px;
    margin: 10px;
}

#text .cert img{
	-moz-box-shadow: -5px -5px 5px 5px #888;
	-webkit-box-shadow: -5px -5px 5px 5px #888;
	box-shadow: -5px -5px 5px 5px #888;
}

#text .cert .name{
	background: #F3C301;
	padding: 3px 5px;
	margin-top: -5px;
	width: 126px;
	font-size: 11px;
} 

/*********************/
#text #mapka{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 33px;
}

#text #mapka #map{
    border: 1px solid #cca300;
}

#text #text-main{
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

#text #text-main #txt{
    float: left;
    overflow: hidden;
    margin-left: 33px;
    width: 365px;
    color: #cca300;
}

#text #text-main #txt a{
    color: #cca300;
    color: #000;
    text-decoration: underline;
}

#text #text-main #form{
    float: right;
    overflow: hidden;
    width: 275px;
    margin-top: 20px;
    margin-right: 20px;
}

#text #text-main #form .form-field{
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
    width: 270px;
}

#text #text-main #form .form-field input{
    width: 260px;
    padding: 3px;
    background: #f3c200;
    background: #f3f3f3;
    border: 1px solid #cca300;
    font-size: 12px;
    font-family: arial;
    color: #826900;
    color: #333;
}

#text #text-main #form .form-field textarea{
    width: 260px;
    height: 120px;
    padding: 3px;
    background: #f3c200;
    background: #f3f3f3;
    border: 1px solid #cca300;
    font-size: 12px;
    font-family: arial;
    color: #826900;
    color: #333;
}

#text #text-main #form .form-field button{
    width: 70px;
    height: 20px;
    padding: 3px;
    background: #7aa6d4;
    border: none;
    font-size: 12px;
    font-family: arial;
    color: #fff;
    cursor: pointer;
    float: right;
}

/***********************************/
#text .box{
    float: left;
    overflow: hidden;
    width: 225px;
    min-height: 200px;
    background: #f3c200;
    margin: 20px 0px 0px 5px;
}

#text .box h1{
    width: 223px;
    margin: 0 auto;
    background: #376aa0;
    color: #fff;
    font-size: 12px;
    font-family: arial;
    padding: 5px 0 5px 15px;
}

#text .box h3{
    width: 223px;
    margin: 0 auto;
    background: #376aa0;
    color: #fff;
    font-size: 12px;
    font-family: arial;
    padding: 5px 0 5px 15px;
}

#text .box .imgs{
    width: 220px;
    height: 86px;
    clear: both;
    overflow: hidden;
    margin-top: -3px;
    margin-bottom: 5px;
    margin-left: 3px;
}

#text .box .smenu{
    clear: both;
    overflow: hidden;
}

#text .box .smenu li{
    color: #826900;
}

#text .box .smenu li a{
    color: #826900;
}

/*************************/
#text h2{
    color: #826900;
    font-size: 14px;
    text-align: center;
}

#text #fotolia{
    clear: both;
    overflow: hidden;
    width: 604px;
    margin: 0 auto;
}

#text #fotolia .foto-box{
    clear: both;
    overflow: hidden;
    width: 604px;
    margin: 0 auto;
    background: url('../img/arrow.png') 272px 50px no-repeat;
    margin-bottom: 10px;
}

#text #fotolia .foto-box .foto-przed{
    width: 270px;
    height: 203px;
    float: left;
    overflow: hidden;
    border: 1px solid #cda408;
}

#text #fotolia .foto-box .foto-po{
    width: 270px;
    height: 203px;
    float: right;
    overflow: hidden;
    border: 1px solid #cda408;
}




/*RWD */
@media screen and (max-width:1100px){
	#f4{
		display:none;
	}
}
@media screen and (max-width:990px){
	body{
		background-position: top left !important;
	}
	#top{
		width:100%;
	}
}
@media screen and (max-width:960px){
	#site{
		width:100%;
		overflow:none;
	}
	#right{
		width: 100% !important;
		margin-left:0px !important;
	}
	#menu-box{
		margin-top:0px !important;
		width: auto !important;
	}
	#slider
	{
		width:100% !important;
	}
	#holder{
		width:100%;
	}
	#content{
		width:70% !important;
		float: left !important;
	}
	#head{
		width:100% !important;
	}
	#text{
		width:100% !important;
	}
	#fotolia{
		width:100% !important!;
	}
	.foto-box{
		width:100%! important!
	}
	.foto-przed,
	.foto-po{
		width:50% !important;
		max-width: 270px !important;
	}
	.foto-przed a img,
	.foto-po a img{
		width:100% !important;
		max-width: 270px !important;
		height: auto !important;
	}
	#boxes{
		width:100% !important;
	}
	#footer{
		min-height:50px !important;
	}
	#foot{
		width:100% !important;
		height: auto !important;
	}
	#f1{
		width:220px !important;
	}
	#f2{
		display:none;
	}
	#f3{
		width: 150px !important;
	}
	#boxes{
		display: none;
	}
}
@media screen and (max-width:775px){
	#content{
		width:65% ! important;
	}
}
@media screen and (max-width:711px){
	#submenu{
		background-image:none !important;
		margin:0 auto !important;
		float:none !important;
		width:100% !important;
		overflow: visible !important;
	}
	#submenu > h2:nth-child(1){
		display:none;
	}
	#submenu ul li{
		width:100% !important;
		text-align:center !important;
		font-size:15px !important;
	}
	#content{
		width:100% !important;
	}
	#mapka{
		width:100% !important;
		margin:0 !important;
	}
	#map{
		width:98% !important;
		height:200px !important;
		margin:0 auto !important;
	}
	#form{
		float:none !important;
		margin-left:33px;
	}
}
@media screen and (max-width:600px){
	#cookies-message{
		line-height:15px !important;
	}
}
@media screen and (max-width:500px){
	#right{
		overflow:visible !important;
	}
	#menu-box {
		margin-top: 353px !important;
		height:215px !important;
		right: auto !important;
		width:100% !important;
		border: none !important;
	}
	#menu-box li
	{
		float: none !important;
		width:95% !important;
		border-top: 3px solid #f3c200;
	}
	#holder{
		margin-top:178px !important;
	}
}
@media screen and (max-width:430px){
	#f1{
		float: none !important;
	}
	#f3{
		float:none !important;
		text-align: left !important;
	}
	#cookies-message{
		line-height:11px !important;
	}
}
@media screen and (max-width:430px){
#menu-box li
	{
		width:93% !important;
	}
}