﻿/* Eric Meyer's Reset Reloaded */
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;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px; }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center; }

.coda-slider-wrapper { clear: both; overflow: auto; }
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }
.coda-nav-left, .coda-nav-right { float: left; }

body {
	font-family:  Arial, Helvetica, Verdana;
	font-size: 62.5%;
	height: 100%;
	width: 100%;
	background: #000;
	color: #ccc;
}

#header {
	display: block;
	background: url('../images/header.png') top right no-repeat;
	background-color: #3863a5;
	border-bottom: 1px solid #24436F;
	height: 300px;
	min-height: 300px;
	max-height: 300px;
}

#header img#logo {
	margin-top: 90px;
	margin-left: 55px;
	float:left;
	display: inline;
}

#head_w {
	margin:auto;
	min-height:300px;
	max-width:1200px;
}

#header #menug ul li a{
	display: block;
	height: 30px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
	margin-top: 15em;
	color: #fff;
}

#menug {
	/*margin-left:75em;*/
	position: absolute;
	right: 60px;
	width: 345px;
	
}

#header #menug ul li a#o_nas {width:62px; background: url('../images/menu_.png') no-repeat -3px -34px;}
#header #menug ul li a#o_nas:hover {width:62px; background: url('../images/menu_.png') no-repeat -3px 0px;}

#header #menug ul li a#oferta {width:74px; background: url('../images/menu_.png') no-repeat -955px -34px;}
#header #menug ul li a#oferta:hover {width:74px; background: url('../images/menu_.png') no-repeat -955px 0px;}

#header #menug ul li a#kontakt {width:79px; background: url('../images/menu_.png') no-repeat -860px -34px;}
#header #menug ul li a#kontakt:hover {width:79px; background: url('../images/menu_.png') no-repeat -860px 0px;}

#header #menug ul li a#wspolpraca {width:127px; background: url('../images/menu_.png') no-repeat -1068px -34px;}
#header #menug ul li a#wspolpraca:hover {width:127px; background: url('../images/menu_.png') no-repeat -1068px 0px;}

.coda-nav {
	height: 20px;
	width: 750px;
	margin-top: 30px;
	margin-left: 120px;	
}

#coda-nav-1 ul li a {
	margin-left: 10px;
	display: block;
	height: 20px;
	padding: 0px;
	text-indent: -9999px;
	float: left;
	color: #fff;
}

#coda-nav-1 ul li a#reklama_mobilna {width:140px; background: url('../images/menumale.png') no-repeat -5px 0px;}
#coda-nav-1 ul li a#reklama_mobilna:hover {width:140px; background: url('../images/menumale.png') no-repeat -5px -47px;}
#coda-nav-1 ul li a#reklama_mobilna.current {width:140px; background: url('../images/menumale.png') no-repeat -5px -47px;}

#coda-nav-1 ul li a#druk_wielkoformatowy {width:178px; background: url('../images/menumale.png') no-repeat -151px 0px;}
#coda-nav-1 ul li a#druk_wielkoformatowy:hover {width:178px; background: url('../images/menumale.png') no-repeat -151px -47px;}
#coda-nav-1 ul li a#druk_wielkoformatowy.current {width:178px; background: url('../images/menumale.png') no-repeat -151px -47px;}

#coda-nav-1 ul li a#mobilne_urodziny {width:145px; background: url('../images/menumale.png') no-repeat -338px 0px;}
#coda-nav-1 ul li a#mobilne_urodziny:hover {width:145px; background: url('../images/menumale.png') no-repeat -338px -47px;}
#coda-nav-1 ul li a#mobilne_urodziny.current {width:145px; background: url('../images/menumale.png') no-repeat -338px -47px;}

#coda-nav-1 ul li a#wynajem_przyczep {width:154px; background: url('../images/menumale.png') no-repeat -486px 0px;}
#coda-nav-1 ul li a#wynajem_przyczep:hover {width:154px; background: url('../images/menumale.png') no-repeat -486px -47px;}
#coda-nav-1 ul li a#wynajem_przyczep.current {width:154px; background: url('../images/menumale.png') no-repeat -486px -47px;}

.coda-slider-wrapper {
	width: 880px;
	margin: auto;
}

.coda-slider, .coda-slider .panel { 
	width: 860px; 
	height: 580px;
}

.coda-slider .panel-wrapper {
	padding: 20px;
}

.coda-slider .panel-wrapper .solo {
	float: left;
	margin:auto;
	width:800px;	
}

.coda-slider .panel-wrapper p {
	font-size: 1.55em;
	letter-spacing: -1px;
}

.coda-slider .panel-wrapper h2 {
	font-size: 2em;
	margin-bottom: 2px;
	letter-spacing: -1px;
}

table {
	margin: 0.5em 0 0.5em 2em;
	font-size: 1.55em;
	letter-spacing: -1px;
}

