@import url('slider.css');
@import url('flaticon.css');
@import url('lightbox.css');

@font-face { font-family: zekton; src: url('fonts/zekton.ttf'); }

body { background: url('images/bg_bor-decor.jpg') no-repeat top center, url('images/bg.jpg') repeat-x top center, #fff; padding: 0px; margin: 0px; color: #000; font-family: 'Trykker', sans-serif; font-size: 10pt;  min-width: 960px;}

a { color: #045205; text-decoration: none; }
a:hover { color: #F8780D; }

h1,h2,h3,h4,h5 {  color: #045205; }

label { display: block; clear: both; margin-bottom: .5em; color: #4B9D5B;}

input, textarea, select, button, .button, .select, .file {
  width: 100%;
  display: block;
}
input[type=text],
input[type=email],
input[type=phone],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
input[type=date],
input[type=time],
input[type=color],
textarea,
label.select select,
label.file input
{
  display: inline-block;
  border: 1px solid #ddd;
  margin-bottom: 1em;
  line-height: 1.25em;
  padding: .5em;
  transition: border-color .2s ease;
  border-radius: 2px;
  background: white;
  box-shadow: 0 .25em .5em rgba(black, .0625) inset;
  color: #777;
  &:focus { border-color: #4B9D5B; outline: none;}  
}

input[type=text]:hover, input[type=email]:hover, input[type=phone]:hover, input[type=password]:hover, input[type=url]:hover, input[type=number]:hover, input[type=search]:hover, input[type=date]:hover, input[type=time]:hover, input[type=color]:hover, textarea:hover, label.select select:hover, label.file input:hover  { border: 1px solid #4B9D5B; }

input[type=search] { width: 100%; box-sizing: border-box; }
input[type=color] { padding: 0; height: 2.625em; }

select, textarea, input {
    appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}

textarea.horizontalpion {resize: vertical;}
textarea.resizepioziom{resize: horizontal ;}


button, .button, input[type="submit"],input[type="button"],input[type="reset"] {
  font-size: 1.25em;
  display: inline-block;
  width: auto;
  padding: .5em 1em;
  margin: 0 .25em .5em 0;
  background: #4B9D5B;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color .2s ease;
  cursor: pointer;
  &:hover { background: lighten(#4B9D5B,5) }
  &:active { background: darken(#4B9D5B,5) }
}

.web {
	margin: 0 auto;
	width: 960px;
}
#header, #content, #footer { clear: both; }
#header { height: 500px; }
.logo { background: ; padding: 10px; height: 130px; vertical-align: center; }
.logo img { height: 120px; }
#slider{ height: 295px; margin: 5px 5px 0px 5px; /* wysokość max 295px, margin gorny i poczne po 5 px */}
#slider img { max-height: 295px; }

#mainmenu, #mainmenu ul {list-style: none; margin: 0; padding: 0; }
#mainmenu ul {width: 160px;}
#mainmenu ul li {clear: both;}
#mainmenu > li {float: left; margin-right: 10px; position: relative;}
#mainmenu > li li {position: relative;}
#mainmenu > li ul {position: absolute; left: 0;}
#mainmenu > li ul li ul {position: absolute; left: 160px; top: 0px;}
ul ul {display: none;}
ul li:hover > ul {display: block;}

/*POZIOM 1*/
#mainmenu {margin: 7px 50px; font-family: 'Eagle Lake', sans-serif;}
#mainmenu > li > a {display: table; width: auto; padding: 8px; border-radius: 3px; text-align: center; text-decoration: none; color: #fff;}
#mainmenu > li:hover > a {background: rgba(140,70,127,0.4); color: #85C988;}

/*POZIOMY NIŻSZE*/
#mainmenu ul {font-size: 12px; border-radius: 3px; background: #4B9D5B; text-transform: none; margin-top: -2px; z-index: 10; position: absolute;}
#mainmenu ul li > a {color: #fff; display: block; padding: 5px; border-radius: 0px; text-decoration: none;}
#mainmenu ul li:last-child > a {border-radius: 0 0 3px 3px; }
#mainmenu ul li:first-child > a {border-radius: 0px 3px 0 0; }
#mainmenu ul li:hover > a {color: #eee; background: #85C988;}

.arrow {display: inline-block; margin: 0 5px 0; height: 0; vertical-align: top; content: ""; position: absolute;}
#mainmenu > li > a > .arrow {top: 17px; right: 0; margin-right: -8px; border-top: 3px solid #333; border-right: 3px solid transparent; border-left: 3px solid transparent;}
ul ul .arrow {top: 10px; right: 0; border-top: 3px solid transparent; border-right: 3px solid transparent; border-left: 3px solid #333; border-bottom: 3px solid transparent;}


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


#content {
	background: #fff; padding: 5px; min-height: 300px; 
	box-shadow: 0px 0px 8px #D5D5D5; overflow:hidden
}

#content.web {
width: 950px;
}

.info-box{ margin: 5px 0px; padding:5px 0px 10px 5px; overflow:hidden; }
.info-box.infocompany{ background: url(images/bg-ix-xbox_01.jpg) no-repeat center left, url(images/bg-ix-xbox_02.jpg) no-repeat center center, url(images/bg-ix-xbox_03.jpg) no-repeat center right, #fbfbfb !important; height: 120px; }
.info-box.companycategory .first .companycategory-in { background: url(images/index-box1.jpg) no-repeat bottom right !important; }
.info-box.companycategory .second  .companycategory-in{ background: url(images/index-box2.jpg) no-repeat bottom right; }
.info-box.companycategory .last .companycategory-in { margin: 0px; background: url(images/index-box3.jpg) no-repeat bottom right;}
.info-box.companycategory span { background: #efefef; border-radius: 0 5px 5px 0px; padding: 10px; box-shadow: 1px 2px 2px rgba(0,0,0,0.3); position: absolute;
margin: 90px 0px 0px -6px; }


/*.info-box.companycategory .first, .info-box.companycategory .second, .info-box.companycategory .last{ width: 304px; margin-right: 10px; padding-top: 110px; height: 38px; float: left; border: 1px solid #efefef; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); } 

.info-box.companycategory .first { background: url(images/com_cate_flower4.jpg) no-repeat bottom right; }
.info-box.companycategory .second { background: url(images/com_cate_flower2.jpg) no-repeat bottom right; }
.info-box.companycategory .last { margin: 0px; background: url(images/com_cate_flower1.jpg) no-repeat 0px -40px;}
.info-box.companycategory span {margin-top: 100px; background: #efefef; border-radius: 0 5px 5px 0px; padding: 10px; box-shadow: 1px 2px 2px rgba(0,0,0,0.3);}

.info-box .title { font-family: 'Allura', cursive; color: #cb8436; font-size: 25pt; overflow:hidden;}
.info-box .title.first { width: 300px; float:left; margin: 20px 0px 0px 110px;}
.info-box .title.second { width: 330px;float:right; margin: 20px 0px 0px 0px;}
	.info-box .title span{clear:both; display:block; color: #045205; font-size: 30pt; }
	.info-box .title.first span {margin-left: 25px;}
	.info-box .title.second span {margin-left: 25px;}

 */	

/* BEGIN | BOX */
.box { position: relative; margin-bottom: 20px; box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset; border-radius: 0%     0%     25%     25% /     0%     0%     3%     3%; }
.box:before { content: ''; position: absolute; z-index: 1; bottom: 15px; left: 10px; width: 50%; height: 30%; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg) skew(-0deg); -moz-transform: rotate(-3deg) skew(-0deg); -ms-transform: rotate(-3deg) skew(-0deg); -o-transform: rotate(-3deg) skew(-0deg); transform: rotate(-3deg) skew(-0deg); }
.box:after { content: ''; position: absolute; z-index: 1; bottom: 15px; right: 10px; width: 50%; height: 30%; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(3deg) skew(0deg); -moz-transform: rotate(3deg) skew(0deg); -ms-transform: rotate(3deg) skew(0deg); -o-transform: rotate(3deg) skew(0deg); transform: rotate(3deg) skew(0deg); }
.box-in { position: absolute; top: 0; left: 0; padding: 5px; z-index: 2; background-color: #fff; margin-bottom: 20px;  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset; border-radius: 0%     0%     25%     25% /     0%     0%     3%     3%; }
/* BOX | Ustawienia rozmiarów*/
.partners-index{ width: 460px; height: 80px; }
.partners { width: 450px; height: 70px; }

.info-box.companycategory .first, .info-box.companycategory .second, .info-box.companycategory .last { width: 304px; height: 150px; margin: 0 5px; float: left; }
.companycategory-in { width: 294px; height: 140px; }
.info-box.companycategory .last { margin-right: 0px;}

/* END | BOX */
	
.con_two { clear: both;}
.con_two .first { margin-right: 10px; }
.con_two .first, .con_two .second {width: 470px; float: left;}
.con_two .first h2, .con_two .second h2{padding-left: 20px;}
	
	
.indexcontact { overflow: hidden; }
.indexcontact .location, .indexcontact .home{ width: 230px; font-size: 11pt;height: 190px; float: left; clear: none; text-align: right;  }
.indexcontact .location { background: url(images/location_icon.png) no-repeat bottom left; background-size: 32px 32px; }
.indexcontact .location:first-child{ margin-right: 10px; }
.indexcontact .phone{ padding: 5px 5px 5px 40px; float: left; margin-left: 60px; background: url(images/phone_icon.png) no-repeat center left; background-size: 32px 32px; font-size: 12pt;}
.indexcontact .email{ padding: 5px 5px 5px 40px; float: left; margin-left: 70px; margin-top: 8px; background: url(images/mail_icon.png) no-repeat center left; background-size: 32px 32px; font-size: 12pt;}

.pagecontact .location { font-size: 11pt; clear: none; background: url(images/location_icon.png) no-repeat bottom left; background-size: 32px 32px; }
.pagecontact .phone{ padding: 5px 5px 5px 40px; float: left; margin-left: 60px; background: url(images/phone_icon.png) no-repeat center left; background-size: 32px 32px; font-size: 12pt;}
.pagecontact .email{ padding: 5px 5px 5px 40px; float: left; margin-left: 70px; margin-top: 8px; background: url(images/mail_icon.png) no-repeat center left; background-size: 32px 32px; font-size: 12pt;}

.gallery-list { }

.gallery-list img { border-radius: 10px; border: 5px solid #4B9D5B;height:auto; width:auto; max-width:130px; max-height:130px; margin: 5px; box-shadow: 0 0 5px #000;}


ul.stronicowanie {  
   margin:0 ;
   padding: 0; 
   list-style-type: none;
   font-family: tahoma;
   color: #A3A2A2; 
   font-size: 11px; 
   font-weight: bold; 
   text-align: center;
  }

ul.stronicowanie li a {
color: #4B9D5B;
text-decoration: none;
}

ul.stronicowanie li { display:inline; }

.stronicowanie li {
  margin:0 2px; 
  }
  
.stronicowanie li.popr { margin:0 20px;}
.stronicowanie li a {color: #4B9D5B; text-decoration: none; border: 1px solid #EAEAEA;padding:6px;}

.stronicowanie li a {line-height:27px;} 

#breadcrumb {
  list-style: none;
  display: inline-block;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
#breadcrumb .icon {
  font-size: 16px;
  color: #fff;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #045205;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #4B9D5B;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #4B9D5B;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #4B9D5B;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #045205;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #045205;
}
#breadcrumb li a:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}

#footer {
	background: #4B9D5B; min-height: 40px; padding: 0; overflow:hidden; border-radius: 0 0 5px 5px; margin-bottom: 10px; box-shadow: 0px 0px 8px #D5D5D5;
}
#footer a {
	color: #045205; font-weight: bold;
}
#footer_content { margin-top: 8px; padding: 5px; }
.teamovens { float: right; }