/* CSS Responsive for amstol.pl by www.sulech.com
-------------------------------------------------------------- 
custom*/
body{
    background-color: Beige;
    background-image: url(img/grafika/tlo.png);
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: center 50%;
}
#latka {
    width: 17px;
    background-image: url(img/grafika/latka.bmp);
    background-repeat: repeat-y;
}
#breadcrumb{ background-color: DarkGreen; background: linear-gradient(DarkGreen, Green );  color:DarkGreen;}

#breadcrumb-1 > a{ color:DarkGreen;}
#breadcrumb-1 > a:hover{ color:red;}

#logo-img {
    height: auto;
	margin-top:-5%;
    padding-left: 5%;
	width: 15%;
    max-width: 157px;
}
a, a:link{ color: Black;}
a:visited  {	color: Grey;}
a:hover,a:focus,a:active {	color: LimeGreen;}
.menu{background-color:Green;  }
a.breadcrumb {
  color: White;  font-weight : bold;
  }
a.breadcrumb:hover {
  color: yellow;  font-weight : bold;	text-decoration: underline;
  }
.button,.pageResults { color:white !important; font-size:small;font-weight:700;text-transform: uppercase; line-height: 20px;text-align: center;letter-spacing: .5px; padding:0.5em;text-decoration: none; cursor:pointer;margin: 1px; border:1px solid DarkGreen; border-radius:7px; background-color:Green; background: linear-gradient(DarkGreen, Green);}
.button:hover, .button:active,.pageResults:hover,.pageResults:active{color:yellow; background-color:DarkGreen;background:linear-gradient(Green, DarkGreen);}
#accept-cookies-checkbox{color:white;}
.icon-in-button{font-size:22px;color: white;}
.icon-in-div{padding:5px 4px 7px 4px;  text-align:center; font-size:30px;background-color:DarkGreen;border-radius:25px;}
.big-icon-in-div{padding:5px 4px 7px 4px;  text-align:center; font-size:80px;
}
.form-search{ border: 1px solid DarkGreen ; }
.form-fields{ border: 1px solid DarkGreen ;}
.form-textarea{border: 1px solid DarkGreen ; }
select:hover {background-color:LimeGreen; }
.menu{background-color:DarkGreen; background: linear-gradient(DarkGreen, Green);}
.menu a{border-left:1px solid DarkGreen; border-radius:6px; text-decoration: none;}
.menu a:hover{color:White;background-color:DarkGreen; background:linear-gradient(DarkGreen, DarkGreen);}
ul.menu > li:hover{color:White;background-color:Green;}
.menu .current-menu-item a{background-color:Green;}
.menu li li a:hover{border:none;color:White;background:DarkGreen !important;background-image:none;}
.menu li li:hover{background:DarkGreen !important;}
.js .main-nav{background-color:DarkGreen;background:linear-gradient(DarkGreen, Green);}

.js .main-nav .menu li ul{background-color:Green; z-index:1000;}
.js .main-nav .menu li.current_page_item,
.js .menu .current_page_item a,
.js .menu .current-menu-item a{background-color:Green;color:White;}
.js .main-nav .menu li a{background:linear-gradient(DarkGreen, Green);color:White;}
.js .main-nav .menu li a:hover,
.js .main-nav .menu li li a:hover{background-color:DarkGreen !important;background:linear-gradient(Green,DarkGreen ); color:White;font-weight:bolder;}
	
.pilot_strony{border: 0px solid DarkGreen;}
.pilot_strony_right{border-bottom: 2px solid DarkGreen;}
.pilot_strony_left{ border-bottom: 2px solid DarkGreen; }

.image-link:hover,.image-link-left:hover,.image-link-right:hover{background-color:LimeGreen; }
p.caption{color: white;}
p.caption:hover{color: LimeGreen;}
.additional_image{
	background-color:White;
	}
.additional_image:hover{
	background-color:LimeGreen;
	}

fieldset{ border-radius: 4px;}
fieldset.default, fieldset.list-products {
    border: 0px solid DarkGreen;
    border-bottom: 4px solid DarkGreen;
}

.business-card{
	background-color: FloralWhite;
	border-left: 1px solid DarkGreen;
}
.pageHeading{
	font-size:1.5em;font-weight:500;line-height:1.5em;word-wrap:break-word;
}

.sitemap li:hover {
	background: FloralWhite;
}
.sitemap li li:hover {
	background: White;
}

.parzysty,.nieparzysty{
	width:98%; float: right; text-align: left; padding: 5px; margin: 5px;
}
.parzysty{background-color: White;}
.nieparzysty{background-color: LightGrey;}
.styl-image{float:right;}

#scrollUp {
    bottom: 160px;
    right: 30px;
    width: 50px;
    height: 50px;
    padding: 10px 10px;
	font-size:50px;
    text-align: center;
    text-decoration: none;
	color:Grey;
    transition: margin-bottom 150ms linear;
	opacity: 0.8;
	border-radius: 35px;
}
#scrollUp:hover {
    margin-bottom: 0;  color: yellow;
}

hr {
  border-top: 5px solid Green;
}
hr.new1 {
  border-top: 1px solid LimeGreen;
}

/* Dashed LimeGreen border */
hr.new2 {
  border-top: 5px dashed LimeGreen;
}

/* Dotted LimeGreen border */
hr.new3 {
  border-top: 5px dotted Green; width:100%; 
}

/* Thick LimeGreen border */
hr.new4 {
  border: 1px solid LimeGreen;
}

/* Large rounded DarkGreen border */
hr.new5 {
  border: 5px solid Green;
  border-radius: 5px;
}

@media screen and (max-width:1024px){

#latka {display: none;}

.container { width: auto }
.navbar {
      overflow: hidden
    }
  td.headerNavigation{
  font-size: 0.9em;
  color: Silver;
  font-weight : bold;
  }
  
a.headerNavigation {
  color: Silver;
  font-weight : bold;
  }
a.headerNavigation:hover {
  color: Green;
  font-weight : bold;
  text-decoration: underline;
  }

a.nested {
	font-size: 0.5em;
  color: Silver;
  font-weight : bold;
  }
a.nested:hover {
  color: LimeGreen;
  font-weight : bold;
	text-decoration: underline;
  }  
a.nested{font-size:0.75em;text-decoration:underline;}

 }  
@media screen and (max-width:768px){
fieldset{border-radius: 0px; border-bottom: 0px solid DarkGreen; }
.business-card{	border-left: 0px solid DarkGreen;	border-bottom: 1px solid DarkGreen;}

}
@media screen and (max-width:400px){

}