@charset "utf-8";
/* CSS Document */
body {
/*    background: -moz-linear-gradient(center top , rgb(25, 16, 18) 0%, rgb(255, 255, 255) 48%, rgb(255, 255, 255) 100%) repeat scroll 0% 0% transparent; */
	font: font-family: Verdana, Geneva, sans-serif;
	background:#FFF url(../images/tlo_gl_przejscie.jpg) repeat-x; 
	margin: 0;
	padding: 0;
	color: #fff;
}

/* ~~ Selektory elementów i znaczników ~~ */
ul, ol, dl { /* Ze względu na różnice w zachowaniu przeglądarek, dobrą praktyką jest używanie marginesów i odstępów wewnętrznych o zerowej szerokości dla elementów typu lista. Aby ułatwić sobie zachowanie spójności, można określić pożądane wartości albo tutaj, albo w parametrach elementów listy (LI, DT, DD). Pamiętaj, że wszelkie wprowadzone tu wartości zostaną przeniesione kaskadowo na listy klasy .nav, chyba że utworzysz bardziej wyspecjalizowany selektor. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	font-family:"Times New Roman", Times, serif;
	margin-top: 0;	 /* Usunięcie górnego marginesu pozwala obejść problem związany z uciekaniem marginesów z bloku DIV, w którym są zawarte. Pozostały margines dolny zapewni odstęp od kolejnych elementów. */
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px; /* Dodanie bocznych odstępów wewnętrznych (właściwość „padding”) do elementów umieszczanych wewnątrz bloku DIV — zamiast do samego bloku DIV — pozwala uniknąć konieczności przeprowadzania obliczeń położenia w modelu blokowym. Alternatywną metodą jest użycie zagnieżdżonego bloku DIV z odstępami wewnętrznymi po bokach. */
	color: #9E2348;
	padding-bottom:10px;
	}
h1{ font-size: 25px;}
h2{	font-size: 20px;}
h3{	font-size: 15px;}
h4{ font-size: 10px;}
h5{ font-size: 8px;}
h6{ font-size: 6px;}
p {
	margin-top: 0;	 /* Usunięcie górnego marginesu pozwala obejść problem związany z uciekaniem marginesów z bloku DIV, w którym są zawarte. Pozostały margines dolny zapewni odstęp od kolejnych elementów. */
	padding-right: 20px;
	padding-left: 20px; /* Dodanie bocznych odstępów wewnętrznych (właściwość „padding”) do elementów umieszczanych wewnątrz bloku DIV — zamiast do samego bloku DIV — pozwala uniknąć konieczności przeprowadzania obliczeń położenia w modelu blokowym. Alternatywną metodą jest użycie zagnieżdżonego bloku DIV z odstępami wewnętrznymi po bokach. */
	color: #330C17;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height:25px;
}

a img { border: none; }
hr	{
	margin: 0 20px 20px 20px;
	color: #9E2380;
	}
#top{
	background:url(../images/top_tlo_przejscie.jpg);
	width: 100%;
	height: 189px;
	position:relative;
	}
	#logo{
		position:absolute;
		/* background:url(../images/altroff_logo.png);
        */
		width: 306px;
		height: 149px;
		}
	#slogan{
		position:absolute;
		background:url(../images/artdeco_baner.png);
		width: 500px;
		height: 25px;
		top: 30px;
		left: 40%;
		}

/*  szukaj  */
#top .szukaj{
	position: absolute;
	bottom: 11px;
	left: 10%;
	z-index: 100;
	}
#top .szukaj .pole{
	margin-right: -40px;
	background: url(../images/szukaj.png) no-repeat center;
	width: 183px;
	height1: 35px;
	border: 0;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCCCCC;
	}
#top .szukaj .przycisk {
		margin-top: -13px;
		margin-right: -10px;
		display:none;
	}

/* prawy róg  */	
	#home{
		position: absolute;
		background:url(../images/rog_home.png) no-repeat;
		width: 291px;
		height: 197px;
		right: 0px;
		z-index: 10;
		}

