/** Basic Definitions **/

* {
	margin: 0;
    padding: 0;
    }

html {
	font: 12px/18px "Trebuchet MS", tahoma, verdana, sans-serif; 
	height: 100%;
	}
		 
body {
	margin: 0;
	padding: 0;
	background-color:#FFD300;
	text-align: left;
	height: 100%;
	}
	  
p, a, h1, h2 {
	text-decoration: none;
	margin: 0;
	padding: 0; border: none;
	font-weight: normal;
	}
					  
img	{
	border: none;
	margin: 0;
	padding: 0;
	}

#wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}
	   

#content_grupa, #content_produkt {background: #fff; width:960px; position:absolute; clear:left;}
.opis {width:240px; display:block; height:100%; margin: 20px 80px 0 0; position:relative; float:right;}
.opis h1, h2, h3 {font-size:12px; line-height:16px; padding:5px 10px 0 10px;}
.opis h1 {font-weight: bold; margin-top:12px;}
.opis h3 a{text-decoration:none; font-weight:bold; float:right; clear:both; color:#000;}
.opis h3 a:hover {text-decoration:underline;}


	   	   
	



/** Start PopupZoom**/
#zoom { 
 color: #333;
 background: #fff;
 height: 480px;
 width: 220px;
 float: left;
}

#zoom-jq {
 background: #fff;
 height:170px;
 border-bottom: 10px solid #FFD300;
 position: relative;
}

#zoom-jq img {width:220px;}
#zoom-jq h1 {font-weight: bold; padding:10px 10px 0 10px; font-size:12px; position:absolute; z-index:100;}

#ramy img{padding:0 0 15px 0;}
#ramy h1, h2 {font-size:12px; line-height:14px; }
#ramy h1 {font-weight: bold; padding:10px 10px 0 10px;}


#zoom-img { 
 float: left;
 color: #333;
 background: #fff;
 border-left: 10px solid #FFD300;
 height: 480px;
 width: 410px;
}
.vertical{
 width:410px;
 position:absolute;
 top:50%;
 margin: -340px 0 0 0;}

#spec { 
 background:#FFFFFF;
 width: 320px;
 float: left;
}

#spec-tech {
 background: url(../images/gradient_bg.png) repeat-x;
 width:240px;
 height:480px;
}
#spec-tech img{padding: 20px 0 0 0;}
#spec-tech h1, h2 {font-size:12px; line-height:14px; }
#spec-tech h1 {font-weight: bold; padding:12px 10px 0 10px;}
#spec-tech h2 {color:#4b575f; padding:0px 10px 0 10px;}



div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}

.jqZoomWindow
{
	background-color: #FFF;
}

/** End PopupZoom**/