/********************************************************/
/* STRUKTURA*/
.menu{
width:760px;
height:40px;
background:#b20000;
clear:both;
}
body{
       margin-top:0px;
       padding: 0px;
       font: 62.7% Verdana, Arial, Helvetica, sans-serif;
       background:url(../images/tlo.jpg) repeat-x;
       background-attachment:fixed;
       text-align: center;
}
#wrapper {
       background:url(../images/tlo_m.png) repeat-y;
       width: 780px;
       text-align: left;
	   margin-left:auto;
	   margin-right:auto;
	   padding-left:20px;
}
/********************************************************/
/* BANER/MENU */
#banner {
       width: 760px;
       height: 280px;
       text-align:center;
	   background: url(../images/baner.png) no-repeat;
       }
.baneralt{
          width: 760px;
          height: 280px;
          text-align:center;
		  background:url(../images/baner.jpg);
         }
.lang{		 
width:800px;
height:27px;
background:url(../images/tlo_l.png);
margin-left:auto;
margin-right:auto;
color:#FFFFFF;}
/********************************************************/	   
/*MAIN*/
.opistext{
float:left;
color:#000000;
cursor:default;
padding:0;
margin:0;
position:absolute;
z-index:-900;
width:690px;
}
.opistext2{
float:left;
color:#000000;
cursor:default;
padding:0;
margin:0;
position:absolute;
height:60px;
width:690px;
z-index:-900;
overflow:scroll;
margin-top:-50px;
}
#main {
       float: left;
       width: 658px;
       padding:55px 50px 30px 50px;
       border-left:1px solid #b20000;
       border-right:1px solid #b20000;
       display: inline;
       background:url(../images/text.png) #FFFFFF no-repeat right top;
       min-height: 350px;
}
a img { 
       border: none;
}
#main h1{
       margin-bottom:  50px;
       text-align:center;
       font-family:Tahoma;
       font-size: 30px;
       text-decoration:underline;
}
#main h2{
text-align:center;
font-size:15px;
}
#main h3{
text-align:center;
font-size:15px;
font-family:Tahoma;
color:black;
text-decoration:underline;
margin-top:45px;

}
#main a{
        color:#0000FF;
        text-decoration:none;
       }
#main a:hover{
               color:#FF0000;
               text-decoration:underline;
             }
#main p{
        color:#000000;
        font-size:12px;
        text-decoration:none;
       }
#main li{
        color:#000000;
        font-size:12px;
        text-decoration:none;
       }
/********************************************************/
/*STOPKA */
.reklama{
margin-top:30px;
border:1px solid silver;
width:1px;
height:1px;
visibility:hidden;
position:absolute;
z-index:-999;
}
#legal {
        background: url(../images/copy.png) repeat-x #FFFFFF;
       color: #FFFFFF;
       clear: both;
        height:28px;
        width:760px;
        text-align:center;
		padding-top:5px;
}
#dolmenu{
        clear: both;
        width:760px;
		height:80px;
        text-align:center;
		background:#FFFFFF;
		padding:0;
        }
#dolmenu a {
color:#000000;
text-decoration:none;
}
#dolmenu a:hover {
color:#FF0000;
text-decoration:underline;
}
		
#dolmenu td a{
       color:silver;
       text-decoration:none;
        }
#dolmenu td a:hover{
       color:#FF0000;
       text-decoration:underline;
        }
#dolmenu table{
          margin-left:auto;
          margin-right:auto;
		  
          }
#dolmenu td{
       border:1px solid silver;
	   background:#FFFFFF;
	   text-align:center;
        }
#kolory{
background:#e0e0e0;
}		
#kolory td{
       border:1px dashed #000000;
	   padding:3px
        }
/********************************************************/
/*!!!POZOSTAŁE DZIAŁY!!! */
/*BIURA */
#biura{
       width:400px;
       border: 1px solid #4D69B0;
       margin-left:130px;
       margin-top:20px;
       margin-bottom:20px;
       text-align:center;
       background: #FFFFFF url(../images/tel.gif) no-repeat right top;
      }
#biura p{
         font-family:tahoma;
         color:#000000;
         font-size:12px;
         margin:10px 0 10px 0;
         padding:0px;
        }
#biura h3{
         font-family:tahoma;
         background:url(../images/tlob.gif) #b20000 no-repeat right top;
         color:#FFFFFF;
         font-size:12px;
         font-weight:bold;
         margin:0;         
        }
/********************************************************/
/*ALBUM i CERTYFIKATY*/
#album{
       margin-left:100px;
      }
/*********************************************************/
/*menu produkty*/
.menuprofile{
              float:left;
			  width:520px;
			  height:2px;
			  background:#b20000;
			  border:1px solid #b20000;	
             }			  
