@import "reset.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import "320.css";
@import "768.css";

@media screen and (min-width: 1007px) and (max-width: 5900px){

body{
margin:0px;
padding:0px;
text-align:center;
background:url(../jpg/body-bg.jpg) no-repeat center top #E9E9E9;
background-size:100% auto;
}

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

div.wrapper{
width:1007px;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

div.top-stripe{
width:100%;
height:154px;
float:left;
text-align:center;
background:url(../jpg/top-stripe.png) repeat-x left top;
}

div.time-and-date{
height:30px;
float:right;
height:30px;
line-height:30px;
font-size:12pt;
color:white;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
font-weight:700;
width:100%;
text-align:right;
}

div.time-and-date span{
color:#27A3EB;
font-weight:400;
padding-left:10px;
}

a.logo{
width:454px;
height:81px;
float:left;
margin:16px 0px 0px 0px;
}

div.infostripe1{
height:40px;
line-height:42px;
float:right;
text-align:left;
font-size:17pt;
color:#234B6E;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
padding-left:44px;
background:url(../jpg/ico-home.jpg) no-repeat left center;
font-weight:400;
border-bottom:1px solid #DBDBDB;
margin:10px 0px 0px 0px;
}

div.infostripe2{
height:40px;
line-height:42px;
float:right;
text-align:left;
font-size:17pt;
color:#234B6E;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
padding-left:43px;
background:url(../jpg/ico-tel.jpg) no-repeat left center;
font-weight:400;
border-bottom:0px solid #DBDBDB;
margin:0px 0px 0px 0px;
clear:right;
}

div.content{
width:100%;
float:left;
margin:6px 0px 0px 0px;
padding:0px;
}

div.rightside{
width:94%;
padding:3%;
float:right;
margin-top:10px;
background:white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}


img.banner{
float:left;
width:100%;
}

p.title,
h1.title{
margin:0px;
padding:30px 0px 20px 0px;
font-size:24pt;
color:black;
font-weight:600;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-align:left;
float:left;
width:100%;
}

p.title2{
margin:0px;
padding:5px 0px 5px 0px;
font-size:18pt;
color:black;
font-weight:400;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-align:left;
float:left;
width:100%;
}

p.ordinary{
margin:0px;
padding:10px 0px;
font-size:11pt;
color:black;
font-weight:400;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-align:left;
float:left;
line-height:21px;
}

p.ordinary a{
font-size:#234B6E;
text-decoration:none;
}

p.ordinary a:hover{
text-decoration:underline;
}

p.tags{
margin:0px;
padding:10px 0px;
font-size:8pt;
color:black;
font-weight:400;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-align:center;
float:left;
line-height:21px;
}

p.tags a{
font-size:#234B6E;
text-decoration:none;
}

p.tags a:hover{
text-decoration:underline;
}

div.whole{
width:100%;
float:left;
}

div.statement{
width:100%;
float:left;
text-align:center;
font-size:12pt;
font-weight:600;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
line-height:22px;
color:#234B6E;
padding:15px 0px;
}

div.footer{
width:100%;
text-align:center;
height:30px;
background:#234B6E;
float:left;
margin:20px 0px 0px 0px;
}

div.copyright{
height:30px;
line-height:30px;
float:left;
font-size:8pt;
color:white;
font-family:tahoma,arial;
}

div.webcat{
height:30px;
line-height:30px;
float:right;
font-size:8pt;
color:white;
font-family:tahoma,arial;
}

div.webcat a{
font-size:8pt;
color:white;
font-family:tahoma,arial;
text-decoration:none;
}

div.ofbuttons{
width:100%;
margin-top:15px;
float:left;
}

a.ofbut1{
width:100%;
float:left;
height:35px;
line-height:35px;
background:#F0F0F0;
border-top:1px solid #DBDBDB;
font-size:11pt;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
color:black;
text-align:left;
cursor:pointer;
}

a:hover.ofbut1{
background:#DBDBDB;
}

a.ofbut1 ins{
float:right;
text-decoration:none;
font-style:italic;
margin-right:10px;
font-size:9pt;
font-weight:400;
}

a.ofbut2{
width:100%;
float:left;
height:35px;
line-height:35px;
background:#F7F7F7;
border-top:1px solid #DBDBDB;
font-size:11pt;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
color:black;
text-align:left;
cursor:pointer;
}

a:hover.ofbut2{
background:#DBDBDB;
}

a.ofbut2 ins{
float:right;
text-decoration:none;
font-style:italic;
margin-right:10px;
font-size:9pt;
font-weight:400;
}

span.bull{
padding:0px 15px;
color:#24A3EA;
font-size:16pt;
}

#bbor{
border-bottom:1px solid #DBDBDB;
}

div.rightside ul{
font-size:11pt;
color:black;
font-weight:400;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-align:left;
float:left;
line-height:21px;
list-style:disc;
margin:0px 0px 0px 20px;
padding:15px 0px 15px 20px;
width:calc(100% - 40px);
}

div.linkbox{
width:100%;
float:left;
margin-top:15px;
}

div.link-stripe{
width:100%;
height:35px;
float:left;
}

div.link-stripe a{
height:35px;
line-height:35px;
float:left;
text-align:left;
padding:0px 36px 0px 10px;
background:url(../jpg/link-right.jpg) no-repeat right top;
font-size:12pt;
color:white;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-decoration:none;
font-weight:400;
}

div.link-stripe a:hover{
text-decoration:underline;
}

div.link-stripe em{
font-style:normal;
float:left;
height:35px;
background:url(../jpg/ling-bg.jpg) repeat-x left top;
margin:0px;
padding:0px;
}

p.ordinary1{
margin:0px;
padding:4px 0px;
font-size:10pt;
color:black;
font-weight:400;
font-family:'Open Sans', open sans, trebuchet ms, arial, sans-serif;
text-align:left;
float:left;
line-height:21px;
}

p.ordinary1 a{
font-size:#234B6E;
text-decoration:none;
}

p.ordinary1 a:hover{
text-decoration:underline;
}

div#clockbox{
font-size:12pt;
color:white;
float:right;
height:30px;
line-height:30px;
padding-left:10px;
}

