@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic);

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background: #D99A3D url('bg.gif') center center;
   font: 400 15px 'Noto Sans';
   color: #231F20;
}

a {
   color: #231F20;
   text-decoration: none;
}

h1 {
   font-weight: 400;
   font-size: 15px;
   margin: 0;
}

h2 {
   font-size: 22px;
   color: #ED1C24;
   font-weight: 400;
   margin: 0;
   padding: 0;
}

.page-container {
   display: table;
   width: 100%;
   height: 100%;
   border-width: 0;
   text-align: center;
}

.block-container {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.main-block {
   width: 85%;
   margin: 50px auto;
   max-width: 950px;
   background: #ffffff;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   z-index: 1;
   position: relative;
}

.logo-area {
   width: 100%;
   height: 60px;
   position: relative;
   background: #eeeeee;
   z-index: 2;
   border-bottom: 1px solid #dddddd;
   -webkit-border-top-left-radius: 6px;
   -webkit-border-top-right-radius: 6px;
   -moz-border-radius-topleft: 6px;
   -moz-border-radius-topright: 6px;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

.logo-abs {
   width: 200px;
   height: 162px;
   position: absolute;
   top: -51px;
   left: 20px;
   line-height: 20px;
   z-index: 3;
}

.logo-img {
   width: 200px;
   height: 162px;
   border: 0;
   margin: 0;
   padding: 0;
}

.logo-text {
   padding: 20px; 
   text-align: right;
   color: #909090;
}

.logo-text strong {
   font-weight: 400;
}

.main-block-column {
   width: 50%;
   float: left;
}

.main-block-padding {
   padding: 20px;
}

.left-column-padding, .right-column-padding {
   padding-top: 50px;
}


.frequenze-container {
   max-height: 290px;
   overflow: auto;
}

.frequenze-table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 90%;
   margin: 10px auto;
}

.frequenze-table td {
   padding: 5px;
}

.frequenze-region {
   text-align: left;
   width: 70%;
}


.frequenze-region span {
   font-size: 11px;
   color: #808080;
   display: block;
}

.frequenze-fm {
   text-align: center;
   width: 30%;
   font-size: 13px;
   color: #0072BC;
}

.hide-default {
   display: none;
}

.mostra-tutte-frequenze {
   display: inline-block;
   line-height: 25px;
   padding: 0 9px;
   background: #e6e6e6;
   font-size: 11px;
   color: #808080;
   text-transform: uppercase;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.nascondi-tutte-frequenze {
   color: #808080;
   font-size: 11px;
   line-height: 25px;
   padding: 0 9px;
   display: none;
}

.guarda-text {
   padding: 15px 0 25px 0;
}

.clear {
   clear: both
}

.pubblicita-block {
   text-align: right;
   padding: 20px;
   position: relative;
   margin-top: 20px;
   font-size: 13px;
   color: #707070;
}

.pubblicita-block a {
   color: #707070;
}

.text-agp {
   float: right;
   line-height: 30px;
}

.logo-agp, .logo-agp img {
   width: 58px;
   height: 30px;
   border: 0;
}

.logo-agp  {
  float: right;
  margin-left: 12px;
}

@media screen and (max-width: 1024px) {
   /* Larghezza massima: 1024px - es. iPad landscape */

}

@media screen and (max-width: 768px) {
   /* Larghezza massima: 768px - es. iPad portrait */
       
   .logo-text strong {
      display: none;
   }
   
   .main-block-column {
      width: 100%;
      float: none;
   }
   
   .frequenze-container {
      max-height: none;
   }
   
  .logo-agp, .text-agp {
      float: none;
      margin: 0 auto;
      text-align: center;
      line-height: 16px;
   }
   
   .logo-agp {
      margin-top: 30px;
      margin-bottom: 5px;
   }
   
   .frequenze-table {
      width: 100%;
   }
   
}

@media screen and (max-width: 480px) {
   /* Larghezza massima: 480px - es. iPhone/Android landscape  */
   
   .main-block {
      width: 100%;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0x;
      margin: 60px 0 30px 0;
   }
   
   .block-container {
      vertical-align: top;
   }
   
   .main-block-padding {
      padding: 20px 10px;
   }
      
   .logo-area {
      border-bottom-color: #FFFFFF;
      background: transparent;
      height: 120px;
   }
   
   .logo-abs {
      right: 20px;
      left: 20px;
      width: auto;
      text-align: center;
   }
   
   .logo-text {
      display: none;
   }
   
   .player-frame {
      width: 100%;
   }
  
}

@media screen and (max-width: 340px) {
   /* Larghezza massima: 320px - es. iPhone/Android portrait  */

   
   
   
}

@media screen and (max-width: 240px) {
     /* Larghezza massima: 240px */


}