/*
	blue: #06418a
	granatowy: #002b60
*/

@import url('https://fonts.googleapis.com/css?family=Anton');

html {height:100%;}
body {background-color:#00286d; background-image:url(../img/bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; font-color:#06418a; font-family:"trebuchet ms", arial, sans-serif; height:100%;}
a,p {color:#06418a; font:"trebuchet ms", arial, sans-serif; font-weight:normal;}

.wrapper {max-width:1100px; margin-left:auto; margin-right:auto;}
.shadowTop {background:url(../img/shadow_top.png) center no-repeat; width:858px; height:12px;}
.shadowBottom {background:url(../img/shadow_bottom.png) center no-repeat; width:858px; height:12px;}

#menu {background:#fff; height:100px; margin-top:30px; overflow:hidden;}
#menu .menuSeparator {float:left; background:#06418a; width:2px; height:60px; margin-top:20px;}
#menu #menuLogo {float:left; }
#menu #menuLogo img{margin:15px 80px 0 80px;}

#menu #menuList {float:left; width:480px;}
#menu #menuList ul {text-align:center; margin-top:37px;}
#menu #menuList ul li {display:inline-block; list-style:none; padding:3px 15px; border-right: 1px solid #06418a;}
#menu #menuList ul li:last-child {border-right:none;}
#menu #menuList ul li a {font-family:"trebuchet ms", arial, sans-serif;}
#menu #menuList ul li.active {background:#d6e8ff;}

#menu #menuContact {float:left; padding:35px 0 0 30px;}


#header {overflow:hidden; height:350px;}
#header #headerText {float:left; width:530px;}
#header #headerImg {float:left;}
#header #headerImg img {margin-top:30px;}

#header #headerText {margin-top:45px;}
#header #headerText #headerText1 {font-family: 'Anton', sans-serif; color:#fff; font-size:50px; padding-left:35px; text-shadow: 3px 3px 0 #000;}
#header #headerText #headerText2 {font-family:arial, sans-serif; color:#002b60; font-size:30px; font-weight:bold; padding:8px 0 8px 35px; background:#fff; margin:10px 10px 10px;}
#header #headerText #headerText3 {font-family:arial, sans-serif; color:#fff; font-size:30px; font-weight:bold; padding-left:35px; text-shadow: 3px 3px 0 #000;}

#content {background:#fff; overflow:hidden;}
#content #contentLeftCol {float:left; width:310px; padding:0 20px; margin:20px 0; }
#content #contentLeftCol .leftColBox {margin-bottom:15px;}
#content #contentLeftCol .leftColBox .leftColBoxHeader {color:#fff; background:#06418a; padding:5px 15px; margin-bottom:5px; font-size:20px;}
#content #contentLeftCol .leftColBox .leftColBoxContent {padding:10px 15px; overflow:hidden;}
#content #contentLeftCol .leftColBox .leftColBoxContent > p {margin-bottom:5px;}
#content #contentLeftCol .leftColBox .leftColBoxContent ul.offerList {margin:0 15px;}
#content #contentLeftCol .leftColBox .leftColBoxContent ul.offerList li {list-style:square; color:#06418a; margin-bottom:5px;}
#content #contentLeftCol .leftColBox .leftColBoxContent ul.offerList li a h3 {font:"trebuchet ms", arial, sans-serif; font-weight:normal; font-size:20px;}
#content #contentLeftCol .leftColBox .leftColBoxContent ul.offerList li a:hover h3 {color:#000;}
#content #contentLeftCol .leftColBox .leftColBoxContent a.producents {float:left;}

#content #contentRightCol {float:left; width:708px; padding: 0 20px; margin:20px 0;  border-left: 2px solid #06418a;}
#content #contentRightCol .rightColBox {margin-bottom:30px}
#content #contentRightCol .rightColBox:last-child {margin-bottom:0;}
#content #contentRightCol .rightColBox .rightColBoxHeader {color:#fff; background:#06418a; padding:5px 15px; margin-bottom:15px; font-size:20px;}

#content #contentRightCol .rightColBox .rightColBoxContent {overflow:hidden;}
#content #contentRightCol .rightColBox .rightColBoxContent img {width:300px; height:200px; float:left; margin:0 15px 15px 0;}
#content #contentRightCol .rightColBox .rightColBoxContent p {margin-bottom:10px;}

#footer {text-align:center; margin-top:20px; margin-bottom:20px;}
#footer #footerMenu ul li {display:inline-block; list-style:none; border-right:1px solid #fff; padding:0 15px;}
#footer #footerMenu ul li:last-child {border-right:none;}
#footer #footerMenu ul li a {color:#fff; font-size:12px;}
#footer #footerMenu ul li a:hover {text-decoration:underline;}

#footer #footerCopy {margin-top:10px; color:#fff; font-size:12px;}
#footer #footerCopy p {color:#fff;}
#footer #footerCopy a {color:#fff;}

/*OFERTA*/
.offerRightColBox {margin-bottom:50px;}
.offerRightColBox .offerBoxImg {overflow:hidden; position:relative; width:708px; height:150px;}
.offerRightColBox .offerBoxImg img{position:absolute; top:0px; right:0px;}
.offerRightColBox .offerBoxImg .offerBoxHeader {height:150px; width:360px; display:table; vertical-align:middle; position:absolute; top:0px; left:280px; }
.offerRightColBox .offerBoxImg .offerBoxHeader h2 {width:360px; height:150px; display:table-cell; vertical-align:middle; font-family:myimpact, arial, sans-serif; font-size:35px; color:#fff; text-shadow:3px 3px 0 #000;}
.offerRightColBox .offerBoxText {padding:15px;}
.offerRightColBox .offerBoxText p {margin-bottom:10px;}

/*KONTAKT*/
#contentRightCol #contactMap {width:708px; height:300px; overflow:hidden; margin-bottom:65px;}
#contentRightCol #contactInfo {text-align:center;}
#contentRightCol #contactInfo #contactInfoLogo {padding-bottom:10px; margin-bottom:30px;}
#contentRightCol #contactInfo .contactInfoName {width:300px; padding-bottom:5px; margin:0 auto 10px auto; border-bottom: 1px solid #06418a; }
#contentRightCol #contactInfo p {margin-bottom:5px;}