/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~                                ~
~   Elzag PROTECH                ~
~   09.10.2007                   ~
~   Empathy Interactive          ~
~   /Tomasz Piłat/               ~  
~                                ~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
	html, body, h1, h2, h3, h4, h5, h6, div, span,
	blockquote, p, address, form, fieldset, img,
	ul, ol, dl, dt, dd, li, hr, table, td, th,
	strong, em, sup, sub, dfn, ins, del, q, cite,
	var, samp, code, kbd, tt {
		margin: 0;
		padding: 0;
		border: 0;
	}
	legend { display: none; }
	
	body { font-size: 11px; font-family: Tahoma, Verdana, sans-serif; }
	#header, #content, #footer, #intro, #path { width: 940px; margin: 0 auto; }
	a { text-decoration: none; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #header
~~~~~~~~~~~~~~~~~~~~~~~*/
	
	#top { 
		overflow: hidden; 
		border-bottom: 3px solid #a11313; 
		position: relative; 
		padding: 27px 0 6px 0;
	}
	#top a { outline: none; }

	#menu {
		list-style: none;
		position: absolute;
		bottom: 0;
		right: 30px;
	}
	#menu li { float:left; }
	
	#flags { position: absolute; top: 5px; right: 25px; }
	#flags li { list-style: none; display: inline; margin-right: 10px; }
	
	#firma a, 
	#oferta a, 
	#hurtownia a,
	#uslugi a, 
	#referencje a, 
	#kariera a, 
	#kontakt a {
		display: block; 
		background: url(/_p/gfx/menu.gif) 0 0 no-repeat;
		outline: none;
		text-indent: -9999px;
		height: 29px;
	}
	
	#firma a { background-position: 0 0; width: 74px; }
	#oferta a { background-position: -73px 0; width: 141px; }
	#hurtownia a { background-position: -214px 0; width: 101px; }
	#uslugi a { background-position: -315px 0; width: 72px; }
	#referencje a { background-position: -387px 0; width: 105px; }
	#kariera a { background-position: -492px 0; width: 95px; }
	#kontakt a { background-position: -587px 0; width: 83px; }
	
	#firma a:hover, #firma a.active { background-position: 0 -29px; width: 74px; }
	#oferta a:hover, #oferta a.active { background-position: -73px -29px; width: 141px; }
	#hurtownia a:hover, #hurtownia a.active { background-position: -214px -29px; width: 101px; }
	#uslugi a:hover, #uslugi a.active { background-position: -315px -29px; width: 72px; }
	#referencje a:hover, #referencje a.active { background-position: -387px -29px; width: 105px; }
	#kariera a:hover, #kariera a.active { background-position: -492px -29px; width: 95px; }
	#kontakt a:hover, #kontakt a.active { background-position: -587px -29px; width: 83px; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #intro	
~~~~~~~~~~~~~~~~~~~~~~~*/

	#intro { 
		margin: 14px auto; 
		overflow: hidden;
		background: url(/_p/gfx/bgIntroMain.jpg) center 0 no-repeat;
		height: 279px;
		color: #ffffff;
		padding: 0 30px;
		width: 880px;
	}
	.smaller { height: 170px !important; }
	
	#intro h1 {
		font-weight: normal; 
		margin-top: 20px; 
		font-size: 36px;
	}
	#intro h1 span { display: block; color: #a21313 ; }
	#intro ul { list-style: none; overflow: hidden;}
	#intro ul li { 
		float: left;
		display: block;
		margin: 0 2px; 
		background: url(/_p/gfx/crossTop.gif);
		padding: 10px 33px 10px 29px;
	}
	#intro ul li a, #intro ul li strong {
		color: #ffffff;
		font-weight: bold; 
		padding-left: 10px;
		background: url(/_p/gfx/listStyle2.gif) 0 50% no-repeat;
		outline: none;
	}
	#intro ul li a:hover { text-decoration: underline; }
	
	#intro p { width: 320px; margin: 10px 0 20px 0; }
	
	
