#pagina {
     width: 870px;
     margin: 0 auto; background-color: #FFFFFF;
      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');
}
 
 H1 {     font-family: Arial,Arial Narrow,Impact;
          font-size: 36px; 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; 
     
  }          
  
#col01n {width: 375px;float: left;
                 
        
}  
          
          
#col01 {width: 375px;float: left;
                 
        
}

#col02 { float: left;
         width: 250px;   
         
         

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

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

}
          
.texto {  padding-left: 10px; padding-right: 5px;
          font-family: Arial,Verdana;
          font-size: 11px;}  
 
.pie-foto {  font-family: Arial,Verdana;
          font-size: 11px;  
     } 

.pie-foto2 {  font-family: Arial,Verdana;
          font-size: 11px;  color: #808080;
     }
     
.vedapiu { 
          font-family: Arial,sans-serif; color:#000000;
          font-size: 19px; letter-spacing:-1px; background-color: #669999;
          text-transform: uppercase; padding-left: 5px;
}     
      
          
.arribadeh1 { 
          font-family: Arial,Arial Narrow,Verdana, Arial;
          font-size: 20px;color:#669999;
     } 

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

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

.tabla { 
          font-family: Arial,Tahoma,Verdana;
          font-size: 12px; color: #FFFFFF;  }    

          
.impact { 
          font-family: Impact;
          font-size: 16px;

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

     }


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

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

     }

.logo { 
          font-family: Arial;Verdana;
          font-size: 14px;
}

.small { text-decoration: none; 
         letter-spacing: 0.1em;
         font-size: 9px;
        letter-spacing: 0.2em;
}
.sub { 
          font-family: Verdana;
          font-size: 10px;
          letter-spacing: 0.1em; text-indent: 5em
}

.body-row { 
          font-family: Arial,Tahoma,Verdana;
          font-size: 11px; color: #FFFFFF  }
       
          
.parrafo { 
          font-family: Verdana;
          font-size: 10px;background-color: #000080;
          text-indent: 1em;
}
.caja {	 border-bottom: #C0C0C0 1px solid; border-left: #C0C0C0 1px solid;
          border-right: #C0C0C0 1px solid; border-top: #C0C0C0 1px solid; }





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

img { width:98%;
}	

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

#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;
          }	
	
	
 }