@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}


body{  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
       font-size: 14px;
       margin: 0px;
      	}
      	
.strong

{font-weight: bold;}
 
h1, h2, h3, h4, h5 
       {
font-family:Georgia,"Times New Roman",Times,serif;}

h5 

{margin: 0px;}
       
div#container{	width: 100%; 
				background-image: url(../images/tlo.jpg);
       			background-repeat: repeat-x;
       			margin: 0px;
				height: 970px;
				position: relative;
       			
       			} 

div#header{	width: 980px;
			height: 140px;
			margin:0 auto;
			position: relative;}
      
div#header h1{	text-indent: -9999px;
				position: absolute;}

div#header a#logoexelmedia {	position: absolute;
					top: 15px;
					left: 10px;
					width: 154px;
					height: 100px;
					background-image: url(../images/logo.png);
					text-decoration: none;
					}
	
	div#header a#logoexelmedia:hover
	
	{background-image: url(../images/logo-hover.png);}


div#header a#logoexelmedia em{

	width: 400px;
	height: 40px;
	position: absolute;
	top:20px;
	right: 0px;
	text-align: center;
	padding: 30px 12px 10px;
	font-style: normal;
	font-size:12px;
	z-index: 2;
	display: none;
	margin: 0px;
	font-size: 17px;
	color: #ce0011;
}
					
        
div#header ul#navlist {	list-style: none;
						position: absolute;
						top: 35px;
						right: 0px;
						width: 730px;
						margin: 0;
						
}

/**hack internet explorer, starwais to heaven :) **/
div#header ul#navlist li {	padding: 0;
							margin: 0;
							display: inline; 
							}



div#header ul#navlist a {	letter-spacing: 0.1em;	
display: block;
float: left;
margin: 0 auto;
width: auto;
padding: 2px 10px;
margin-left: 15px;
text-decoration: none;
text-align: center;
font-weight: bold;
color: white;
font-size: 13px;

						
}




div#header ul#navlist a:hover, div#header ul#navlist a.tutaj /***css3***/

{background: rgba(218,37,29,1.0);
    border-color: rgba(218,37,29,1.0);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1); 
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}


div#header ul#navlist a.tutaj

{background-color: #b00c12;}

div#header ul#navlist a:hover

{background-color: #b00c12;}

div#header a.pl

{position: absolute;
bottom: 20px;
right: 60px;
background-image: url(../images/flaga-polski.png);
width: 33px;
height: 19px;}

/**
div#header a.eng

{position: absolute;
bottom: 20px;
right: 60px;
background-image: url(../images/flaga-USA.png);
width: 33px;
height: 19px;}

**/

div#header p.cytat

{position: absolute;
top:40px;
left: 240px;
color: white;
font-style: italic;
width: 680px;
text-align: justify;
font-size: 18px;

}

div#wrapper, div#wrapper2, div#wrapper3, div#wrapper4, div#wrapper5{	background-position: center top;	width: 100%; 
				height: 598px;
				text-align: left;
				margin-top: 0px;
				background-repeat: no-repeat;
				} 
				
div#wrapper{				
	background-image: url(../images/zdjecie.jpg);}

div#wrapper2{	
				background-image: url(../images/zdjecie-onas.jpg);
			} 
		
div#wrapper3{	background-image: url(../images/zdjecie-kontakt.jpg);
} 					
				
div#wrapper4{	
background-image: url(../images/zdjecie-jakpracujemy.jpg);
} 		

div#wrapper5{	
background-image: url(../images/zdjecie-promocja.jpg);
} 

div#content{	
				width:980px;
				height: 600px;
				margin:0 auto;
				position: relative;
				color:  #595959;
				}

div#content p

