/* CSS Document */

.PortFolio-window{
	background-color:#222;
	color:#FFF;
}
.PortFolio-window .btn-b-slide{
	text-align:left;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	bottom:5px;
	padding-left:15px;
	height:23px;
	padding-top:6px;
}

.PortFolio-window .btn-b-slide a{
	float:left;
	display:block;
	border:#666 1px solid;
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	-moz-border-radius:8px 0px 8px 0px;
	-webkit-border-radius:8px 0px 8px 0px;
	border-radius:8px 0px 8px 0px;
	margin-right:10px;
	line-height:18px;
}
.PortFolio-window .btn-b-slide a:hover{
	background-color:#C60;
}
.PortFolio-window .portfolio-loader{
	background-image:url(images/loading2.gif);
	background-position:center center;
	background-repeat:no-repeat;
	position:fixed;
	height:100%;
	width:100%;
}

.PortFolio-window .portfolio-sidebar-mask{
	float:left;
	width:400px;
	height:99%;
	overflow-y:hidden;
}
.PortFolio-window .portfolio-sidebar{
	width:400px;
	position:relative;
}
.PortFolio-window .portfolio-visio{
	float:left;
	height:99%;
	margin-left:10px;
	border:1px solid #666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	background:#333;
}	

.PortFolio-window .portfolio-galery{
	/*border-bottom:1px solid #999;*/
	margin-bottom:2px;

}
.PortFolio-window .portfolio-galery .galeries-title{
	padding:0;
	margin:0;
	
	font-size:12px;
	padding-left:10px;
	line-height:20px;
	height:21px;
	background:#999;
	-moz-border-radius:15px 2px 0px 0px;
	-webkit-border-radius:15px 2px 0px 0px;
	border-radius:15px 2px 0px 0px;
}
.PortFolio-window .portfolio-galery .galeries-content-pic{
	height:57px;
	overflow:hidden;
	padding-left:10px;
	background:#666;
	-moz-border-radius:0px 0px 15px  2px;
	-webkit-border-radius:2px 0px 15px 2px;
	border-radius:0px 0px 15px 2px;
}	
.PortFolio-window .portfolio-galery .galeries-content-pic:hover{
	background:#C60;
	cursor:pointer;

}
.PortFolio-window .portfolio-galery .galeries-content-pic img{
	border:2px solid white;
	float:left;
	margin-right:5px;
}

.PortFolio-window .diapo-main-frame{
	position:relative;
	height:90%;
	border-bottom:1px solid white;
	text-align:center;
	overflow:hidden;
}	
.PortFolio-window .diapo-mask-miniature{
	height:10%;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
}
.PortFolio-window .diapo-main-bar{
	height:20%;
	position:relative;
}
.PortFolio-window .diapo-main-bar img{
	float:left;
	margin-right:5px;
	border:2px #CCC solid;
	cursor:pointer;
	opacity : 0.5;
    filter : alpha(opacity=50); 
}
.PortFolio-window .diapo-main-bar img:hover, .PortFolio-window .diapo-main-bar .pict-selected{
	border:2px solid #C60;
	opacity : 1;
    filter : alpha(opacity=100); 
}
.PortFolio-window .diapo-main-frame .diapo-title-picture{
	position:absolute;
	bottom:0px;
	line-height:20px;
	background:#CCC;
	color:#333;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
	border-radius:0px 5px 0px 0px;
}
.PortFolio-window .diapo-main-frame .diapo-btn-next, .PortFolio-window .diapo-main-frame .diapo-btn-previous{
	position:absolute;
	top:50%;
	/*border:1px solid white;*/
	height:20px;
	width:20px;
	margin-top:-10px;
	background-image:url(images/portfolio.png);
	background-repeat:no-repeat;
	background-position:4px 0px;
	cursor:pointer;
}
.PortFolio-window .diapo-main-frame .diapo-btn-next{
	right:0px;
	background-image:url(images/portfolio.png);
	background-position:-24px 0px;
}
.PortFolio-window .diapo-main-frame .diapo-btn-next:hover{
	background-image:url(images/portfolio.png);
	background-position:-24px -24px;	
}
.PortFolio-window .diapo-main-frame .diapo-btn-previous:hover{
	background-image:url(images/portfolio.png);
	background-position:4px -24px;	
}

/****DIAPO LITE*********************/
.diapo-lite{
	margin-top:10px;
	height:80px;
	border:#333 1px solid;
}
.diapo-lite .diapo-lite-cadres{
	border:1px solid black;
	width:80px;
	height:80px;
	float:left;
	margin-left:10px;
	overflow:hidden;
	text-align:center;
}