/*~~~~~~~~~~~~~~~~~~~~~
    #content	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#content { 
		padding: 10px; 
		width: 920px;
		background: url(/_p/gfx/bgStripsDark.gif) 0 0 repeat-y;
		overflow: hidden;
		zoom: 1;
	}
	
	#newsletter h2, #shop h2, #contact h2 { font-size: 16px; }
	#newsletter h3, #shop h3, #contact h3 { font-size: 12px; font-weight: normal; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #newsletter	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#newsletter { 
		clear: both; 
		width: 278px;
		background: #ffffff;
		float: left;
		margin-right: 10px;
		min-height: 108px;
		padding: 13px 12px 15px 12px;
	}
	#newsletter h3 { display: none; }
	#newsletter h2 {
		display: block;
		width: 195px;
		height: 35px;
		text-indent: -9999px;
		background: url(/_p/gfx/hNewsletter.gif) 0 0 no-repeat;
	}
	
	#newsletter form { margin: 0; }
	#newsletter em { font-style: normal; margin: 5px 0 10px 0; display: block; color: #707070; }
	#newsletter .txt { width: 240px; margin-right: 5px; }
	#newsletter .submit { position: relative; top: 7px; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #shop	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#shop {
		width: 289px;
		background: #A01212 url(/_p/gfx/bgSklep.gif) center 0 no-repeat;
		float: left;
		margin-right: 10px;  
		min-height: 106px;
		padding: 15px 12px;
	}
	#shop h2, #shop h3 { display: none; }
	#shop a { font-style: normal; color: #ffffff; width: 150px; display: block; margin-top: 37px; }
	#shop p { font-style: normal; color: #ffffff; width: 240px; display: block; margin-top: 37px; }
	#shop a:hover { text-decoration: underline; }

/*~~~~~~~~~~~~~~~~~~~~~
    #contact	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#contact {
		width: 261px;
		float: left;
		min-height: 108px;
		background: #dedede;
		padding-top: 13px;
		padding-bottom: 15px; 
		padding-left: 12px;
		padding-right: 9px;
	}
	#contact h3 { display: none; }
	#contact h2 {
		display: block;
		width: 131px;
		height: 35px;
		background: url(/_p/gfx/hKontakt.gif) 0 0 no-repeat;
		text-indent: -9999px;
	}
	
	#contact big { font-size: 11px; color: #000000; margin-top: 4px; display: block; }
	#contact big span { color: #a21313; font-weight: bold; }
	
	#contact address, #contact .phone { 
		font-style: normal; 
		color: #717171; 
		width: 125px; 
		display: block; 
		line-height: 1.2em;
		margin-top: 8px; 
	}
	#contact address { float: left; }
	#contact .phone { float: right; } #contact .phone em { font-style: normal; }
	
	#contact ul { 
		color: #717171; 
		list-style: none; 
		display: block; 
		clear: both;
		margin-top: 43px;
		overflow: hidden;
	}
	#contact li { float: left; margin: 0 2px; }
	#contact a { color: #a21313; text-decoration: underline; }
	#contact .links { float: left; margin-top: 8px; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #path 	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#path { margin-bottom: 12px; text-align: right; } 
	#path ul { list-style: none; }
	#path ul li { 
		display: inline; 
		background: url(/_p/gfx/listStyle.gif) 0 50% no-repeat;
		padding-left: 10px;
		margin-right: 6px;
	}
	#path ul li a { color: #717171; }
	#path ul li a:hover { text-decoration: underline; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #sidebar 	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#sidebar { float: left; width: 200px; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #categories 	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#categories { padding: 10px; background: #ffffff; margin-bottom: 10px; }
	#categories h2 { color: #A11313; font-size: 16px; }

/*~~~~~~~~~~~~~~~~~~~~~
    #body 	
~~~~~~~~~~~~~~~~~~~~~~~*/
	.body {
		float: right;
		width: 690px;
		background: #ffffff;
		padding: 10px;
	}	
	.body h2 { 
		color: #A11313; 
		margin-bottom: 10px;
		font-size: 24px; 
		border-bottom: 2px solid #dedede;
	}
	.body p { line-height: 1.5em; margin-bottom: 1em; color: #707070; }
	.body ul, .body ol  { margin-left: 20px; margin-bottom: 1em; color: #707070; line-height: 1.5em; }
	.body a { color: #a11313; }
	.body a:hover { text-decoration: underline; }
	
	.body form.form { color: #707070; }
	.body form.form div { margin: 5px 0; }
	.body form.form label { float: left; display: block; width: 90px; }
	.body form.form .txt { width: 180px; font-family: Tahoma, Verdana, sans-serif; }
	.body form.form textarea.txt { width: 250px; height: 100px; }
	
	.body h3 { 
		font-size: 12px;	
		color: #Ab0b13;	
		border-bottom: 1px solid #dedede; 
		margin: 10px 0;
		padding: 3px 0; 
	}
	
	.body table { 
		line-height: 1.5em; margin-bottom: 1em; color: #707070;
	}
	.body td {
		line-height: 1.5em;  
		color: #707070;
		padding: 10px;
	}
	.body th {
		line-height: 1.5em;  
		color: #707070;
		padding: 10px;
		background: #f7f7f7;
	}
	
	
/*~~~~~~~~~~~~~~~~~~~~~
    #access	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#access { 
		background: #8a0c0c url(/_p/gfx/bgLogowania.gif) 0 0 no-repeat; 
		min-height: 154px; 
		padding: 10px;
		margin-bottom: 10px; 
	}
	#access h2, #access h3 { display: none; }
	#access form {
		color: #ffffff;
		padding-top: 35px;
		position: relative;
	}
	#access label { display: block; margin: 5px 0; }
	#access .txt { width: 170px; }
	#access a { 
		color: #ffffff; 
		font-weight: bold; 
		padding-right: 10px;
		background: url(/_p/gfx/listStyleWhite.gif) 100% 50% no-repeat;
		float: left;
		margin-top: 10px; 
	}
	#access a:hover { text-decoration: underline; }
	#access .submit { float: right; margin-top: 10px; }

/*~~~~~~~~~~~~~~~~~~~~~
    #boxes	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#boxes { clear: both; }
	#boxes #newsletter, #boxes #shop, #boxes #contact { min-height: 88px; }
	#boxes #contact strong { display: block; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #cart	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#cart {
		padding: 5px 10px;
		background: url(/_p/gfx/crossLight.gif);
		display: inline; 
		position: absolute;
		right: 33px;
		top: 30px;
	}
	#cart big { font-size: 11px; font-weight: bold; margin-right: 10px; }
	#cart dd, #cart dl, #cart dt { display: inline; }
	#cart dd { margin-right: 4px; font-weight: bold; font-size: 12px; }
	#cart dd em { color: #A21313; font-style: normal; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #products	
~~~~~~~~~~~~~~~~~~~~~~~*/
	#products { overflow: hidden; }
	#products .product { 
		float: left;
		padding: 15px 26px;
		width: 173px;
	}
	#products .product img { border: 3px solid #dedede; margin-bottom: 5px; }
	.body #products h3 { font-size: 12px;	color: #Ab0b13;	margin: 0; padding: 0; border: 0;}
	
	#products dl { 
		margin: 5px 0;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding: 5px 0;
		line-height: 1.5em;
		width: 170px;
		color: #707070;
	}
	#products dt { display: block; float: left; width: 80px; clear: left; }
	#products dd { font-size: 13px; }
	#products dd strong { color: #000000; }
	
	#products .more {
		color: #707070;
		padding: 2px 0;
		padding-right: 25px;
		background: url(/_p/gfx/butRightDark.gif) right 50% no-repeat;
		float: left;
	}
	#products .more:hover { text-decoration: underline; }
	#products .addCart {
		padding: 2px 0;
		padding-right: 25px;
		background: url(/_p/gfx/butDownRed.gif) right 50% no-repeat;
		float: right;
		color: #a11313;
		font-weight: bold;
	}
	#products .addCart:hover { text-decoration: underline; }
	
