a:link {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

@font-face {
   font-family : 'curlz';
   src         : url('../font/curlz.woff') format('woff');
   font-weight : normal;
   font-style  : normal;
}
@font-face {
   font-family : 'Impact';
   src         : url('../font/impact.woff') format('woff');
   font-weight : normal;
   font-style  : normal;
}
@font-face {
   font-family : 'MVBoli';
   src         : url('../font/mvboli.woff') format('woff');
   font-weight : normal;
   font-style  : normal;
}

body{
   width            : 100%;
   margin           : 0;
   padding          : 0;
   background-color : whitesmoke;
   overflow-x       : hidden;
}

table{
   border-collapse: collapse;
}

#div_header{
   position         : fixed;
   left             : 0px;
   top              : 0px;
   width            : 100%;
   height           : 200px;
   max-height       : 200px;
   min-height       : 50px;
   background-color :#1C1C1E;
   z-index          : 10;
}

#div_main{
   width            : 100%;
   background-color : whitesmoke;
   margin-top       : 200px;
}

#div_footer{
   width            : 100%;
   height           : 550px;
   background-color : #2e2c2a;
   color            : whitesmoke;
   font-family      : 'Impact', 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
}

.btn{
   background-color : #2e2c2a;
   color            : whitesmoke;
   font-size        : 120%;
   cursor           : pointer;
}

.btn:hover{
   background-color : black;
}

.btnbtn{
   height        : 50px;
   border        : 1px solid black;
   border-radius : 5px;
   cursor        : default;
}

.btnscrollup{
   position            : fixed;
   background-color    : transparent;
   width               : 20px;
   height              : 100px;
   border              : 0px solid silver;
   border-radius       : 5px;
   background-image    : url("../images/freccia_nera_su.png");
   background-size     : 100% 100%;
   background-position : center center;
   background-repeat   : no-repeat;
   visibility          : hidden;
}
.btnscrollup:hover{
   background-color : transparent;/*rgba(255,255,255,1);*/
}

.btn_green{
   background-color : green;
   height           : 40px;
   color            : white;
   border           : 1px solid green;
   font-family      : "Impact";
   font-size        : 25px;
}
.btn_green:hover{
   background-color : darkgreen;
}

.aLink{
   color       : green;
   font-family : Impact;
}
.aLink:hover{
   color : black;
}

/*NEWS*/
.news_last_div{
   color    : gray;
   position : relative;
   width    : 30%;
   cursor   : pointer;
}
.news_last_div:hover{
   color : black;
}
.news_last_img{
   width  : calc(100% - 10px);
   border : 5px solid green;
}
.news_last_data{
   width       : 100%;
   font-family : Tahoma;
   font-size   : 80%;
   color       : gray;
}
.news_last_ttl{
   width       : 100%;
   font-family : Impact;
   font-size   : 130%;
   color       : black;
   word-wrap   : break-word;
}
.news_last_news{
   width       : 100%;
   height      : 100px;
   font-family : Sans Serif;
   font-size   : 80%;
   overflow    : hidden;
   word-wrap   : break-word;
}

.news_last_timbro{
   position   : absolute;
   left       : 10px;
   top        : 10px;
   visibility : hidden;
}

/*RECENSIONI*/
.recens_div1{
   display  : inline;
   width    : 49%;
   position : absolute;
}
.recens_target{
   font-family : Impact;
   font-size   : 100%;
   color       : gray;
}
.recens_titolo{
   font-family : Impact;
   font-size   : 130%;
   color       : black;
}
.recens_recens{
   width       : 100%;
   height      : 80px;
   font-family : Sans Serif;
   color       : gray;
   overflow    : hidden;
   word-wrap   : break-word;
}
/*DARRT-IT*/

.quote-container {
  margin-top : 50px;
  position   : relative;
  display    : inline-block;
  width      : 24%;
  cursor     : pointer;
}

.note {
  color       : red;
  position    : relative;
  width       : 25%;
  margin      : 0 auto;
  padding     : 20px;
  font-family : MVBoli;
  font-size   : 120%;
  font-weight : bold;
  box-shadow  : 0 10px 10px 2px rgba(0,0,0,0.3);
  width       : 60%;
}

.note .author {
  display    : block;
  margin     : 40px 0 0 0;
  text-align : right;
}

.yellow {
  background        : #eae672;
  -webkit-transform : rotate(20deg);
  -moz-transform    : rotate(20deg);
  -o-transform      : rotate(20deg);
  -ms-transform     : rotate(20deg);
  transform         : rotate(20deg);
}

.pin {
  background-color : #aaa;
  display          : block;
  height           : 32px;
  width            : 2px;
  position         : absolute;
  left             : 55%;
  top              : -5px;
  z-index          : 1;
}

.pin:after {
  background-color : #A31;
  background-image : radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius    : 50%;
  box-shadow       : inset 0 0 0 1px hsla(0,0%,0%,.1),
                     inset 3px 3px 3px hsla(0,0%,100%,.2),
                     inset -3px -3px 3px hsla(0,0%,0%,.2),
                     23px 20px 3px hsla(0,0%,0%,.15);
  content          : '';
  height           : 12px;
  left             : -5px;
  position         : absolute;
  top              : -10px;
  width            : 12px;
}

.pin:before {
  background-color         : hsla(0,0%,0%,0.1);
  box-shadow               : 0 0 .25em hsla(0,0%,0%,.1);
  content                  : '';
  height                   : 24px;
  width                    : 2px;
  left                     : 0;
  position                 : absolute;
  top                      : 8px;
  transform                : rotate(57.5deg);
  -moz-transform           : rotate(57.5deg);
  -webkit-transform        : rotate(57.5deg);
  -o-transform             : rotate(57.5deg);
  -ms-transform            : rotate(57.5deg);
  transform-origin         : 50% 100%;
  -moz-transform-origin    : 50% 100%;
  -webkit-transform-origin : 50% 100%;
  -ms-transform-origin     : 50% 100%;
  -o-transform-origin      : 50% 100%;
}