/* CSS Document */

.lightgrey{color:#0f1c2e;}
.darkgrey{color:#0c1624;}

body{
	font: 14px "Courier New", Courier, monospace;
	background:url(../gfx/okouchowide.gif) center bottom no-repeat  fixed;
	background-color:#0f1c2e;
	color:#b400be;
}

/*.backgrounddiv{
	width:880px;
/*	background:url(../gfx/okoucho.png) right bottom no-repeat  scroll;
	padding:
}*/
.startcenterdiv{
	background:url(../gfx/startbkg.png) left bottom repeat-y;
	padding:0px 24px 0px 24px;
	width:768px;
}
.centerdiv{
	background:url(../gfx/totalbkg.png) left bottom repeat-y;
	padding:0px 24px 0px 24px;
	width:768px;
}
.contentdivtop{
	background:url(../gfx/contentbkgbottom.png) left bottom no-repeat;
	padding:20px 0px;
	width:768px;
}
.contentdivmiddle{
	background-color:#0c1624;;
	width:768px;
/*	height:192px;
	padding:0px 16px;*/
}
.contentdivbottom{
	background:url(../gfx/contentbkgtop.png) left top no-repeat;
/*	padding:36px 32px;*/
}

.msn{
	width:768px;
	height:46px;
	background:url(../gfx/msn.png) left top no-repeat;
}

.halfdiv{
	width:49%;
}

.menudiv{
	background-color:#0c1624;;
	height:12px;
	font-size:11px;
	padding:6px 0px;
}
.menudiv .menutext{
	margin:0px 30px;
	color:#838383;
}
.menutext:hover{
	color:#b400be;
}

.machinebuttons{
	width:288px;
}

.logomin{
	background:url(../gfx/logomin2.png) 0px 0px no-repeat;
	width:288px;
	height:216px;
/*	height:162px;
	width:256px;*/
	display:block;
}
.logomin:hover{
	background-position:left bottom;
}

.machine{
	background:	url(../gfx/machine.png) left top no-repeat;
	width:140px;
	height:192px;
	display:block;
}
.machine:hover{background-position:0px -192px;}

.machineright{
	padding-right:140px;
}

p.paddingsmallall{
	padding:16px;
}
.paddingsmalltop{
	padding-top:16px;
}

.paddingbigvertical{
	padding-top:42px;
	padding-bottom:42px;
}

.paddingbigtop{
	padding-top:42px;
}

.grayfont
{
	color:#838383;	
}

.grayfontsmall
{
	font-size:11px;
	color:#838383;	
}

.grayfontbig
{
	font-size:16px;
	color:#838383;	
}
.graylinkbig
{
	font-size:16px;
	color:#838383;	
}

.graylinkbig:hover
{
	color:#b400be;
}

.margindoubletop{
	margin-top:84px;
}

.marginbigtop{
	margin-top:42px;
}
.marginsmalltop{
	margin-top:16px;
}
.marginsmallbottom{
	margin-bottom:16px;
}
.marginsmallleft{
	margin-left:16px;
}
.marginsmallright{
	margin-right:16px;
}
.marginsmallboth{
	margin-left:16px;
	margin-right:16px;
}
.okouchostartlogo{
	background:url(../gfx/okouchostart.png) no-repeat;
	width:416px;
	height:320px;
}

div.middletext{
	padding:16px;
}
div.middletext p{
	padding-bottom:8px; 
	padding-top:8px;
}

#footer{
	clear:both;
	position:relative;
}

table.gallery {
	padding-bottom:40px;
}

table.gallery img{
	margin-top:80px;
}
.galleryLabel{
	width:316px;
	height:19px;
	background:url(../gfx/narzedzia/gradientbar.png) left bottom no-repeat;
	color:#9b9b9b;
	text-align:left;
	padding-left:20px;
	padding-top:1px;
}

.zdjecia img{
 	margin:32px 0px 32px 0px;
}
div.mail{
	background:url(../gfx/mailcom.png) left bottom no-repeat;
	width:97px;
	height:16px;
}

.playstop{
	background-image:url(../gfx/play_stopKOLOR.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	width:28px;
	height:28px;
	float:left;
	margin-left:16px;
}
.playstop:hover{
	background-position:left bottom;
}
.stopplay{
	background-image:url(../gfx/play_stopKOLOR.png);
	background-repeat:no-repeat;
	background-position:right top;
	display:block;
	width:28px;
	height:28px;
	float:left;
	margin-left:16px;	
}
.stopplay:hover{
	background-position:right bottom;
}
.download{
	background-image:url(../gfx/downloadKOLOR.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	display:block;
	width:28px;
	height:28px;
	float:left;
	margin-left:16px;	
}
.download:hover{
	background-position:left top;
}

.separator{
	margin:16px 0px;
	height:1px;
	width:500px;
	display:block;
	background:url(../gfx/nagraniaseparator.png) left top no-repeat;
}

.nagraniaitem{
	float:left;
	padding-top:5px;
	margin-left:16px;
}
.hiddenbuttons .playstop, .hiddenbuttons .stopplay{
	visibility:hidden;
}