/* normal */
@media screen and (min-width:768px) { 
.main {
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
   width: 1129px;
   border: 0px solid black;
} 
.header {
   float: left;
   margin: 15px 0px 15px 10px;
   padding: 10px 0px 0px 0px;
   width: 98px;
   border: 0px solid black;
}
.headerm {
   float: left;
   margin: 15px 0px 15px 3px;
   padding: 10px 0px 0px 0px;
   width: 280px;
   border: 0px solid black;
}
.header1 {
   float: left;
   margin: 5px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   width: 340px;
   border: 0px solid black;
}  
.header2 {
   float: left;
   margin: 15px 0px 15px 10px;
   padding: 0px 0px 0px 0px;
   width: 77px;
   border: 0px solid black;
} 
.header2netplus {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 77px;
   border: 0px solid black;
} 
.headerm1 {
   float: left;
   margin: 15px 0px 15px 3px;
   padding: 0px 0px 0px 0px;
   width: 650px;
   border: 0px solid black;
}
.footer {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 790px;
   border: 0px solid black;
   background: #262626;
}  
.body1 {
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px;
   width: 787px;
   border: 0px solid black;
   background: transparent;
} 
.body2 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 330px;
   border: 0px solid black;
   background: transparent;
}   
.body3 {
   float: left;
   margin: 0px 5px 0px 10px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
   background: transparent;
}   
.video1 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 560px;
   border: 0px solid black;
   background: transparent;
}   
.video2 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 700px;
   border: 0px solid black;
   background: transparent;
}   
.player,
.player_latina,
.player_vintage,
.player_zenrelax,
.player_ouistiti,
.player_alpradio,
.player_infinity
 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #CC0000;
}  
.player_zenrelax
{
   background: #3a8e29;
}  
.player_alpradio
{
   background: #21a1c8;
}
.player_ouistiti
{
   background: #ff6804;
}   
.player_infinity
{
   background: #ffb316;
}   
.player_radiolibre
 {
   float: left;
   margin: -20px 5px 5px 10px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #CC0000;
}  
.player_gayradio {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #e41a70;
}  
.player1 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.player2 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 16px 0px 10px 10px;
   width: 250px;
   border: 0px solid black;
   background: transparent;
}   
.player3 {
   float: left;
   margin: 10px 5px 44px 0px;
   padding: 13px 0px 10px 10px;
   width: 90px;
   border: 0px solid black;
   background: transparent;
}   
.player4 {
   float: right;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 50px;
   border: 0px solid black;
   background: transparent;
}   
.player5 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.webradios {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 790px;
   border: 0px solid black;
   background: #262626;
}   
.webradios2 {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 790px;
   border: 0px solid black;
   background: #262626;
} 

