/* CREOInteractive - STYLE: portfolio */


#container {
 width:1188px;
}
#body {
 width:990px;
 text-align:center;
}
html>body #body {
 width:970px;
 text-align:center;
}
.sottomenu {
 width:965px;
}





#group_portfolio {
 margin:0px 0px 0px 50px;
 padding:0px;
 text-align:left;
}
#group_portfolio a {
 margin:0px 4px;
 padding:0px;
 font:normal 15px verdana;
 color:#636363;
 text-decoration:none;
}
#group_portfolio a.normal:hover {
 text-decoration:underline;
}
#group_portfolio a.active {
 font:bold 15px verdana;
 color:#AF4012;
}



form#ordina {
 margin:0px 0px 0px 54px;
 padding:0px;
 font:bold 10px verdana;
 text-align:left;
}
form#ordina input {
 margin:0px;
 padding:0px;
 border:0px;
 width:11px;
 height:25px;
 background-color:transparent;
 font:normal 0px transparent;
 cursor:pointer;
 vertical-align:middle;
}
form#ordina input.vers_desc {
 background:url('/img/graphic/freccia_giu.gif') no-repeat center center;
}
form#ordina input.vers_asc {
 background:url('/img/graphic/freccia_su.gif') no-repeat center center;
}


.site {
 margin:10px auto 0px auto;
 padding:0px;
 width:87%;
 min-height:165px;
 height:auto !important;
 height:165px;
 text-align:center; 
 display:block; 
 position:relative;
}
html>body .site {
 width:86%;
}

.site a {
 margin:20px;
 padding:0px;
 display:block;
 width:112px;
 height:160px;
 float:left;
 text-decoration:none;
 text-align:left;
 cursor:pointer;
 position:relative;
 z-index:90;
}
/*
.site a {
 margin:20px;
 padding:0px;
 display:block;
 width:112px;
 height:165px;
 float:left;
 text-decoration:none;
 text-align:left;
 cursor:pointer;
 position:relative;
 z-index:90;
}
html>body .site a {
 height:160px;
}
*/


.site a img {
 margin:0px;
 padding:0px;
 display:block;
 /*
 width:105px; 
 height:80px; 
 */
 border:5px solid #EEEEEE;
 z-index:103;
}
.site a span {
 margin:0px;
 padding:0px;
 position:relative;
 display:block;
}
.site a span.around_img {
 width:110px; 
 height:110px; 
 background:#444444;
 border:1px solid #888888;
 z-index:102;
}
.site a span.around_txt {
 font:normal 11px verdana;
 color:#636363;
 text-align:center;
 z-index:101;
 display:block;
 width:100%;
 height:50px;
 overflow:hidden;
}


.site a:hover {
 margin:20px;
 width:112px;
 height:155px;
 z-index:100;
}
html>body .site a:hover {
 margin:20px;
 height:160px;
 z-index:100;
}


.site a:hover span.around_img {
 width:112px; 
 height:112px;  
}
html>body .site a:hover span.around_img {
 width:110px; 
 height:110px;  
}

.site a:hover img {
 margin:0px;
 padding:0px;
 border:5px solid #AF4012;
 position:absolute;
 background:#FFFFFF;
 z-index:105;
}
/*
.site a:hover img {
 margin:-75px 0px 0px -100px;
 padding:0px;
 position:absolute;  
 top:50%;
 left:50%; 
 width:105px; 
 height:80px; 
 / *width:200px; 
 height:150px; * /
 border-color:#AF4012;
 background:#FFFFFF;
 z-index:100;
}*/