@charset "utf-8";
/* CSS Document */

#main {
	margin: auto;
	padding: 0px;
	width: 960px;
}
a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
body {
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0px;
}
#logo {
	background: url(gfx/bg_up.gif) repeat-x left top;
	clear: both;
	float: left;
	height: 96px;
	width: 960px;
}
#gif_logo {
	margin:0px;
	margin-top: 23px;
	margin-left: 23px;
}
img {
	border: none;
}
#menu_contener {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 50px;
	width: 960px;
	border-bottom:#000 solid 1px;
	background: #f6f6f5;
}
#cur_site {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000;
	background:#f9dbc6 url(gfx/btn_bg_title_1.png) top left repeat-x;
	border-right:#FFF solid 1px;
	height: 35px;
	width:148px;
	float:left;
	text-align:center;
	padding-top:15px;
}
#menu a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000;
	background: #f6f6f5 url(gfx/btn_bg_title.png) top left repeat-x;
	display: block;
	height: 35px;
	width:148px;
	float:left;
	border-right:#FFF solid 1px;
	text-align:center;
	padding-top:15px;
}
#menu a:hover {
	background: #e6e6e6 url(gfx/btn_bg_title.png) top left repeat-x;
}
#qmenu {
	float: right;
	height: 50px;
	width: 66px;
	margin: 0px;
	padding: 0px;
	padding-left:0px;
	background: url(gfx/right_qm.jpg) no-repeat left top;
}
#qmenu img{
	margin-left:5px;
	margin-right:5px;
	margin-top:17px;
	margin-bottom:17px;
}
#banner {
	background: #fcf8ef url(gfx/banner.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 197px;
	width: 960px;
}
#d_line {
	background: #333333;
	height: 6px;
	width: 960px;
	clear: both;
	float: left;
}
#footer {
	background: url(gfx/bg_up.gif) repeat-x left top;
	text-align:center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 90px;
	width: 960px;
}
#pixide{
	background:url(gfx/logo_pixide.gif) right bottom no-repeat;
	display:block;
	width:50px;
	height:10px;
	margin-top:10px;
	margin-left:900px;
	clear:both;
}
#copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
}
#bg {
	background: url(gfx/bg_up.gif) repeat-x left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 960px;
}
#contener{
	background:url(gfx/bg_line.gif) repeat-y top right;
	margin: 0px;
	margin-top:1px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 960px;
	padding-bottom:30px;
}

#products_con{
	width: 740px;
	float:left;
	padding-top: 19px;
}

#l_panel {
	margin: 0px;
	padding: 0px;
	padding-top: 24px;
	float: left;
	width: 195px;
}
#content {
	margin: 0px;
	padding: 20px;
	padding-top: 19px;
	float: left;
	width: 510px;
/*	text-indent:35px;*/
}
#content_a {
	margin: 0px;
	padding: 20px;
	padding-top: 19px;
	float: left;
	width: 700px;
/*	text-indent:35px;*/
}
h1{
	color:#444444;
}
h2{
	color:#444444;
	font-size:13px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#l_panel a{
	margin-left:10px;
	margin-bottom:7px;
	background:#eaeaea url(gfx/btn_bg_title.png) top left repeat-x;
	border:#d9d9d9 solid 1px;
	width:176px;
	display:block;
	text-align:center;
	font-size:12px;
	padding:15px 0px;
}
#cur_prod{
	margin-left:10px;
	margin-bottom:7px;
	background:#f9dbc6 url(gfx/btn_bg_title.png) top left repeat-x;
	border:#d9d9d9 solid 1px;
	width:176px;
	display:block;
	text-align:center;
	font-size:12px;
	padding:15px 0px;
}

#l_panel a:hover{
	background:#7b7b7b url(gfx/btn_bg_title_1.png) top left repeat-x;
	text-decoration:none;
	color:#FFF;
}

