/* CREOInteractive - STYLE: gallery */


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


#home_gallery {
 margin:0px auto;
 padding:0px;
 width:90%;
}
.col_gallery {
 margin:0px;
 padding:10px 0px 0px 0px;
 width:170px;
 min-height:300px;
 height:auto !important;
 height:300px;
 text-align:right;
 float:left;
 display:block;
 position:relative;
}
.col_gallery img {
 margin:0px;
 padding:0px;
 border:0px;
 position:absolute;
 top:0px;
 right:0px;
}

.col_gallery .col_a1_gallery {
 margin:0px;
 padding:0px;
 width:170px;
 height:282px;
 display:block;
 overflow:hidden;
 position:relative;
}
.col_gallery .col_a2_gallery {
 margin:0px;
 padding:0px;
 width:136px;
 height:32px;
 text-align:right;
 display:block;
 overflow:hidden;
 position:absolute;
 right:0px;
}
.col_gallery a.col_a_gallery {
 width:100%;
 height:100%;
 display:block;
 position:relative;
}
.col_gallery a.col_a_gallery:hover {
 margin:0px;
 padding:0px;
}
.col_gallery a.col_a_gallery:hover img {
 top:auto;
 bottom:0px;
 right:0px;
}

.col_gallery #button_product {
 right:-3px;
}
.col_gallery #button_automotive {
 right:-28px;
}
.col_gallery #button_street {
 /*right:-35px;*/
 right:-72px;
}
.col_gallery #button_nature {
 right:-32px;
}




#group_gallery {
 margin:0px 0px 0px 50px;
 padding:0px;
 text-align:left;
}
#group_gallery a {
 margin:0px 4px;
 padding:0px;
 font:normal 15px verdana;
 color:#636363;
 text-decoration:none;
}
#group_gallery a.normal:hover {
 text-decoration:underline;
}
#group_gallery 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;
}


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

.photo a {
 margin:2px;
 padding:0px;
 display:block; 
 border:1px solid #888888;
 width:110px; 
 height:110px; 
 float:left; 
 text-decoration:none;
 text-align:left;
 background:#444444; 
 cursor:pointer;
 position:relative;
 z-index:90;
}

.photo a img {
 margin:0px;
 padding:0px;
 display:block;
 /*
 width:105px; 
 height:80px; 
 */
 border:5px solid #EEEEEE;
}

.photo a:hover {
 width:112px; 
 height:112px;
 z-index:100;
}
html>body .photo a:hover {
 width:110px; 
 height:110px; 
}

.photo a:hover img {
 margin:0px;
 padding:0px;
 border:5px solid #AF4012;
 position:absolute;
 background:#FFFFFF;
 z-index:100;
}
/*
.photo 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;
}*/


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

.tag a.a_tag_normal {
 margin:2px;
 padding:0px;
 font-family:verdana;
 color:#636363;
 text-decoration:none;
 text-align:center;
 cursor:pointer;
 position:relative;
}
.tag a.a_tag_active {
 margin:2px;
 padding:0px;
 font-weight:bold;
 font-family:verdana;
 color:#AF4012;
 text-decoration:none;
 text-align:center;
 cursor:pointer;
 position:relative;
}
.tag a.size_thin {
 font-size:12px;
}
.tag a.size_small {
 font-size:14px;
}
.tag a.size_medium {
 font-size:16px;
}
.tag a.size_big {
 font-size:18px;
}
.tag a.size_bigger {
 display:block;
 text-align:center;
 font-size:20px;
}






