/* ********************************************** */
/* *************** style globalne *************** */
/* ********************************************** */

body
{
		background: url('../gfx/bckgr.jpg') no-repeat center 134px;
		padding: 0px;
		margin: 0px;
}
*
{
		font-family: Arial;
		font-size: 11px;
}
a
{
		color: inherit;
		text-decoration: none;
}
h1
{
		font-size: 18px;
		padding: 0px;
		margin: 0px;
}
h2
{
		font-size: 16px;
		padding: 0px;
		margin: 0px;
}
h2 a
{
		font-size: 16px;		
}



/* ********************************************** */
/* **************** style forms ***************** */
/* ********************************************** */

input.inputTekst
{
		padding: 5px;
}
input.submitAkcja
{
		padding: 5px;
}
textarea.textareaTresc
{		
		padding: 5px;
}
input.submitSearch
{
		border: 1px solid #CCCCCC;
		background: url('../gfx/bckgr-submitAkcja.jpg') repeat-x top;
		font-weight: bold;
		padding: 4px 10px 3px 10px;
}


div#header div.main input.inputTekst
{
		border: none;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		background-color: #F0F0F0;
		color: #999999;
}

/* ********************************************** */
/* **************** style layout **************** */
/* ********************************************** */

div#content
{
		position: relative;
		overflow: hidden;
		border-top: 5px solid #E4E4E4;
		width: 960px;		
		margin: 0px auto 0px auto;
}
div#header
{
		overflow: hidden;
		clear: both;
		height: 105px;
}
div#logo
{
		position: absolute;
		margin: 5px 0px 0px 20px;
}



div#menu
{
		position: absolute;
		width: 510px;
		background-color: #F27000;
		margin: 50px 0px 0px 430px;		
}
div#menu a
{
		display: block;
		float: left;
		background-color: #F27000;
		border-right: 1px solid #FFFFFF;
		padding: 45px 42px 0px 42px;		
}



div#header div.main
{
		float: right;
		padding: 10px 20px 10px 0px;
}
div#header div.main div.menu
{
		display: inline;
		padding: 0px 70px 0px 0px;
}
div#header div.main div.menu img
{
		margin: 0px 5px 0px 10px;
}
div#header div.main div.menu a
{
		color: #666666;
}

div#baner
{
		height: 310px;
		background: url('../gfx/baner.jpg') no-repeat top;
}




div#main
{
		overflow: hidden;
		padding: 0px 0px 10px 0px;
}




/* ************************************************ */
/* ***************** sectionLeft ****************** */
/* ************************************************ */

div#main div.sectionLeft
{
		float: left;
		width: 220px;
}


/* ************************************************ */
/* ***************** sectionRight ***************** */
/* ************************************************ */

div#main div.sectionRight
{
		float: right;
		width: 730px;		
}
div#main div.sectionRight div.main
{
		min-height: 280px;
}


/* ********************************************** */
/* ***************** nawigator ****************** */
/* ********************************************** */

div#navigation
{		
		padding: 20px 0px 20px 0px;
}
div#navigation a
{
		color: #333333;
}
div#navigation strong
{
		padding: 0px 10px 0px 0px;
}
div#navigation span
{
		color: #999999;
		padding: 0px 5px 0px 5px;
}
div#navigation a:hover
{
		text-decoration: underline;
}





/* ********************************************** */
/* ***************** kategorie ****************** */
/* ********************************************** */

div#categories
{
		width: 200px;
		background-color: #F2F2F2;
		padding: 0px 0px 0px 20px;
}
div#categories a
{
		display: block;
		background: url('../gfx/arrow9.jpg') no-repeat 0px 50%;
		border-bottom: 1px dotted #CCCCCC;
		font-weight: bold;
		color: #333333;
		padding: 10px 0px 10px 10px;
}
div.end
{
		height: 20px;
		background: #F2F2F2 url('../gfx/bckgr-CategoriesEnd.jpg') no-repeat center bottom;
}


div#categories div.main
{
		background-color: #999999;
		padding: 5px 0px 5px 20px;
}
div#categories div.main a
{		
		background: url('../gfx/arrowF.jpg') no-repeat 0px 50%;
		font-weight: normal;
		color: #FFFFFF;
		padding: 5px 0px 5px 10px;
}




