/*
	PIROBOX EXTENDED 1.2.3
	15-OCTOBER-2011
	POWERED BY PIROLAB
*/


/*::::: BACKGROUND OVERLAY :::::*/
.piro_overlay{
	position:fixed;
	top:0; left:0; 
	width:100%; 
	height:100%;
	background:#222;
	display:none;
	cursor:pointer;
    z-index:200; /*150000;  */
}

/*::::: CONTAINER :::::*/
.piro_html {
	position:absolute; 
	top:0;
	left:0;
	padding:0;
   	/*width:620px;
	height:620px;*/  width:220px; height:220px;   /*-400*/
	/*margin:0; */
	display:block;
	padding:0; 
	z-index:200; /*150001;  */
}

/*::::: GENERIC RULES FOR TABLE AND IMG :::::*/
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

/*::::: TABLE STRUCTURE :::::*/
.piro_html .h_t_l{ 
	/*width:25px;
	height:25px;
	 background: url(new_skin.png) top left no-repeat;   */

     width:10px;
	 height:10px;
     background:#000;
}
.piro_html .h_t_r{
    /*
	width:25px; 
	height:25px; 
	background: url(new_skin.png) top right no-repeat; */

     width:10px;
	 height:10px;
     background:#000;
}
.piro_html .h_t_c{  
	/*height:25px;
	background: url(new_skio.png) top repeat-x;*/
	height:10px;
    background:#000;
}

.piro_html .h_c_l{
	/*width:25px;
	background: url(new_skip.png) left repeat-y; */
    width:10px;
    background:#000;
}
.piro_html .h_c_c{
	background:#000;
	margin:0; 
	padding:0; 
	overflow:hidden;
	position:relative;
}
.piro_html .h_c_c .div_reg{
	background:#000; 
	/*width:560px;
    height:560px; */ width:160px; height:160px;  /*-400*/
	overflow:hidden;
	margin:0; 
	padding:0; 
	position:relative; 
	z-index:200; /*1500190; */
}
.piro_html .h_c_c .resize{
	overflow:hidden; 
	margin:0;
	padding:0; 
	position:relative; 
	z-index:200; /*1500190;  */
}
.piro_html .h_c_c .div_reg img{}
.piro_html .h_c_r{
	/*width:25px;
	background: url(new_skip.png) right repeat-y; */
    width:10px;
    background:#000;
}

.piro_html .h_mb_c{
	height:0;
	background: black;
	position:relative;
}
.piro_html .h_mb_l{ 
	/*width:25px;
	height:0;
	background: url(new_skip.png) left repeat-y;  */
    width:10px;
	height:0;
    background:#000;
}
.piro_html .h_mb_r{
	/*width:25px;
	height:0;
	background: url(new_skip.png) right repeat-y; */
    width:10px;
	height:0px;
    background:#000;
	position:relative;
}

.piro_html .h_b_c{  
	/*height:25px;
	background: url(new_skio.png) bottom repeat-x; */
    height:10px;
    background:#000;
}
.piro_html .h_b_l{ 
	/*width:25px;
	height:25px;
	background: url(new_skin.png) bottom left no-repeat;  */
    width:10px;
	height:10px;
    background:#000;
}
.piro_html .h_b_r{
	/*width:25px;
	height:25px;
	background: url(new_skin.png) bottom right no-repeat; */
    width:10px;
	height:10px;
    background:#000;
}

/*::::: LOADER :::::*/
.piro_loader{
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	width:40px;
	height:40px;
	display:block;
	/*background: url(loader_nav.png);  */
	cursor:pointer;
    z-index:220; /*1500197;   */
}
.piro_loader span{
	position:absolute;
	top:50%;
	left:50%;
	/*margin-top:-30px;
	margin-left:-30px;*/
	/*width:60px;
	height:20px; */
	width:24px;
	height:24px;
	padding:0;
	display:block;
	background:url(loadinfo.net.gif) center center no-repeat;
    z-index:200; /*1500198; */
}

/*::::: BOTTOM NAVBAR :::::*/
.nav_container{
	position:relative;
	float:left;
	margin:0 0 0 0;  
	height:0; 
	width:100%; 
	background: url(nav-bg00.png) center center repeat-x;
	z-index:200; /*1500202; */
}
/*::::: CAPTION :::::*/
.piro_caption{
	position:absolute;
	bottom:3px;
	left:3px;
	margin:0;
	display:block; 
	padding:2px 8px;  
	cursor:text; 

	width:auto;
	height:28px;
	overflow:hidden;
	/*background:url(caption.png);
	border:1px solid #222;  */
/*	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;*/
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	box-shadow:0 0 2px #000;
    z-index:200; /*1500197; */
}
.piro_caption_up_down{
	width:25px; 
	height:29px; 
	background:url(caption_up_down.png) top no-repeat;
	position:absolute; top:-29px; right:10px;
}
.piro_caption p{
	font-family:verdana;
	line-height:15px; 
	display:block; 
	margin:0;
	padding:0; 
	min-height:28px;  
	text-align:left; 
	font-weight:400; 
	font-size:12px;
	color:white;
    z-index:200; /*150019;  */
}