{color:  #595959;}

div#content h3.tytul

{position: absolute;
top:45px;
left: 20px;
color:#ce0011;
font-size: 18px;
width: 400px; 
margin: 0px;
}


div#content div#referencje

{ position: absolute;
top:120px;
left: 20px;
width: 400px;
text-align: left;
font-size: 12px;

}

div#content div#klienci

{ position: absolute;
top:70px;
right: -50px;
width: 540px;

}

div#content div#klienci img

{margin: 0;}


div#content div#osoba1, div#content div#osoba2 
{width: 450px;
text-align: left;
font-size: 12px;

}

div#content div#osoba3, div#content div#osoba4, div#content div#osoba5, div#content div#osoba6, div#content div#osoba7, div#content div#osoba8

{
	width: 220px;
text-align: left;
font-size: 12px;
}


div#content div#osoba1

{ position: absolute;
top:90px;
left: 20px;

}

div#content div#osoba2

{position: absolute;
top:90px;
right: 30px;
}

div#content div#osoba3

{position: absolute;
top:310px;
right: 30px;
 }

div#content div#osoba4

{position: absolute;
top:340px;
right: 30px;
display: none;
 }

div#content div#osoba5

{position: absolute;
top:310px;
left: 20px;
}

div#content div#osoba6
{position: absolute;
top:310px;
left: 480px;
}

div#content div#osoba7

{position: absolute;
top:310px;
right: 515px;
}

div#content h4

{font-size: 13px;
margin-bottom: 10px;
background-image: url(../images/strzalka.png);
background-repeat: no-repeat;
padding-left: 40px;
}

div#content h4 span

{text-decoration: underline;}


div#content div#osoba1 p, div#content div#osoba2 p, div#content div#osoba3 p, div#content div#osoba4 p, div#content div#osoba5 p, div#content div#osoba6 p, div#content div#osoba7 p, div#content div#osoba8 p

{word-spacing: 3px; margin-top: 5px;
line-height: 16px;


}

div#content div#osoba1 p span, div#content div#osoba2 p span

{font-style: italic;
font-weight: bold;
cursor: help;}

div#content div#osoba1 a, div#content div#osoba2 a, div#content div#osoba3 a, div#content div#osoba4 a

{text-decoration: none;
color:#000;
float: right;
 }

div#content div#osoba1 a:hover, div#content div#osoba2 a:hover, div#content div#osoba3 a:hover, div#content div#osoba4 a:hover
{text-decoration: underline;}

div#osoba1 img, div#osoba2 img

{border-color: black; border-width: 1px; border-style: solid;
margin:0px; float: left; margin-right: 20px; margin-bottom: 20px;
box-shadow: 3px 3px 2px black;  /***css3***/
-moz-box-shadow: 3px 3px 2px black;  /***css3***/
-webkit-box-shadow: 3px 3px 2px black;  }/***css3***/	


div#osoba3 img, div#osoba4 img, div#osoba5 img, div#osoba6 img, div#osoba7 img, div#osoba8 img

{border-color: black; border-width: 1px; border-style: solid;
margin:0px; float: left; margin-right: 20px; margin-bottom: 100px;
box-shadow: 3px 3px 2px black;  /***css3***/
-moz-box-shadow: 3px 3px 2px black;  /***css3***/
-webkit-box-shadow: 3px 3px 2px black;  }/***css3***/	


div#content a#wiecej1, div#content a#wiecej2, div#content a#wiecej3, div#content a#wiecej4, div#content a#wiecej5, div#content a#wiecej6, div#content a#wiecej7, div#content a#wiecej8

{position: absolute;
top:270px;
left: 70px;
padding-left: 40px;
padding-top: 8px;
height: 30px;
color:#000;
text-decoration: none; 
background-image: url(../images/wiecej.png);background-repeat: no-repeat;
}

div#content a#wiecej1:hover, div#content a#wiecej2:hover, div#content a#wiecej3:hover, div#content a#wiecej4:hover, div#content a#wiecej5:hover, div#content a#wiecej6:hover, div#content a#wiecej7:hover, div#content a#wiecej8:hover
{text-decoration: underline;}

div#content a#wiecej1{
top:270px;
left: 50px;
 }

div#content a#wiecej2{
top:270px;
left: 240px;
}

div#content a#wiecej3{
top:270px;
left: 440px;
 }

div#content a#wiecej4{
top:270px;
left: 670px;
 }