/********************************************************/	  
/*FORMULARZ*/
#form{
      font-size:15px;
      color: #8B0000;
      font-weight: bold;
     }
.formram{
	border: 3px solid #b20000;
	font-family:tahoma;
        }
.formram legend {
	font-size:16px;
        color:#000000;
        font-weight:bold;
	}
/********************************************************/	
/*HISTORIA*/
.obraz1{
      margin:12px 20px 0 0;
      float:left;
      }
/********************************************************/
/*POZOSTAŁE OBRAZKI*/
.obraz2{
      float:left;
      margin: 0 20px 5px 0;
      }
/********************************************************/
/*GŁÓWNA BOXY*/
.box {
	width:252px;
    height:170px;
	float:left;
    padding: 5px 5px 5px 8px;
    margin:25px 13px 0 20px;
	border: 3px solid #b20000;
	font-family:tahoma;
    font-size: 12px;
        }
.box1 {
	width:252px;
    height:180px;
	float:left;
    padding: 5px 5px 5px 8px;
    margin:25px 10px 0 20px;
	border: none;
	font-family:tahoma;
    font-size: 12px;
    /*background:url(../images/raz.jpg) no-repeat;*/
        }
/*.box2 {
    width:252px;
    height:170px;
    float:left;
    padding: 5px 5px 5px 8px;
    margin:25px 13px 0 20px;
    border: 3px solid #b20000;
    font-family:tahoma;
    font-size: 12px;
    overflow:scroll;
        }*/

.box legend {
	text-transform: uppercase;
	font-size:16px;
    color:#000000;
	}
.tekst{
       font-size:15px;
       color: #8B0000;
       width:400px;
       float:left;
       margin:0;
       padding:0;
	   text-align:justify;
      }	  
.tekst2{
       font-size:15px;
       color: #8B0000;
       float:left;
	   text-align:justify;
       margin:0;
       padding:0;
      }
.tekst3{
       font-size:15px;
       color: #8B0000;
       float:left;
       margin:0;
       padding:0;
      }
.tekstdolny{
       font-size:15px;
       color: #8B0000;
       float:left;
       margin:0;
       padding:0;
      } 

/********************************************************/
/*GLOWNAen*/
.boxen1 {
	width:252px;
    height:170px;
	float:left;
    padding: 5px 5px 5px 8px;
    margin:25px 10px 0 20px;
	border: 3px solid #ffffff;
	font-family:tahoma;
    font-size: 12px;
    background:url(../images/en/razen.jpg) no-repeat;
        }
/********************************************************/		
/*AKTUALNOSCI*/
.aktualnosci{
     width:250px;
     height:150px;
     font-size:13px;
     color:#000000;
     overflow:scroll;
    }
.maps{
    text-align:left;
    font-weight:bold;
     }
/********************************************************/
/********************************************************/
/********************************************************/	 
/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/********************************************************/
/********************************************************/
/********************************************************/
/*SUPERFISH*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font:14px arial;	
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.7em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-right:	1px solid #fff;
	border-bottom:	1px solid #fff;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	background:		#b20000;
}
.sf-menu li li {
	background:		#b20000;
}
.sf-menu li li li {
	background:		#b20000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#000000;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows1.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://www.top-plast.pl/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/********************************************************/
/********************************************************/
/********************************************************/
/*FORM*/
#subForm {
	font-size: .8em;
}
#subForm .label {
	float: left;
	width: 250px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	clear: left;
}
input#subscribe {
	margin-left: 260px;
	background-color: #CBD893;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}
input#subscribe2 {
	margin-left: 5px;
	background-color: #CBD893;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}
select#temat {
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

input#imie, input#nazwisko, input#adres, input#miasto, input#kod_pocztowy, input#kod, input#telefon, input#email, textarea#tresc {
	background-color: #FBEF99;
	font-family="Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: -2px;
}
input#imie:focus,
input#nazwisko:focus,
input#adres:focus,
input#miasto:focus,
input#kod_pocztowy:focus,
input#kod:focus,
input#telefon:focus,
input#email:focus,
textarea#tresc:focus,
select#temat:focus
{
	background-color: #FDD041;
}
/********************************************************/
/********************************************************/
/********************************************************/
/*ALBUM*/
.photo img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -5px;
	left: -5px;
}

.figure {
	width: 210px;
	margin: 20px 10px 10px 10px;
        float:left;
}

.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
	height: 5em;
}

.photo {
	background: url(../images/drop_shadow.gif) right bottom no-repeat;
}

/* Błąd wymazywania obramowania w IE 5/6 */
* html #gallery, * html #gallery img {
   width: 100%;
}