@charset "utf-8";
/* Arkusz CSS dla alog.wroclaw.pl */

body
{
	background: #CCCCCC;
	background-image:url(grafika/tlo.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top;
	margin-top:30px;
	padding:0;

}

table 
{
    border-collapse: collapse;
    border-spacing: 0;
}

td, th 
{
    padding: 0;
    vertical-align: top;
}

.header
{
	background-image:url(grafika/header.gif);
	background-repeat:no-repeat;
	height:147px;
}

.navi
{
	text-align: right;
	width: 946px;
	margin-right: 60px;
}

.stripes
{
	background-image:url(grafika/stripes.gif);
	height:15px;
}

.kontaktBT, .dojazdBT
{
	background-image:url(grafika/navi_button.png);
	width: 125px;
	height: 32px;
	text-align:center;
	background-repeat:no-repeat;
}

.kontaktBT:hover, .dojazdBT:hover
{
	background-image:url(grafika/navi_button_hv.png);
}

.content.l1
{
	width: 79px;
	background: #E5E5E5;
	background-image:url(grafika/tlo2.gif);
	background-attachment:fixed;
	background-position:bottom;
	background-repeat:repeat-x;
}

.content.l2
{
	width: 20px;
	background-image:url(grafika/l2.gif);
	background-repeat:repeat-y;
}

.content.bl2
{
	width: 20px;
	height: 30px;
	background-image:url(grafika/bl2.gif);
}


.content.r1
{
	width: 88px;
	background: #E5E5E5;
	background-image:url(grafika/tlo2.gif);
	background-attachment:fixed;
	background-position:bottom;
	background-repeat:repeat-x;
}

.content.r2
{
	width: 20px;
	background-image:url(grafika/r2.gif);
	background-repeat:repeat-y;
	background-position:right;
}

.content.br2
{
	width: 20px;
	height: 30px;
	background-image:url(grafika/br2.gif);
	background-position:right;
}

.content.center
{
	width: 817px;
	height: 500px;
	background: #FEFEFE;
}

.content.bm
{
	background-image:url(grafika/bm.gif);
	background-repeat:repeat-x;
}

.content.footer
{
	background: #FEFEFE;
}


.frame
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

/*main menu*/
.mainmenu tr td 
{ 
	width:150px; 
	height:165px; 
	vertical-align:bottom; 
	text-align:center; 
	background-repeat:no-repeat;
}
.mainmenu tr td a
{
	font-family:Arial Narrow, Arial;
	font-size:11px;
	color:#333333;
	text-transform:uppercase;
	position:relative;
	bottom:18px;
	font-weight:bold;
}
.mainmenu tr td ul { list-style-type: none; }

.mainmenu tr td a:hover { color:#FFFFFF; }
.mainmenu tr td ul li a:hover { color:#CC9900; }

.mainmenu tr .szafy { width:230px; }
.regaly { background-image:url(grafika/menu/regaly.jpg); }
.drabiny { background-image:url(grafika/menu/drabiny.jpg); }
.paletowe { background-image:url(grafika/menu/paletowe.jpg); }
.platformowe { background-image:url(grafika/menu/platformowe.jpg); }
.dwukolowe { background-image:url(grafika/menu/dwukolowe.jpg); }
.pojemniki { background-image:url(grafika/menu/pojemniki.jpg); }
.szafy { background-image:url(grafika/menu/szafy.jpg); width:235px; }
.szafy ul { position:relative; left:-20px; }

/*contactbox*/

.wiadomosc, .nazwa 
{ 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	width:400px; 
	height:100px; 
	border:1px solid #999999; 
	overflow-y: scroll; 
	padding:5px;
}
.nazwa { height:20px; }

.wyslij 
{ 
	border: 1px solid #999999; 
	background-color:#FFCC00;
	font-family: Tahoma, Arial;
	font-size:13px; 
	color:#333333;
	font-weight:bold;
	padding:2px;
}

.kontakt { width:250px; height:300px; text-align:center; }
.kontakt tr td img { margin-top:30px; }
.kontakt tr td a { color:#000000; }
.kontakt tr td a:hover { color:#FFAA00; }

/* paragraph tags */

a img, a
{
	border: none;
	text-decoration:none;
}

p, ul, li, .submenu
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	text-align:justify;
}

em
{
	color:#000000;
}

strong
{
	font-weight: bold;
}

h1, h2, h6
{
	font-size: 26px;
	font-family: Century, Century Gothic, Arial;
	margin:0px;
	margin-top:30px;
}

h2
{
	font-size: 13px;
	margin-top:5px;
	margin-bottom:30px;
	color:#555555;
}

h3, h4, h5, .titles
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #777777;
	font-size: 13px;
	margin:10px;
}

h6
{
	font-size: 19px;
	text-align:left;
	font-weight:bold;
	color:#222222;
	margin-bottom:20px;
	margin-top:0px;
}

div h3 { text-align:center; }
.navi tr td h3 { margin-top:15px; }

h4, h5 { margin:5px; }

h5 { color:#FFFFFF;  }

.center h3 { margin:10px 0px 0px 0px; }
.center h3 a:visited, .center h3 a:active, .center h3 a:link, .center h3 a:hover
{  
	font-family:Arial Narrow, Arial;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
.center h3 a:hover
{
	color:#CC9900;
	text-decoration:underline;
}

.oferta_right h2 { margin-bottom:5px; }
.oferta_right {	width:500px; text-align:left; margin-right:40px; }
.oferta_left, {	width:220; text-align:center; }
.oferta_left img { margin: 0px 25px 0px 0px; }
.oferta { margin-top:50px; }

.models tr td
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	padding:5px 10px 5px 10px;
	
	border-color: #DDDDDD;
    border-width: 1px;
    border-style: solid;	
}

.models
{
	border-color: #999999;
    border-width: 1px;
    border-style: solid;
}

.all tr .titles { text-align: left; }

.grid img
{
	margin:10px;
}

.grid table
{
	margin:10px;
	width:230px;
}

table .cells
{
	background:#EEEEEE;
	color:#333333;
	border:1px;
	vertical-align:middle;
}

.cells img { margin-left:15px; margin-right:15px; }

table .titles
{
	font-weight:bold;
	background:#F5D145;
	color:#333333;
	border-style:none;
}

/*CSS hover menu (horizontal)*/

#menu 
{
	width: 100%;
	background: #ffffff;
	float: left;
}

#menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0px;
	float:left;
}

#menu a, #menu h2 
{
	font-family:Arial Narrow, Arial;
	font-size:11px;
	color:#333333;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0px;
}

#menu h2 {
	color: #fff;
	background: #000;
}

#menu ul li h2, .center ul li a
{
	font-family:Arial Narrow, Arial;
	font-size:11px;
	color:#333333;
	background: #fff;
	border:0px;
	margin:10px 15px 10px 15px;
}
.center ul li a:hover
{
	color:#FFAA00;
}

#menu ul li ul li
{
	width:110px;
	margin-left:15px;
	margin-top:3px;
}

#menu ul li ul li a
{
	padding:2px;
}

#menu ul li h2 a
{
	border:0px;
}

#menu ul li ul a 
{
	color: #000;
	background: #efefef;
	text-decoration: none;
}

#menu a:hover 
{
	color: #CC9900;
	background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*Submenu*/

.submenu
{
	height:80px;
}

.submenu tr td { width:100px; text-align:center; }
.submenu img { margin-top:10px; }
.submenu_glowna { width:230px; }

.gora  a
{ 
	margin:0px; padding:0px; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	text-align:center;
}

.gora  a:hover
{ 
	color: #CC9900;
}

.gora
{ 
	text-align:center;
}