#img_popup {
 margin:0px;
 padding:0px;
 position:absolute;
 top:50%;
 left:50%;
 width:0px;
 height:0px;
 font:normal 12px verdana;
 color:#FFFFFF;
 text-align:center;
 display:none;
 cursor:default;
 z-index:1000;
 background:#000000;
 overflow:hidden;
}
html>body #img_popup {
 position:fixed;
 top:50%;
 left:50%;
}
#img_popup h4 {
 margin:7px 0px 7px 0px;
 padding:0px;
 font:normal 16px verdana;
 color:#DCDCDC;
 text-align:center;
 cursor:default;
}
#img_popup h4 span {
 font:bold 21px verdana;
 color:#CD7C55;
}
#img_popup #button_close {
 margin:0px;
 padding:0px;
 font:bold 13px verdana;
 color:#DCDCDC;
 text-decoration:underline;
 position:absolute;
 top:20px;
 right:3px;
 overflow:hidden;
}
#img_popup #button_close:hover {
}
#img_popup #img_loading {
 margin:0px auto;
 padding:0px;
 border:2px solid #DCDCDC;
 /*
 border-width:2px;
 border-style:solid;
 border-top-color:#DCDCDC;
 border-bottom-color:#DCDCDC;
 */
 opacity: 0.1;
 -moz-opacity: 0.1;
 filter: alpha(opacity=10);
 position:relative;
 z-index:10;
}
#img_popup .bordo_left {
 border-left-color:#A7460F;
}
#img_popup .bordo_right {
 border-right-color:#A7460F;
}
#img_popup #testo {
 margin:0px 0px 0px -225px;
 padding:0px;
 width:450px;
 height:6px;
 position:absolute;
 bottom:21px;
 left:50%;
 font:normal 12px verdana;
 color:#A7460F;
 text-align:center;
 cursor:default;
 overflow:hidden;
 z-index:15;
}
html>body #img_popup #testo {
 background:url('/img/graphic/imgpopup_fondo_descrizione.png') no-repeat left top;
}
#img_popup #testo #testo_titolo {
 margin:7px 0px 0px 0px;
 padding:0px;
 font:bold 13px verdana;
 color:#A7460F;
}
#img_popup #riepilogo {
 margin:5px 0px 0px 0px;
 padding:0px;
 font:normal 12px verdana;
 color:#DCDCDC;
 text-align:center;
 cursor:default;
}
#img_popup #riepilogo span {
 font:bold 13px verdana;
 color:#CD7C55;
}
#img_popup .link_on {
 margin:0px;
 padding:0px;
 width:177px;
 height:100px;
 display:block;
 font:bold 12px verdana;
 color:#FFFFFF;
 cursor:pointer;
 overflow:hidden;
 vertical-align:top;
 /*visibility:hidden;*/
 z-index:15;
 position:relative;
}
#img_popup .link_off {
 margin:0px;
 padding:0px;
 width:177px;
 height:100px;
 display:none;
 font:bold 12px verdana;
 color:#CCCCCC;
 cursor:default;
 overflow:hidden;
}
#img_popup .link_on .link_img {
 margin:0px;
 padding:0px;
 border:5px solid #EEEEEE;
 position:absolute;
 top:45%;
}
#img_popup .link_on .link_img2 {
 margin:0px;
 padding:0px;
 border:0px;
 position:absolute;
 top:5px;
}
#img_popup #img_popup_prev.link_on .link_img {
 left:30%;
}
#img_popup #img_popup_next.link_on .link_img {
 left:64%;
}
#img_popup #img_popup_prev.link_on .link_img2 {
 right:0px;
}
#img_popup #img_popup_next.link_on .link_img2 {
 left:0px;
}
#img_popup #img_popup_prev {
 margin:0px;
 padding:0px;
 width:170px;
 height:110px;
 text-align:left;
 position:absolute;
 top:20%;
 left:-150px;
}
#img_popup #img_popup_next {
 margin:0px;
 padding:0px;
 width:170px;
 height:110px;
 text-align:right;
 position:absolute;
 top:20%;
 right:-150px;
}
#img_popup .link_on:hover {
 margin:0px;
}
#img_popup .link_on:hover .link_img {
 margin:0px;
 padding:0px;
 border:5px solid #AF4012;
 position:absolute;
 top:45%;
}
#img_popup .link_on:hover .link_img2 {
 top:auto;
 bottom:5px;
}



#box_grey {
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 position:absolute;
 top:0px;
 left:0px;
 display:none;
 z-index:999;
 background:#626262;
 /*
 opacity: 0.9;
 -moz-opacity: 0.9;
 filter: alpha(opacity=90);
 */
}
html>body #box_grey {
 position:fixed;
 top:0px;
 left:0px;
}
#box_preload {
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 position:absolute;
 top:0px;
 left:0px;
 display:none;
 z-index:2000;
 background:url('/img/graphic/gallery_load.gif') no-repeat center center;
}
html>body #box_preload {
 position:fixed;
 top:0px;
 left:0px;
}