/*	
****************************************************************************
CREDITS 
        rel.: 1.0
        data: 10/11/2014
        autore: Marco Melloni - Milano
        Copyright © 2014 (è vietato l'uso, anche parziale, del suddetto CSS)
****************************************************************************
*/


@import url("../fonts/styFonts_roboto.css");


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {background-color:#444;}

#img_logo {
	width:360px;
}

#ly_Gtop {
	position:absolute; 
	z-index:3; 
	left:0px; 
	top:0px; 
	height:68px; 
	background-color:#303030; 
	width:100%; 
	padding:7px; 
	padding-left:10px;
}


/* LAYER TRASPARENTE PER ZOOM IMMAGINI */


#ly_traspGallery {
     position:relative;  
	top:auto;
	left: auto;
     	width:100%; 
     	height:100%;
     	text-align: center;
    	visibility:visible;
    	background-color:#444;
   	z-index:2;
} 


#ly_boxIMG2 {
     	width:90%; 
	left:auto;
     	margin-left:auto;
     	margin-right:auto;
	margin-top:8%;
}

.tab_logo {width:80%;}

.sty_BordoZoom {border:4px #cacaca solid;}	

.sty_FontBack-BK { 
	font:20pt 'roboto_condensedregular', Tahoma, Arial;
     font-weight:800;
     word-spacing:0.2em;
} 

.sty_FontBack { 
	font:20pt 'roboto_condensedregular', Tahoma, Arial;
     font-weight:800;
     word-spacing:0.2em;
     letter-spacing:1px;
} 

	.sty_FontBack a{color:#fff; text-decoration:none; font-weight:800;}
	.sty_FontBack a:hover{color:#000;}



/* RIDIMENSIONAMENTO */

@media screen and (max-width:2560px) and (min-width:1979px) and (max-height:1400px) {
    #ly_numFoto {font-size:18pt;}
    #ly_boxIMG2 {margin-top:5%;}
    #img_zoom {height:1000px;}
}

@media screen and (max-width:1969px) and (min-width:1919px) and (max-height:1000px) {
    #ly_numFoto {font-size:14pt;}
    #ly_boxIMG2 {margin-top:5%;}
    #img_zoom {height:750px;}
}

@media screen and (max-width:1920px) and (min-width:1601px) and (max-height:1200px){
    #ly_boxIMG2 {margin-top:5%;}
    #img_zoom {height:850px;}
}

@media screen and (max-width:1920px) and (min-width:1601px) and (max-height:940px){
    #ly_boxIMG2 {margin-top:5%;}
    #img_zoom {height:700px;}
}

@media screen and (max-width:1920px) and (min-width:1601px) and (max-height:800px){
    #ly_boxIMG2 {margin-top:5%;}
    #img_zoom {height:600px;}
}

@media screen and (max-width:1600px) and (min-width:1379px){
    .tab_logo {width:78%;}
    #img_zoom {height:800px;}
}

@media screen and (max-width:1600px) and (max-height:1130px){
    .tab_logo {width:78%;}
    #img_zoom {height:800px;}
}

@media screen and (max-width:1380px) and (min-width:1349px){
    .tab_logo {width:78%;}
    #img_logo {width:280px; margin-top:4px;}
    #img_zoom {height:700px;}
}


@media screen and (max-width: 1350px) and (min-width:1279px){
    .tab_logo {width:76%;}
    #ly_Gtop {height:56px;}
    #img_logo {width:280px;}
    .sty_FontBack {font-size:18pt;}
    #ly_boxIMG2 {margin-top:6%;}
    #img_zoom {height:550px;}
}

@media screen and (max-width: 1280px) and (min-width:1023px){
    .tab_logo {width:76%;}
    #ly_Gtop {height:56px;}
    #img_logo {width:280px;}
    .sty_FontBack {font-size:18pt;}
    #ly_boxIMG2 {margin-top:6%;}
    #img_zoom {height:450px;}
}


@media screen and (max-width:1024px) and (min-width:871px){
    .tab_logo {width:100%;}
    #img_logo {width:280px; margin-top:4px;}
    .sty_FontBack {font-size:16pt;}
    #img_zoom {height:530px;}
}

@media screen and (max-width:870px){
    .tab_logo {width:100%;}
    #ly_Gtop {height:56px;}
    #ly_numFoto {font-size:10pt; line-height:16px;}
    #img_logo {width:250px; margin-top:4px;}
    .sty_FontBack {font-size:14pt;}
    #ly_boxIMG2 {margin-top:9%;}
    #img_zoom {height:390px;}
}