/*::::: GENERIC RULES FOR NAVIGATION ELEMENTS :::::*/
.piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake,.piro_vkontakte,.piro_odnoklassniki{width:26px; height:26px;}
.piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake,.piro_zoomIn,.piro_zoomOut,.piro_vkontakte,.piro_odnoklassniki{position:absolute; right:0; bottom:7px; background:url(buttons0.png) no-repeat;}

/*::::: NAVIGATION OVER IMAGE :::::*/
.nav_big{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/*background: url(http://www.pirolab.it/pirobox_v_1_2/css_pirobox/style_3/blank.gif); */
    background: url(blank.gif);
    /*background-color: #FF0000;*/
	z-index:300; /*1500201;  */
}
.nav_big a.piro_next{
	position:absolute; 
	height:0; 
	width:50%;
	background:transparent; 
	top:0; 
	right:0;
	text-indent:-999em;
	outline:none; 
	display:none; 
	margin:0;
	border:none; 
	cursor:pointer;
	z-index:200;  /*1500220;  */
}
.nav_big a:hover.piro_next{
	background:url(arrow_r.png) center right no-repeat;
}
.nav_big a.piro_prev{
	position:absolute;
	height:0; 
	width:50%;
	background:transparent;
	top:0; 
	left:0; 
	text-indent:-999em; 
	outline:none;
	display:none;
	margin:0;
	border:none; 
	cursor:pointer; 
	z-index:200;  /*1500221;*/
}
.nav_big a:hover.piro_prev{
	background:url(arrow_l.png) center left no-repeat;
}

/*::::: BUTTONS ON THE BOTTOM NAVBAR :::::*/
.piro_next_fake{
	outline:none; 
	text-indent:-999em; 
	display:none; 
	margin:0; 
	background-position: -52px -26px; 
	border:none; 
	cursor:auto;
	z-index:200; /*150020;  */
}
.nav_container a.piro_next{ 
	right:10px;
	text-indent:-999em;
	outline:none; 
	display:block; 
	margin:0;
	background-position:-52px 0; 
	border:none; 
	cursor:pointer;
	z-index:200; /*150023;   */
}
.nav_container a:hover.piro_next{
	background-position:-52px -26px;
}
.piro_prev_fake{
	outline:none; 
	text-indent:-999em; 
	display:none; 
	margin:0;
	background-position:0 -26px; 
	border:none; 
	cursor:auto;
	z-index:200; /*150020;  */
}
.nav_container a.piro_prev{
	text-indent:-999em; 
	outline:none;
	display:block;
	margin:0;
	background-position: 0 0;
	border:none; 
	cursor:pointer; 
	z-index:200; /*150024; */
}
.nav_container a:hover.piro_prev{
	background-position:0 -26px;
}
.piro_close{
	background-position:-26px 0;
	cursor:pointer;
	margin:0;
	display:none;
    z-index:200; /*150022; */
}
.piro_close:hover{
	background-position: -26px -26px;
}
.piro_zoomIn{
	height:26px; 
	width:30px;
	text-indent:-999em; 
	background-position:-130px 0;
	visibility:hidden;
    z-index:200; /*1500198; */
}
.piro_zoomIn:hover{
	background-position:-130px -26px;
}
.piro_zoomOut{ 
	height:26px; 
	width:30px;
	text-indent:-999em; 
	background-position:-130px -26px;
	visibility:hidden;
    z-index:200; /*1500199; */
}
.piro_zoomOut:hover{
	background-position:-130px 0;
}

.piro_odnoklassniki{
	text-indent:-999em;
	background-position:-78px 0;
	z-index:200; /*1500198; */
}
.piro_odnoklassniki:hover{
	background-position:-78px -26px;
}

.piro_vkontakte{
	text-indent:-999em; 
	background-position:-104px 0;
	z-index:200; /*1500199; */
}
.piro_vkontakte:hover{
	background-position:-104px -26px;
}

/*************** album **************************/


#album{
    width:100%;
}
#album .name_album{
    /*width:100%;
    margin:0 auto 20px auto;
    font-family: Verdana;
    font-weight: normal;
    text-align:right; */
}



#album .cell{
    width:192px;
    /*height:150px; */
    height: 108px;
    float:left;
    margin:10px 10px 58px 10px;

    background: #DDDDDD;
    text-align: left;
}


#album .cell #img5{
    /*width: 192px;
    height:108px;  */
    /*width:200px;
    height:200px;*/
    border:none;

    margin:auto;

    position:absolute;

top:0;
bottom:0;
left:0;
right:0;



    /*border:#999 1px solid;*/
}

#album .cell h2{
    font-size: 90%;
    font-weight: normal;
    margin-top:2px;
}
#album .cell h2 a{
    width:192px;
}


#album .description{
    width:90%;
    margin:0 auto 50px auto;
    text-align:justify;
}

#album a{
   text-decoration: none;
    color:#666;
}

#album a:hover{
    text-decoration: underline;
    }

#album .thumb{

}



/*************** %album *********************/