@import url(https://fonts.googleapis.com/css?family=Play:400,700);

.header-itinerari {
               display:block; width:100%; float:left; min-height:200px; margin-bottom:20px; padding-top:20px; 
                background-image: -ms-linear-gradient(top, #FFFFFF 0%, #1a88a8 100%);
                background-image: -moz-linear-gradient(top, #FFFFFF 0%, #1a88a8 100%);
                background-image: -o-linear-gradient(top, #FFFFFF 0%, #1a88a8 100%);
                background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFF), color-stop(1, #1a88a8));
                background-image: -webkit-linear-gradient(top , #FFFFFF 0%, #1a88a8 100%);
                background-image: linear-gradient(to top, #FFFFFF 0%, #1a88a8 100%);
           }
           .box-magazine {display:block; float:left; width:45%; }
           .intro-magazine {display:block; float:right; width:54%; padding-right:20px;  }
           .intro-magazine h1 {font-family: 'Play', sans-serif;font-size:48px; text-transform:uppercase; color:#fff; }
           .intro-magazine p {font-family: 'Play', sans-serif;font-size:21px; line-height:28px; }
           
           .container-itinerari {width: 100%; float:left; margin: 0;background: #ffffff; padding: 0 0 0 26px;}
           h4.tit-esclusiva {color:#cc0000; font-family: 'Play', sans-serif;font-size:21px; text-transform: uppercase;font-weight: bold;}
           h4.tit-esclusiva span {font-size:18px; color: #666; text-transform: none;font-weight: normal; }
           .box-container-itinerari {font-family: 'Play', sans-serif; display:block; width:300px; height:300px; float:left;  background-color:#ccc; margin:0 3px 3px 0;position:relative;}
           .spazio-testi-itinerari {display:block; padding:10px; position:absolute; bottom:0; left:0; width:300px; min-height:100px; background-color:rgba(255,255,255,.75);}
           .posizione-itinerario {float:left;margin-right:10px;  }
           .spazio-testi-itinerari h2 {font-size:14px; line-height:16px; font-family: 'Play', sans-serif; font-weight: bold; color:#cc0000; margin:0; padding:0; }
           .spazio-testi-itinerari h3 {font-size:16px; line-height:16px;  font-family: 'Play', sans-serif; font-weight: bold; color:#333; margin:0; padding:0; } 
            .spazio-testi-itinerari p {font-size:14px; line-height:16px;  font-family: 'Play', sans-serif; font-weight: normal; color:#333; margin:0; padding:0; } 
           .contenitore-scarica-pdf {position:absolute; top:0; left:0; opacity:0;transition:all .5s;}
           a.scarica-pdf {display:block; width:100%; height:100%; background-color:#333;}
           a.scarica-pdf:hover .contenitore-scarica-pdf {opacity:1 ;z-index:999;}
                      
            @media (max-width: 600px)
           {
            .box-magazine {display:block; float:left; width:100%;clear:both;  }
            .box-magazine img {width:100%}
           .intro-magazine {display:block; float:right; width:100%; padding-right:0;;clear:both; padding:20px;   }
           .intro-magazine h1 {font-family: 'Play', sans-serif;font-size:36px; text-transform:uppercase; color:#fff; }
           .intro-magazine p {font-family: 'Play', sans-serif;font-size:18px; line-height:21px; }               
               
            .container-itinerari {padding: 10px;}
            .box-container-itinerari { margin:0 0 10px 0;}
            }