/*
 * autor: Studio Fabryka
 * www.fabryka.net.pl
 * 
 * 22.01.2010
 * 
 */


/*-------------------------- RESET -----------------------------------------------------*/

body, div, h1, h2, h3, h4, ul, ol, li, a, img, table, blockquote
{margin:0; padding:0; border:0; outline:none; list-style:none; text-decoration:none;}

/*-------------------------- RESET -----------------------------------------------------*/









body.szczegolyZegarka {
	
	background: #000 url(../img/backgrounds/szczegoly-zegarka-bg.jpg) top no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#all {
	
	position:relative;
	margin:0 auto;
	width:978px;
	}
	
	
	


/*
 * ------------------------------------------------ STRONA GŁÓWNA -----------------------------
 */


.flash {
	
	position:absolute;
	width:976px;
	height:618px;
	left:1px; top:130px;
}

	
	
/*
 * ------------------------------------------------ HEADER [logo, flagi] -----------------------
 */

#top {
	
	top:0; left:0;
	width:978px;
	height:82px;
	background:#000;
	}
	
	#top a {
		
		width:197px;
		height:68px;
		display:block;
		margin:0 auto;
	}
	
	#flags {
		
		position:absolute;
		top:57px; right:0;
		width:70px;
		height:13px;
		}
		#flags ul {
			
			width:70px;
			height:13px;
			}
			#flags li {
				
				width:26px;
				float:left;
				margin-right:6px;
				}
				#flags li a {
					
					width:26px; height:13px;
					display:block;
					}
					
					#flags li a:hover {
						
						opacity:0.8;
						filter: alpha(opacity=80);
					}
					




/*
 * --------------------------------------------- TOP MENU --------------------------------
 */
	
	
	
	
#menu {
	
	position:absolute;
	top:109px;
	left:7px;
	width:978px;
	height:21px;
	}
	
	#menu li {
		
		float:left;
		margin:0 10px 0 10px;
		width:auto !important;
		width:10px;
		}
		#menu li.last {margin:0 0 0 10px;}
		#menu li.first {margin:0 10px 0 0;}
		
		#menu li a {
			
			padding: 0 20px 0 20px;
			height:21px;
			display:block;
			}
			#menu li a:hover, #menu li a.active {
				
				background:url(../img/small/menu-hover-bg.gif) 0 0 no-repeat;
				}
				#menu li a:hover img {
					opacity:0.7;
					filter: alpha(opacity=80);
					}
		





/*
 * --------------------------------------------- BOTTOM MENU --------------------------------
 */
/*
 * --------------------------------------------- BOTTOM MENU --------------------------------
 */
#menu_bottom {
    position: absolute;
    top: 756px;
    right: 0px;
    height:21px;
    }
    #menu_bottom.compare {
        position: absolute;
        top: 862px;
        right: 0px;
        height:21px;
        }

    #menu_bottom li {

        float:right;
        width:978px;
        text-align:right;
        }
        #menu_bottom li.first {margin:0 10px 0 0;}
        
        #menu_bottom li a {
            
            height:21px;
            display:block;
            width:978px;
            text-align:right;
            }
            #menu_bottom li a:hover, #menu_bottom li a.active {
                
                background:url(../img/small/kontakt-hover-bg.gif) top right no-repeat;
                }
            #menu_bottom li a.en:hover, #menu_bottom li a.en.active {
                
                background:url(../img/small/kontakt-en-hover-bg.gif) top right no-repeat;
                }
                #menu_bottom li a:hover img {
                    opacity:0;
                    filter: alpha(opacity=0);
                    }


/*
 * ----------------------------------------- POWIĘKSZENIE ZEGARKA [duże foto, nawigacja, link] -----------
 */