.products_b {
	float: left;
	height: auto;
	width: 230px;
	background:#f6f6f6 url(gfx/btn_arr.png) right bottom no-repeat;
	border:#d9d9d9 solid 1px;
	color:#000;
	margin:5px;
	padding-bottom:20px;
}
.products_b:hover {
	text-decoration:none;
	background:#e6e6e6 url(gfx/btn_arr.png) right bottom no-repeat;
	border:#ababab solid 1px;
}
.product_desc{
	width:210px;
	height:120px;
	cursor:pointer;
	margin:10px auto 0px auto;
}
.products_img {
	width:210px;
	height:120px;
	border:#d9d9d9 solid 1px;
	cursor:pointer;
	margin:10px auto 0px auto;
}
.products_ico {
	float:left;
	width:64px;
	height:64px;
	border:#d9d9d9 solid 1px;
	cursor:pointer;
	margin:0px 5px 0px 0px;
}
.products_title {
	font-size:12px;
	line-height:normal;
	text-align:center;
	padding:15px 10px 15px 10px;
	width:210px;
	height:24px;
	background:#e6e6e6 url(gfx/btn_bg_title.png) repeat-x top left;
	cursor:pointer;
	border-bottom:#d9d9d9 dotted 1px;
}

.div_btn a{
	padding:5px;
	background:#5b5a5a;
	color:#FFF;
	margin:4px;
}
.div_btn a:hover{
	color:#FFF;
	text-decoration:none;
}
.mod{
	width:215px;
	height:28px;
	background:#7b7b7b url(gfx/btn_bg_title_1.png) top left repeat-x;
	float:left;
	text-align:center;
	padding-top:15px;
	margin-bottom:15px;
	clear:both;
	color:#FFF;
	font-weight:bold;
}
.mod a{
	color:#FFF;
	font-weight:bold;
}


#r_panel {
	margin: 0px;
	float: right;
	width: 215px;
}
input{
	font-size:11px;
	border:#d9d9d9 solid 1px;
}
input[type="radio"] 
{
	border:none;
}
#login_con{
	width: 215px;
	float:left;
	clear:both;
	border-bottom:#7b7b7b solid 1px;
}
#kosz_con{
	width: 215px;
	float:left;
	clear:both;
	border-bottom:#7b7b7b solid 1px;
}
.div_btn{
	width:100%;
	height:25px;
	text-align:center;
	clear:both;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}
.div_form{
	width:100%;
	height:30px;
	text-align:center;
	clear:both;
	float:left;
}
.div_form .label{
	width:50%;
	height:30px;
	text-align:right;
	float:left;
}
.div_form .in{
	width:50%;
	height:30px;
	text-align:left;
	float:left;
}
.div_error{
	width:100%;
	height:30px;
	text-align:center;
	clear:both;
	float:left;
	color:#F00;
}
.red{
	color:#F00;
}
.sep{
	width:100%;
	float:left;
	height:20px;
	border-top:#d9d9d9 dashed 1px;
}
#user_info{
	width:100%;
	height:40px;
	text-align:center;
	font-size:14px;
	float:left;
}
#container{
	margin: 0px;
	padding: 20px;
	padding-top: 22px;
	float: left;
	width: 510px;
}
.t_name{
	width:405px;
	height:20px;
	margin:5px auto;
}
.t_img{
	text-align:left;
	width:405px;
	height:120px;
	margin:5px auto;
}
.t_img2{
	text-align:left;
	width:180px;
	height:180px;
	margin:5px auto;
}
.t_g{
	margin:20px 0;
	padding:20px 0;
	border-top:#666 1px dotted;
	border-bottom:#666 1px dotted;
	font-size:16px;
	font-weight:bold;
	background:#f9dbc6;
	text-align:center;
}
.t_d{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:#666 1px dotted;
}

