/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/
.coin-slider { width: 936px; overflow: hidden; /* zoom: 1*/; position: absolute; top: 177px; left: 27px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.coin-slider { font-family: arial; font-size: 80%;}
.cs-buttons { font-size: 0px; padding: 10px 10px 10px 20px;}
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #1bb6e9; color: #1bb6e9; text-indent: -1000px; }
.cs-active { background-color: #1bb5e7; color: #FFFFFF; }
.cs-title { width: 936px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
/* v1.0 | 20080212 */
/* start reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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, ol, ul, li,
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* stop reset css */

.grey{
color: #434343;
}

h1{
font-family: georgia;
font-size: 18px;
font-style: italic;
text-align: left;
margin: 0 0 20px 0;
padding-left: 10px;
border-left: 20px solid #1bb6e9;
}

.clear{
clear: both;
}

#header{
width: 990px; 
margin: 0 auto;
height: 400px;
position: relative; bottom: 20px;
}

#header-1{
width: 990px; 
margin: 0 auto;
height: 300px;
position: relative;
bottom: 20px;
z-index: 0;
}

#top{
width: 990px; 
height: 400px;
background: url('../images/erkastudio-tworzenie-stron-internetowych-back.png') no-repeat center top;
position: absolute; top: 0;
z-index: 0;
}

#top-line{
height: 20px;
width: 100%;
background: #f2f2f2;
padding: 0;
margin: 0;
z-index: -1;
}

#middle{
padding: 0;
margin: 0;
position: absolute; left: 0;
width: 100%;

}

#middle-line{
height: 135px;
background: #f2f2f2;
padding: 0;
margin: 0;
position: absolute;
top: 280px; left: 0;
width: 100%;
border-bottom: 1px solid #c1c1c1;
}

#logo{
position: absolute;
width: 225px;
height: 132px;
top: 40px;
left: 28px;
}

.nav-active{ 
color: #5b5a5a;
text-decoration: underline;
}

#nav {
position: absolute; top: 43px; right: 0px;
}

#nav ul {
margin: 0 26px 0 0 ;
padding: 0;
display: block;
}

#nav ul li{
font-family: Georgia;
font-style: italic;
font-size: 18px;
color: #434343;
display: block;
float: left;
width: 110px;
text-align: center;
margin: 0 1px;
}

#nav ul li a{ 
text-decoration: none;
color: #434343;
display: block;
}

#nav ul li a:hover{ 
color: #5b5a5a;
text-decoration: underline;
}


.nodecoration{
text-decoration: none;
}

.white{
color:white;
}

.wiecej-1{
width: 116px; 
height: 43px;
font-family: georgia;
font-style: italic;
font-size: 18px;
color: white;
padding: 0px 0 0 35px;
position: relative; top: 216px; left: 0;
}

.wiecej-2{
width: 116px; 
height: 43px;
font-family: georgia;
font-style: italic;
font-size: 18px;
color: white;
padding: 0px 0 0 35px;
position: relative;
top: 216px; left: 0;
}

#content{
width: 936px; 
margin: 50px auto 0 auto;
z-index: 1;
}

#content-left{
height: 249px;
width: 457px; 
background: url('../images/kontakt-box.jpg') no-repeat center top;
float: left;position: relative;
}

#content-left-text{
font-family: georgia;
font-style: italic;
font-size: 18px;
margin: -10px 0 0 0;
padding: 0px 0px 0 70px;
line-height: 40px;
}

#content-right{
height: 249px;
width: 457px; 
background: url('../images/referencje-box.jpg') no-repeat center top;
float: right;
position: relative;
}

#content-right-text{
font-family: georgia;

font-size: 14px;
padding: 0 20px 0px 20px;
text-align: justify;
line-height: 18px;
}

#content-1{
width: 936px; 
margin: -225px auto 0 auto;
z-index: 1;
position: relative;
}

#content-2{
width: 936px; 
margin: 950px auto 0 auto;
z-index: 99;

}


.corner{
width: 300px; 
height: 30px;
background: url('../images/corner.png') no-repeat center top;
position: relative; left: 850px; top: 3px;
}

.slide-cien{
width: 465px; 
height: 34px;
background: url('../images/slide-down.png') no-repeat center top;
position: relative; top: 403px; left: 498px;
}



