@import url(https://fonts.googleapis.com/css?family=Alegreya|Roboto|Roboto+Condensed&subset=latin,latin-ext);

h1 {font-family: 'Alegreya', serif;font-weight: 700;font-size: 46px;text-align:center;color:#80cd1f/*#80cd1f*/;margin:0;}
h2 {font-family: 'Roboto Condensed', sans-serif;font-weight: normal;font-size: 21px;line-height: 23px;text-transform: uppercase;letter-spacing: 2px;margin: 20px 0;text-align:center;color:#262626;}
p {font-family: 'Roboto', sans-serif;font-size: 17px;line-height: 30px;color:#666666;text-align:center;margin:20px 0;}
a {text-decoration: none;color:#80cd1f;}
i {color:#80cd1f;}
body {margin:0 auto;padding:0;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 30px;color:#666666;text-align:center;}

/* TOP */
#top {transition-duration:1s;height:auto;width:100%;position: fixed;top: 0;border-bottom:4px solid #80cd1f;background:rgba(255, 255, 255, 0.9);z-index:10;overflow:hidden;-webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.5);z-index:999;}
.logo{margin: 0;height: 80px;line-height: 80px;z-index: 1;text-align: center;}
.logo img {vertical-align:middle;}
.logo a{color:#262626;}

nav {text-align: right;height:80px;line-height:80px;float:right;}
nav ul {display: inline-block;}
nav ul li {display: inline-block;list-style: none;padding: 0 10px;}
nav ul li a {font-family: 'Alegreya SC', serif;font-size: 19px;font-weight:400;color:#262626;text-shadow: 2px 2px #ddd;}
nav ul li a:hover {color:#80cd1f;}
nav img {vertical-align: middle;}

#home{width:100%;min-width:1150px;height:600px;background: url('../images/home_bg.jpg') no-repeat center -400px fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home{}
.slogan {width:280px;text-align:center;z-index:9;position:relative;top:40%;left:50%;padding:20px;font-family: 'Alegreya', serif;font-weight: 700;font-size:36px;line-height:48px;background:rgba(255, 255, 255, 0.9);color:#80cd1f;overflow:hidden;}

#onas{width:100%;min-width:1150px;height:auto;border-top:solid 4px #80cd1f;}
.onas{padding:50px 0;overflow:hidden;}

#photo{width:100%;min-width:1150px;height:400px;background: url('../images/photo.jpg') no-repeat center center fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;border-top:solid 4px #80cd1f;border-bottom:solid 4px #80cd1f;}
.photo{}

#jakdzialamy{width:100%;min-width:1150px;height:auto;}
.jakdzialamy{padding:50px 20px;overflow:hidden;}
.jakdzialamy li{font-size:17px;}
.jakdzialamy-l{}
.jakdzialamy-r{height:500px;background: url('../images/juka_firanyraciborz_jak_dzialamy.jpg') no-repeat left center;}

#slogan2{width:100%;min-width:1150px;height:auto;background:#80cd1f;}
.slogan2{}
.slogan2 p{font-family: 'Alegreya', serif;font-weight: 700;font-size:36px;line-height:48px;color:#fff;}

#realizacje{width:100%;min-width:1150px;height:auto;overflow:hidden;}
.realizacje{padding:50px 0;}



#kontakt{width:100%;min-width:1150px;height:auto;}
.kontakt{padding:50px 0;overflow:hidden;}
.kontakt-l{height:250px;background: url('../images/juka_firanyraciborz_kontakt.jpg') no-repeat center center;}
.kontakt-r{}

#map{width:100%;min-width:1150px;height:400px;border-top:solid 6px #80cd1f;}

#footer{width:100%;min-width:1150px;height:auto;background:#333333;}
.footer{height:80px;line-height:80px;}
.footer-l{text-align:center;}
.footer-r{text-align:right;}
.footer p{margin:0;font-size:14px;color:#d9d9d9;}

	
/*  SECTION  */
.section{margin: 0px auto;width:980px;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0 0 0 2%;
}
.col:first-child { margin-left: 0; }

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83%;}
.span_4_of_6 {width: 66%;}
.span_3_of_6 {width: 49%;}
.span_2_of_6 {width: 32%;}
.span_1_of_6 {width: 15%;}