#powiekszenieZegarka {
	
	position:absolute;
	top:140px; left:17px;
	z-index:10;
	background:#fff;
	width:575px; height:442px;
	text-align:center;
	}
	#next-prev {
		
		position:absolute;
		top:220px; left:1px;
		z-index:20;
		width:574px;
		}
		#prev {float:left;}
		#next {float:right;}
		
		#next-prev a:hover {
			
			opacity:0.7;
			filter: alpha(opacity=70);
		}
		
		#dodajDoPorownywarki {
			
			position:absolute;
			bottom:14px; right:18px;
			z-index:20;
			}
			#dodajDoPorownywarki a {
				
				color:#666;
				font-size:10px;
				background: url(../img/small/plus.gif) 0 2px no-repeat;
				padding:0 20px 0 13px;
				}
				#dodajDoPorownywarki a span {
					
					width:12px; height:10px;
					display:block;
					position:absolute;
					right:0; top:5px;
					background: url(../img/small/szczeg-zer-raquo.gif) 0 0;
					}
					
					#dodajDoPorownywarki a:hover {color:#000;}
		
		
		
		
		
	
	
	
	
	
		
/*
 * -------------------------------------- KOLUMNA [nagłówek, dane modelu, mini porównywarka] -------------
 */
	
	
	
#col {
	
	position:absolute;
	top:130px; right:-10px;
	width:384px;
	height:452px;
	}
	#col h1 img {
		
		position: absolute;
		top:0; left:-11px;
		}
	
	
	/*** dane zegarka ***/
		
	#daneZegarka {
		
		position:absolute;
		bottom:100px;
		left:0px;
		width:356px;
		min-height: 180px !important;
		margin:0 auto;
		background:#fff url(../img/small/wielkie-A.jpg) bottom right no-repeat;
		}
		#daneZegarka div {
			
			position:absolute;
			background:#000;
			width:356px; height:5px;
			top:4px;
			left:0px;
		}
		
		#daneZegarka ul {
			
			text-align:left;
			color:#000;
			font-size:11px;
			font-weight:bold;
			margin:16px 10px 10px 10px;
			}
			#daneZegarka li {
				
				line-height:16px;
			}
			
		#daneZegarka p {
			
			text-align:left;
			font-size:11px;
			color:#000;
			line-height:14px;
			margin: 0 10px 10px 10px;
		}
			
		/*** porównywarka mini ***/
		
		
		#porownywarkaMala {
			
			position:absolute;
			bottom:0;
			left:0px;
			background: #fff;
			width:356px;
			height:90px;
			}
			ul#linkiPorownywarki {
				
				position:absolute;
				top:0; left:0;
				width:120px;
				text-align:left;
				}
				ul#linkiPorownywarki li {
					
					line-height:13px; 
					margin:10px 10px 25px 10px;
				}
					
				ul#linkiPorownywarki a {
					
					font-size:10px;
					color:#666;
					font-weight:bold;
					}
					ul#linkiPorownywarki a:hover {color:#000;}
				
				#zegarkiTrzy {
					
					position:absolute;
					top:0; right:10px;
					}
					#zegarkiTrzy li {
						
						float:left;
						width:69px;
					}
					#zegarkiTrzy p {
						
						/*position:absolute;*/
						position: relative;
						top: -5px;
						bottom:9px !important;
						bottom:16px;
						left:4px;
						z-index:20;
						text-align:center;
						font-size:10px;
						line-height:12px;
						margin: 0;
					}
					#zegarkiTrzy strong {text-transform:uppercase;}
					
					#zegarkiTrzy a {
						/*position:absolute;*/
						position: relative;
						top: -5px;
						z-index:20;
						bottom:10px !important;
						bottom:7px;
						left:0;
						margin:0 auto;
						font-size:10px;
						color:#000;
						padding-left:10px;
						line-height:11px;
						display:block;
						text-align:center;
						height:10px;
						width:59px;
						background: url(../img/small/minus.gif) 8px 1px no-repeat;
					}
					#zegarkiTrzy a:hover {
						
						color:#666;
					}
					
					#zegarkiTrzy img { z-index:10; }
					
					
					
				







/*
 * ---------------------------------------- KOLEKCJA [easySlider, zegarki do wyboru] ----------------
 */

