/* ogolne */

html{
	background:white;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{border:0;margin:0;padding:0;}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}


q:before,q:after{content:'';}

abbr,acronym {
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/

input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/* reset end */

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
	color:#9c1919;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	/*margin:1em;*/
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	/*margin-left:2em;*/
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin:0.8em;
}


body,html
{
margin:0 auto;
padding:0;
background:black;
	font-family:verdana;
	font-size:12px;
	line-height:1.5;
	color:#292929;
text-align:center;
}


































/* Elementy konstrukcyjne */

#page {
	margin:0 auto;
	width:1000px;
	height:860px;
	background:white;
}



		#header_up {
			
			background:white;
			width:100%;
			height:106px;
		}	

		#header_down {
			
			background:white;
			width:100%;
			height:260px;
		}

		
.carousel ul li{
margin-left:16px;
background:white;

}
		
.carousel ul li img{
margin-top:4px;
}


#menu{
	list-style:none;
	margin:0;
	padding:0;
	background:black;
	float:left;
	width:auto;
}

#menu li{
	float:left;
	background:white;
	margin:0;
	padding:0;
	width:auto;
}
						
						
#menu li a#firma{
	float:left;
	background:url(../img/ofirmie_off.gif);
	width:108px;
	height:35px;
}

#menu li a#firma:hover{
	background:url(../img/ofirmie_on.gif);
}

#menu li a#firma_on{
	float:left;
	background:url(../img/ofirmie_on.gif);
	width:108px;
	height:35px;
}							
							
#menu li a#oferta{
	float:left;
	background:url(../img/oferta_off.gif);
	width:87px;
	height:35px;
}
						
#menu li a#oferta:hover{
	background:url(../img/oferta_on.gif);
}

#menu li a#oferta_on{
	float:left;
	background:url(../img/oferta_on.gif);
	width:87px;
	height:35px;
}
								
							
#menu li a#realizacje{
	float:left;
	background:url(../img/realizacje_off.gif);
	width:111px;
	height:35px;
}
						
#menu li a#realizacje:hover{
	background:url(../img/realizacje_on.gif);
}

#menu li a#realizacje_on{
	float:left;
	background:url(../img/realizacje_on.gif);
	width:111px;
	height:35px;
}


									
#menu li a#zapytanie{
	float:left;
	background:url(../img/zapytanie_off.gif);
	width:170px;
	height:35px;
}
						
#menu li a#zapytanie:hover{
	background:url(../img/zapytanie_on.gif);
}

#menu li a#zapytanie_on{
	float:left;
	background:url(../img/zapytanie_on.gif);
	width:170px;
	height:35px;
}

									
#menu li a#pytania{
	float:left;
	background:url(../img/pytania_off.gif);
	width:148px;
	height:35px;
}
						
#menu li a#pytania:hover{
	background:url(../img/pytania_on.gif);
}

#menu li a#pytania_on{
	float:left;
	background:url(../img/pytania_on.gif);
	width:148px;
	height:35px;
}

									
#menu li a#kontakt{
	float:left;
	background:url(../img/kontakt_off.gif);
	width:98px;
	height:35px;
}
						
#menu li a#kontakt:hover{
	background:url(../img/kontakt_on.gif);
}

#menu li a#kontakt_on{
	float:left;
	background:url(../img/kontakt_on.gif);
	width:98px;
	height:35px;
}







/* PROJECTS */
#projects{
	width: 548px;
	height: auto;
	text-align:center;
}

#projects #description{
	background:url(../img/stripe.png);
	width:300px;
	text-align:center;
}

#projects div{
	margin-left:auto;
	margin-right:auto;
}

#projects #goto{
	width:300px;
	margin-top:10px;
	font-size: 12pt;
}

#projects .pagination{
	text-align:center;
	width: 200px;
	margin-left:auto;
	margin-right:auto;
	
}

/*goooooogle box

div#boks{
float:left;width:390px;height:174px;background:white;margin-top:50px;
text-align:right;
}

i.gora, i.dol{display:block;background:#9c1919;}

i.gora i, i.dol i{
	display:block;height: 1px; 
 	overflow: hidden; background:white;}

i.r1{margin: 0 5px}
i.r2{margin: 0 3px}
i.r3{margin: 0 2px}
i.gora i.r4, i.dol i.r4{margin: 0 1px;height: 2px}

goooooogle box*/









#look_box{
float:left;
width:390px;
height:154px;
text-align:right;
background: url("../img/rog_lewy1.gif") no-repeat top left;background-color:white; 
}

