@CHARSET "UTF-8";

#id_picture, #id_galeria, #id_strona_galerii {
	display: none;
}

.g_pole {
	cursor: pointer;
}

/*///////////////////////////////////////////////////MINIATURKI/////////////////////////////////////////////*/
.g_miniaturki > div {		
	height: inherit;	
	width: 130px;
	z-index: 30;
}

.g_miniaturki {
	margin-top: 50px;
	margin-left: 60px;
	opacity: 0;
	filter:alpha(opacity=0);
	display: none;
	width: 150px;
	overflow: hidden;
}
.g_miniaturki .g_top, .g_miniaturki .g_center {
	margin-left: 30px;
}

.g_miniaturki .g_bottom {
	margin-left: 43px;
}

.g_bottom > img {
	margin-left: 15px;
	float: left;
}

.g_bottom > img:hover {
	cursor: pointer;
}


.g_miniaturki .g_top, .g_panel .p_top {
	
}
.g_miniaturki .g_top .g_pole {
	background-color: #3a3935;
}

.g_miniaturki #g_bottom, .g_panel #p_bottom {
	height: 30px;
}

.g_miniaturki .g_center {		
	height: 330px;
}

.g_miniaturki .g_center {
	width: 400px;
}

.g_miniaturki ul {
	list-style: none;
	margin: 5px 10px 10px 10px;	
	padding: 0px;
	float: left;
	width: 130px;
}

.g_miniaturki ul li {
	float: left;
	margin: 4px 9px 4px 9px;
}

.g_miniaturki ul li div.g_pole, .g_miniaturki .g_top > div {				
	width: 37px;
	height: 37px;
}

.g_miniaturki .g_top > div {
	margin: 10px 15px 0px 15px;
}

.g_miniaturki div.topLeft, .g_miniaturki div.topRight,
.g_miniaturki div.bottomLeft, .g_miniaturki div.bottomRight,
.g_panel div.topLeft, .g_panel div.topRight,
.g_panel div.bottomLeft, .g_panel div.bottomRight
{
	position: absolute;
	width: 3px;
	height: 3px;
	z-index: 25;				
}

.g_miniaturki div.g_pole {
	overflow: hidden;			
}

.g_miniaturki div.g_pole div.topLeft, .g_panel div.g_pole div.topLeft {	
	background-image: url('../images/rleftTop.png');
	background-repeat: no-repeat;
}

.g_miniaturki div.g_pole div.topRight, .g_panel div.g_pole div.topRight {	
	right: 0px;
	background-image: url('../images/rrightTop.png');
	background-repeat: no-repeat;
}

.g_miniaturki div.g_pole div.bottomLeft, .g_panel div.g_pole div.bottomLeft {	
	bottom: 0px;
	left: 0px;
	background-image: url('../images/rleftBottom.png');
	background-repeat: no-repeat;
}

.g_miniaturki div.g_pole div.bottomRight, .g_panel div.g_pole div.bottomRight {
	bottom: 0px;
	right: 0px;	
	background-image: url('../images/rrightBottom.png');
	background-repeat: no-repeat;
}


.g_opacity {
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.p_tlo {
	width: 38px;
	height: 38px;
	opacity: 0.4;
	filter:alpha(opacity=40);
	background-color: black;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
}

.p_tlo:hover {
	display: none;
}


/*////////////////////////////////////G_PANEL/////////////////////////////////////*/
.c_right {
	margin-top: 50px;
}

.g_panel {
	margin-top: 25px;
}

.g_panel .p_center {
	height: 320px;
}

.g_panel > div {		
	height: inherit;	
	width: 160px;
}

.g_panel {
	display: none;
	opacity: 0.1;
	filter:alpha(opacity=10);	
}
.g_panel ul {
	list-style: none;
	margin: 5px 10px 10px 10px;	
	padding: 0px;
}

.g_panel ul:first-child {
	display: block;
}

.g_panel div.g_pole {
	width: 38px;
	height: 38px;
	overflow: hidden;
	background-color: #3a3935;
}

.g_panel ul li {
	margin: 4px 9px 4px 9px;
}

.g_panel div.g_pole > div {
	z-index: 50;
}

.g_pole .g_text {
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.g_panel .p_bottom {
	margin-left: 0px;
}

.g_panel .p_bottom > img, .g_panel .p_top > img {
	cursor: pointer;
}	

.g_panel .p_top {
	margin-left: 24px;
}	

.g_panel .p_bottom > img {
	margin-left: 15px;
}	


/*///////////////////////////////////////G_CENTER/////////////////////////////////////////*/

div.g_picture {
	display: none;	
	opacity: 1;
	filter:alpha(opacity=100);
	z-index: 30;
	position: absolute;
	left: 0;
	top: 0;
}

div.g_picture img {
	border: solid 1px white;
}

div.r_center div.g_picture:first-child {
	display: block;
	opacity: 0.1;
	filter:alpha(opacity=10);
}

div.g_picture div.picture_left, div.g_picture div.picture_right {
	position: relative;
	float: left;	
}

div.g_picture div.ramka_up {
	background-image: url("../images/ramka_up.png");
	background-repeat: repeat-x;
	left: 16px;
	top: 0px;
	height: 32px;
	position: absolute;
}

div.g_picture div.ramka_d {
	background-image: url("../images/ramka_d.png");
	background-repeat: repeat-x;
	bottom: 0px;
	left:  16px;
	height: 32px;
	position: absolute;
}

div.g_picture div.ramka_l {
	background-image: url("../images/ramka_l.png");
	background-repeat: repeat-y;
	left: 0px;
	top: 32px;
	width: 32px;
	position: absolute;
}

div.g_picture div.ramka_r {
	background-image: url("../images/ramka_r.png");
	background-repeat: repeat-y;
	right: 0px;
	top: 32px;
	width: 32px;
	position: absolute;
}

div.r_center_galery div.g_picture img {
	margin: 32px;
}

div.picture_left > img, div.picture_right > img {
}



/*//////////////////////////////////////////LOADING GALERY//////////////////////////////*/

div.loading {
	top: 100px;
	width: 400px;
	height: 10px;
	border: solid 1px #988d75;
}

div.loading > div {
	background-color: #988d75;
}