/***************************************

                STYLE.CSS
             2005 (C) gre.pl
 
 ---------------------------------------
 This file is part of piaskowanie.gre.pl
 project

 ***************************************/
 
 body, table, div
 {
   margin: 0px;
   padding: 0px;
   background-color: white;
   font-family: verdana, tahoma, sans-serif;
   color:#4D4C50;
   font-size:10pt;
 }
 body{padding:30px;}
 
 h1 
 { 
  margin:3px 0px 3px 0px;
  padding:0px 0px 0px 2px;	
  font-size:14pt; 
  color:#003366;  
  text-transform:uppercase; 
  border:none;
  background-color:#DDDDDD; 
  display:block;
 }

 h2 
  { 
   margin:5px 0px 3px 0px; 
   padding:0px; 
   font-size:12pt; 
   color:#333333; 
   text-transform:none; 
   border-bottom:1px solid #DDDDDD;
  }


 p 
 { margin: 0px;
   padding: 0px 5px 5px 5px;
   font-weight:normal;
   font-family: verdana, tahoma, sans-serif;
   color:#4D4C50;
   font-size:10pt;
   text-transform:none;
	text-indent:10px;
  }

 div.top
 {
   margin:0px auto 0px auto;
   width:800px;
   height:134px;
   background-image: url(./graph/top.jpg);
 }
 
 table
 {
   border:none;
   border-collapse:collapse;

 }
 
 table.menu
 {
   margin:0px auto 0px auto;
   width:800px;
   height:31px;
   font-size:14px;
   background-image: url(./graph/menu.jpg);
   background-repeat:repeat-x;
   text-align: center;
 }
 
 table.menu tr td {width:154px;}

 table.menu tr td.left
 {
   width:4px;
   background-image: url(./graph/left_menu.jpg);
 }

 table.menu tr td.right
 {
   width:4px;
   background-image: url(./graph/right_menu.jpg);
 }
 
 table.menu tr td.sepa
 {
   width:5px;
   background-image: url(./graph/sepa.jpg);
 }
 
  table.menu tr td a,
  table.menu tr td a:link,
  table.menu tr td a:active{text-decoration:none; color:#4D4C50;}
  table.menu tr td a:hover{text-decoration:none; color:#E9E8EA;}
  
 table.center
 {
   margin:0px auto 0px auto;
   width:800px;
   height:auto;
   color:#4D4C50;
   font-size:10pt;
 }

 table.center tr td.center
 {
   padding:10px;vertical-align:top;
 }

 table.center tr td.menu
 {
   height:auto; width:150px;margin:0px;padding:13px 0px 0px 0px; vertical-align:top;
 }

div.menu
{
display:inline;
height:auto;
width:150px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

  ul.menu
  {
	height:auto;
	width:100px;
	display:inline;
	padding:0px;
	margin:0px;
    list-style:none;
    
  }

  ul.menu li
  {

	margin:0px;
	color:#4D4C50;
    background-color:#EEEEEE;

   /*border-bottom:1px solid #DDDDDD;*/
	text-align:left;
	
  }
 ul.menu li.head
  {
	
	margin:0px;
	color:silver;
    	background-color:#4D4C50;
    	padding: 0px 0px 0px 5px;
 	border-left:6px solid #BBBBBB;
	border-right:6px solid #BBBBBB;
	text-align:left;
	
  }

 ul.menu li a 
{
display: block;
text-decoration:none; 
color:#4D4C50;

border-bottom:1px solid #DDDDDD;
border-left:6px solid #DDDDDD;
border-right:6px solid #DDDDDD;
padding:1px 7px 1px 1px;
background-color:silver; 

}

ul.menu li a:hover 
{
display: block;
text-decoration:none; 
color:#888888;

border-bottom:1px solid #DDDDDD;
border-left:6px solid #DDDDDD;
border-right:6px solid #DDDDDD;
padding:1px 7px 1px 1px;
background-color: #CCCCCC;
}


 
 table.center tr td.left
 {
   width:6px;
   background-image:url(./graph/left.gif);
 }

 table.center tr td.right
 {
   width:5px;
   background-image:url(./graph/right.gif);
background-repeat:repeat-y;
 }
 
 div.bottom
 {
   width:800px;
   height:43px;

text-align:right;
   margin:0px auto 0px auto;
   background-image:url(./graph/down.jpg);
padding:0px 0px 0px 0px;
vertical-align:middle;
background-repeat:no-repeat;
 }
 
 div.footer 
{
   margin:0px auto 0px auto;
width:800px;
   height:43px;
background:none;
height:auto;
display:block;
padding:5px 10px 5px 20px;
vertical-align:middle;
font-size:9pt;

}


 div.error
 {
   width: 600px;
   display:block;
   height:auto;
   border:5px solid red;
   text-align:center;
   vertical-align:middle;
   padding:5px;
   margin:50px auto auto auto;
   background-color:#FFD0D0;
   font-weight:bold;
 }

 
 div.mess
 {
   width: 600px;
   display:block;
   height:auto;
   border:5px solid green;
   text-align:center;
   vertical-align:middle;
   padding:5px;
   margin:50px auto auto auto;
   background-color:#CCFF99;
   font-weight:bold;
 }
   
  a,a:link, a:active {text-decoration:none;	color:#336699;}
  a:hover { text-decoration:none; color:#FF9933;}
div.img
{
border:1px solid gray;
background-color:#DDDDDD;
padding: 5px ;
text-align:center;
vertical-align:middle;
width:154px;
margin:auto;
height:210px;
display:block;
}
div.img img {border:1px solid gray;}

table.gal 
	{
	width:auto;
	border-spacing:10px;
	margin:10px auto 10px auto;  
	border-collapse:separate;
	empty-cells:hide;
	}

table.gal tr td
	{
text-align:center;
	border:1px solid gray;
	background-color:#DDDDDD;
	vertical-align:middle;
	width:155px;
	margin:0px 5px 0px 5px;
	height:auto;
	padding:5px;
	}

table.gal tr td.hide
	{
    	text-align:center;
	border:none;
	background-color:white;
	vertical-align:middle;
	width:155px;
	margin:0px 5px 0px 5px;
	height:auto;
	padding:5px;
	}
table.gal tr td a  
	{
	background-color:#DDD;
	}
table.gal tr td a img{
    border:1px solid gray;
	margin:auto;
	}

table.view 
	{
	border:3px solid gray;
	background-color:#DDD;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	width:auto;
	height:auto;
	}




table.view tr td {padding: 5px; vertical-align:middle;text-align:center;}
table.view tr td.desc{text-align:left;}
table.view tr td img {border:1px solid gray;}

#lang {
width: 870px;
text-align: right;
color: red;
}

#lang img
{
border: 0;
}

.left_panel{
width: 20px;
border: 20px;
color: red;
}