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


/* --------------- global --------------- */

html{ 
	background:  #F2F2F0 url(../images/bgr_top.jpg) repeat-x top center; 

}
body{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	overflow:visible;
	
}

body#index{
	background:  url(../images/bgr_center.jpg) repeat-x center ; 
	background-position: 0 490px;
	
}

body #content{
	line-height:140%;
}

#wrapper{
	width:1020px;
	margin:0 auto;
}

h3{
	margin:0 0 10px 0;
}
/* ----------------  header   ---------  */

#header{
	height:240px;
	position:relative;
	background: url(../images/slogan.jpg) no-repeat 529px 45px;
	
}

/* logo fadehover */
div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left:-100px;
	top: 0;
        z-index: 10;
	}
 
img.b {
	position: absolute;
	left:-100px;
	top: 0;
	}
/* end logo fadehover */


/* menu top */
ul#menu_top{
	
	position:absolute;
	left:381px;
	bottom:8px;
	z-index:899;
	}

ul#menu_top li {
	float:left;
	display:inline;
	}
	
ul#menu_top li a{
	display:block;
	width:130px;
	height:72px;
	padding-top:20px;
	padding-left:22px;
	margin-right:4px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#6d6d24;
	background: url(../images/dots_menu.png) no-repeat right 20px;
	}

ul#menu_top li a strong, ul#menu_top li a span{
	display:block;
	}

ul#menu_top li a strong{
	text-transform:uppercase;
	font-size:15px;
	
	

}

ul#menu_top li a span{
	margin-top:2px;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;	
	}

ul#menu_top li a span:hover{
	visibility:visible;
	}


ul#menu_top li a:hover{
	color:#D0D718;
	}

ul#menu_top li a.current{
	background: url(../images/btn_hover.jpg) no-repeat;
	color:#373d32;
	}

ul#menu_top li a.no_right_bgr{
	background:none;
	}

/*  end menu top */



 #content{

	float:left;
	position:relative;
}
 
#badge{
	position:absolute;
	top:250px;
	right:-85px;
	z-index:100;
} 

/* ---------------  1 row slider---------------  */
#first_row{	
	height:335px;
	float:left;

}
/* ---------------  2 row  --------------- */

#second_row {
	color:#959581;
	float:left;
	background: url(../images/green_1_hr.jpg) no-repeat top center ;
	padding:50px 0 68px 30px;
	
	
	
}
#second_row div{
	height:300px;
	width:270px;
	float:left;
	margin:0 25px 0 0;
	background: url(../images/green_corner.jpg) no-repeat bottom right;
	padding:0 35px 30px 0;
	line-height:150%;
}

a.wiecej{
	display:block;
	height:35px;
	width:94px;
	float:right;
	background:url(../images/btn_wiecej.png) no-repeat;	
	text-decoration:none;
	color:black;
	text-align:left;
	padding:0 0 0 16px;
	line-height:32px;
	margin:20px -20px 0 0;
}

a.wiecej:hover{
	background-position:0 -35px;
}

a#napisz{
	margin:10px 0 64px -15px;
	display:inline;
	display:block;
	height:70px;
	width:269px;
	background:url(../images/btn_napisz.png) no-repeat;	
	background-position:0 -8px;
	
}

a#napisz:hover{
	background-position:0 -81px;
}

h3#dotworks{
	background:url(../images/h3_dotworks.png) no-repeat;
	text-indent:-9999px;	
}

h3#oferujemy{
	background:url(../images/h3_oferujemy.png) no-repeat;
	text-indent:-9999px;	
}

h3#szybki{
	background:url(../images/h3_szybki.png) no-repeat;
	text-indent:-9999px;	
}

#second_row ul li{
	background:url(../images/bullet_oferta.png) no-repeat 0 8px;
	padding-left:20px;
	margin:9px 0;
}


div#no_padd_right{
	padding-right:0;
}

.keys{
	color:#9B9A0C;
	
}
/*  ---------------  3 row ---------------  */
#third_row{
	color:#959581;
	float:left;
	padding:55px 0 0 30px;
	background:url(../images/green_2_hr.jpg) no-repeat;	
	margin:0 0 200px 0;
	

}

#third_row div{
	float:left;
	height:300px;
	width:270px;
	margin:0 30px 0 0;
	padding:0 5px 30px 15px;
	line-height:160%;
	background:url(../images/dots_border.png) no-repeat left;	
	
}

#third_row div ul {
	margin:0 0 0 0;
}

#third_row div ul li{
	background:url(../images/bullet_oferta.png) no-repeat 0 8px;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}
