/*
Theme Name: Ekki Design
Theme URI: http://www.spleen.com.pl/
Description: EkkiDesign.pl TEMPLATE.
Version: 1.1
Author: iTSOLUTIONS by SPLEEN
Author URI: http://www.spleen.com.pl/
Tags: ekki, design,
*/ 

*
{
margin:0;
padding:0;
border:0;
}

html
{
height: 100%;
margin: 0;
padding: 0;
}

body
{
height: 100%;
margin: 0 auto;
padding: 0;
background: #000000 url('images/bg.png') repeat-x;
background-position: 0 0px;
font-size: 12px;
font-family: Arial, sans-serif;
color: #ffffff;
}

a, img
{
outline: none;
text-decoration: none;
margin: 0;
padding: 0;
border:0;
color: #ffffff;
}

#wrapper
{
margin:0 auto;
padding:0;
border:0;
width:1006px;
position: relative;
height: auto !important;
height: 100%;
}

/*header*/
#header
{
width: 1006px;
position: relative;
padding:0;
margin: 0;
height: 107px;
float: left;
background: url('images/header.png');
}

#header .logo
{
position: absolute;
		top: 21px;
		left: 63px;
width: 125px;
height: 65px;
}

#header .en
{
position: absolute;
		top: 80px;
		left: 931px;
}

#header .pl
{
position: absolute;
		top: 80px;
		left: 962px;
}

/*header*/

/*menu*/
#menu
{
position: relative;
float: left;
margin: 0px;
width: 1006px;
height: 54px;
text-align: center;
background: url('images/menu_bg.png') no-repeat;
}

#menu ul
{
margin-top: 15px;
margin-left: 17px;
width: 976px;
list-style-type:none;
height:21px; 
line-height:21px;
}

#menu ul li
{
display:inline;
}

#menu ul li a
{
display:block;
cursor:pointer;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-decoration: none;
float: left;
padding: 0px 33px;
}

#menu ul li a:hover
{
color:#8DC63F;
}

#menu ul li .active
{
color:#8DC63F;
}

#menu .current_page_item a, 
#menu .current_page_item a:link,
#menu .current_page_item a:hover,
#menu .current_page_item a:visited,
#menu .current_page_item a:active 
{
color:#8DC63F;
}
/*menu*/

#slider
{
position: relative;
float: left;
width: 970px;
height: 370px;
margin-left: 18px;
}

#box
{
position: relative;
float: left;
width: 970px;
height: 216px;
margin-left: 18px;
}

#box .box_1
{
position: relative;
float: left;
width: 211px;
height: 216px;
background: url('images/box_1_bg.png') no-repeat;
}

#box .box_1 img,
#box .box_2 img,
#box .box_3 img
{
position: absolute;
		top: 16px;
}

#box .title
{
position: absolute;
		top: 170px;
width: 211px;
text-align: center;
font-size: 16px;
}

#box .title a:hover
{
color:#8DC63F;
} 

#box .box_1_space
{
position: relative;
float: left;
width: 42px;
height: 216px;
background: url('images/box_1_space.png') no-repeat;
}

#box .box_2
{
position: relative;
float: left;
width: 210px;
height: 216px;
background: url('images/box_2_bg.png') no-repeat;
}

#box .box_space
{
position: relative;
float: left;
width: 42px;
height: 216px;
background: #000000;
}

#box .box_3
{
position: relative;
float: left;
width: 211px;
height: 216px;
}

#box .box_4
{
position: relative;
float: left;
width: 212px;
height: 216px;
background: url('images/box_4.png') no-repeat;
}

#box .box_4 .contact
{
position: absolute;
	top: 30px;
	left: 25px;
}

/*szybki kontakt box*/
.contact_title
{
font-size: 16px;
}

.contact_info
{
font-size: 14px;
}

.contact_link a, 
.contact_link a:link, 
.contact_link a:hover,
.contact_link a:visited
{ 
font-size: 16px;
color:#8DC63F;
}
/*szybki kontakt box*/

/*container*/
#container
{
position: relative;
float: left;
width: 972px;
margin-left: 18px;
}

#container .text_left
{
position: relative;
float: left;
width: 670px;
height: 521px;
background: url('images/text_bg.png') no-repeat;
}

#container .text_left_contact
{
position: relative;
float: left;
width: 323px;
height: 560px;
}