div#content a#wiecej5{
top:520px;
left: 50px;
 }

div#content a#wiecej6{
top:520px;
left: 240px;
}

div#content a#wiecej7{
top:500px;
left: 470px;
 }

div#content a#wiecej8{
top:500px;
left: 670px;
 }

div#kontakt

{position: absolute;
top:100px;
right: 120px;
}

div#kontakt p

{line-height: 20px;
margin: 0px;}

div#contact-form 

{
width: 170px;
height: 53px;
background-image: url(../images/pytanie.png);
background-repeat: no-repeat;
margin: 0px;
padding-top: 20px;}

a#pytanie

{
padding-left: 70px;
text-decoration: none;
color:#ce0011;

 }
 
a#pytanie:hover

{text-decoration: underline;}

div#menugorne

{position: absolute;
top:-2px;
right: 40px;
width: 500px;
height: 38px;
z-index:100;
}

.zawartosc1, .zawartosc2, .zawartosc3 {
background-image: url(../images/menu-gorne.png);
background-repeat: no-repeat;
text-decoration: none;
text-align: center;
color:#f4b509;
font-weight: bold;
width: 140px;
height: 38px;
padding-top: 30px;
margin-left: 20px;
display: block;
float: left; 

}

.zawartosc1:hover, .zawartosc2:hover, .zawartosc3:hover

{color: white;}


.zawartosc1 .pusher, .zawartosc2 .pusher, .zawartosc3 .pusher{
	cursor:pointer;
	padding:3px 10px 3px 7px;
	font-size:14px;
	margin-top:-27px;
	width: 130px;
	
}

.zawartosc1 .mover, .zawartosc2 .mover2, .zawartosc3 .mover3

{padding:3px 10px 2px 7px;
height: 536px;
width: 447px;
margin-top: 0px;
z-index: -10;
position: relative;
background-repeat: no-repeat;}

.zawartosc1 .mover{
background-image: url(../images/zawartosc1.png);
margin-left: 0px;


}

.zawartosc2 .mover2{

background-image: url(../images/zawartosc2.png);
margin-left: -162px;

}



.zawartosc3 .mover3{

background-image: url(../images/zawartosc3.png);
margin-left: -322px;


}


div#tekst1, div#tekst2, div#tekst3

{position: absolute;
top:40px;
left: 40px;
width: 380px;}


div#tekst1 p, div#tekst2 p, div#tekst3 p


{text-align: justify;
color: white;
line-height: 18px;
font-size: 13px;
margin-top: 10px;
margin-bottom: 10px;}

div#tekst1 a, div#tekst2 a, div#tekst3 a


{
color:#f4b509; 
}

div#tekst1 a:hover, div#tekst2 a:hover, div#tekst3 a:hover


{text-decoration: underline;
color: white;}

div#content ul
{
margin: 0px;
line-height: 18px;

}

div#content ul li

{text-align: justify;	
font-size: 13px;



}





/***
div#menugorne a

{background-image: url(../images/menu-gorne.png);
background-repeat: no-repeat;
text-decoration: none;
text-align: center;
color:#f4b509;
font-weight: bold;
width: 140px;
height: 38px;
padding-top: 10px;
margin-left: 20px;
display: block;
float: left; 
}

div#menugorne a:hover

{color: white;}

***/

div#tlomenudolne

{position: absolute;
top:350px;
right: 40px;
width: 490px;
height: 145px;
padding: 5px;
background-image: url(../images/zolte.png);
z-index: 10;

}

div#tlomenudolne a.panel1, div#tlomenudolne a.panel2, div#tlomenudolne a.panel3

{text-decoration: none;
text-align: center;
width: 150px;
height: 50px;
padding-top: 115px;
display: block;
float: left; 
margin-top: 3px;
color: black;
font-weight: bold;

}

div#tlomenudolne a.panel1

{background-image: url(../images/panel1.png);
background-repeat: no-repeat;
margin-right: 18px;

}

div#tlomenudolne a.panel1:hover