#third_row h3{
	color:#77771d;
	font-size:110%;
	font-style:normal;
	font-weight:bold;
	background:url(../images/h2_arrow.png) no-repeat 0 center;
	padding:0 0 0 15px;	
}


#third_row a{
	color:#414112;
	text-decoration:none;
}

#third_row a:hover{
	color:#d33f40;
}




/* ------------- wIDGET ------------- */

#widget {
	background:#343410;
	
}

#widget p{
	color:red;
}


#widget{
	background:#FFFFFF;
	color:red;
}


/* ------------- END FB wIDGET ------------- */
#mug{
	position:absolute;
	bottom:201px;
	left:-135px;;
}

div#links, div#aktualnosci{
	padding-left:25px;
}

/*  ---------------  footer---------------  */

#footer{
	background:#0c110d url(../images/bgr_footer.jpg) repeat-x;
	clear:both;
	height:200px;
	}
	
#footer_content{
	position:relative;
	padding:20px 0 120px 0;
	color:#959581;
	width:1020px;
	margin:0 auto;
	}

#dot_logo{
	float:right;
	}


ul#menu_bottom{
	
	}
ul#menu_bottom li{
	display:inline;
}

ul#menu_bottom li a{
	float:left;
	margin:0 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#424542;
	text-decoration:none;
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	background:url(../images/dots_menu_footer.png) no-repeat right;
	padding:5px 16px 5px 5px;
	}
	
ul#menu_bottom li a:hover, ul#menu_bottom li a.current{
	color:#8e999f;
	}

a.top{
	position:absolute;
	display:block;
	height:109px;
	width:189px;
	background:url(../images/btn_up.jpg) no-repeat;
	top:-51px;
	left:420px;
}

a.top:hover{
	background-position:0 -109px;
}

#dotworks_logo{
	margin:0 60px 2px -37px;
	display:block;
	width:121px;
	height:30px;
	text-indent:-9999px;	
	background: url(../images/dotworks_logo.png) no-repeat ;
}

#dotworks_logo:hover{
	background-position:0 -30px;
}

#dot_logo {
	font-size:85%;
	color: #494d4a;
}
#dot_logo a{
	color:#494d4a;
	text-decoration:none;
	}
	
#dot_logo a:hover{
	color:#929b92;
	}	
	
/*
#pageflip {
	position: relative;
}
*/
#pageflip img {
	width: 50px; height: 52px;
	z-index: 999;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 998;
	right: 0; top: 0;
	background: url(../images/code.png) no-repeat right top;
	text-indent: -9999px;
}

/* ------------------------------------------------  REALIZACJE -----------------------------------------  */

ul#menu_top li a.no_bgr{
	background:none;
}

#realizacje_row{
	height:auto;
	margin:30px 0 50px 30px;
	float:left;
}

a.green_bgr, span.green_bgr{
	color:#313128;
	background:#e1e42b;
	padding:3px 7px;
	-moz-border-radius: 4px;  
    -khtml-border-radius: 4px;  
    -webkit-border-radius: 4px;  
	text-decoration:none;
}

.realizacja_modul {
	float:left;
	margin:0 0 30px 0;
}

hr{
	border:0;
	background:#909C8E;
	height:1px;
}

.data{	
	height:35px;
}

.data span.nr{
	font-size:160%;
	font-family:Arial, Helvetica, sans-serif;	
	font-weight:bold;
	color:white;
	background:#dcdbcf;
	padding:5px 7px;
	margin:0 10px 0 0;
	-moz-border-radius: 4px;  
    -khtml-border-radius: 4px;  
    -webkit-border-radius: 4px;  
	float:left;
}

.data span.miesiac{
	color:#BFBFBF;
	float:left;
	padding-top:12px;
	font-size:90%;
	}
	

a.projekt_img{
	border:4px solid #dcdbcf;
	float:left;
	}

a.projekt_img:hover{
	border:4px solid #e2e533;
	}

.projekt .opis{
	position:relative;
	padding:20px 0 0 0 ;
	font-size:90%;	
	width:320px;
	height:201px;
	background: #313128;
	-moz-border-radius-topright: 8px;  
    -khtml-border-radius-topright: 8px;  
    -webkit-border-radius-topright: 8px;  
	-moz-border-radius-bottomright: 8px;  
    -khtml-border-radius-bottomright: 8px;  
    -webkit-border-radius-bottomright: 8px;  
	float:left;
	color:#74746c;
	
	}

.projekt .opis img{
	position:absolute;
	top:0;
	left:0;
	}

.projekt{
	
	height:auto;
	float:left;
	}
	
.projekt .opis span, .projekt .opis strong{
	color:#DCDBCF;
	margin-left:20px;
	}