/* lang */

	#lang {
		position:absolute;
		right: 35%;;
		top: 30px;
		width: 310px;
		height: 25px;
		z-index: 20;
		}
		
	#lang p{
		display: inline;
		color:#fff;
		font-family: verdana;
		font-weight: bold;
		font-size: 20px;
		float: left;
		text-shadow: 10 10 10 10 #000;
		text-shadow: 1px 1px #000000;
		}
		
	#kolekcja{
		clear:both;
		position: absolute;
		background:url(../images/rog_kolekcja.png);
		width: 256px;
		height: 241px;
		right: 0px;
		z-index: 10;
		}
    #nowosci{
		clear:both;
		position: absolute;
		background:url(../images/rog_kolekcja.png);
		width: 256px;
		height: 241px;
		right: 0px;
		z-index: 10;
		}
	#galeria{
		position: absolute;
		background:url(../images/rog_galeria.png) no-repeat;
		width: 291px;
		height: 197px;
		right: 0px;
		z-index: 10;
		}
	#filozofia{
		position: absolute;
		background:url(../images/rog_filozofia.png) no-repeat;
		width: 291px;
		height: 197px;
		right: 0px;
		z-index: 10;
		}
    #transport{
		position: absolute;
		background:url(../images/rog_transport.png) no-repeat;
		width: 291px;
		height: 197px;
		right: 0px;
		z-index: 10;
		}
	#kontakt{
		position: absolute;
		background:url(../images/rog_kontakt.png) no-repeat;
		width: 379px;
		height: 241px;
		right: 0px;
		z-index: 10;
		}
	#linki{
		position: absolute;
		background:url(../images/rog_linki.png) no-repeat;
		width: 291px;
		height: 197px;
		right: 0px;
		z-index: 10;
		}
/* koniec prawego rogu */

/*-- menu top --*/		
	#menu_top{
		position:absolute;
		right: 0px;
		width: 100%;
		bottom: 0px;
		z-index: 20;
		}
		#menu_top ul{
			text-align:right;
			background:url(../images/tlo_menu.jpg) repeat-x;
			height: 34px;
			padding: 7px 40px 0 0;
			}
			#menu_top ul li{
				display: inline;
				color:#d2bfc4;
				}
				#menu_top ul li a{
				font-family:Verdana, Geneva, sans-serif;
				color:#d2bfc4;
				text-decoration:none;
				font-size:13px;
				}				
				#menu_top ul li a:hover{
				color: #FFFFFF;
				}
/*--- menu top aktywne ---*/
#menu_top #activ a{ color: #fff;}
/*------------------------*/
#cien_gora{
		width: 95%;
		max-width1: 980px; 
		margin: 0 auto;
		  }
		.cien_g{
		background:#FFF url(../images/cieniowanie_content.jpg) repeat-x;
		height:11px;	
		}  
#slideshow{
		width: 95%;
		max-width: 980px; 
		margin: 0 auto;
		
		}
		.galeria{
		background:#FFF;
		min-height: 294px;
		  }
		.galeria_hide{
		background:#FFF;
		min-height: 294px;
		display: none;
		}
		#pasek_sterujacy{
			background: #2b201f;
			height: 29px;
			position: relative;
			}
			#przyciski_slideshow ul{
				position:absolute;
				top:  5px;
				left: 5px;
				}
				#przyciski_slideshow ul li{
					display: inline;
					padding: 2px;
					}
/*------------------------- content ----------------------------------*/
#kontent{
	overflow:hidden;
	width: 95%;
	max-width: 100%; 
	margin: 0 auto;
	background:#FFF url(../images/tlo_content_bottom.jpg) repeat-x;
	min-height: 200px;
	position: relative;
	}
#przyciski_kolekcja{
	border-left: 1px solid #CCC;
	width: 300px;
	padding-left: 30px;
	position: absolute;
	right: -40px;
    top: 80px;
	z-index: 100;
	}

.col_l{
	float:left;
	width: 49%;
	}
