/* ###

:: APP CONTROLLER :: MAKE IMAGES DIR RELATIVE :: ../application/media/images/ ::

### */

*
{
    padding: 0;
    margin: 0;
}

p
{
	margin: 0;
	padding: 0;	
}

h6
{
	padding: 0;
	margin: 0;
	font-family: 'Cantarell';
	font-size: 20px;
	font-weight: normal;
	color: #000;
}

h5
{
	padding: 0;
	margin: 0;
	font-family: 'Cantarell';
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

h4
{
	padding: 0;
	margin: 0;
	font-family: Cantarell;
	font-size: 25px;
	font-weight: normal;
	color: #c4c4c4;
	line-height: 35px;
}

h3
{
	padding: 0;
	margin: 0;
	font-family: 'Cantarell';
	font-size: 35px;
	font-weight: normal;
	color: #000;
}

h2
{
	padding: 0;
	margin: 0;
	font-family: 'Comfortaa', sans-serif;
	font-size: 45px;
	font-weight: normal;
	color: #a6ce39;
}

h1
{
	padding: 0;
	margin: 0;
    font-family: 'Comfortaa', sans-serif;	/*font-family: 'Cantarell';*/
	font-size: 60px;
	font-weight: normal;
	color: #000;
}

body
{
    font-family:'Cantarell';
    font-size: 15px;
    line-height: normal;
    color: #676767;
    margin:0;
    width: 100%;
    margin: 0 auto;
    height: auto; 
}

#mainSite
{
	width: 100%;
    margin: 0 auto;
    height: auto;    
}

#mainFooter
{
	background-color: #a6ce39;
	width: auto;
      
}

#mainBanner
{
	background-color: #010a11;
    height: 625px;
    z-index: 105;
	
}

#content
{
	width: 1002px;
	margin: 0 auto;
    height: auto;
    
}

/*STRONA GŁÓWNA*/

.mainTop
{		
    position: absolute;	
	width: 100%;
	top: 0;
}

.banner
{
	width: 1600px;
	margin: 0 auto;
}

.banner img
{
	margin-top: 70px;
	text-align: center;
	height: 100%;	
}

.logoTop
{	
	position:relative;
	z-index: 10010;
	top:0;
	width: 153px;
	text-align: center;
	margin: 0 auto;	
}

.mainMenu
{
	position: absolute;
	z-index: 10002;
	top: 0;
	width: 100%;
	background-color: #000;
	height: 40px;
}

.menuBox, .slideHorizontal
{
	width: 1002px;
	margin: 0 auto;
    height: auto;	
}

.menuList, .inlineBigUL 
{
	font-family: 'Dosis';
	font-size: 20px;
	color: #fff;
	width: 850px;
}

.menuList
{
	display: block;
}

.inlineBigUL li
{
	display: block;
	margin-left: 10px;
}

.inlineBigUL li a
{
	text-decoration: none;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	cursor: pointer;
}

.inlineBigUL li a:hover
{
	color: #a6ce39;
}

.socialUl
{
	width: 120px;
}

.langLi
{	
	width: 50px;
	vertical-align: middle;
}

.langLi:hover
{
    cursor: pointer;
}

.langLi a
{
	vertical-align: top;
	margin-right: 5px;
}

#flags {
    position: absolute;
    top: 70px;
    left: 1230px;
    background-color: #000000;
    z-index: 100;
    border-radius: 0px 0px 5px 5px;
    padding: 3px;
}

#searchForm
{
    border-radius: 0px 0px 5px 5px;
    background-color: #000000;
    padding: 5px 10px 5px 10px;
    position: absolute;
    top: 70px;
    left: 1165px;
    z-index: 100;
}

#outerSearch {
    padding: 8px;
    background-color: #4c4c4c;
    width: 80px;
    height: 50px;
    
}

.searchBox
{
	width: 19px;
    height: 20px;
    background-image: url(../application/media/images/loop.png);
    background-repeat: no-repeat;
    background-position: 0 -20px;
    margin: 5px 10px 0 0;
}

.searchBox:hover
{
	background-position: 0 0;
    cursor: pointer;
}

.galleryBan
{
	width: 100%;
	margin: 0 auto;
	height: auto;
	position:absolute;
	z-index: 10009;
	top: 545px;
	background: #000;
}

.imagesSlide
{
	overflow: hidden;
	margin: 0 auto;
	top: 0px;
	position: relative;
	height: 150px;
	width: 720px;
}

.imagesSlide ul li
{
	list-style: none outside;
	visibility: visible;
	display: inline-block;
	margin-left: 20px;
	margin-top: 15px;
}

.buttonSlide
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}

.prevtBox
{
	bottom: 60px;
	position: absolute;
	z-index: 10011;
}

.nextBox
{
	right: 0;
	bottom: 60px;
	position: absolute;
	z-index: 10011;
}

.greyLine
{
	background-color: #c4c4c4;
	width: 330px;
	height: 2px;
	margin: 0 auto;
}

.greyText
{
	width: 400px;
	text-align: justify;
	margin: 0 auto;
	line-height: 20px;
}

.aboutUs a
{
	text-decoration: none;
	color: #a6ce39;
	font-size: 16px;
}

.servisList
{
	width: 980px;
	margin: 0 auto;
}

.buttonList
{
	display: inline-block;
	background-color: #c4c4c4;
	width: 228px;
	height: 228px;
	text-align: center;
	font-family:'Fujiyama';
	font-size: 21px;
	margin: 10px 0 0 10px;
}