/* ********************************************** */
/* ****************** stopka ******************** */
/* ********************************************** */

div#footer
{
		overflow: hidden;
		clear: both;
		border-top: 1px solid #E6E6E6;
		padding: 10px;
		margin: 10px 0px 10px 0px;
}
div#footer div.themedia
{
		float: left;
		color: #333333;
}
div#footer div.themedia a strong
{
		font-weight: normal;
		color: #333333;
}
div#footer div.themedia a
{
		color: #FF800D;
}

div#footer div.menu
{
		float: right;
}
div#footer div.menu a
{
		background: url('../gfx/sqrFF800D.jpg') no-repeat 0px 50%;
		color: #666666;
		margin: 0px 0px 0px 10px;
		padding: 5px 0px 5px 10px;
}

div#footer div.address
{
		clear: both;
		font-size: 10px;
		font-weight: bold;		
		color: #BBBBBB;
		text-align: right;
		padding: 5px 0px 5px 0px;
}
div#footer div.address a
{
		font-size: 10px;
		font-weight: bold;
		color: #BBBBBB;
		text-decoration: underline;
}



/* ********************************************** */
/* **************** style header **************** */
/* ********************************************** */
div.sectionHeader
{
		overflow: hidden;
		background-color: #999999;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 10px;
}
div.sectionHeader img
{
		float: left;
		margin-top: 2px;
}
div.sectionHeader div.option
{
		float: right;
}
div.sectionHeader div.option a
{
		background: url('../gfx/arrow9F.jpg') no-repeat right 50%;
		color: #FFFFFF;
		padding: 0px 10px 0px 0px;
}



/* *************************************************************** */
/* **************************** Pager **************************** */
/* *************************************************************** */
div.sectionPager
{
		border: 1px solid #CCCCCC;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		padding: 2px 5px 2px 5px;
		margin: 10px 0px 10px 0px;
}
div.sectionPager *
{
		font-size: 10px;
		font-weight: bold;
}
div.sectionPager strong
{
		background-color: #EFEFEF;		
		padding: 2px 5px 2px 5px;
}
div.sectionPager a 
{
		padding: 0px 5px 0px 5px;
}
div.sectionPager span
{
		display: none;
		color: #FFFFFF;
}
div.sectionPager img
{
		border: 1px solid #CCCCCC;		
}


div#fxResults
{
		border: 1px solid #EFEFEF;
		background-color: #EFEFEF;
		text-align: center;
		padding: 10px;		
}



/* *************************************************************** */
/* ******************** Koszyka zamówieniowy ********************* */
/* *************************************************************** */
a#OrderStatus
{		
		display: block;
		float: right;
		width: 500px;
		border-bottom: 1px dotted #CCCCCC;
		color: #333333;
		text-align: right;
		padding: 2px 0px 2px 5px;
		margin: 0px 20px 0px 20px;
}
div#OrderStatus, span#axStatus
{				
		font-size: 10px;
		font-weight: bold;
		color: #333333;		
} 
a#OrderStatus span#axStatus strong
{
		font-size: 10px;
		color: #F27000;
}
a#OrderStatus img
{
		margin: -5px 0px 0px 0px;
}




/* *************************************************************** */
/* ********************* Formularz zamówienia ******************** */
/* *************************************************************** */
div#OrderMenu
{
		position: absolute;
		display: block;
		width: 140px;
		border: 1px solid #CCCCCC;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #333333;
		background-color: #FEFEFE;	
		padding: 20px;
		margin: 5px 0px 0px 10px;
}
div#OrderMenu input.inputTekst
{
		width: 30px;
		border: 1px solid #999999;		
		background-color: #FFFFFF;
		color: #333333;
		text-align: center;
}
div#OrderMenu input.submitAkcja
{
		padding: 3px 10px 3px 10px;
}

.zagiel { color: #1E355D; padding: 25px 25px 25px 125px!important; font-weight: bold; background:#c7e2e6 url(../gfx/zagiel.gif) no-repeat left; }
.zagiel input { float: right; padding: 25px; }

#zagiel {
    background: url("../gfx/zagiel_logo.png") repeat scroll 0 0 transparent;
    float: left;
    height: 82px;
    margin-left: 112px;
    margin-top: -37px;
    position: absolute;
    width: 302px;
    cursor: pointer;
}