div, body, h1, h2, h3, h4, p, li, ul  {
  margin: 0;
  padding: 0;
}

body {
  background: black url('images/bg2.png');
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #435161;
  width: 100%;
}
a {
  text-decoration: underline;
  color: #435161;
}
a:hover {
  text-decoration: none;

}
img {
  border: none;
}
a img {
  
}
a:hover img {
  
}
h1, h2, h3, h4, .goth {
  font-weight: normal;
  padding: 0;
  font-family: Georgia, Times, serif;
  margin: .7em 0;
}
h1 { font-size: 24px; margin: 0;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}
p {
  line-height: 1.6em;
  text-indent: 2em;
}
.cb {
  clear:both;
  width: 100%;
}
.line {
  clear: both;
  width: 100%;
  height: 2px;
  font-size: 1px;
  background: url('images/line.png') repeat-x;
  opacity: .71;
	filter: alpha(opacity=71);

}

/*********************/
#whole {
  background: #C3D7DE url('images/bg.jpg');
}

.wrapme {
  width: 880px;
  margin: 0 auto;
}
#ceil {
  height: 3px;
  background: black;
  border-bottom: 1px solid #ddd; 
  font-size: 1px;
}
#top {
  
}
/*******************top**/
#top a {
  float: left;
  display: block;
  margin-top: 46px;
  margin-right: 10px;
}
#top .c1 {
  
}

#logo_encube a, #logo_encube_foot {
  margin: 35px 48px;
  width: 121px;
  padding: 0;
  display: inline;
  height: 31px;
  
}

#m1 {
  height: 25px;
  background: url('images/menu_all.png') no-repeat;
  width: 150px;
}
#m1:hover {
  background-position: 0 -25px;
}
#m1.active {
  background: url('images/menu_all_active.png') no-repeat;
  height: 50px;
  width: 220px;
  margin-top: 25px;
}
#m1.active:hover {
  background-position: 0 0;
}


#m2 {
  height: 25px;
  background: url('images/menu_all.png') no-repeat -151px 0;
  width: 165px;
}
#m2:hover {
  background-position: -151px -25px;
}
#m2.active {
  background: url('images/menu_all_active.png') no-repeat -230px 0;
  height: 50px;
  width: 240px;
  margin-top: 25px;
}
#m2.active:hover {
  background-position: -230px 0px;
}

#m3 {
  height: 25px;
  background: url('images/menu_all.png') no-repeat -318px 0;
  width: 80px;
}
#m3:hover {
  background-position: -318px -25px;
}

#m3.active {
  background: url('images/menu_all_active.png') no-repeat -475px 0;
  height: 50px;
  width: 140px;
  margin-top: 25px;
}
#m3.active:hover {
  background-position: -475px 0;
}

/*******************content**/
#content, .content {
  
}
.c1 {
  width: 218px;
  float: left;
  position: relative;
}
.c2 {
  width: 630px;
  float: left;
  margin-left: 30px;
}
/*******************headheadheahdha**/

.circle {
  position: absolute; 
  left: 10px;
}
.arrow_down {
  position: absolute;
  z-index: 100;
  left: 70px;
}
#circle_design {
  left: 100px;
  top: 120px;
  z-index: 10;
}
#circle_sklepy {
  left: 15px;
  top: 130px;
}
#circle_seo {
  left: -22px;
  top: 84px;
}
#circle_portale {
  left: 50px;
  top: 40px;
}



#headliner {
  margin: 41px auto;
  background: url('images/headliner.png');
  height: 211px;
  width: 583px;
  text-indent: -10000px;
}
/*******************uslugi**/
#cc_11 {left: -50px; top: 110px; z-index: 10; }
#cc_12 {left: 140px; top: 180px; z-index: 10;}
#cc_13 {left: 100px; top: 250px; z-index: 10;}
#cc_14 {left: 210px; top: 197px; z-index: 10;}
#cc_15 {left: 38px; top: 130px; z-index: 10;}
#cc_16 {left: 50px; top: 43px; z-index: 10;}

#cc_21 {left: 100px; top: 120px; z-index: 10;}
#cc_22 {left: 15px; top: 160px; z-index: 10;}
#cc_23 {left: 90px; top: 220px; z-index: 10;}
#cc_24 {left: 45px; top: 43px; z-index: 10;}
#cc_25 {left: -18px; top: 230px; z-index: 10;}

#cc_31 {left: -20px; top: 130px; z-index: 10;}
#cc_32 {left: 40px; top: 40px; z-index: 10;}
#cc_33 {left: 90px; top: 120px; z-index: 10;}

.clickable {
  cursor: pointer;
}
.circle_big {
  cursor: pointer;
  position: absolute; 
  left: 15px;
  top: 15px;
  z-index: 1000;
	display: none;
}
/*******************slider**/
/*******************floor**/
#footer {
  padding-bottom: 20px;
}

#floor {
  background: #000 url('images/floor.png') repeat-x;
  height: 15px;
  color: #ccc;
  padding-top: 20px; 
  font-size: 10px;
}

/******************portfolio***/
#portfolio, #portfolio li{ 
  margin:0;
  padding:0;
  list-style:none;
}	
#portfolio, #portfolio li{ 
  width:880px;
}	
#portfolio li{ 
  clear: both;
  background: url('images/line.png') repeat-x bottom;
  float: left;

}
#portfolio li .c2 img {
  margin: 17px 0;
}	
#portfolio .c1 p, #slider .c1 p {
  text-align: right;
}
#portfolio .c1 h3, #slider .c1 h3 {
  float: right;
}
#portfolio .c1 , #slider .c1  {
  position: static;
}
/*******************slider**/
#slider ul, #slider li{ 
  margin:0;
  padding:0;
  list-style:none;
}	
#slider, #slider li{ 
  height:260px;
  width:880px;
  overflow:hidden;
  }	
#slider{ 
  margin-left:5px;
}	
#prevBtn, #nextBtn{ 
	display:none;
	width:30px;
	height:77px;
	position:absolute;
	left:-25px;
	top:71px;
}	
		#nextBtn{ 
			left:701px;
			}														
		#prevBtn a, #nextBtn a{  
			display:none;
			width:30px;
			height:77px;
			background: none; /* url(../images/btn_prev.gif) no-repeat 0 0;  */	
			}	
		#nextBtn a{ 
			background: none; /* url(../images/btn_next.gif) no-repeat 0 0; */	
			}								
	

/************************/
#contact_in {
	width: 270px;	
	float: right;
	background: #EaF1F3;
	padding: 10px;
	border: 3px solid white;
}
#contact {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 1px solid #bbb;
	border-width: 0 2px 2px 0;	
	display: none;
}
#contact_form {
	position: relative;	
}
#contact_info {
	float: right;	
	text-align: right;
	padding-top: 40px;
	font-size: 12px;
	
}
#contact_info a, #contact_info b {
	font-size: 120%;
		
}
input, textarea {
	border-width: 1px;
	padding: 3px 1px;	
	font-size: 14px;
	font-family: arial, sans-serif;
	width: 125px;
}

.fields {
	list-style: none;
}
.fields li {
	float: left;
	width: 135px;
	margin-top: 10px;
}
.fields li.cb {
	float: left;
	clear: both;
	width: 260px;
}
.fields li.cb input, .fields li.cb textarea{
	width: 260px;
}

.fields label {
	font-weight: normal;	
}

.fields button {
	border: none;
	background: transparent;	
	cursor: pointer;
}