#header .pogoda { font-family: 'Montserrat'; padding-top: 15px; font-size: 13px; }
#header .pogoda .title{position:relative;display:inline-block;margin-bottom:8px;text-transform:uppercase;color:#999;cursor:pointer}
#header .pogoda .title:after{content:'';position:absolute;top:2px;right:-15px;width:13px;height:9px;background-image:url(_images/icon-arrow.svg);opacity:.5}
#header .pogoda .title:hover{opacity:.8}
#header .pogoda .data.hide{display:none}
#header .pogoda .list{position:absolute;display:none;background-color:#fff;padding:0 20px;z-index:100;box-shadow:0 0 2px #ccc; font-weight: 400; width: 450px;}
#header .pogoda .list li{display:block; float:left; width: 200px;}
#header .pogoda .list li a{display:block;padding:10px 0;color:#454545;cursor:pointer}
#header .pogoda .list li a:hover { color: #000;}
#header .pogoda .list li +li a{border-top:1px solid #eee}
#header .pogodaCity { font-weight: 600; color: #686868; }
#header .pogodaImg { float: left; padding-right: 15px; }
#header .pogodaImg img { -webkit-filter: grayscale(100%);  filter: grayscale(100%); }
#header .pogodaTemp { float: left; border-left: 1px solid #d4d4d4; padding: 10px 15px; }
#header .pogodaTemp span{  font-weight: 600; font-size: 25px;}
#header .pogodaWind { float: left; border-left: 1px solid #d4d4d4; padding: 10px 15px; }

#header.fixed .pogoda { padding-top: 5px; font-size: 11px; }
#header.fixed .pogodaTemp { float: left; border-left: 1px solid #d4d4d4; padding: 5px 15px; }
#header.fixed .pogodaTemp span{  font-weight: 600; font-size: 18px;}
#header.fixed .pogodaWind { float: left; border-left: 1px solid #d4d4d4; padding: 5px 10px; }
#header.fixed .pogodaImg { padding-right: 5px; }
#header.fixed .pogodaImg img {  width: 80%; height: auto;  }
#header.fixed .box { height: 72px; }



#header .jezyki { float: left; padding-top: 40px; font-size: 13px; }
#header .jezyki a {  border-right: 1px solid #d4d4d4; padding: 10px 5px; color: #000;}
#header .jezyki a:hover { color: #6c6c6c;}

#header .szukaj { padding-top: 35px; }
#header .szukaj form input  { font-size: 13px; width: 70%; background: url(_images/search.png) no-repeat;  border: 1px solid #f5f5f5; padding: 5px 5px 5px 5px; background-color: #fff; color: #000; cursor: pointer; font-family:Open Sans , sans-serif; font-weight: 600; }
#header .szukaj input.button { width: 20%; }
#header .szukaj input.button:hover { background-color: #f5f5f5; }

#header .size { float: left; padding: 40px 8px 0 8px;  }
#header .size a { padding: 10px 2px; color: #000;}
#header .size1 { font-size: 70%; }
#header .size2 { font-size: 90%; }
#header .size3 { font-size: 110%; }

#header .menuHeader { float: left; padding-top: 35px; text-transform:uppercase; text-align: right;}
#header .menuHeader img { vertical-align:middle; padding-top: -2px; }

#pitogramy   { position: relative; margin: 0 auto; width: 100%;  background-color: #fff; overflow: hidden;    }
#pitogramy .pitogramyBox { margin: 120px auto 10px auto; padding:0; overflow: hidden; width: 1210px;  text-transform:uppercase; font-family: 'Montserrat'; font-weight: 500; font-size: 13px;}
#pitogramy .pitogramyBox  a { float: left; width: 10.5%; padding: 0.5%; margin: 0 1.0%; color: #000; text-align: center;}
#pitogramy .pitogramyBox  a:hover { background-color: #e9e9e9;}
#pitogramy .pitogramyBox img { margin:0;width:100%;height:auto;  background-color: #f9f9f9;}