#container .text_left .text
{
padding-left: 35px;
padding-right: 35px;
padding-top: 25px;
color: #313030;
text-align: justify;
height: 450px;
}

#container .text_left .text ul li
{
margin-left: 45px;
padding-left: 7px;
line-height: 20px;
}

#container .text_left .text h2
{
color:#8DC63F;
font-size: 17px;
height: 35px;
}

#container .text_right
{
position: relative;
float: left;
width: 280px;
height: 521px;
margin-left: 22px;
}

#container .text_right_contact
{
position: relative;
float: left;
width: 634px;
height: 253px;
margin-left: 13px;
}

#container .text_right_contact .img
{
float: left;
position: relative;
background: url('images/contact_img.png') no-repeat;
width: 336px;
height: 252px;
}

#container .text_right_contact .contact_box
{
margin-left: 13px;
float: left;
position: relative;
background: url('images/contact_box.png') no-repeat;
width: 280px;
height: 253px;
}

#container .text_right_contact .contact_box .text_1
{
padding-top: 22px;
padding-left: 30px;
}

#container .map
{
float: left;
position: relative;
background: #000000;
width: 649px;
height: 267px;
margin-top: 1px;
}

#container .text_right .slider_small
{
position: relative;
float: left;
width: 279px;
margin-right: 1px;
height: 370px;
background: url('images/slider_small.png') no-repeat;
}

#container .text_right .contact
{
position: relative;
float: left;
width: 280px;
height: 136px;
margin-top: 15px;
background: url('images/box_contact.png') no-repeat;
}

#container .text_right .contact .into
{
padding-top: 18px;
padding-left: 30px;
}

#container .line_bottom
{
position: relative;
float: left;
width: 972px;
height: 65px;
background: url('images/line_bottom.png') no-repeat;
}

#container .line
{
position: relative;
float: left;
width: 972px;
height: 55px;
background: url('images/line.png') no-repeat;
}

#container .line_gallery
{
position: relative;
float: left;
width: 972px;
height: 133px;
background: url('images/line_contact.png') no-repeat;
}
/*container*/

/*realizacje box*/
#box_gallery
{
position: relative;
float: left;
width: 970px;
height: 216px;
margin-left: 1px;
}

#box_gallery .box_1
{
position: relative;
float: left;
width: 211px;
height: 216px;
}

#box_gallery .box_1 img
{
position: absolute;
		top: 17px;
}

#box_gallery .title
{
position: absolute;
		top: 170px;
width: 211px;
text-align: center;
font-size: 16px;
}
#box_gallery .title a, #box_gallery .title a:link, #box_gallery .title a:visited
{
color: #9f9f9f;
}

#box_gallery .title a:hover
{
color:#8DC63F;
} 

#box_gallery .box_2
{
position: relative;
float: left;
width: 210px;
height: 216px;
}

#box_gallery .box_2 img
{
position: absolute;
		top: 17px;
}

#box_gallery .box_space
{
position: relative;
float: left;
width: 41px;
height: 216px;
background: #000000;
}

#box_gallery .box_3
{
position: relative;
float: left;
width: 211px;
height: 216px;
background: url('images/box_33_bg.png') no-repeat;
}

#box_gallery .box_3 img
{
position: absolute;
		top: 17px;
}

#box_gallery .box_4
{
position: relative;
float: left;
width: 212px;
height: 216px;
background: url('images/box_4.png') no-repeat;
}

#box_gallery .box_4 .contact
{
position: absolute;
	top: 30px;
	left: 25px;
}

/*realizacje box*/
#gallery
{
float: left;
position: relative;
width: 780px;
height: 416px;
margin-top: 20px;
background: #000000;
}

#gallery ul li
{
margin-left: 25px;
padding-left: 7px;
line-height: 18px;
}

#gallery ul li a,
#gallery ul li a:link,
#gallery ul li a:visited
{
font-size: 14px;
text-decoration: none;
cursor: pointer;
}

#gallery ul li a:hover
{
color:#8DC63F;
}

#footer
{
position: relative;
width: 1006px;
height: 54px;
float: left;
background: url('images/footer_bg.png') no-repeat;
margin-bottom: 15px;
}

#footer .info
{
position: absolute;
		top: 10px;
width: 1006px;
text-align: center;
font-size: 11px;
}