/* 
    Document   : style
    Created on : 2008-10-31, 20:48:17
    Author     : PiotreQ
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#top {
  
  width: 900px;
  height: 112px;
  border-left-style: solid;
  border-right-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-color: #000000;
  border-right-color: #000000;  
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
    #menu {
      
  width: 170px;
  position: relative;
  top: 0px;
  float: left;
     clear: none;
}
    #fresh {
      
  width: 128px;
  position: relative;
   float: left;
   clear: none;
  text-align: center;
}
.menu_tekst {
        font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #ffffff;
}


#menu_img {
  
  position: absolute;
  left: 0px;
}

#fresh_img {
  
  position: absolute;
  right: -2px;
}

#main {
  
  width: 902px;
  left: 50%;
  margin-left: -451px;
  position: relative;

}
body {
  
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: url(gfx/body_tlo.png);
  background-repeat: repeat-x;
  background-color: #cccccc;
}

#tresc_naglowek {
position: relative;
  left: 10px;
  top: -5px;
  bottom: 10px;
}

#big_tekst {
font-family: sans-serif;
  font-size: 40px;
  font-style: normal;
  color: #666666; 
}

#mid_tekst {
  font-family: sans-serif;
  font-size: 28px;
  font-style: normal;
  color: #666666; 
}

#mid_tekst_smaller {
  font-family: sans-serif;
  font-size: 18px;
  font-style: normal;
  color: #666666;
}

#mid_tekst_smaller_white {
  font-family: sans-serif;
  font-size: 18px;
  font-style: normal;
  color: #FFFFFF;
}

#tytul {
  font-family: sans-serif;
  font-size: 16px;
  font-style: normal;
  color: #339900;
}

a.mail {
  font-family: sans-serif;
  font-size: 28px;
  font-style: normal;
  color: #ff0000; 
  
  text-decoration: none;
}

a:hover.mail {
  font-family: sans-serif;
  font-size: 28px;
  font-style: normal;
  color: #660000; 
    text-decoration: none;
}

a:visited.mail {
  font-family: sans-serif;
  font-size: 28px;
  font-style: normal;
  color: #ff0000; 
    text-decoration: none;
}

a {
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #ff0000;

  text-decoration: none;
}

a:hover {
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #660000;
    text-decoration: none;
}

a:visited {
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #ff0000;
    text-decoration: none;
}

li {

  font-size: 18px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #ff0000;
}
#mid {
  position: absolute;
  height:auto;
  width: 900px;
  background-image: url(gfx/mid_tlo.jpg);
  background-repeat: repeat-y;
  border-left-style: solid;
  border-right-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-color: #000000;
  border-right-color: #000000;
 
}
hr {
border: 0px;
color: #cccccc;
background-color: #cccccc;
height: 1px;
margin-left: -20px;
width: 20%;
  text-align: left;
  line-height: -10px;
}
#tresc {
  
  width: 600px;
 position: relative;
   float: left;
      clear: none;
}
#dol {
text-align: right;
  width: 900px;
  height: 30px;
  background-color: #000000;
  position: relative;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #000000;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #000000;
  float: left;
}
#tresc_naglowek {
  position: relative;
  left: 20px;
  top: 10px
}
#menusy {
  padding-left: 35px;
  position: relative;
  height: 600px;
}

#freshes {
  top: 80px;
  left: 4px;
  position: absolute;
}

.imgfresh {
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    border-right-color: #333333;
}

a.link {
  font-family: Tahoma;
  font-size: 10px;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
}
a:hover.link {
  font-family: Tahoma;
  font-size: 10px;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
}
a:visited.link {
  font-family: Tahoma;
  font-size: 10px;
  color: #ffffff;
  text-align: right;
  text-decoration: none;
}
.nazwa_galerii{

  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-variant: normal;
  color: #ff3300;
}
.tekst{

  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  font-variant: normal;
}
#tekst{

  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  font-variant: normal;
}

.tekst_thin_white{

  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 9px;
  color: #ffffff;
  font-weight: normal;
  font-variant: normal;
}

#container {
	margin-right: auto;
	margin-left: auto;
}
#btmenu {
	color: #FFFFFF;
	background: #000000;
	height: 200px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	position: absolute;
	margin-top: 500px;
}
#container #menux {
    position: relative;
    margin-left: -50px;
	height: auto;
	width: 350px;

}

#container h1 {
	font-size: 16px;
}
#container #menux li {
	display: block;
	list-style-type: none;
}
#container #menux a {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 30px;
	text-decoration: none;
	background: #000000 url(gfx/btnoff.png) no-repeat left;
	height: 30px;
	width: 130px;
	display: block;
	outline:0;
	margin-bottom: 5px;
}

#container #menux a:hover {
	color: #CCFF00;
}
#popup {

	width: 300px;
	border: thin solid #666666;
	height: auto;
	background: #FFFFFF;
	visibility:hidden;
	font: 11.333px Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-right: 20px;
}
#container #menux .accordion a {
	color: #FFCC00;
}
#container #menux .accordion a:hover {
	color: #FFFF00;
}