/*~~~~~~~~~~~~~~~~~~~~~
    #product
~~~~~~~~~~~~~~~~~~~~~~~*/
	#product {  width: 665px; margin: 0 auto; }
	#product img { float: left; border: 3px solid #dedede; margin: 0 10px 0 0; }
	.info {	color: #707070; margin-left: 330px;	}
	.info dt { padding: 8px 0;
		border-bottom: 1px solid #dedede; 
		width: 200px;
	}
	.info dd { 
		padding: 8px 0; 
		float: right; 
		border-bottom: 1px solid #dedede; 
		width: 200px; 
		text-align: right; 
		margin-top: -30px;
	}
	.info em { font-weight: bold; font-style: normal; }
	.info big { font-size: 11px; font-weight: bold; color: #A11313; }
	.info strong { color: #000000; }
	
	.info form { 
		background: url(/_p/gfx/crossLight.gif) 0 0;
		margin: 10px 0;
		text-align: center;
		padding: 10px 0; 
	}
	.info form div { display: inline; }
	.info form .txt {
		border-top: 1px solid #dedede;
		border-left: 1px solid #dedede;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		padding: 3px;
		background: #ffffff;
		width: 25px;
		margin-right: 30px;
	}
	.info form a { 
		color: #a11313; 
		font-weight: bold;
		padding: 5px 0; 
		padding-right: 30px; 
		background: url(/_p/gfx/butCart.gif) right 50% no-repeat; 
	}
	.body .info form a:hover { text-decoration: underline; }
	
	.desc { color: #707070; margin-top: 30px; }
	.desc h3 { 
		padding-bottom: 5px; 
		color: #a11313; 
		border-bottom: 1px solid #dedede; 
		margin: 10px 0 5px 0; 
	}
	.desc dl { margin-top: 10px; }
	.desc dt, .desc dd { margin-bottom: 20px; }
	.desc dt { color: #000000; font-weight: bold; float: left; width: 240px; text-align: right; }
	.desc dd { margin-left: 250px; }

/*~~~~~~~~~~~~~~~~~~~~~
    #footer	
~~~~~~~~~~~~~~~~~~~~~~~*/

	#footer { 
		clear: both; 
		margin-top: 20px; 
		color: #aeaeae; 
		padding-bottom: 10px; 
		overflow: hidden; 
	}	
	#footer a { color: #aeaeae; }
	#footer a:hover { color: #6f6f6f; text-decoration: underline; }
	
	#footer ul { list-style: none; margin-left: 10px;}
	#footer ul li { float: left; margin-right: 40px; }
	
	#footer .left { 
		height: 40px; 
		padding-right: 15px; 
		margin-right: 15px; 
		border-right: 1px solid #e5e2d3;
		line-height: 1.5em;
	}
	#footer .right { width: 320px; }
	#footer strong { color: #7f7f7f; }

/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
	.txt {
		font-size: 11px;
		background: #f0f0f0;
		border-top: 1px solid #c0c0c0;
		border-left: 1px solid #c0c0c0;
		border-bottom: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		padding: 2px;
	}
	
	.menu li ul { margin-left: 10px; }
	.menu li { list-style: none; }
	.menu a, .menu strong { 
		color: #000000;		
		background: url(/_p/gfx/listStyle.gif) 0 50% no-repeat;
		display: block;
		padding: 8px 0;		
		padding-left: 10px;
		border-bottom: 1px solid #dedede;
	}
	.menu a:hover { text-decoration: underline; font-weight: bold; }
	
	.paging { 
		background: url(/_p/gfx/crossLight.gif) 0 0;
		clear: both; 
		overflow: hidden;
		padding: 8px 10px;
		text-align: center;
		margin-top: 30px;
	}
	.paging ul { text-align: center; }
	.paging li {
		float: left; 
		list-style: none;		
		border-right: 1px solid #dedede; 
	}
	.paging li a { 
		display: block; 
		width: 20px; 
		height: 18px; 
		margin: 0 2px; 
		color: #707070; 
		padding-top: 4px;
	}
	.paging li a:hover { color: #ffffff; background: #595959; }
	.paging li a.next, .paging li a.previous {
		width: 20px; 
		height: 18px; 
		padding-top: 4px;
		outline: none;
		text-indent: -9999px;
	}
	.paging li a.next { background: url(/_p/gfx/butRightRed.gif) 0 4px no-repeat; }
	.paging li a.previous { background: url(/_p/gfx/butLeftRed.gif) 0 4px no-repeat; }
	
	.nav { float: right; width: 100px; }
	.paging .nav { padding-top: 4px; }
	.back, .top {  
		display: block;
		float: right;
		width: 16px; 
		height: 16px; 
		background: url(/_p/gfx/butDownRed.gif) 0 0 no-repeat; 
		margin-left: 10px;
		text-indent: -9999px;
	}
	.back { background: url(/_p/gfx/butLeftRed.gif) 0 0 no-repeat; }
	.top { background: url(/_p/gfx/butTopRed.gif) 0 0 no-repeat; }
	.left { float: left; }
	.right { float: right; }
	.alignCenter { text-align: center; margin: 0 auto; }
	.red { color: #a11313; }
	.black { color: #000000; }
	.italic { font-style: italic; }
	
	.noborder { border: 0 !important; }
	.marginBottom { margin-bottom: 10px; }
	
	.bottom { padding-top: 10px; border-top: 2px solid #dedede; margin-top: 10px; clear: left; }
	
	table { width: 680px; border-collapse: collapse; }
	th { font-size: 12px; color: #707070; padding: 5px; }
	tr, td { color: #000000; padding: 5px; }
	td { border-bottom: 1px solid #dedede; text-align: center; }
	table strong { text-align: center; font-size: 13px; }
	table .txt { width: 40px; }
	.usun {
		background:transparent url(/_p/gfx/butUsun.gif) no-repeat scroll left top;
		display:block;
		height:23px;
		margin:0pt auto;
		text-indent:-9999px;
		width:23px;
	}
	
	.box { padding: 10px; background: #ffffff; margin-bottom: 10px; }