{background-image: url(../images/panel1-hover.png);
color: white;}


div#tlomenudolne a.panel2

{background-image: url(../images/panel2.png);
background-repeat: no-repeat;
margin-right: 18px;
}

div#tlomenudolne a.panel2:hover

{background-image: url(../images/panel2-hover.png);
color: white;;}

div#tlomenudolne a.panel3

{background-image: url(../images/panel3.png);
background-repeat: no-repeat;
 
}

div#tlomenudolne a.panel3:hover

{background-image: url(../images/panel3-hover.png);
color: white;}



div#wiadomosc

{position: absolute;
bottom: 0px;
right: 40px;
width: 500px;
height: 45px;
background-image: url(../images/pasek-na-dole.png);
text-shadow: 0px 0px 0.2px; }

div#wiadomosc p

{color: white;
padding-top: 15px;
padding-left: 20px;
margin: 0px;
position: relative;}


div#wiadomosc a

{color: #f4b509;
font-weight: bold;
text-decoration: none;}	

div#wiadomosc a:hover

{text-decoration: underline;}


div#stopka{	
color: #FFF;
			width:100%;
			height: 220px;		
			position:absolute;
			bottom:0px;
			left: 0px;
			line-height: 20px;
			text-shadow: 0px 0px 0.3px;
}
			
div#footer

{width: 980px;
margin:0px auto;
position: relative;
height: 220px;
}
			
			
div#footer p.innastrona{	position: absolute;
							top:10px;
							right: 200px;
							text-align: left;
							
							}

div#footer p.innastrona > a

{color: #f4b509;
font-weight: bold;
text-decoration: none;}						
							
							
div#footer a.polityka{		position: absolute;
							top:25px;
							left: 20px;
							color: #f4b509;
font-weight: bold;
text-decoration: none;
margin: 0px;
}

div#footer img.certyfikat

{position: absolute;
							top:5px;
							right: 80px;
							}


div#footer p.innastrona > a:hover, div#footer a.polityka:hover

{text-decoration: underline;}		


div#footer div#tagi

{position: absolute;
bottom: 20px;
left: 0px;
width:980px;
font-size: 12px;
text-align: center;
color: #4c4c4c;	

}

div#footer div#tagi p > a

{color: #4c4c4c;
text-decoration: underline;}

div#footer div#tagi p > a:hover

{text-decoration: none;}


div#tagi >*

{margin: 0px;}

div#tagi p

{color: #4c4c4c;
margin-bottom: 0px;}

div#qTip {
	padding: 10px;
	border: 1px solid #666;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background-color: #ffde00;
	color: #000000;
	font: bold 12px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;
	text-align: justify;
	position: absolute;
	z-index: 1000;
	width: 300px;
	text-align: center;
	opacity: .6; /***all modern browsers (this is CSS3)  ***/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*** IE 8 ***/
filter: alpha(opacity=60); /*** IE 5-7 ***/
	
}


.listagorna

{color: white;}

div.podstrony

{position: absolute;
bottom: 60px;
left: 0px;
z-index: 100;
width:400px; 
height:220px;
background-image: url(../images/podstrony.png); }


div#content h2

{font-size: 16px;
color: #f4b509;
text-align: left;
margin-bottom: 20px;}

div#zewnetrzna

{padding: 50px;
width: 800px;
margin: 0 auto;
font-size: 16px;
text-align: justify;
}


#tips, #tips li{

	padding:0;
	list-style:none;
	background-color: transparent;
	}
#tips{
	width:360px;
	font-size:12px;
	line-height:120%;
		margin-top:20px;
		margin-bottom: 20px;
	
	}
#tips li{
	padding:20px;
	background:#e1e1e1;
	display:none; /* hide the items at first only */
	line-height: 20px;
	text-indent: 20px;
	}

#tips li h4 
{text-indent: 0px;
font-size: 16px;
margin-bottom: 20px;}

#tips li h4 span

{font-style: italic;
text-decoration: none;
	text-indent: 20px;}
	
div#zwyklytekst

{width: 100%;
position: absolute;
top:100px;
left: 0px;
}