/* FORMULARZ */

div.formularz{
width:100%;
float:left;
}

form{
float:left;
}

div.formstripe{
width:100%;
float:left;
margin:2px 0px 0px 0px;
}

div.formularz-title{
width:100%;
height:50px;
line-height:50px;
text-align:left;
color:#747474;
font-size:18pt;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
font-weight:400;
}

div.formstripe label{
width:150px;
height:40px;
line-height:40px;
text-align:right;
color:black;
font-size:12pt;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
font-weight:400;
padding-right:20px;
float:left;
}

div.formstripe input{
height:40px;
float:left;
width:300px;
background:#F0F0F0;
line-height:40px;
font-size:12pt;
color:black;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
border:none;
text-indent:4px;
}

div.formstripe input.red{
background:red!important;
color:white!important;
}

div.formstripe textarea{
width:400px;
height:200px;
float:left;
padding:5px;
font-size:12pt;
color:black;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
border:none;
background:#F0F0F0;
resize:no;
}

div.formstripe input.sendit{
height:30px;
line-height:30px;
background:#747474;
padding:0px 25px;
font-size:12pt;
color:white;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
border:none;
width:120px;
float:left;
margin:0px 0px 0px 170px;
cursor:pointer;
}

div.formstripe input.sendit1{
height:30px;
line-height:30px;
background:#747474;
padding:0px 25px;
font-size:12pt;
color:white;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
border:none;
width:120px;
float:left;
margin:0px 0px 0px 2px;
cursor:pointer;
}

/* KONIEC FORMULARZA */

div.go-back{
width:100%;
float:left;
padding:15px 0px;
text-align:center;
}

div.go-back a{
font-size:28pt;
font-weight:600;
color:#234B6E;
font-family: 'Open Sans', trebuchet ms, arial, sans-serif;
text-decoration:none;
}

div.go-back a:hover{
text-decoration:underline;
}

div.zoomit{
max-width:380px;
float:right;
margin:-300px 0px 0px 0px;
}

/* New styles */

.menu-stripe{
width:100%;
float:left;
height:40px;
background:#234b6e;
position:relatvie;
z-index:9999;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin:0px;
	padding:0px;
	height:39px;
}

.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 0px solid #fff;
	border-top: 1px solid #234b6e; /* fallback colour must use full shorthand */
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}

/* link w przycisku w menu głównym */

.sf-menu a {
	color: white;
	height:39px;
	background:#234b6e;
	padding:0px 30px;
	line-height:40px;
}

.sf-menu a:hover,
.sf-menu a.current{
background:#3f75a5;
}

/* Przycisk w menu głównym */

.sf-menu li {
	background: #234b6e;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
	height:40px;
	font-size:11pt;
	text-transform:uppercase;
}

.sf-menu ul li {
	background: #AABDE6;
}

.sf-menu ul ul li {
	background: #9AAEDB;
}

.sf-menu ul li a{
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	font-size:10pt;
}

div#fbslide{
width:35px;
height:115px;
margin:0px;
padding:0px;
position:fixed;
top:205px;
right:0px;
display:block;
cursor:pointer;
z-index:500;
}

div#facebook{
width:292px;
height:300px;
border:2px solid #3C95D9;
z-index:500;
background:white;
position:fixed;
top:205px;
right:-296px;
z-index:505;
}

.promotions{
width:100%;
float:left;
min-height:160px;
float:left;
background:url(../jpg/promotions.png) no-repeat left top;
margin:30px 0px 10px 0px;
}

.promotions p{
width:100%;
float:right;
text-align:center;
font-size:12pt;
color:black;
line-height:30px;
margin:80px 0px 0px 0px;
font-weight:bold;
}

.promotions p span{
color:red;
}

.gallery{
width:100%;
float:left;
}

.gallery img{
width:calc(22% - 2px);
float:left;
margin:3% 4% 0 0;
border:1px solid black;
}

.lastimg{
margin-right:0px!important;
}

.gallery img:hover{
filter:brightness(80%);
}

}

.web{
color:#9e0d2a;
font-weight:bold;
}

.cat{
color:#62a400;
font-weight:bold;
}

.read-more{
width:100%;
float:left;
text-align:center;
background:#bdbdbd;
padding:30px 0px;
margin-top:50px;
}

.more-box{
width:33.3%;
float:left;
box-sizing:border-box;
padding:15px;
text-align:center;
margin:5px 0px;
}

.more-box h2{
float:left;
font-size:16px;
font-weight:700;
color:black;
width:100%;
text-align:center;
line-height:26px;
}

.more-box a{
font-size:13px;
font-weight:300px;
color:black;
float:left;
text-align:center;
width:100%;
transition:all 0.2s;
}

.more-box a:hover{
color:#446583;
transition:all 0.2s;
}

div.footer.footernomar{
margin-top:0px;
}

.button-stripe{
width:100%;
float:left;
margin-top:40px;
text-align:center;
}

.button-stripe a{
display:inline-block;
padding:10px 22px;
font-size:13px;
color:white;
background:red;
transition:all 0.2s;
font-weight:300;
}

.button-stripe a:hover{
transition:all 0.2s;
filter:brightness(80%);
}