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

body
{
		background: #E5E5E5 url("../gfx/bckgr.jpg") repeat-x top;
		padding: 0px;
		margin: 0px;
}
*
{
		font-size: 11px;
		font-family: Arial;
		color: #1D1D1D;
}
a { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

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

form label
{
		display: block;
		margin: 0px 0px 5px 0px;
}
form div { margin: 5px 0px 5px 0px; }
input {	padding: 5px; }
input.inputText 
{	
		width: 200px;
		border: none;
		background-color: #CCCCCC;
		padding: 8px;
}
textarea
{
		width: 314px;
		height: 80px;
		border: none;
		background-color: #CCCCCC;
		padding: 8px;
}



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

div#sectionContent { position: relative; width: 900px; margin: 0px auto 10px auto; }
div#sectionHeader { height: 150px; background: url("../gfx/bckgrHeader.jpg") no-repeat bottom; }
div#sectionMain {	clear: both; overflow: hidden; }
div#sectionLeft {	float: left; width: 330px; padding-top: 40px; }
div#sectionRight { float: right; width: 560px; padding-top: 40px; }

a#Logo
{
		display: block;
		position: absolute;
		float: left;
		margin: 20px 0px 20px 70px;
}


/* ****************************************************************** */
/* ************************* style menu ***************************** */
/* ****************************************************************** */

div#sectionMenu
{
		float: right;
		overflow: hidden;
		height: 67px;
		margin: 75px 12px 0px 0px;
}
div#sectionMenu a 
{
		display: block;
		float: left;
		height: 67px;
		background-image: url("../gfx/menu-sprite.png");
		background-repeat: no-repeat;
		margin-right: 2px;
}
div#sectionMenu a span { display: none; }
div#sectionMenu a#Item1 { width: 143px; background-position: 0px 0px; }
div#sectionMenu a#Item2 { width: 74px; background-position: -145px 0px; }
div#sectionMenu a#Item3 { width: 84px; background-position: -221px 0px; }
div#sectionMenu a#Item4 { width: 76px; background-position: -307px 0px; }
div#sectionMenu a#Item5 { width: 90px; background-position: -385px 0px; }
div#sectionMenu a#Item6 { width: 90px; background-position: -477px 0px; }
div#sectionMenu a#Item7 { width: 88px; background-position: -569px 0px; }

div#sectionMenu a#Item1:hover { width: 143px; background-position: 0px -69px; }
div#sectionMenu a#Item2:hover { width: 74px; background-position: -145px -69px; }
div#sectionMenu a#Item3:hover { width: 84px; background-position: -221px -69px; }
div#sectionMenu a#Item4:hover { width: 76px; background-position: -307px -69px; }
div#sectionMenu a#Item5:hover { width: 90px; background-position: -385px -69px; }
div#sectionMenu a#Item6:hover { width: 90px; background-position: -477px -69px; }
div#sectionMenu a#Item7:hover { width: 88px; background-position: -569px -69px; }



/* ****************************************************************** */
/* ************************* style baner **************************** */
/* ****************************************************************** */

div#sectionBanner {	height: 310px; background: url("../gfx/bckgrBanner.jpg") no-repeat top; }
/* div#sectionBanner img { margin: 80px 0px 0px 100px; } */
div#sectionBanner img { position: absolute; margin: 66px 0px 0px 269px; }


/* ****************************************************************** */
/* ********************** style navigation ************************** */
/* ****************************************************************** */

div#sectionNavigation {	background: url("../gfx/bckgrNavigation.png") no-repeat bottom; color: #666666; padding: 20px 0px 20px 0px; }
div#sectionNavigation a { text-transform: lowercase; }
div#sectionNavigation a:hover { color: #CA1A00; }
div#sectionNavigation span { font-size: 10px; color: #666666; padding: 0px 2px 0px 2px; }


div.layerHeader { margin-bottom: 15px; }
div.layerHeader, div.layerHeader * { font-size: 20px;	letter-spacing: -0.5px; }
div.layerMain { line-height: 18px; }
div.layerMain a.next { display: block; margin-top: 20px; }


div#Producers div.layerMain {	text-align: center; }
div#Producers div.layerMain a.next { display: block; margin: 20px; }
div#Producers object { margin: 10px 0px 10px 0px; }

div#Contact {	margin: 20px 0px 0px 0px; }

div#Links { overflow: hidden; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; padding: 10px 0px 10px 0px; margin-top: 50px; }
div#Links img { float: left; }
div#Links a
{
		display: block;
		float: left;
		border-right: 1px solid #C8C8C8;
		text-decoration: none;
		padding: 5px 28px 5px 28px;
		margin-top: 8px;
}
div#Links a:hover { color: #CA1A00; text-decoration: underline; }

div#Themedia { color: #333333; padding: 10px 0px 0px 0px; }
div#Themedia a { color: #A61500; }
div#Themedia strong a { font-weight: normal; color: #333333; text-decoration: none; }




/* ****************************************************************** */
/* ********************** style container *************************** */
/* ****************************************************************** */

div#sectionCategories
{
		float: left; 
		width: 310px;
}
div#sectionCategories div.layerMain a 
{ 
		display: block;
		text-decoration: none;
		padding: 2px 8px 2px 8px;
		margin-bottom: 1px;
}
div#sectionCategories div.layerHeader { border-bottom: 1px solid #C8C8C8; padding: 30px 0px 10px 0px;}
div#sectionCategories div.layerMain a:hover { background-color: #D6D6D6; }
div#sectionCategories div.layerMain a.this { background-color: #D6D6D6; }
div#sectionCategories div.SubCategories a { padding-left: 40px; }

div#Company
{
		background-color: #C8C8C8;
		text-align: center;
		padding: 20px;
}

div#Container h1 { font-size: 28px; letter-spacing: -1px; margin: 0px 0px 10px 0px; }
div#Container h2 { font-size: 22px; }
div#Container div.layerHeader { border-bottom: 1px solid #C8C8C8; padding-bottom: 5px; }
div#Container ul { list-style-type: square; }