.projekt  .opis p{
	margin-left:20px;
	}

 .opis .real_wiecej{
	border:none;
	float:right;
	color:#515149;
	margin:0 20px 0 0;
	}

.opis .real_wiecej:hover{
	color:#dcdbcf;
	}

a.podwykon{
	text-decoration:none;
	color:#BFBFBF;
}	

a.podwykon:hover{
	color:white;
}	

.opis  h4 a{
	color:black;
	font-size:160%;
	font-style:normal;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:280px;
	padding:8px 0;
	padding-left:20px;
	background: #dcdbcf url(../images/realizacja_bgr_right.jpg) no-repeat center right;
	margin:0 0 5px 0;
	text-decoration:none;	
	
}


.opis  h4 a:hover{
	color:#515149;
	}

body#realizacje #footer{
	background:#0c110d url(../images/bgr_footer_realizacje.jpg) repeat-x;
	height:150px;
	padding:181px 0 0 0;
	
}


/* ------------------------------------------------  OFERTA  -----------------------------------------  */
body#oferta{
	background:  url(../images/bgr_center_oferta.jpg) repeat-x center ; 
	background-position: 0 800px;
	
}
body#oferta #content{
	width:1040px;
}

.oferta_white_row{	
	height:600px;	
	margin:0 0 0 20px;
	padding-bottom:82px;
	background:url(../images/green_1a_hr.jpg) no-repeat center bottom; 
	
}

.oferta_white_row div{	
	width:310px;
	float:left;
	padding:220px 20px 0 0;
	margin-bottom:40px;
	line-height:160%;
}

div#strony_www{
	background:url(../images/oferta_iko_www.jpg) no-repeat top left; 
}

div#ident{
	background:url(../images/oferta_iko_id.png) no-repeat top left;; 
}

div#grafika{
	background:url(../images/oferta_iko_inne.jpg) no-repeat top left;; 
}

.oferta_white_row div p{	
	padding:0 0 40px 45px;
	background:url(../images/nawias.png) no-repeat; 
}

.oferta_white_row div a{
	background:url(../images/arrow_li_oferta.png) no-repeat 0 center; 
	padding:0 0 0 15px;
	text-decoration:none;
	margin:0 0 0 25px;
	color:#424542;
}



.oferta_white_row div a:hover{
	color:#d33f40;
	}



.oferta_white_row h3{
	margin-left:44px;
	}

.oferta_white_row #strony_www h3{
	background:url(../images/h3_strony_www.png) no-repeat 0 center; 
	text-indent:-9999px;
}

.oferta_white_row #ident h3{
	background:url(../images/h3_ident_wizual.png) no-repeat 0 center; 
	text-indent:-9999px;
}


.oferta_white_row #grafika h3{
	background:url(../images/h3_projekt_graf.png) no-repeat 0 center; 
	text-indent:-9999px;
}

.oferta_white_row div strong{
	display:block;
	font-size:110%;
	color:#494d4a;
	margin:0 0 0 25px;
	padding-bottom:6px;
	}	

span.green_bgr{
	margin:0 0 0 35px;
}

.oferta_green_row{
	background:url(../images/oferta_arrows_etapy.png) no-repeat 145px 105px; 
	color:#4a4a16;
	float:left;
	height:300px;
	margin:30px 0 0 5px ;
	position:relative;
}

.oferta_green_row h3, .oferta_green_row p{
	margin-left:30px;
	}

.oferta_green_row h3{
	background:url(../images/h3_etapy.png) no-repeat 0 center; 
	text-indent:-9999px;
	}

ul#etapy {
	margin:10px 0 0 0 ;
	}


ul#etapy li{
	display:inline;
	}
	
ul#etapy li a{
	float:left;
	display:block;
	width:141px;
	height:87px;
	background: url(../images/oferta_etap_dot.png) no-repeat; 
	text-align:center;
	line-height:15px;
	padding-top:65px;
	text-decoration:none;
	color:#37370d;
	text-transform:uppercase;
	overflow:hidden;
	margin-left:5px;

	}
	
ul#etapy li a:hover{
	background-position:0 -141px;
	color:black;
	padding-top:64px;
	}
	
	

.oferta_green_row #zal_70{
	position:absolute;
	top:140px;
	left:970px;
}

.oferta_green_row #zal_30{
	position:absolute;
	top:140px;
	left:530px;
}

body#oferta ul#menu_bottom{
	margin-left:30px;
}

/* ------------------------------------------------  KONTAKT -----------------------------------------  */
body#kontakt{
	background:  url(../images/bgr_center_oferta.jpg) repeat-x center ; 
	background-position: 0 730px;
	
}