#kolekcjaLista {
	
	position:absolute;
	top:592px; left:0;
	width:978px;
	height:141px;
	overflow:hidden;
	}

	#kolekcjaLista ul, #kolekcjaLista li { width:978px;}
	
	#kolekcjaLista a img {
		
		margin:0 7px;
		opacity:0.5;
		filter: alpha(opacity=50);
		height:140px;
		}
		#kolekcjaLista a:hover img {
			
			opacity:1;
			filter:alpha(opacity=100);
		}
		
		
		
		
		
		
		
		
		
		
/*
 * ---------------------------------------- KOLEKCJA [easySlider, dla widoku kolekcji] ----------------
 */

#kolekcjaLista-aktywna {
	
	position:absolute;
	top:592px; left:0;
	width:978px;
	height:141px !important;
	overflow:hidden;
	}
	
	#kolekcjaLista-aktywna ul, #kolekcjaLista-aktywna li { width:978px;}
	
	#kolekcjaLista-aktywna a img {
		
		margin:0 7px;
		}
		
		#kolekcjaLista-aktywna a:hover img {
			
			opacity:0.8;
			filter:alpha(opacity=80);
		}
		
		#kolekcjaLista-aktywna a,
		#kolekcjaLista-aktywna a img,
		#kolekcjaLista-aktywna li {z-index:500;}
	




/* ----------------------------- ZDJĘCIE KOLEKCJI ---------------------------- */



#zdjKolekcji {
	
	position:absolute;
	top:130px; left:0;
}










/*
 * --------------------------------------------------------------------------------------
 * 									*** STRONA TEKSTOWA ***
 * -------------------------------------------------------------------------------------- 
 */



body.tekstowa {background:#000 url(../img/backgrounds/tekstowa-bg.jpg) top no-repeat;}

#bgTxt {
	
	position:absolute;
	top:130px; left:0;
	z-index:1;
	width:977px; 
	height:618px;
}


#maintxt {
	
	left:0;
	width:947px;
	height:570px;
	padding-right:10px;
	padding-left:10px;
	overflow:auto;
}

#maintxt p {
	
	color:#fff;
	text-align:justify;
	font-size:11px;
	z-index:110;
}

#maintxt h1 {
	
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding-left:0;
}

#maintxt h2 {
	
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	padding-left:0;
	text-transform:uppercase;
}



/* maintxt scrollbar */
			
			.scrollAztorin .jScrollPaneTrack {
				background: #0c0c0a;
			}
			.scrollAztorin .jScrollPaneDrag {
				background: url(../images/aztorin_drag_middle.gif) repeat-y 0 0;
				left:0;
			}
			.scrollAztorin .jScrollPaneDragTop {
				background: url(../images/aztorin_drag_top.gif) no-repeat;
				height: 17px;
			}
			.scrollAztorin .jScrollPaneDragBottom {
				background: url(../images/aztorin_drag_bottom.gif) no-repeat;
				height: 17px;
			}
			.scrollAztorin a.jScrollArrowUp {
				height: 17px;
				background: url(../images/aztorin_arrow_up.gif) no-repeat 0 0;
			}
			.scrollAztorin a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.scrollAztorin a.jScrollArrowDown {
				height: 17px;
				background: url(../images/aztorin_arrow_down.gif) no-repeat 0 0;
			}
			.scrollAztorin a.jScrollArrowDown:hover {
				background-position: 0 -20px;

			}
			.scrollAztorin a.jScrollActiveArrowButton, .scrollAztorin a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}











/*
 * 
 * -------------------------------------------- PORÓWNYWARKA PRODUKTÓW ------------------------------------------
 * 
 */


body.porownywarka {
	
	background: #000 url(../img/backgrounds/porownywarka-bg.jpg) top no-repeat;
	min-height:898px;
	height:auto !important;
	height:898px;	
}