h1.googleMaps { color: #ff573d; font-size: 30px; margin: 5px;}
#content { width: 300px; min-height: 150px;}
#content img {  margin:0;width:100%;height:auto; max-width: 300px; }
#content .text { font-size: 15px; margin: 10px 0; font-weight: 500;}

#header .pasek { margin: 0 auto; width:100%; }
#header .pasek1 { width: 20%;  border-bottom: 3px solid #fe950e; float: left;}
#header .pasek2 { width: 20%;  border-bottom: 3px solid #0e97d9; float: left;}
#header .pasek3 { width: 20%;  border-bottom: 3px solid #ff2525; float: left;}
#header .pasek4 { width: 20%;  border-bottom: 3px solid #67a168; float: left;}
#header .pasek5 { width: 20%;  border-bottom: 3px solid #417e7e; float: left;}


.mapa .kwadrat1 { width: 5px; float: left; padding: 5px; margin-right: 5px; margin-top: 7px; background-color: #fe950e;}
.mapa .kwadrat2 { width: 5px; float: left; padding: 5px; margin-right: 5px; margin-top: 7px; background-color: #0e97d9;}
.mapa .kwadrat3 { width: 5px; float: left; padding: 5px; margin-right: 5px; margin-top: 7px; background-color: #ff2525;}
.mapa .kwadrat4 { width: 5px; float: left; padding: 5px; margin-right: 5px; margin-top: 7px; background-color: #67a168;}
.mapa .kwadrat5 { width: 5px; float: left; padding: 5px; margin-right: 5px; margin-top: 7px; background-color: #417e7e;}
#container .pogodaImg { float: left; padding-right: 15px; }
#container .pogodaTemp { float: left; padding: 10px 15px; }
#container .pogodaTemp span{  font-weight: 600; font-size: 25px;}
#container .pogodaWind { float: left; padding: 0px 15px; font-size: 13px;}
#container .filtr { background-color: #67a168;  font-size: 13px; color: #e1f3e1;}
#container .filtr  select  { margin: 4px 0; font-size: 15px; width: 90%;  border: 1px solid #528153; padding: 5px 5%; background-color: #5d8c5e; color: #fff; cursor: pointer; font-family:Open Sans , sans-serif;}

#footer .partnerzy .img { width: 5.4%; float: left; }
#footer .partnerzy .img img { margin:0;width:100%;height:auto; }

.borderLeftWhite { border-left: 25px solid #fff;}
.borderRightWhite { border-right: 25px solid #fff;}
.newsHomeBg { background-color:#fafafa;}
.hoverOpacity a:hover { opacity:0.9;  }
.borderTopGrey { border-top: 3px solid #cecece;}
.borderBottom {border-bottom: 1px dotted #cecece; padding: 10px; font-size: 14px; }
.mapaFont { font-size: 14px; }
.spolecznosci { padding: 10px 0; }
.spolecznosci img {  margin:0;width:80%;height:auto; }

.miejsca-przyjazne img {  margin:0;width:100%;height:auto; max-width: 60px; opacity:0.5; vertical-align:middle; }
.miejsca-przyjazne span { display: none; }


#tooltip  * { margin: 0; padding: 0; border: 0; }
#tooltip  { position: absolute; z-index: 2000; font-size: 12px; line-height: 15px;  font-weight: 600; width: 200px; border: 1px solid #e9e9e9;  background-color: #fff;	padding: 8px; box-shadow:0 0 1px #ccc; }
#tooltip h3 {  color: #000; font-size: 12px; }
#tooltip .txt { line-height: 0.7cm; font-size: 12px; padding: 8px;}
#tooltip .txt b { color: #ffd8dc;}

.buttonDodaj  a  { font-size: 14px; margin-top: 5px; color:#fff; border: 0; padding: 10px 20px;  background-color: #00375f; font-family: Open Sans , sans-serif; font-weight: 400; }
.buttonDodaj a:hover { background-color: #000; }

@media (min-width: 1151px) and (max-width: 1250px) 
{
#pitogramy .pitogramyBox  {  width: 96%; padding: 0 2% 10px 2%;}	
#header .pogoda {  font-size: 13px; }
}

  
@media (min-width: 1051px) and (max-width: 1150px) 
{
#pitogramy .pitogramyBox  {  width: 96%; padding: 0 2% 10px 2%;}	
#header .pogoda {  font-size: 12px; }
#header .pogodaTemp span{  font-weight: 600; font-size: 23px;}

}

@media (min-width: 980px) and (max-width: 1050px) 
{
#pitogramy .pitogramyBox  {  width: 96%; padding: 0 2% 10px 2%;}
#header .pogoda {  font-size: 11px; }
#header .pogodaTemp { padding: 10px 10px; }
#header .pogodaTemp span{   font-size: 20px;}
#header .size1 { font-size: 50%; }
#header .size2 { font-size: 60%; }
#header .size3 { font-size: 90%; }
#header .jezyki a { padding: 10px 3px; color: #000; font-size: 12px;}
}

@media (min-width: 881px) and (max-width: 979px) 
{
#pitogramy .pitogramyBox  {  width: 96%; padding: 0 2% 10px 2%;}
#header .pogoda {  font-size: 10px; }
#header .pogodaTemp { padding: 10px 4px; }
#header .pogodaTemp span{   font-size: 15px;}
#header .size1 { font-size: 50%; }
#header .size2 { font-size: 60%; }
#header .size3 { font-size: 70%; }
#header .jezyki a { padding: 10px 3px; color: #000; font-size: 12px;}
}

@media (max-width: 880px) 
{
#content { width: 300px; }
#content img {  margin:0;width:100%;height:auto; max-width: 300px; }
.miejsca-przyjazne span { display: inline; }

#pitogramy .pitogramyBox  { margin-top: 0px; width: 96%; padding: 0 2% 5px 2%;}	
#pitogramy .pitogramyBox  a { float: left; width: 29.332%; padding: 2%; margin: 0 2%; color: #000; text-align: center; min-height: 150px;}
#header .pogoda {float: left; width: 100%;  font-size: 12px; text-align: left; padding: 80px 0 0 20px;}
#header  [class*="col-"] {
	width: none;
	}
	
#touch-menu { position: fixed;  right: 10px; top: 25px;  }
#header .szukaj { float: left; width: 50%; }
#header .jezyki  { float: left; width: 30%; text-align: left; }
#header .size  { float: left; width: 20%; }
#header .menuHeader { padding: 10px 0 0 0;}
#slideHome { padding: 0; }
}