#read_more{
background: url("../img/wiecej_off.gif") no-repeat;
width:138px;
height:31px;
padding:0;
margin:0;
position:absolute;
top:339px;right:160px;
}
#read_more:hover{
background: url("../img/wiecej_on.gif") no-repeat;
}


#middle_box{
width:100%;
background:white;
min-height:495px;
height:auto;
float:left; 
padding-bottom:20px;
}
	
	
#content_box {
	float:right;
	width:548px;
	margin: -8px 0 0 10px;
	float:left;
	min-height:473px;
	height:auto;
	text-align:left;

}

#content_box p{
text-align:justify;
margin:10px 40px 10px 40px;
line-height:1.5;
font-size:13px;
}

#content_box p.description{
margin:2px 40px 10px 40px;

}


#content_box a{
font-size:11px;
color:#af2121;
text-decoration:none;
}
#content_box a:hover{
text-decoration:underline;
}


#content_box h1{
margin:30px 0 20px 40px;
}

#content_box h4{
margin:20px 0 2px 40px;
}


#content_box ul li{
margin-left:80px;
color:#6a6a6a;
line-height:1.5;
}

ul.arrow li{
list-style:url(../img/li10.gif);
}



	
.why {
height:29px;
width:120px;
background:url("../img/dlaczego_off.gif") no-repeat;
float:right;
padding-right:10px;
}
	
.why:hover{
background:url("../img/dlaczego_on.gif") no-repeat;
}	

.more {
height:29px;
width:120px;
background:url("../img/wiecej_off.gif") no-repeat;
float:right;
padding-right:10px;
}
	
.more:hover{
background:url("../img/wiecej_on.gif") no-repeat;
}	
	
	
.send {
height:29px;
width:70px;
background:url("../img/wyslij_off.gif") no-repeat;
border:0;
}
	
.send:hover{
background:url("../img/wyslij_on.gif") no-repeat;
cursor:pointer;
}		
	
	
	
	
.services{
	height:170px;
	width:390px;
	
	float:left;
	margin:10px 0 0 10px;
	background:url("../img/box_prawa.gif") no-repeat top left;
}	

.services img{
	float:left;
	margin:30px 20px 0 20px;
}		
	
.services h3{
	margin-right:20px;
	color:#9c1919;
}	
.services p{
	text-align:justify;margin-right:20px;
	font-size:12px;
		
	
}
	

						
					
				
	
.next {
border:0;
height:27px;
width:26px;
background:url("../img/strzalka_prawa.gif") no-repeat;
margin:0;
}

.prev{
border:0;
height:27px;
width:26px;
background:url("../img/strzalka_lewa.gif") no-repeat;
margin:0;
}

/* Nag??wki */





/* Linki */

      a:focus {

      outline: none;

      }
      
      
/* Formularze */
#question fieldset{
width:450px;
}
fieldset input, textarea{
padding:2px;
margin:3px;
vertical-align:middle;

}

#question ul li{
list-style:none;
text-align:right;
margin-left:80px;
}

textarea{

overflow:hidden;
}

.alert {
padding: 5px;
text-align:right;
color:red;
}

/* Tabele */




/* Inne */



 
      #box {
 
        padding: 10px;
 
        height: 100px;

        width: 100px;

        background: #e459e9;

      }

      #box-outer {

        overflow: hidden;

        height: 120px;
 
        margin: 20px;
 
      }

p#blind_internet, #blind_tele, #blind_campaign{
cursor:pointer;
}

.ct{
float:right;
width:auto;	
margin:0;
padding:0; 
border:1px solid black;width:100%;
}

.ct li{
float:left;
width:auto;	
margin:0;
padding:0;
border:1px solid blue;
}

.ct li p{
text-align:center;
padding:0;
margin:0;
}


	#footer {
		width:1000px;;
		clear:both;
		min-height:40px;
		border-top:4px solid #9c1919;
		background:white;
	}


			
				
					#footer ul{
						margin:-8px 0 0 150px;
					}
					
					#footer li{
						float:left;
						margin-left:40px;
						width:auto;
					}
					
					#footer a{
						line-height:1.5;
						font-size:12px;
						color:#292929;	
						text-decoration:none;
					}
					#footer a:hover{
			
						text-decoration:underline;
					}
					
					


a#toTop { width:100px;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none;color:white; }

#top_navigation {
    width:100%;

    font-size:10px;
}

#top_navigation li {
    float:left;
    padding: 0 50px;
}

#top_navigation li a {
    font-weight:bold;
    text-decoration: none;
    color:black;
}

.project_link {
	text-decoration:none;
	color:#9c1919;
}