a#powrot {
	
	position:absolute;
	top:529px;
	left:16px;
	display:block;
	width:35px;
	height:10px;
	padding-left:15px;
	background: url(../img/small/porownywarka-back.gif) 0 1px no-repeat;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	line-height:11px;
	}
	a#powrot:hover {opacity:0.7; filter:alpha(opacity=70);}
	
	

a#usunProdukt1 {
	
	position:absolute;
	z-index:20;
	top:529px;
	left:240px;
	color:#000;
	line-height:12px;
	font-size:12px;
	padding-left:12px;
	background:url(../img/small/minus.gif) 0 0 no-repeat;
	opacity:0.6;
}
a#usunProdukt2 {
	
	position:absolute;
	z-index:20;
	top:529px;
	left:515px;
	color:#000;
	line-height:12px;
	font-size:12px;
	padding-left:12px;
	background:url(../img/small/minus.gif) 0 0 no-repeat;
	opacity:0.6;
}
a#usunProdukt3 {
	
	position:absolute;
	z-index:20;
	top:529px;
	right:80px;
	color:#000;
	line-height:12px;
	font-size:12px;
	padding-left:12px;
	background:url(../img/small/minus.gif) 0 0 no-repeat;
	opacity:0.6;
}

a#usunProdukt1:hover, a#usunProdukt2:hover, a#usunProdukt3:hover {opacity:1; filter:alpha(opacity=100);}
	
#produkt1 {
	
	position:absolute;
	top:143px;
	right:548px;
	z-index:10;
	}

#produkt2 {
	
	position:absolute;
	top:143px;
	right:278px;
	z-index:10;
	}

#produkt3 {
	
	position:absolute;
	top:143px;
	right:9px;
	z-index:10;
}




/* dane porównywanych produktów */

#dane {
	
	position:absolute;
	width:160px;
	top:565px;
	left:10px;
	background:#fff;
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
	#dane div {
		
		padding-left:10px;
		border-bottom:2px solid #818181;
		}
		#dane #lastdiv {border:0; height:60px;}

.dodatkowe {
	
	line-height:12px;
	font-size:11px;
	border-bottom:0;
	padding-top:2px;
}

#daneProdukt1 .dodatkowe, 
#daneProdukt2 .dodatkowe, 
#daneProdukt3 .dodatkowe {border:0; height:58px;}

#daneProdukt1 {
	
	position:absolute;
	width:260px;
	top:565px;
	left:170px;
	background:#fff;
	text-align:left;
	font-size:12px;
	line-height:20px;

	}
	#daneProdukt1 div {
		
		text-align:center;
		height:20px;
		border-bottom:2px solid #818181;
		}
		
		
		
#daneProdukt2 {
	
	position:absolute;
	width:270px;
	top:565px;
	left:430px;
	background:#fff;
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
	#daneProdukt2 div {
		
		text-align:center;
		height:20px;
		border-bottom:2px solid #818181;
		}

		
		
#daneProdukt3 {
	
	position:absolute;
	width:270px;
	top:565px;
	right:9px;
	background:#fff;
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
	#daneProdukt3 div {
		
		height:20px;
		text-align:center;
		border-bottom:2px solid #818181;
		}


/*
 * 
 * -------------------------------------------- KONTAKT ------------------------------------------
 * 
 */

#kontakt {
	color: #fff;
	position: absolute;
	bottom: 4px;
	right: 10px;
	width: 450px;
	text-align: right;
	font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	}
	
	#kontakt a, #kontakt a:VISITED {
		color: #fff;
	}
	
	#kontakt input, #kontakt textarea {
		width: 270px;
		border: 1px solid #777777;
		margin: 2px 0 2px 10px;
		vertical-align: top;
		font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
		font-size: 12px;
		line-height: 12px;
	}

#kontakt input.error { border: 1px solid red; }
#kontakt .submit {
	background: none;
	text-align: right;
	color: #fff;
	padding-right: 20px;
	border: none;
	background: transparent url(../img/small/submit.gif) no-repeat scroll 250px 4px;
	}