.kontakt_white_row{	
	height:530px;	
	margin:0 0 0 20px;
	padding-bottom:82px;
	background:none; 

	background: url(../images/green_1a_hr.jpg) no-repeat center bottom; 
}

.kontakt_white_row div{	
	width:260px;
	float:left;
	padding:10px 30px 0 30px;
	margin-bottom:40px;	
	line-height:160%;
	
	}
	
.kontakt_white_row #dane_tele{
	background: url(../images/koperta.jpg) no-repeat center bottom; 
	padding-bottom:180px;
}

.kontakt_white_row #follow_us, .kontakt_white_row #form{
	 background: url(../images/dots_border_kontakt.png) no-repeat top left; 
}



.kontakt_white_row #dane_tele h3{
	background: url(../images/h3_dane.png) no-repeat;
	text-indent:-9999px;
	padding:3px 0;	
}

.kontakt_white_row #follow_us  h3{
	background: url(../images/h3_odwiedz.png) no-repeat;
	text-indent:-9999px;
	padding:3px 0;	
}

.kontakt_white_row #form h3{
	background: url(../images/h3_formularz.png) no-repeat;
	text-indent:-9999px;
	padding:3px 0;	
}

.kontakt_white_row #follow_us a{
	display:block;
	float:left;
	
}


.kontakt_white_row #follow_us a.green_bgr{
	float:none;
	display:inline;
	}
	
	
/* --------------- loga follow us --------------------  */
a#blip{
	width:50px;
	height:33px;
	background: url(../images/loga_follow.gif) no-repeat -170px -1px;
	margin-right:20px;
	
}

a#blip:hover{
	background-position: -170px -34px;
	}
	
	
a#twitter{
	width:81px;
	height:20px;
	background: url(../images/loga_follow.gif) no-repeat -90px -5px;	
	padding-bottom: 8px;
	margin:5px 20px 0 0;
}

a#twitter:hover{
	background-position: -90px -38px;
	}
	

a#stgu{
	width:80px;
	height:19px;
	background: url(../images/loga_follow.gif) no-repeat -9px -166px;	
	padding-bottom:4px;
	margin:10px 0 0 0;
}

a#stgu:hover{
	background-position: -9px -200px;
	}


a#digart{
	width:60px;
	height:50px;
	background: url(../images/loga_follow.gif) no-repeat -95px -157px;
	margin:20px 20px 0 0;
	
}

a#digart:hover{
	background-position: -95px -209px;
	}
	
	
a#goldenline{
	width:45px;
	height:45px;
	background: url(../images/loga_follow.gif) no-repeat -75px -60px;
	padding-bottom:5px;	
	margin:20px 20px 0 5px;
}

a#goldenline:hover{
	background-position: -75px -108px;
	}

a#lastfm{
	width:74px;
	height:28px;
	background: url(../images/loga_follow.gif) no-repeat -144px -68px;
	padding-bottom:15px;	
	margin:27px 0 0 23px;
}

a#lastfm:hover{
	background-position: -144px -115px;
	}

	

#blogujemy{
	float:left;
	display:block;
	margin:40px 0 0 0;	
}


body#kontakt #content{
	width:1040px;
	padding-left:30px;
}

.kontakt_green_row{
	background:url(../images/ludzie_piksele.png) no-repeat 400px 100px;
	color:#4a4a16;
	float:left;
	height:400px;
	width:850px;
	margin:30px 0 0 5px ;
	
}

.kontakt_green_row p{
	display:block;
	margin:220px 0 0 433px;
}

.light_green{
	color:#9B9A0C;
}

#macias{
	width:386px;
	height:369px;
	float:left;
	background: url(../images/macias.jpg) no-repeat;
}


/*formularz*/

#kontener {

}


#formularz {

}
label{
margin-bottom:3px;
}

#formularz div {
	font-size:90%;
	margin:0 0 1px;
	padding-left:0;

}


#formularz label {
	display: block;

}

#formularz textarea {
background:white;
border:1px solid #7b8d99;
width:260px;
height:180px;
padding:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

#formularz input[type=text] {
background:white;
border:1px solid #7b8d99;
padding:5px;
width:260px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

#blad {
	background: #FB4733;
	padding: 10px;
	margin-bottom:10px;
}

#blad p{

}

#sukces {

}

#sukces p{
	color:#FB4733;

}

.red{
	color:red;
}

#wyslij{	
	text-indent:-9999px;
	background: url(../images/btn_wyslij.png) no-repeat;
	display:block;
	width:110px;
	height:42px;
	border:0 none;
	cursor:pointer;
	float:right;
	margin-right:-17px;
}

#wyslij:hover{
	background-position: 0 -41px;
	
	}
	
	
	
/*end_formularz*/