﻿/*	
****************************************************************************
CREDITS 
        rel.: 1.0
        autore: Marco Melloni - Milano
        Copyright © 2015 (è vietato l'uso, anche parziale, del suddetto CSS)
****************************************************************************
*/

@import url("../fonts/styFonts_roboto.css");
@import url("../fonts/styFonts_titoli.css");
@import url("../fonts/styFonts_ExoTc.css");

   body {background-color:#333; margin:0;}
   
   p {line-height:16px;}
   
   img {border:0px;}
	
#ly_corpo {
    position:relative;  
	top:0px;
	left:0px;
    width:100%;
    height:600px;
    text-align:center;
    z-index:7;
}


#ly_logo {
    position:absolute;  
	top:0px;
	left:0px;
    width:100%; 
    text-align:center;
    z-index:2;
    background-color:#000;
    height:590px;
}

#img_logoAntonello {
    margin-top:0px;
    height:590px;
    border-left:8px #333 solid;
    border-right:8px #333 solid;
}

#ly_txtMenu {/*fax_lt_btlight - exotc350_lt_btlight*/
    position:absolute;  
    top:590px;
	font:24pt 'exotc350_lt_btlight', Tahoma, Arial;
	color:#b3b3b3;
	letter-spacing:0px;
    word-spacing:2px;
    margin-top:8px;
    z-index:7;
    left: 0px;
    width:100%;
}
	
	#ly_txtMenu a{color:#b3b3b3; text-decoration:none;}
	#ly_txtMenu a:hover{color:#ebd8af; letter-spacing:5px;}

.sty_txt {/*robotoregular, sinkin_sans500_medium*/
	font:8pt 'robotoregular', Tahoma, Arial;
	color:#ebd8af;
	letter-spacing:2px;
	line-height:20px;
    text-align:center;
	}
	
	.sty_txt a{color:#ebd8af; text-decoration:none; font-weight:normal;}
	.sty_txt a:hover{color:#55311d;}

#tab2 {width:87%;}

#ly_bottom {/*robotoregular, sinkin_sans500_medium*/
    position:absolute;  
	font:10pt 'fax_lt_btlight', Tahoma, Arial;
	color:#fff;
	letter-spacing:2px;
	line-height:30px;
    text-align:center;
    top:18%;
    margin-top:20%;
    width:100%;
    left:0px;
	}
	
	#ly_bottom a{color:#fff; text-decoration:none; font-weight:normal;}
	#ly_bottom a:hover{color:#ebd8af;}

.img_logo_bottom {
    height:70px;
    margin-top:22px;
}

#ly_Smenu {/*fax_lt_btlight - exotc350_lt_btlight*/
    font-family: 'exotc350_lt_btlight', Tahoma, Arial;
    font-size: 20pt;
    font-weight: normal;
    color:#b3b3b3;
    letter-spacing:1px;
    margin-top:40px;
}
	#ly_Smenu a{color:#b3b3b3; text-decoration:none; font-weight:normal;}
	#ly_Smenu a:hover{color:#ebd8af;}


.c_link{
  transition-property: color, font-size, letter-spacing; /*standard*/
  transition-duration: 0.6s;

  -webkit-transition-property: color, font-size, letter-spacing; /*safari*/
  -webkit-transition-duration: 0.6s;
         
  -o-transition-property: color, font-size, letter-spacing;      /*opera*/
  -o-transition-duration: 0.6s;
         
  -moz-transition-property: color, font-size, letter-spacing;    /*firefox*/
  -moz-transition-duration: 0.6s;
}


/* RIDIMENSIONAMENTO */

@media screen and (max-width:2560px) and (min-width:1919px) {
 /*   #img_logoAntonello {height:160px;} */
    #ly_BoxImg {height:330px;}
    .sty_ImgBox {height:330px;}
  /* .sty_ImgBox {height:330px; max-width:85%; border-left:8px #333 solid; border-right:8px #333 solid;} */ 
    #ly_txtMenu {word-spacing:3px; font-size:27pt; top:336px;}
            
    #ly_icone {width:1200px; margin-left:-600px; top:80%;}
    #ly_tabelle_griglia {margin-left:-600px;}
    #ly_frec {left:-12%; width:124%; top:190px;}
    .img_freccia {width:60px;}
    #ly_bottom {top:600px;}

    #tab_1 {font-size:11pt;}
    .img_ico {height:190px; max-width:300px;}
}

@media screen and (max-width:1920px) and (min-width:1601px){
    #ly_txtMenu {top: 610px; word-spacing:4px; font-size:28pt;}
    #ly_bottom {top:480px;}
}


@media screen and (max-width:1600px) and (min-width:1381px){
    #ly_txtMenu {top: 610px; word-spacing:4px; font-size:27pt;}
    #ly_bottom {top:600px;}
}

@media screen and (max-width:1600px) and (max-height:1130px){
    #ly_txtMenu {top: 610px; word-spacing:4px; font-size:27pt;}
    #ly_bottom {top:600px;}
}


@media screen and (max-width: 1380px) and (min-width:1351px){
    #ly_txtMenu {top:500px; word-spacing:2px;font-size:22pt;}
    #img_logoAntonello, #ly_logo {height:490px;}
    #ly_bottom {line-height:22px; font-size:8pt; top:400px;}
    #tab2 {width:82%;}
}

@media screen and (max-width: 1350px) and (min-width:1025px){
    #ly_txtMenu {top:440px; word-spacing:1px;font-size:21pt;}
    #img_logoAntonello, #ly_logo {height: 430px;}
    #ly_bottom {line-height:22px; font-size:9pt; top:400px;}
    #tab2 {width:82%;}
}

@media screen and (max-width:1024px) and (min-width:871px){
    #ly_txtMenu {top:435px; word-spacing:-1px; font-size:22pt;}
    #img_logoAntonello, #ly_logo {height: 430px;}
    #ly_bottom {line-height:22px; font-size:9pt; top:450px;}
    #ly_Smenu {font-size:20pt;}
    #tab2 {width:82%;}

}

@media screen and (max-width:870px) and (min-width:641px){
    #ly_txtMenu {top:370px; word-spacing:-3px; font-size:17pt;}
	#ly_txtMenu a:hover{color:#ebd8af; letter-spacing:2px;}
    #img_logoAntonello, #ly_logo {height:360px;}
    #ly_bottom {line-height:22px; font-size:7pt; top:400px;}
    #ly_Smenu {font-size:16pt;}
    #tab2 {width:85%;}
}

@media screen and (max-width:640px) and (min-width:481px) {
    #ly_txtMenu {top:290px; word-spacing:-3px; font-size:14pt;}
	#ly_txtMenu a:hover{color:#ebd8af; letter-spacing:2px;}
    #img_logoAntonello, #ly_logo {height:280px;}
    #ly_bottom {line-height:22px; font-size:7pt; top:320px;}
    #ly_Smenu {font-size:16pt;}
    #tab2 {width:94%;}
}

@media screen and (max-width:480px) {
    #ly_txtMenu {top:230px; word-spacing:-4px; font-size:12pt;}
	#ly_txtMenu a:hover{color:#ebd8af; letter-spacing:1px;}
    #img_logoAntonello, #ly_logo {height:220px;}
    #ly_bottom {line-height:22px; font-size:6pt; top:320px;}
    #ly_Smenu {font-size:14pt;}
    #tab2 {width:100%;}
}
