/* FONTY */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@font-face {
 font-family: 'roboto';
 src: url('../fonts/Roboto-Regular-webfont.eot');
 src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular-webfont.woff') format('woff'),  url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Regular-webfont.svg#roboto_condensedregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'roboto-medium';
 src: url('../fonts/Roboto-Medium-webfont.eot');
 src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium-webfont.woff') format('woff'),  url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Medium-webfont.svg#roboto_condensedregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'roboto-bold';
 src: url('../fonts/Roboto-Bold-webfont.eot');
 src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold-webfont.woff') format('woff'),  url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Bold-webfont.svg#roboto_condensedregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'roboto-cond';
 src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
 src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),  url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),  url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
 font-weight: normal;
 font-style: normal;
}



/* PORTAL ELEMENTY */

* {font-family: 'roboto', Arial, sans-serif;}

body { background-color:#fffcf4;}

section {width:100%; display: block;  background-color:#fffcf4;}

.row {position:relative; display:block; margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 80em;
  width: 100%; 
  /*overflow:hidden;*/}

.margin-top {margin-top:2em!important;}
.margin-top2 {margin-top:4em;}
.margin-bottom{margin-bottom:2em;}
.margin-bottom2{margin-bottom:4em;}

h1 {font-family: 'roboto-bold', Arial, sans-serif;	font-size: 60px;color:#f9ad18;  }
h2 {font-family: 'roboto-bold', Arial, sans-serif;	font-size: 36px;color:#000000; }
h3 {font-family: 'roboto-bold', Arial, sans-serif;	font-size: 24px;color:#000000; }
h4 {font-family: 'roboto-bold', Arial, sans-serif;	font-size: 20px;color:#000000; }


p {font-family: 'roboto', Arial, sans-serif;	font-size: 18px;color:#000000; }
.yellow {color:#f9ad18;}
strong {font-family: 'roboto-bold', Arial, sans-serif;}
small {font-size:0.75em;}
big {font-size:1.25em;}


.btn-right {float: right;}

hr {}

.list-bullet{list-style:none;padding:0}
.list-bullet{margin:.6875em 0}
.list-bullet li{background:url("img/portal/list-bullet.png") 0 6px no-repeat;padding:0 0 0 14px;margin:.6875em 0 0}
.list-bullet li:first-child{margin:0}
.list-bullet li.valign{margin:40px 0 0}
.list-bullet.big-indent{margin:2.25em .625em 3.75em}



.btn {
	font-family: 'roboto-bold', Arial, sans-serif;
	font-size: 16px;
	color: #60370a;
	background:url(../img/portal/button_bg.png) repeat-x #ffe38d;
	text-decoration:none;
	padding: 10px 44px 10px 44px;
	box-sizing: border-box;
	max-height:46px;
	text-shadow:3px 3px 2px rgba(255, 249, 214, 1);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 3px 0px #b42f06;
	-moz-box-shadow: 2px 2px 3px 0px #b42f06;
	box-shadow: 2px 2px 3px 0px #b42f06;
}
.btn:hover {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	background:url(../img/portal/button_bg_on.png) repeat-x #ffe38d;
}


/* menu */
#menu {
	background:#cf8607;
	width:100%;
	height:100px;
	position:relative;
	padding-top:15px;
	box-sizing:border-box;
	display: block;
	float:right;
	}
#menu ul {  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;}
#menu ul  li {  position:relative; display: inline-block;}
#menu ul  li a{
	/*display: inline-block;*/
	font-family: 'roboto-medium', Arial, sans-serif;
	width:auto;
	height:31px;
	font-size: 15px;
	color:#ffffff;
	text-shadow:1px 1px 2px #000000;
	text-decoration:none;
	padding:5px 16px 5px 16px;
	background:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: solid 0px red;
	box-sizing:border-box;
	text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position:relative;
}

#menu ul li a:hover, 
#menu a.link-on 
{	background: url('../img/menu/menu_hover_bg.png') repeat-x #ffe38d;
	color: #60370a;
	text-shadow:1px 1px 2px #ffffff;
	-webkit-box-shadow: 2px 2px 3px 0px #b42f06;
	-moz-box-shadow: 2px 2px 3px 0px #b42f06;
	box-shadow: 2px 2px 3px 0px #b42f06;
} 

#menu ul li ul {
  padding: 0;
  position: absolute;
  top: 27px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#menu ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
#menu ul li ul li:hover { background: #666; }
#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}




a.menu-link {
	position:relative;
	font-family: 'roboto-medium', Arial, sans-serif;
	width:auto;
	height:31px;
	font-size: 15px;
	color:#ffffff;
	text-shadow:1px 1px 2px #000000;
	text-decoration:none;
	padding:5px 16px 5px 16px;
	background:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: solid 0px red;
	box-sizing:border-box;
	text-transform: uppercase;

}
a.menu-link:hover, a.menu-link-on {
	background: url('../img/menu/menu_hover_bg.png') repeat-x #ffe38d;
	color: #60370a;
	text-shadow:1px 1px 2px #ffffff;
	-webkit-box-shadow: 2px 2px 3px 0px #b42f06;
	-moz-box-shadow: 2px 2px 3px 0px #b42f06;
	box-shadow: 2px 2px 3px 0px #b42f06;
}
/*menu koniec */

.footer {
color:#FFFFFF; padding-bottom:20px;}

.footer h2 {font-family: 'roboto-bold', Arial, sans-serif;	font-size: 24px;}
.footer p {font-family: 'roboto', Arial, sans-serif;	font-size: 14px;}
.footer p span{font-family: 'roboto-bold', Arial, sans-serif;	font-size: 14px; color: #f3f132}
.footer-top {/*width:100%;*/ height:50px; background:url('../img/portal/footer-line.png') top center no-repeat;}
.footer-map { height:274px; padding:0px; margin:0px; box-sizing:border-box;}
.footer-map iframe {width:100%; height:100%;}
.footer-box {height:274px; float:right; padding:15px 30px; margin:0px; box-sizing:border-box; background-color:#f9ae1c;}









/* STRONA GŁÓWNA */

.logo { margin-left:-20px; width:230px; height:180px; display:block; z-index: 1;}
.haslo {font-family: Pacifico;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
	color: #ffffff;

}
.main-haslo {
color:#fff;
text-transform:uppercase;
font-size:46px;
font-weight:bold;
}

.tel {width: 100%; color:#ffffff; text-shadow:1px 1px 2px #000000; font-family: 'roboto-bold', Arial, sans-serif; position:relative;}
.tel p {font-size:24px; padding-left:30px;color:#ffffff!important;}
.tel span {font-family: 'roboto', Arial, sans-serif; font-size:15px; display:block;}
.tel p:before {
	position: absolute;
    left: 0px;
    display: block;
    height: 25px;
    width: 25px;
    background: url('../img/menu/menu_iko_tel.png') top center no-repeat #cf8607;
	content:' ';}

.img-miod { z-index:2; position:absolute; left:0;}


.under-menu-sg {background: url('../img/sg/sg_slider_bg.jpg') no-repeat #f9ad19 top center; height:473px;}
.under-menu {background: url('../img/sg/sg_slider_bg.jpg') no-repeat #f9ad19 top center; height:94px;}


/* formularze */
input[type="submit"] {
	-webkit-appearance: none;
  	font-family: 'roboto-bold', Arial, sans-serif;
	font-size: 16px;
	color: #60370a;
	background:url(../img/portal/button_bg.png) repeat-x #ffe38d;
	text-decoration:none;
	padding: 10px 44px 10px 44px;
	box-sizing: border-box;
	max-height:46px;
	text-shadow:1px 1px 1px rgba(255, 249, 214, 1);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	line-height: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px 0px #b42f06;
	-moz-box-shadow: 2px 2px 3px 0px #b42f06;
	box-shadow: 2px 2px 3px 0px #b42f06;
	border:0px;}


input[type="submit"]:hover {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	background:url(../img/portal/button_bg_on.png) repeat-x #ffe38d;}

/*produkty*/
.photo {border:solid 3px #fbac1b; margin-bottom:15px;}



/* współpraca box */

.wsp-box {display: block; position:relative;}
.wsp-box-top {display: block; border: solid 3px #f9ad18; text-align: center; max-width:350px; height:280px; box-sizing:border-box;}
.wsp-box-bottom {display: block;  border: solid 3px #f9ad18; background-color: #f9ad18; padding: 15px  15px 40px 15px; color: #ffffff; max-width:350px; min-height:340px; box-sizing:border-box; position:relative;}
.wsp-box-bottom .sticker {background-color: black; padding:6px; font-size: 12px; color: #ffffff; margin-bottom:10px;}
.wsp-box-bottom p,
.wsp-box-bottom p strong { color: #ffffff;}
.wsp-box-bottom .btn {padding: 6px 15px 6px 15px; position: absolute; right:15px; bottom: 15px;}

.miod-img-cont { position:relative; }