.playlist {
   float: left;
   margin: 10px 5px 5px 5px;
   padding: 13px 8px 8px 8px;
   width: 330px;
   border: 0px solid black;
   background: #ffffff;
} 
.pub {
   float: left;
   margin: 10px 0px 5px 5px;
   padding: 20px 0px 20px 20px;
   width: 325px;
   border: 0px solid black;
   background: #ffffff;
}     
.city3 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
}
.citypochettes {
   float: left;
   margin: 0px 3px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
}
.city3alpradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_alpradio.png');
} 
.city3djbuzzradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_djbuzzradio.png');
} 
.city3radionetplus {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radionetplus.png');
}
.city3radioouistiti {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radioouistiti.png');
}
.city3vibracionlatina {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatina.png');
}
.city3vibracionlatinanostalgia {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatinanostalgia.png');
} 
.city3vibrationchansonfrancaise {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationchansonfrancaise.png');
} 
.city3vibrationgayradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationgayradio.png');
} 
.city3vibrationpoprock {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
} 
.city3vibrationvintage {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationvintage.png');
} 
.city3vibrationzenrelax {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationzenrelax.png');
}         
}
/* tablet */
@media screen and (max-width:1075px) { 
.main {
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
  }   
      html {
        width: auto;
		max-width:auto;
        overflow-x: hidden;
		overflow-y: auto;
}
	body {
        width: 100%;
        overflow-x: hidden;
		overflow-y: hidden;
    }
.img-responsive {
 display: block;
 max-width: 100%;
 height: auto;
    } 
.header {
   float: left;
   margin: 15px 0px 15px 10px;
   padding: 20px 0px 0px 0px;
   width: 98px;
   border: 0px solid black;
}
.headerm {
   float: left;
   margin: 15px 0px 15px 3px;
   padding: 20px 0px 0px 0px;
   width: 280px;
   border: 0px solid black;
}
.header1 {
   float: left;
   margin: 5px 0px 0px 0px;
   padding: 18px 0px 0px 0px;
   width: 340px;
   border: 0px solid black;
}  
.header2 {
   float: left;
   margin: 15px 0px 15px 10px;
   padding: 0px 0px 0px 0px;
   width: 77px;
   border: 0px solid black;
} 
.headerm1 {
   float: left;
   margin: 15px 0px 15px 3px;
   padding: 0px 0px 0px 0px;
   width: 650px;
   border: 0px solid black;
}
.footer {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 100%;
   border: 0px solid black;
   background: #262626;
}  
.body1 {
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
   background: transparent;
} 
.body2 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
   background: transparent;
}   
  
.player,
.player_latina,
.player_vintage,
.player_zenrelax,
.player_ouistiti,
.player_alpradio,
.player_infinity
 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   border: 0px solid black;
   background: #CC0000;
}
.player_zenrelax
{
   background: #3a8e29;
}  
.player_alpradio
{
   background: #21a1c8;
}
.player_ouistiti
{
   background: #ff6804;
}     
.player_infinity
{
   background: #ffb316;
}     
.player_gayradio {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   border: 0px solid black;
   background: #e41a70;
}  
.player1 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.player2 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 16px 0px 10px 10px;
   width: 250px;
   border: 0px solid black;
   background: transparent;
}   
.player3 {
   float: left;
   margin: 10px 5px 44px 0px;
   padding: 13px 0px 10px 10px;
   width: 90px;
   border: 0px solid black;
   background: transparent;
}   
.player4 {
   float: right;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 50px;
   border: 0px solid black;
   background: transparent;
}   
.player5 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 0px 10px 10px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.webradios {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 100%;
   border: 0px solid black;
   background: #262626;
}   

.playlist {
   float: left;
   margin: 10px 5px 5px 5px;
   padding: 13px 8px 8px 8px;
   width: 330px;
   border: 0px solid black;
   background: #ffffff;
} 
.pub {
   float: left;
   margin: 10px 0px 5px 5px;
   padding: 20px 0px 20px 20px;
   width: 325px;
   border: 0px solid black;
   background: #ffffff;
}     
.city3 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
}
.city3alpradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_alpradio.png');
} 
.city3djbuzzradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_djbuzzradio.png');
} 
.city3radionetplus {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radionetplus.png');
}
.city3radioouistiti {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radioouistiti.png');
}
.city3vibracionlatina {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatina.png');
}
.city3vibracionlatinanostalgia {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatinanostalgia.png');
} 
.city3vibrationchansonfrancaise {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationchansonfrancaise.png');
} 
.city3vibrationgayradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationgayradio.png');
} 
.city3vibrationpoprock {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
} 
.city3vibrationvintage {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationvintage.png');
} 
.city3vibrationzenrelax {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationzenrelax.png');
}          
}
/* phone */
@media screen and (max-width:480px) { 
.main {
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
  }  
      html {
        width: auto;
		max-width:auto;
        overflow-x: hidden;
		overflow-y: auto;
}
	body {
        width: 100%;
        overflow-x: hidden;
		overflow-y: hidden;
    }
.img {
 display: block;
 max-width: 100%;
 height: auto;
    } 
.header {
   float: left;
   margin: 15px 0px 0px 10px;
   padding: 30px 0px 0px 0px;
   width: 98px;
   border: 0px solid black;
}
.headerm {
   float: left;
   margin: 15px 0px 15px 8px;
   padding: 0px 0px 0px 0px;
   width: 480px;
   border: 0px solid black;
}
.header1 {
   float: left;
   margin: 5px 0px 0px 0px;
   padding: 8px 0px 0px 0px;
   width: 340px;
   border: 0px solid black;
}  
.header2 {
   float: left;
   margin: 15px 0px 10px 10px;
   padding: 0px 0px 0px 0px;
   width: 77px;
   border: 0px solid black;
} 
.headerm1 {
   float: left;
   margin: 0px 0px 15px 8px;
   padding: 0px 0px 0px 0px;
   width: 650px;
   border: 0px solid black;
}
.footer {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 100%;
   border: 0px solid black;
   background: #262626;
}  
.body1 {
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
   background: transparent;
} 
.body2 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   width: 100%;
   border: 0px solid black;
   background: transparent;
}   
  
