#pagina {
     width: 880px;
     margin: 0 auto; background-color: #000000;
      border: 10px solid  #333333;    border-radius: 10px;  
  } 
 
 @font-face {
font-family: 'Arial Narrow';
font-style: normal;
font-weight: normal;
src: local('Arial Narrow'), url('fonts/ArialNarrow.woff') format('woff');
}
 
#fondo-cupon {
     width: 870px;
     margin: 0 auto; background-image: url('images/fondogirlcupon.jpg');
     background-repeat: no-repeat; background-color: #FFFFFF;
      border-radius: 10px;  
  } 
 
 
 H1 {     font-family: Arial,Arial Narrow,Impact;
          font-size: 28px; letter-spacing:-1px; text-transform: uppercase;
          color:#669999;  padding-left: 5px; margin:0;
     } 

H2 { 
          font-family: Arial,Arial Narrow,Verdana;
          font-size: 15px; letter-spacing:-1px; color:#808080;
     } 
     
H3 {      font-family: Verdana;
          font-size: 9px;
     } 

          
#header { padding-bottom: 5px;	
          background-color:#000000; border-bottom: 15px solid  #7C7C7C; 
     
  }          
  
          
          
#col01 {width: 260px;float: left;
                 
        
}

#col02 { float: left;
         width: 320px;   background-color: #f5f5f5;
         
         

}
.texto-c2 {  padding-left: 5px; padding-right: 5px;
          }  


#col03 {float: left;
        width: 260px;          

}

#col04 {float: left;
        width: 270px;          

}
  
#col05 {width: 320px;float: left;
                 
        
}  
          
#col06 {width: 260px;float: left;
                 
        
} 
 
 
.texto { 
          font-family: Arial,Verdana;
          font-size: 11px;} 
          
          
.arribadeh1 { 
          font-family: Arial Narrow,Verdana, Arial;
          font-size: 20px;
     } 

.titulogrande { 
          font-family: Arial Narrow,Impact;
          font-size: 36px;

     }

.veda { 
          font-family: Arial Narrow, Impact;letter-spacing: -1px;
          font-size: 28px;

     }
.impact2 { 
          font-family: Impact;
          font-size: 18px;

     }

.content11 { 
          font-family: Verdana, Helvetica;
          font-size: 10px;

     } 
.titulo { font-family: Arial Narrow,Times New Roman, Arial; font-weight:bold;
          font-size: 28px; text-align: right; color: #B0D7D5;
          letter-spacing: -1px;padding-right: 10px;

     } 
.subtitulo { 
          font-family: Arial,Verdana;
          font-size: 16px;letter-spacing: -1px;
}
.impagina { 
          font-family: Arial,Verdana;
          font-size: 20px;letter-spacing: -1px;
}
     
     
.sub2 { 
          font-family: Arial Narrow,Impact;
          font-size: 11px;
     }

.residencial { font-family: Arial,Impact;
          font-size: 12px;
     }
.pie { 
          font-family: Verdana;
          font-size: 8pt;
}
.paga { 
          font-family: Arial Narrow, Arial;
          font-size: 23px;letter-spacing: -1px;
}


.titulochico { 
          font-family: Arial,Verdana;
          font-size: 10px;

     }
.titulointerno { 
          font-family: Arial,Verdana;
          font-size: 12px;
           }
.dias { 
          font-family: Arial,Impact;
          font-size: 20px;     }
.codigo { 
          font-family: Arial,Impact;
          font-size: 12px;
             }          
.codigo2 { 
          font-family: Arial,Impact;
          font-size: 18px;

     }  

.cartel { 
          font-family: Arial,Tahoma,Verdana;
          font-size: 11px;     }
    
 



@media screen and (max-device-width: 768px) {
	

img { width:98%;
}	

#pagina {
     width: 100%;
     margin: 0 auto;
     border: 1px solid  #333333;    border-radius: 5px;  
}	

#fondo-cupon {
     width: 99%;
       } 	

#header { 
          width: 99%; 
     }
	
#col01n { width: 99%; 
     }	
	
#col01 { width: 99%; 
     }
     
#col02 {  width: 99%;          
          padding-left:5px; 
         }

#col03 { width: 99%;

}

.texto {  padding-left: 5px; padding-right: 5px;
          }  

.texto-c2 {  padding-left: 1px; padding-right: 5px;
          }	
	
	
 }