.smallMenu .buttonList
{
	display: inline-block;
	background-color: #c4c4c4;
	width: 113px;
	height: 113px;
	text-align: center;
	font-family:'Fujiyama';
	font-size: 13px;
	margin: 10px 0 0 5px;
}

.buttonList:hover
{
	background-color: #a6ce39;
}

.buttonList img
{
	margin: 0 60px 30px 60px;
}

.smallMenu .buttonList img
{
	margin: 0 25px 10px 25px;
}

.buttonList span
{
	margin: 0;
	padding: 0;
}

.servisBox_main .buttonList a
{
    display: block;
    width: 228px;
    height: 228px;
	text-decoration: none;
	color: #fff;
}

.servisBox .buttonList a
{
    display: block;
    width: 113px;
    height: 113px;
	text-decoration: none;
	color: #fff;
}

.Clients
{
	background-color: #f0f0f0;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.clientBox
{
	width: 1002px;
	margin: 0 auto;
	height: auto;
	padding-bottom: 20px;
}

.clientBox li
{
	display: inline-block;
}


.clientLi1
{
	width: 160px;
    height: 48px;
    background-image: url(../application/media/images/auchan.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi1:hover
{
    background-position: 0 -48px;
}

.clientLi2
{
	width: 172px;
    height: 48px;
    background-image: url(../application/media/images/extral.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi2:hover
{
    background-position: 0 -48px;
}

.clientLi3
{
	width: 132px;
    height: 48px;
    background-image: url(../application/media/images/lemon.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi3:hover
{
    background-position: 0 -48px;
}

.clientLi4
{
	width: 103px;
    height: 48px;
    background-image: url(../application/media/images/lukluk.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi4:hover
{
    background-position: 0 -48px;
}

.clientLi5
{
	width: 155px;
    height: 48px;
    background-image: url(../application/media/images/rafamet.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi5:hover
{
    background-position: 0 -48px;
}

.clientLi6
{
	width: 127px;
    height: 48px;
    background-image: url(../application/media/images/srcserwis.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi6:hover
{
    background-position: 0 -48px;
}

.clientLi7
{
	width: 113px;
    height: 48px;
    background-image: url(../application/media/images/heger.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.clientLi7:hover
{
    background-position: 0 -48px;
}

.footerBox
{
	width: 1002px;
	color: #6d7e05;
	margin: 0 auto;
	height: auto;
}


.foundUs
{
	width: 215px;
	text-align: center;
	margin-top: 20px;
	line-height: 17px;
}


.contactUs, .weAre
{
	width: 240px;
	text-align: center;
	margin-top: 20px;
	line-height: 17px;
}

.newsletter
{
	width: 302px;
	text-align: center;
	margin-top: 20px;
	line-height: 17px;
}

.newsletterBox
{
	width: 280px;
	text-align: center;
	margin-top: 20px;
	line-height: 17px;
}

.foundUs img
{
	width: 36px;
	height: 36px;
	padding: 5px;
}

.contactUs a, .allRights a
{
	text-decoration: none;
	color: #6d7e05;
}

.newsletterBox .mailBox
{
	background-color: #6d7e05;
	color: #fff;
	padding: 5px 0 5px 10px;
	width: 190px;
	text-align: left;
	margin-left: 45px;
	border: none;
}

.allRights
{
	width: 1002px;
	margin: auto;
	height: auto;
	text-align: center;
}

.aboutJob
{
	width: 1002px;
	margin: 0 auto;
	height: 500px;
	margin-top: 150px;
}

/*O FIEMIR*/

.aboutBox
{	
	width: 1002px;
	margin: 0 auto;	
	margin-top: 250px;
}

.aboutBoxP2
{
	width: 1002px;
	margin: 0 auto;	
	margin-top: 80px;
}

.aboutTitle
{
	width: 450px;
	text-align: right;
}

.aboutText
{
	background-image: url(../application/media/images/dot.png);
	background-repeat:repeat-y;
	padding-left: 50px;
	
	width: 450px;
}

.aboutText h3
{
	font-size: 25px;
}

.smallMenu
{
	margin-top: 250px;
}

.smallText
{
	width: 450px;
	text-align: justify;
	margin: 0 auto;
	line-height: 20px;
}

.realBox
{
	width: 1002px;
	margin: 0 auto;	
}

.aboutJob2
{
	height: 800px;
	width: 1002px;
	margin: 0 auto;
	margin-top: 150px;
}

.examplBox
{
	width: 290px;	
	text-align: center;
	margin-left: 30px;
}

.examplBox p
{
	line-height: 17px;
}


.eyeBtn
{
	width: 33px;
    height: 20px;
    background-image: url(../application/media/images/eye.png);
    background-repeat: no-repeat;
    background-position: 0 -20px;
    margin-left: 100px;
}

.eyeBtn:hover
{
	background-position: 0 0;
}

.moreBtn
{
	width: 20px;
    height: 20px;
    background-image: url(../application/media/images/more.png);
    background-repeat: no-repeat;
    background-position: 0 -20px;
    margin-right: 110px;
}

.moreBtn:hover
{
	background-position: 0 0;
}

.tele
{
	width: 220px;
}

.conIcon
{
	width: 20px;
}

.conText
{
	width: 190px;
}

.littleText
{
	font-size: 13px;
	color: #c4c4c4;
}

.mapa
{
	width: 1600px;
	margin: 0 auto;
}

#flags img
{
    cursor: pointer;    
}

.pdf_link
{
	text-decoration: none;
	color: black;
}