#accordion a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	height: 20px;
	width:459px;
	margin:0px;
	margin-top:1px;
	padding-top: 18px;
	padding-bottom: 35px;
	padding-left:10px;
	display:block;
	float:left;
	clear:both;
	text-decoration:none;
	color:#000;
	background:#f6f6f5 url(gfx/arrow_right.png) no-repeat bottom right;
}
#accordion a.selected {
	background: #e6e6e6 url(gfx/arrow_down.png) no-repeat  bottom right;
}
#accordion a.selected:hover{
	background: #e6e6e6 url(gfx/arrow_down.png) no-repeat  bottom right;
	text-decoration:none;
}
#accordion a:hover{
	background: #e6e6e6 url(gfx/arrow_right.png) no-repeat  bottom right;
	text-decoration:none;
}
#accordion p{
	text-indent:0px;
	margin:0px;
	padding:0 25px 0 0;
}
.acc_d {
	width:469px;
	
	float:left;
	clear:both;
	padding:15px;
}

#cal_title{
	width:100%;
	height:28px;
	background:#7b7b7b url(gfx/btn_bg_title_1.png) top left repeat-x;
	float:left;
	text-align:center;
	padding-top:15px;
	clear:both;
	color:#FFF;
	font-weight:bold;
}
#cal_con{
	background: url(gfx/cal_bg.gif) left top repeat-y;
	width:492px;
	float:left;
	clear:both;
	font-size:10px;
	border: #CCC 1px solid;
}
#cal_con img{
	vertical-align:top;
}
#cal_con ul{
	padding-left:12px;
	margin:0;
}
#cal_con input{
	font-size:10px;
}
#cal_con select{
	width:200px;
	font-size:10px;
}

#cal_1{
	float:left;
	width:217px;
	padding:23px 9px 23px 20px;
}

#cal_2{
	float:left;
	width:227px;;
	padding:23px 9px;
}
#cal_3{
	float:left;
	width:462px;
	clear:both;
	border-top: #CCC 1px solid;
	background:#fcf8ef;
	padding:15px;
}
#cal_wymiary{
	background:url(gfx/cal_wymiary.jpg) no-repeat top left;
	width:203px;
	height:148px;
}
#cal_zaslony_wymiary{
	background:url(gfx/cal2_wymiary.jpg) no-repeat top left;
	width:203px;
	height:148px;
}
#cal_pionowe_wymiary{
	background:url(gfx/cal4_wymiary.jpg) no-repeat top left;
	width:203px;
	height:148px;
}
#cal_poziome_wymiary{
	background:url(gfx/cal5_wymiary.jpg) no-repeat top left;
	width:203px;
	height:148px;
}
#szer{
	margin:5px 0 0 45px;
}
#p_wys{
	margin:30px 0 0 140px;
}
#kosz_content{
	width:100%;
	padding:5px 5px 20px 5px;
	text-align:center;
}
.usun_prod{
	display:block;
	float:left;
	background:#f9dbc6 url(gfx/del.jpg);
	width:18px;
	height:18px;
}
.usun_prod img{
	border:none;
}
.prise{
	display:block;
	float:left;
	padding:3px;
	background:#fff;
	text-align:center;
	color:#F00;
	font-size:9px;
	width:51px;
}
.kosz_prod{
	float:left;
	width:100%;
	border-top:#666 dotted 1px;
	clear:both;
}
.prod_title{
	display:block;
	float:left;
	padding:3px 3px 3px 10px;
	background:#eee;
	text-align:left;
	color:#000;
	font-size:9px;
	width:145px;
}
.t_prod{
	width:100%;
	border:#999 dotted 1px;
	border-width:1px 0 0 1px;
	margin-top:10px;
	font-size:9px;
}
.t_prod td{
	border:#999 dotted 1px;
	border-width:0 1px 1px 0px;
	padding:5px;
}
.t_prod_r{
	background:#666;
	color:#FFF;
	text-align:center;
	font-size:10px;
}
#box_gallery{
	padding:10px 0 40px 0;
}
#box_gallery a{
	float:left;
	/*display:block;*/
	padding:5px;
	background:#f9dbc6;
	width:auto;/*10px;*/
	text-align:center;
	margin:3px;
	border:#CCC 1px solid;
}
#box_gallery a{
	text-decoration:none;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}