div#zwyklytekst p

{font-size: 12px;
line-height: 14px;
padding-bottom: 5px;
margin: 5px 0px 5px 0px;}


div#content div#firma1, div#content div#firma2, div#content div#firma3, div#content div#firma4

{width: 450px;
text-align: left;
font-size: 12px;

}

div#content div#firma1

{ position: absolute;
top:100px;
left: 20px;

}

div#content div#firma2

{position: absolute;
top:100px;
right: 30px;
}

div#content div#firma3

{position: absolute;
top:350px;
left: 20px;
 }

div#content div#firma4

{position: absolute;
top:340px;
right: 30px;
 }

div#content div#firma1 p, div#content div#firma2 p, div#content div#firma3 p, div#content div#firma4 p

{word-spacing: 3px; margin-top: 20px;
line-height: 16px; width: 250px;


}

div#content div#firma1 p span, div#content div#firma2 p span, div#content div#firma3 p span, div#content div#firma4 p span

{font-style: italic;
font-weight: bold;
cursor: help;}

div#content div#firma1 a, div#content div#firma2 a, div#content div#firma3 a, div#content div#firma4 a

{text-decoration: none;
color:#000; font-weight: bold;}

div#content div#firma1 a:hover, div#content div#firma2 a:hover, div#content div#firma3 a:hover, div#content div#firma4 a:hover
{text-decoration: underline;}

div#firma1 img, div#firma2 img, div#firma3 img, div#firma4 img

{float: right; margin-right: 40px; margin-bottom: 20px;
margin-top: 30px;}


div#promocje

{position: absolute;
top:85px;
right: 60px;
width: 450px;
}

div#promocje p

{line-height: 20px;
margin: 0px;
padding-left: 40px;
font-size: 12px;}

div#promocje p span

{color:#ce0011; 
font-weight: bold;
font-size: 14px;}

div#promocje a#logogoogle

{position: absolute;
top:0px;
left: -160px;
width: 100px;
height: 100px;
background-image: url(../images/google-exelmedia.jpg);}

div#promocje p.bonusy

{margin: 10px 0px;
font-weight: bold;}


div#promocje p.zyskasz

{margin: 10px 0px 0px 0px;
color: #ce0011;
font-weight: bold;}

div#realizacje

{width: 980px;
height: 500px;
position: absolute;
top:90px;
left: 0px;}

div#realizacje a

{display: block;
line-height: 20px;
color: #CE0011;
text-decoration: none;
width: 400px;
}

div#realizacje a:link {color: #CE0011;text-decoration: none;}
div#realizacje a:visited {color: purple;text-decoration: none;}
div#realizacje a:hover {font-weight: bold;text-decoration: none;}
div#realizacje a:active {color: #595959;text-decoration: none;}

div#realizacje a span

{color: #595959;
font-size: 13px;
}

div#bigbox

{position: absolute;
right: 20px;
top:90px;}

div#bigbox img

{border: black solid 4px;  -moz-border-radius: 4px;-webkit-border-radius: 4px;
}

div#bigbox p

{position: absolute;
right: 160px;
top: 430px;}	


div#bigbox a

{color: #CE0011;
text-decoration: none;
}

div#bigbox a:hover

{text-decoration: underline;}

div#bigbox p.ostatnia

{
text-transform: uppercase;color: #CE0011;font-weight: bold;}

div#realizacje a.dalej

{
	position: absolute;
	width: 100px;
	bottom: 15px;
	left: 280px;
	display: block;
	line-height: 3;
	background: transparent url(../images/dalej_01.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#realizacje a.dalej:hover{
	
	background: transparent url(../images/dalej_02.png) no-repeat 0 0;

}

div#realizacje a.wstecz

{
	position: absolute;
	bottom: 15px;
	width: 100px;
	left: 280px;
	display: block;
	line-height: 3;
	background: transparent url(../images/wstecz_01.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#realizacje a.wstecz:hover{
	
	background: transparent url(../images/wstecz_02.png) no-repeat 0 0;

}