.col_r{
	float:right;
	width: 49%;
	}
.col_l_home{
	float:left;
	width: 49%;
	}
.col_r_home{
	float:right;
	width: 49%;
	}
col_l_kolekcja{
	width: 100%;
	}
/*------------ filozofia ----------------*/
.filozofia{
	background1: #343434;
	height: 395px;
	margin: 10px;
	}
.filozofia_figurka{
	float:left;
	width: 300px;
	background1:#424242;
	margin: 10px 0 10px 10px;
	}
.filozofia_zdjecie{
	float: left;
	width: 250px;
	height: 359px;
	padding: 30px 0 0 0;
	
	text-align: center;
	}
.filozofia_tekst{
	padding: 100px 0 0 40px;
	float: left;
	}
.filozofia h2 {
	color:#999;
	}
.filozofia h3{
	color: #999;
	}
.filozofia p{
	color: #999;
	}
.filozofia hr {
	color: #999;
	}
	
/*--- KOLEKCJA ---*/

#wrapper_kolekcja{
margin-top: -20px;
}
#kolekcja_menu ul{
	text-align:center;
	color:#666;
	}
#kolekcja_menu ul li{
	
	display: inline;
	text-decoration:none;
	font-size:12px;
	}
#kolekcja_menu ul li a{
	color:#666;
	text-decoration:none;
	padding: 10px 10px;
	}	
#kolekcja_menu ul li a:hover{
	color:#CC9;
	}
#kolekcja_menu_active ul li a{
	color:#CC9;
	}
#kolekcja_content{
	overflow:hidden;
	min-height:200px;
	margin: 20px 80px 20px 100px ;
	}
#kolekcja_content h2{
	color:#aaa;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-bottom:#CCC solid 1px;
	}

#kolekcja_content hr{
	color: #fff;
	border-top:#eee solid 1px;
	width: 90%;
	}
	
#kolekcja_paginacja{
	float:left;
	}

.kolekcja_nav{
	float:right;
	width: 40px;
	padding-right: 20px;
	}
.kolekcja_lista{
	clear:both;
	}
.kolekcja_zdj_min{
	float: left;
	}
ul#itemContainer > li.kolekcja_zdj_min > a > img{
	width: 280px;
	border: 1px solid #ccc;
	}
ul#itemContainer > li {
	color: #F1F1F1;
	}
ul#itemContainer>li.kolekcja_zdj_min{
	width: 300px;
	height: 300px;
	margin: 5px;
	text-align: center;
	background: #F1F1F1;
	border: #ddd solid 1px;
	}
li.kolekcja_zdj_min{
	position:relative;
	display:table;
	}
#status{
	position:absolute;
	width: 50px;
	height: 50px;
	top: 0;
	z-index: 2000;
	}
li.kolekcja_zdj_min a{
	display:table-cell;
	vertical-align:middle;
	}
#podpis_table{
	display:table-row;
	}	
#podpis_table .podpis{
	display:table-cell;
	font-family:Verdana, Geneva, sans-serif;
	vertical-align:bottom;
	font-size:9px;
	color:#666;
	margin: 5px;
	padding: 5px;
	}
	
/*------------ kolekcja pojedyncza ---------------*/
#content{
	min-height: 720px;
	margin-left: 40px;
	}

#thumblist img.miniaturka{
	position:relative;
	width: 15px;
	height: 10px;
	float:right;
	padding: 0;
	margin: 0;
	bottom: 19px;
	right:7px;
	}
.opis{
	font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	text-decoration:underline;
	font-weight:bold;
	padding-right:10px;
	margin: 0;
	float:left;
	} 
#kolekcja_poj_kol_l{
width: 150px;
float:left;
}
#kolekcja_poj_kol_r{
float:left;
padding-left: 100px;
width: 500px;
min-height: 500px;
}
#kolekcja_poj_kol_r img{
	}
div.zoomPad img{
	}
.clearfix:after{
	clear:both;content:".";
	display:block;
	font-size:0;height:0;
	line-height:0;visibility:hidden;
	}
