@import "reset.css";

body {
background: url(../img/body_bg.jpg) repeat-x center top;
font-family: tahoma;
font-size: 11px;
line-height: 15px;
color: #7f7f7f;
}

a { text-decoration: none; color: #767676;}
a:hover { text-decoration: underline;}
a.text1 { text-decoration: none; color: #BB010E; font-weight: bold;}
a.text1:hover { text-decoration: underline; color: #f25a13;}

a.text2 { text-decoration: none; color: #BB010E; font-weight: bold; margin-left: 50px;}
a.text2:hover { text-decoration: underline; color: #f25a13;}

h1 { font-weight: bold; color: #BB010E;}

h2 { font-size: 26px;}

h3 { font-size: 23px;;}

h4 { font-size: 20px;}

h5 { font-size: 17px;}

h6 { font-size: 14px;}

strong {
font-weight: bold;
}

textarea { color:#414141; width:245px; height:117px; padding-left:5px; overflow:auto}
textarea#text1 { width:450px;}
textarea#text3 { width:730px;}


.notxt {
color: #fff;
text-indent: -9999%;
font-size: 0;
line-height: 0;
}

#container {
position: relative;
width: 780px;
margin: 0 auto;
height: auto;
}

#page {
float: left;
border: 0px solid #000;
border-bottom: 0; border-top: 0;
width: 780px;
margin-top: 25px;
}

#header {
float: left;
width: 780px;
height: 80px;
background: url(../img/logo.gif) no-repeat left top;
}

a.logo {width: 125px; height: 64px; display: block;}

		
#menu {
float: left;
width: 780px;
height: 55px;
padding-left: 10px;
background: url(../img/menu.jpg) no-repeat left top;
}

a.menu {height: 27px; display: block;}

	div#menu1 {  width: 96px; float: left;  }
	div#space1 {  width: 36px; float: left;  }
	div#menu2 {   width: 45px; float: left;  }
	div#space2 {  width: 36px; float: left;  }
	div#menu3 {  width: 49px; float: left;  }
	div#space3 {  width: 38px; float: left;  }
	div#menu4 {  width: 67px; float: left;  }
	div#space4 {  width: 42px; float: left;  }
	div#menu5 {  width: 47px; float: left;  }
	div#space5 {  width: 39px; float: left;  }
	div#menu6 {  width: 37px; float: left;  }
	div#space6 {  width: 43px; float: left;  }
	div#menu7 {  width: 57px; float: left;  }

#menu1 a:hover {
    background: transparent url(../img/menu2.jpg)
    -10px -0px no-repeat;  }
#menu2 a:hover {
    background: transparent url(../img/menu2.jpg)
    -142px -0px no-repeat;  }
#menu3 a:hover {
    background: transparent url(../img/menu2.jpg)
    -223px -0px no-repeat; }
#menu4 a:hover {
    background: transparent url(../img/menu2.jpg)
    -310px -0px no-repeat; }
#menu5 a:hover {
    background: transparent url(../img/menu2.jpg)
    -419px -0px no-repeat; }
#menu6 a:hover {
    background: transparent url(../img/menu2.jpg)
    -505px -0px no-repeat; }
#menu7 a:hover {
    background: transparent url(../img/menu2.jpg)
    -585px -0px no-repeat; }
		
#border_up {
float: left;
width: 780px;
height: 5px;
background: url(../img/border_up.jpg) no-repeat center bottom;

}

#border_down {
float: left;
width: 780px;
height: 5px;
background: url(../img/border_down.jpg) no-repeat center top;
}

#content_single {
float: left;
width: 780px;
height: auto;
background: url(../img/content_single_bg.jpg) repeat-y center top;
}
#content_single_text {
float: left;
width: 750px;
height: auto;
padding: 15px;
}

#content {
float: left;
width: 780px;
height: auto;
background: url(../img/content_bg.jpg) repeat-y center top;
}


#content_left {
float: left;
width: 496px;
height: auto;
}

#content_left_text {
float: left;
width: 466px;
height: auto;
padding: 15px;
}

#content_right {
float: left;
width: 284px;
height: auto;
}

#content_right_text {
float: left;
width: 254px;
height: auto;
padding: 15px;
}




#footer {
float: left;
width: 780px;
height: 65px;
background: url(../img/footer.jpg) no-repeat left top;
padding-top: 15px;
}

#footer p{
text-align: right;
}

#footer p a{
font-weight: normal;
color: #7f7f7f;
font-size: 11px;
}


#table1 {
float: left;
width: 724px;
height: 277px;
background: url(../img/table1.jpg) no-repeat left top;
padding: 10px;
}

#table1_1 {
float: left;
width: 168px;
height: 257px;
padding-left: 16px;
}

#table1_2 {
float: left;
width: 166px;
height: 257px;
padding-left: 20px;
}

#table1_3 {
float: left;
width: 168px;
height: 257px;
padding-left: 20px;
}

#table1_4 {
float: left;
width: 106px;
height: 257px;
padding-left: 20px;
}


#table1_y {
float: left;
width: 724px;
height: 277px;
background: url(../img/table1_young.jpg) no-repeat left top;
padding: 10px;
}

#table1_1_y {
float: left;
width: 168px;
height: 257px;
padding-left: 16px;
}

#table1_2_y {
float: left;
width: 166px;
height: 257px;
padding-left: 20px;
}

#table1_3_y {
float: left;
width: 168px;
height: 257px;
padding-left: 20px;
}

#table1_4_y {
float: left;
width: 106px;
height: 257px;
padding-left: 20px;
}

#table2 {
float: left;
width: 685px;
height: 32px;
background: url(../img/table2.jpg) no-repeat left top;
padding: 7px;
}

#table2_1 {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2_2 {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2_3 {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2_4 {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2_5 {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2text {
float: left;
width: 685px;
height: auto;
padding: 7px;
}

#table2_y {
float: left;
width: 685px;
height: 32px;
background: url(../img/table2_young.jpg) no-repeat left top;
padding: 7px;
}

#table2_1_y {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2_2_y {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}

#table2_3_y {
float: left;
width: 125px;
height: 32px;
padding-left: 10px;
}


#table2text_y {
float: left;
width: 685px;
height: auto;
padding: 7px;
}

#cennik {
width: 555px; 
height: 297px;

padding: 7px;
}

#cennik td {
border: 1px solid #7f7f7f;
padding: 5px;
}

	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:240px;

	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:5px solid #dddddd;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #dddddd;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	