.player,
.player_latina,
.player_vintage,
.player_zenrelax,
.player_ouistiti,
.player_alpradio,
.player_infinity
 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   border: 0px solid black;
   background: #CC0000;
}  
.player_zenrelax
{
   background: #3a8e29;
}  
.player_alpradio
{
   background: #21a1c8;
}
.player_ouistiti
{
   background: #ff6804;
}   
.player_infinity
{
   background: #ffb316;
}    
.player_gayradio {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   border: 0px solid black;
   background: #e41a70;
}  
.player1 {
   float: left;
   margin: 10px 5px 0px 0px;
   padding: 13px 0px 0px 50px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.player2 {
   float: left;
   margin: 10px 5px 0px 0px;
   padding: 0px 0px 0px 30px;
   width: 250px;
   border: 0px solid black;
   background: transparent;
}   
.player3 {
   float: left;
   margin: 10px 5px 44px 0px;
   padding: 13px 0px 10px 40px;
   width: 90px;
   border: 0px solid black;
   background: transparent;
}   
.player4 {
   float: right;
   margin: 10px 5px 5px 0px;
   padding: 13px 30px 10px 10px;
   width: 50px;
   border: 0px solid black;
   background: transparent;
}   
.player5 {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 0px 0px 10px 50px;
   width: 213px;
   border: 0px solid black;
   background: transparent;
}   
.webradios {
   float: left;
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 20px 0px;
   width: 100%;
   border: 0px solid black;
   background: #262626;
}   

.playlist {
   float: left;
   margin: 10px 5px 5px 0px;
   padding: 13px 8px 8px 8px;
   width: 100%;
   border: 0px solid black;
   background: #ffffff;
} 
.pub {
   float: left;
   margin: 10px 0px 5px 0px;
   padding: 20px 0px 20px 10px;
   width: 325px;
   border: 0px solid black;
   background: #ffffff;
}     
.city3 {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
}
.city3alpradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_alpradio.png');
} 
.city3djbuzzradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_djbuzzradio.png');
} 
.city3radionetplus {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radionetplus.png');
}
.city3radioouistiti {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_radioouistiti.png');
}
.city3vibracionlatina {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatina.png');
}
.city3vibracionlatinanostalgia {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibracionlatinanostalgia.png');
} 
.city3vibrationchansonfrancaise {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationchansonfrancaise.png');
} 
.city3vibrationgayradio {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationgayradio.png');
} 
.city3vibrationpoprock {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationpoprock.png');
} 
.city3vibrationvintage {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationvintage.png');
} 
.city3vibrationzenrelax {
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 12px 0px 0px 3px;
   width: 155px;
   height: 146px;
   border: 0px solid black;
   background-image: url('back_vibrationzenrelax.png');
}         
}