.clearfix{display:block;zoom:1
	}
ul#thumblist{
	display:block;
	width: 200px;
	}
#thumblist img{
	width: 100px;
	padding: 7px;
	margin: 5px;
	background:#eee;
	border:#ccc solid 1px;
	}

ul#thumblist li{
	float:left;
	margin-right:2px;
	list-style:none;
	}
ul#thumblist li a{
	display:block;
	border:1px solid #fff;
	}
ul#thumblist li a.zoomThumbActive{
    border:1px solid #731B34;
	}

.clearfix #content{
	margin: 0 auto;
}

/*----------kolekcja szukaj---------------*/
.linia_pozioma{
	margin-top:9px;
	color: #731B34;
	border-top: #731B34 1px solid;
	width: 95%;
	}
.wiecej {
	text-align:right;
	padding-right:50px;
	}
.wiecej a{
	text-decoration:none;
	color:#333;
	}
.wiecej a:hover{
	text-decoration:underline;
	}
#sam img{
	border:#ccc solid 1px;
	padding: 5px; 
	height: 130px;
	}
/*---------------------------------------*/
/*------- zdjecia strona glowna ---------*/
#str_gl_zdjecia {
	margin: 0 auto;
	width: 980px;
	text-align:center;
	padding-bottom: 10px;
	}
#str_gl_zdjecia ul {
	display:table;
	margin: 0 auto;
	text-align:center;
	vertical-align:middle;
	}
#str_gl_zdjecia > ul > li{
	display: table-cell;
	vertical-align:middle;
	width:260px;
	height: 150px;
	background: #F1F1F1;
	border-left: #fff solid 10px;
	border-right: #fff solid 10px;
	}
#str_gl_zdjecia ul .border{
	width:260px;
	height: 150px;
	border:solid 1px #ccc;
	padding:10px;
	}
#str_gl_zdjecia ul li img{	
	height: 120px;
	border: 1px solid #ccc;
	text-align:center;
	}
#str_gl_zdjecia_hide{
	display:none;	
	}
/*---------------------------------------*/
/*--- stopka ---*/
#stopka{
	clear:both;
	background:#e6e3e3 url(../images/stopka_cieniowanie.jpg) repeat-x;
	min-height: 230px;
	position:relative;
	width: 100%;
	z-index: auto;
	}
	.kontakt_stopka p{
		position: absolute;
		top:30px;
		left: 30px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color: #2b201f;
		line-height:15px;
		}
	.portale_stopka{
	position: absolute;
	right: 43px;
	bottom: 50px;
	width: 160px;
	height: 30px;
		}
	#stopka2{
		position:absolute ;
		background: #781b37;
		width: 100%;
		height: 46px;
		bottom: 0px;
		color: #FFF;
		font-size: 11px;
		}
		.kontakt_stopka2 p{
			font-family:Verdana, Geneva, sans-serif;
			position: absolute;
			color: #FFF;
			font-size: 11px;
			left: 30px;
			bottom: 5px;
			line-height:15px;
			}
		.mobile_stopka2 p{
			font-family:Verdana, Geneva, sans-serif;
			position: absolute;
			color: #FFF;
			font-size: 11px;
			left: 50%;
			bottom: 5px;
			line-height:15px;
			}
		.copyright_stopka2 p{
			font-family:Verdana, Geneva, sans-serif;
			position: absolute;
			color: #FFF;
			font-size: 11px;
			right: 40px;
			bottom: 5px;
			line-height:15px;
			}
#webdesign{
	position: relative;
	}
	.webdesign_tekst p{
		position:absolute;
		bottom: -25px;
		right: 0;
		font-family:Verdana, Geneva, sans-serif;
		font-style:italic;
		font-size:8px;
		color:#999;
		line-height:15px;
		}
		.webdesign_tekst a{
			color: #999;
			text-decoration:none;
			}
		.webdesign_tekst a:hover{
			text-decoration:underline;
			}