#footer-right{
float: right;
height: 162px;
width: 561px;
margin: 30px 0 0 0;
background: url('../images/tworzenie-stron-internetowych-baner.jpg') top center no-repeat;
}

#footer-left{
float: left;
padding: 15px;
color: #424242;
font-family: arial;
font-size: 12px;
line-height: 18px;
}

#footer-logo{
float: right;
margin: 35px 15px 15px 15px;
}

#footer{
width: 936px;
height: 183px;
margin: 30px auto 0 auto;
padding: 0;
color: #424242;
font-family: arial;
font-size: 12px;
z-index: 6;
}

#footer-1{
width: 936px;
height: 53px;
margin: 30px auto 0 auto;
padding: 0;
color: #424242;
font-family: arial;
font-size: 12px;
z-index: 6;
}

#footer-nav{

}

#footer-nav ul {
margin: 0 ;
padding: 0;
display: block;
}

#footer-nav ul li{
font-family: arial;
font-size: 12px;
color: #424242;
display: block;
float: left;
text-align: center;
margin: 0 0px;
}

#footer-nav ul li a{ 
text-decoration: none;
color: #424242;
display: block;
padding: 8px;
}

#footer-nav ul li a:hover{ 
color: #ffffff;
background-color: #1ab4e7;
}

#footer-hr{
color: #424242;
height: 1px;
margin: 20px 0 5px 0;
border-top:1px dashed #424242;
 border-width:1px 0 0 0;
 height:1px;
}

#copyright{
float: left;
padding-top: 10px;
}

#footer-nav{
float: right;
}

/* kontakt */

#contact-box{
width: 900px;
margin: 0 auto 0 auto;
padding-top: 40px;
z-index: 2;
}

#contact{
display: none;
position: relative;
background: url('../images/contact-slide-down.jpg') bottom center no-repeat #99d5e9;
z-index:6;
width: 100%;
padding-bottom: 10px;
}


.text{
	padding: 8px;
	font-size: 13px;
	width: 600px;
	color: #103845;
	font-family: arial;
	background-color: #f2f2f2;
	border: 1px solid #4f99b1;
	}
	
.atext{
	border: 1px solid #4f99b1;
	padding: 8px;
	font-size: 13px;
	width: 600px;
	color: #103845;
	height: 90px;
	background-color: #f2f2f2;	
	font-family: arial;
	}
	
label.contact_label{
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 2em;
	margin-top: 5px;
	display: block;
	font-size: 17px;
	color: #1a3138;
	font-family: georgia;
	font-style: italic;
	}
.contact_div{
	margin-bottom: 10px;
	}
#submit input {
	border: none;
	font-family: georgia;
	color: #434343;
	background-color: #99d5e9;
	font-weight: bold;
	font-size: 26px;
	float: right;
	margin-right: 60px;
	margin-top: -10px;
	padding: 6px 6px 6px 6px;
	}

#submit input:hover {
	cursor: pointer;
	background-color: #e33361;
	color: white;
	}
	
.focus-contact{
background-color: white;
border: 1px solid #1a3138;
color: #1a3138;
}
	
label.error {
	font-family:arial;
	float: none;
	display:block;
	color: #d22a56;
	width: 604px;
	margin: 5px 0 0 221px;
	padding: 6px;
	vertical-align: top;
	font-size: 12px;
	border: 1px solid #d22a56;
	background-color: #fdf2f5;
	text-align: center;
	}

#poszlo{
	visibility: hidden;
	font-family:arial;
	float: none;
	display:block;
	position: absolute; top: 5px;
	color: #8b8730;
	width: 604px;
	margin: 0px 0 5px 221px;
	padding: 6px;
	vertical-align: top;
	font-size: 12px;
	border: 1px solid #dbcb20;
	background-color: #fffde9;
	text-align: center;
	}	

#contact-load{
	visibility: hidden;
	font-family:arial;
	float: none;
	display:block;
	position: absolute; top: 5px;
	color: #8b8730;
	width: 604px;
	margin: 0px 0 5px 221px;
	padding: 6px;
	vertical-align: top;
	font-size: 12px;
	border: 1px solid #dbcb20;
	background-color: #fffde9;
	text-align: center;
}	
	
.kontakt-zamknij{
font-family: tahoma;
font-size: 26px;
text-decoration: none;
font-weight: bold;
padding: 0px 6px 6px 6px;
color: #103845;
position: absolute; top: 10px; right: 10px;
}	

