/* CSS Document */

* {padding: 0; margin: 0;}
body {background-color: #b5bb9e; text-align: center; font: 11px Verdana, sans-serif; line-height: 1.5em; color: #0d5f06; behavior:url("csshover.htc"); }
td {font: 11px Verdana, sans-serif; line-height: 1.8em;}
img {border: none;}
p {padding-bottom: 10px; vertical-align:middle;}
ul {padding-left: 30px; padding-bottom: 10px; list-style-type: decimal; line-height: 25px; }
a {color: #0d5f06; font-weight: bold;}
a:hover {color: #f4efca; background-color: #0d5f06;}
ol li {margin: 0 0 10px 20px;
}
h1 {font: 17px Verdana, sans-serif; font-weight: bold; margin-bottom: 10px; margin-top: 0px;}
h1 span {display: block; font-size:11px; padding-top: 5px;}
h2 {font: 11px Verdana, sans-serif; font-weight: bold; margin-bottom: 15px;}
label {display: block; padding-right: 10px;}
input, select {width: 100%;}
textarea {width: 250px;}

/*glowne elementy*/
#container {width: 780px; background: #e0d8a8 url('img/container.gif') top right repeat-y; margin: auto; text-align: left;}
#header {width: 780px; height: 230px; background: #b5bb9e; position: relative;}
#header2 {width: 780px; height: 330px; background: #b5bb9e; background-image: url('img/header2.jpg'); position: relative;}
#header3 {width: 780px; height: 330px; background: #b5bb9e; background-image: url('img/header3.jpg'); position: relative;}
#header blockquote {color: #fff; position: absolute; right: 40px; bottom: 25px; font-style: italic; font-weight: bold;width: 215px;}
#header blockquote span {display: block; text-align: right; font-style: normal; font-weight: normal; padding-right: 10px;}
#cytaty {width: 310px; float: left; margin-top: 30px; clear: left;}
#cytaty p {font: 10px Verdana, sans-serif; text-align: right; float: right; line-height: 18px;}
#content {float: left; width: 730px; padding-left: 20px; padding-bottom: 20px; z-index:10;}
#przykladycontent {float: left; width: 400px; margin-top: 30px; padding-left: 20px;}
#glownacontent {float: left; width: 400px; margin-top: 30px; padding-left: 20px;}
#footer {clear: both; width: 780px; height: 137px; }




/*menu*/
div#menu {margin-left: 14px; display: block; width:754px; height: 74px; background-color: #294014; position: relative; font-size: 10px; z-index: 100;}

div#menusidebar {display: block; position: relative; margin-top: 30px; margin-left: 30px; border: 1px dashed #cfcaa6; }
#menusidebarnav, #menusidebarnav ul {list-style: none; font-weight: bold;padding: 0;}
#nav, #nav ul {float: left;list-style: none;background: #cfcaa6;font-weight: bold;padding: 0;}
#nav, #menusidebarnav {position: absolute; bottom: 0px; left: 3px; background: #294014;}
#nav a, #menusidebarnav a {display: block;	color: #0d5f06;	text-decoration: none;	background: url('img/leftcorner.gif') top left no-repeat;height: 23px; padding-left: 7px; text-decoration: none; margin: 0; 	cursor: pointer;}
#nav a:hover, #nav a.current, #menusidebarnav a:hover, #menusidebarnav a.current {background: url('img/leftcornerhover.gif') top left no-repeat; cursor: pointer;}
#nav a em, #menusidebarnav a em {background: url('img/rightcorner.gif') top right no-repeat;height: 23px; padding: 0 7px 0 0; font-style: normal;line-height: 20px; margin: 0; float: left; clear: both;}
#nav a:hover em, #nav a.current em, #menusidebarnav a:hover em, #menusidebarnav a.current em {background: url('img/rightcornerhover.gif') top right no-repeat;}
#nav a.daddy {background: url(rightarrow2.gif) center right no-repeat;padding: 0 2px;}
#nav a.daddy:hover {	background: #ede6ac;	padding: 0 2px;}
#nav li, #menusidebarnav li {	float: left;	padding: 0;	}
#nav li ul, #menusidebarnav li ul {	position: absolute;	left: -999em;	height: auto;	width: 180px;	font-weight: normal;	border-width: 0.25em;	margin: 0;	border-top: 1px solid #f4efca;}
#nav li li {	width: 180px;	padding: 0 2px;	border-top: 1px solid #b5bb9e;}
#nav li ul a {	width: 180px;}
#nav li ul ul {	margin: -1.75em 0 0 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;}
/*menu*/



.button {margin-top: 10px; font-family: Verdana; font-size: 11px; width: auto; padding: 2px 4px;}
#addticket, #printstart, #addreply, #error, #submitted {padding: 15px; margin-bottom: 10px; width: 260px; padding-top: 10px; margin-top: 20px; border: 1px dashed #cfcaa6;}
#ticket {padding: 15px; margin-bottom: 10px; width: 730px; padding-top: 30px;}
div.normal { margin-bottom: 20px; margin-right: 20px; padding: 10px;}
div.white {background-color: #FFFBE2;  margin-bottom: 20px; margin-right: 20px; padding: 2px; padding-top: 10px;}
span.label {font-weight: bold; }
#glownatresc {width: 400px; float: right; padding-top: 30px; padding-right: 20px; text-align: justify;}
#jakdzialatresc {width: 720px; float: right; padding-top: 30px;}
#wskazowkitresc {width: 720px; float: right; padding-top: 30px; text-align: justify;}
#formularzkontaktowy {width: 280px; float: left;}



/*formaplatnosci*/
#formaplatnosci {width: 720px;}
#formaplatnosci label {display: inline; width: 400px; text-align: left; float: none;}
#formaplatnosci input {width: 40px; }
#formaplatnosci input.button {width: 150px; float: left;}
/**/


/*drogowskaz*/
#drogowskaz {width: 248px; height: 345px; display: block; float: left; position: relative; background: url('img/drogowskaz.gif') no-repeat; margin-top: 30px; margin-left: 30px; border: 1px dashed #cfcaa6; }
#drogowskaz a {display: block; background: none; }
a#zyciezawodowe {position: absolute; left: 121px; top: 41px; width: 91px; height: 59px;}
a#zyciezawodowe:hover {background: url('img/drogowskazzawodo.gif'); }
a#zycieosobiste {position: absolute; left: 21px; top: 71px; width: 100px; height: 58px;}
a#zycieosobiste:hover {background: url('img/drogowskazosobi.gif');}
a#jednorazowa {position: absolute; left: 121px; top: 116px; width: 107px; height: 60px;}
a#jednorazowa:hover {background: url('img/drogowskazjedno.gif');}
a#sprzedazpomyslow {position: absolute; left: 19px; top: 143px; width: 102px; height: 59px;}
a#sprzedazpomyslow:hover {background: url('img/drogowskazsprze.gif');}
a#wskazowkainna {position: absolute; left: 121px; top: 188px; width: 101px; height: 57px;}
a#wskazowkainna:hover {background: url('img/drogowskazinna.gif');}
a#warsztaty {position: absolute; top: 380px; left: 70px;}
/**/

a#warsztaty {display: block;	color: #0d5f06;	text-decoration: none;	background: url('img/leftcorner1.gif') top left no-repeat;height: 23px; padding-left: 17px; text-decoration: none; margin: 0; 	cursor: pointer;}
a#warsztaty:hover {background: url('img/leftcornerhover1.gif') top left no-repeat; cursor: pointer;}
 a#warsztaty em {background: url('img/rightcorner1.gif') top right no-repeat;height: 23px; padding: 0 17px 0 0; font-style: normal;line-height: 23px; margin: 0; float: left; clear: both;}
 a#warsztaty:hover em {background: url('img/rightcornerhover1.gif') top right no-repeat;}

.tdinfo {padding-left: 10px; vertical-align:top; width: 125px;}
#proceszam {margin-bottom: 20px; margin-top: 10px;}
#proceszam tr#toprow td {
border-top: 1px dashed #cfcaa6;
border-left: 1px dashed #cfcaa6;
border-right: 1px dashed #cfcaa6;}
#proceszam tr#bottomrow td {
border-bottom: 1px dashed #cfcaa6;
border-left: 1px dashed #cfcaa6;
border-right: 1px dashed #cfcaa6;
padding: 0 10px 10px 10px;
}
#proceszam a {height: 132px; display: block; background: none; width: 125px;}
a#zamow  { background: url('img/zamow.gif') center;}
a#zamow:hover  { background: url('img/zamowhover.gif') center;}
a#zaplata { background: url('img/zaplata.gif') center;}
a#zaplata:hover  { background: url('img/zaplatahover.gif') center;}
a#wycena { background: url('img/zobaczwycene.gif') center;}
a#wycena:hover  { background: url('img/wycenahover.gif') center;}
a#ocena  { background: url('img/ocena.gif') center;}
a#ocena:hover  { background: url('img/ocenahover.gif') center;}
a#zobacz  { background: url('img/zobacz.gif') center;}
a#zobacz:hover  { background: url('img/zobaczhover.gif') center;}

table#zespol tr {border: 1px dashed #cfcaa6;
				padding: 10px;
				display: block;
				margin-bottom: 10px;}
table#zespol td.foto {width: 100px;}
ul img {vertical-align: middle; padding-right: 2px;}
ul#listaform li {height: 50px; display: block;}