table th {
	text-decoration: underline;
	font-size: 1.1em;
	padding: 0.4em 0.4em 0.4em 0.4em;
}

table td {
	padding: 0.2em 0.2em 0.2em 0.2em;
}

table#ceny_ogolne {
	text-align: right;
}

#oferta_n {
	margin-top: 4em;
	margin-left:2.5em;
	margin-bottom:3em;
	height: 35px;
	width: 150px;
	text-indent: -9999px;
	background:url(../images/naglowki.png) no-repeat -152px 0px;
}

#content {
	width: 900px;
	text-align: justify;
	margin: auto;
	min-height: 55em;
}

#onas_n {
	margin-top: 4em;
	height: 35px;
	width: 150px;
	text-indent: -9999px;
	background:url(../images/naglowki.png) no-repeat -0px 0px;
}

#foty {
	margin-top: 1em;
}

#left {
	padding: 3.4em 5.3em 0.4em 0;
	width: 52.5em;
	height: 39.2em;
	float: left;
	background: url('../images/spacing.png') 53.5em 1em no-repeat;
}

#right {
	padding: 9em 0.4em 0.4em 0;
	width: 28em;
	height: 35em;
	margin-left: 0.2em;
	display: inline;
	float: right;
}

#left_onas {
	padding: 3em 2em 0.4em 0;
	width: 47em;
	height: 37.2em;
	float: left;
}

#right_onas {
	padding: 9em 0.4em 0.4em 0;
	width: 40em;
	height: 35em;
	margin-left: 0.2em;
	display: inline;
	float: right;
}

p {
	font-size: 1.55em;
	letter-spacing: -1px;
	padding: 0.3em 0 0.3em 0;
	
}

h2 {
	font-size: 2em;
	margin-bottom: 2px;
	letter-spacing: -1px;
}

.xtrig {
	color: #5d9bf7;
	outline: 0 none;
	text-decoration: none;
	letter-spacing: -1px;
	padding-left: 1px;
}

.xtrig:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.link {
	color: #5d9bf7;
	outline: 0 none;
	text-decoration: none;
	letter-spacing: -1px;
	padding-left: 1px;
}

.link:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#kontakt_n {
	margin-top: 4em;
	margin-bottom:3em;
	margin-left:4.5em;
	height: 35px;
	width: 150px;
	text-indent: -9999px;
	background:url(../images/naglowki.png) no-repeat -320px 0px;
}

#kontakt_pola {
	width: 400px;
	clear: both;
}

#kontakt_form {
	text-align: left;
	width: 100%;
	margin-top: -22px;
	margin-left: 44px;
}

#kontakt_form span {
	margin-left: 0.4em;
	font-size: 1.3em;
	letter-spacing: -1px;
}

input {
	height: 22px;
	width: 380px;
	padding: 10px 10px 2px 10px;
	background: url('../images/input.png') top left no-repeat;
	border: none;
	margin: 4px;
}

input:focus {
	background-position: -400px 0px;
	color: #333;  
}

textarea {
	height: 200px;
	width: 380px;
	padding: 10px 10px 2px 10px;
	background: url('../images/textarea.png') no-repeat;
	border: none;
	margin: 4px; 
}

textarea:focus {
	background-position: -400px 0px;
	color: #333;  
}

input.submit-button {
	height: 33px;
	width: 400px;
	padding: 0px;
	background: url('../images/sendbutton.png') no-repeat;
	cursor: pointer;
}

input.submit-button:hover { 
	background-position: -400px 0px;
	color: #333;  
}

#wspolpraca_n {
	margin-top: 4em;
	margin-bottom:3em;
	margin-left:4.5em;
	height: 45px;
	width: 250px;
	text-indent: -9999px;
	background:url(../images/naglowki_.png) no-repeat -490px 0px;
}

#wsp_l {
	margin-left:40px;
	padding-right:30px;
	}

#wsp_r {
	padding: 3em 0 0 0;
	width: 28em;
	height: 35em;
	margin-left: 0.2em;
	display: inline;
	float: right;
}

#wsp_r p {
color:#5d9bf7;
letter-spacing: 0px;
margin-bottom:20px;
}


#footer{
line-height: 1.25;
padding-top:55px;
width:900px;
background: url('../images/spacing_h.png')  0px 30px no-repeat;
height:90px;
margin:auto;

}

#footer ul {
font-size:12px;
}

.flink {
	color: #ccc;
	outline: 0 none;
	text-decoration: none;
	letter-spacing: 0px;
	padding-left: 1px;
}

.flink:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.fcopyrt {
color:#5d9bf7;
}

#f_left{
float:left;
overflow:hidden;
}

#f_left p {
color:#5d9bf7;
font-size:16px;
padding-top:0px;
letter-spacing: 0px;
}

#f_right{
	line-height: 1.4;
	text-align:right;
	float: right;
	width:190px;
}


#f_linki{
float:left;
width:140px;
} 

#f_kontakt {
float:left;
width:150px;
}