.kontakt-zamknij:hover{
	background-color: #e33361;
	color: white;
}
	
.rea{
margin-bottom: 30px;
position: relative;
}
.rea-left{
float: left;
color: #2b91b2 ;
padding: 20px;
}
.rea-right{
float: right;
text-align: right;
padding: 7px;
line-height: 20px;
color: #5c5c5c;
}

.rea-down{

text-align: center;
}

.rea-a-img{
border: 1px solid #e9e9e9;
 width: 936px;
 height: 226px;
}


.rea-top{
border-bottom: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
font-family: georgia;
font-size: 12px;
width: 936px;
}

.rea-cien{
width: 936px; 
height: 34px;
background: url('../images/slide-down.png') no-repeat center top;
position: relative; left: 240px; bottom: 30px;
}



.rea-a-img a span {
    display: none;
    font-size: 2.0em;
    font-weight: bold;
    height: 136px;
    padding-top: 90px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 936px;
    z-index: 100;
}
    .rea-a-img a span em {
        display: block;
        font-size: 0.45em;
        font-weight: normal;
    }


.dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
.dark-background em {
    color: #ccc;
}

.akapit{
font-family: georgia;
font-size: 14px;
margin: 0 0 20px 0;
line-height: 20px;
text-align: justify;
text-indent: 30px;
}

.akapit-box{
font-family: georgia;
line-height: 15px;
font-size: 12px;
border: 1px solid #e1e1e1;
background: #f2f2f2;
width: 425px;
float: left;
text-align: justify;
padding: 15px 15px 0 15px;
margin: 5px;
}

.www-box{
background: url('../images/tworzenie-stron-internetowych.jpg')  no-repeat center top;
font-family: georgia;
line-height: 18px;
font-size: 12px;
width: 427px;
height: 244px;
float: left;
text-align: justify;
padding: 45px 15px 0 15px;
margin-right: 10px;
position: relative;
}

.promo-box{
background: url('../images/promocja.jpg')  no-repeat left top;
font-family: georgia;
line-height: 18px;
font-size: 12px;
width: 934px;
height: 232px;
float: left;
text-align: justify;
padding: 15px 15px 0 15px;
position: relative;
}

.promo-text{
color: #af0808;


}

.seo-box{
background: url('../images/pozycjonowanie-stron-internetowych.jpg')  no-repeat center top;
font-family: georgia;
line-height: 18px;
font-size: 12px;
width: 427px;
height: 244px;
float: left;
text-align: justify;
padding: 45px 15px 0 15px;
margin-left: 10px;
position: relative;
}

.color-style{
padding-left: 5px;
font-weight: bold;
font-style: italic;
}

.color-style:hover{
color: white;
padding: 5px;
}

.color1{
color: #8f8615;
}

.color1:hover{
background-color: #d8cb1d;
}

.color11{
color: #8f8615;
text-decoration: none;
}

.color11:hover{
color: #d8cb1d;
text-decoration: underline;
}

.color2{
color: #911637;
}
.color2:hover{
background-color: #d52a57;
}

.color21{
color: #911637;
text-decoration: none;
}
.color21:hover{
color: #d52a57;
text-decoration: underline;
}

.color3{
color: #af0808;
}
.color3:hover{
background-color: #af0808;
}

.price{
border-bottom :1px dashed #424242;
font-family: arial;
font-size: 14px;
clear: both;
padding: 20px 0;
}

.price-text{
float: left;
font-family: arial;
}

.price-info{
float: right;

}

.price-footer{
font-family: arial;
font-size: 12px;
padding: 20px 0;
}

.old-price{
text-decoration: line-through;
font-family: georgia;
font-style: italic;
font-size: 18px;
}

.new-price{
font-family: georgia;
font-style: italic;
font-size: 18px;
}

.referencje{
border-left :20px solid #e1e1e1;
border-top :1px solid #e1e1e1;
border-right :1px solid #e1e1e1;
border-bottom :1px solid #e1e1e1;
padding: 20px;
background: #f2f2f2 ;
font-size: 17px;
margin: 10px 0 20px 0;
}

.referencje-text{
font-style: italic;
margin-bottom: 20px;
text-align: justify;
text-indent: 40px;
}

.font80{
font-size: 80%;
}

.erka{color: #1ab6e9; font-weight: bold;}
.studio{color: #434343; font-weight: bold;}