#pagina {
     width: 840px;
     margin: 0 auto; background-color: #FFFFFF;
       
  }


a:link {   color: #000000;
               
     }  

a:visited {
	color: #808088;
       
        }
        
 H1 {     
          font-family: Arial,Times New Roman, Arial;
          font-size: 12px;
     } 

H2 {      color:  #CC3300;
          font-family: Verdana;
          font-size: 10px;
     } 
H3 {      font-family: Times New Roman,Verdana;
          font-size: 12px;
     } 
	 
H6 {      font-family: Tahoma,Times New Roman,Verdana;
          font-size: 22px;
     } 
     
.arriba11 { color: #FFFFFF; padding-top:3px; padding-left: 140px;
          font-family: Arial;
          font-size: 11px; 

     }     
 
.linea-verde { height: 20px; background-color: #CCCC99; 
         
     }  
     	
     
#col01 {width: 140px;float: left;
                
         
        
}

#col02 { float: left;
         width: 452px;         
         background-color: #FFFFFF;
         

}


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

}          
     
#mini-1 {float: left;  width: 50%;         
         
}     

#mini-2 {float: right; width: 50%;            
         
}   
 
#mini-3 {padding-left: 15px;
          font-family: Verdana;
          font-size: 10px;            
         
}  
      
.contenido { 
          font-family: Verdana;
          font-size: 10px;
     } 
     
.texto-frente { padding-left: 5px; padding-right: 2px;
          font-family: Verdana;
          font-size: 10px;
     } 
     
.ultimo { padding-left:15px;
          font-family: Verdana;
          font-size: 10px;
     }      
     

.texto-c3 { height: 317px; overflow: hidden;
				padding-left: 15px;
          font-family: Verdana;
          font-size: 10px;
     } 

.texto-mini { padding-left: 5px; padding-right: 5px;
          font-family: Verdana;
          font-size: 10px;
     }

.izq {    padding-left: 12px; padding-right: 5px;
          font-family: Verdana;
          font-size: 10px;
		  padding-bottom: 20px;
		  border-bottom-style: dotted;
     } 


.titulo-art {      font-family: Tahoma,Times New Roman,Verdana;
          font-size: 24px;
     }
	 
.art-verde { background-color:#CCCC99; 
             padding-left: 20px; padding-right: 20px;
             padding-top:15px; padding-bottom:15px;
             font-family: Verdana,Arial, Helvetica, sans-serif;
             font-size:12px; color: #000000;
            }	 

.art-gris { background-color:#F5F5F5; 
            padding-left: 20px; padding-right: 20px;
             padding-top:15px; padding-bottom:15px;
           font-family: Verdana,Arial, Helvetica, sans-serif;
           font-size:12px; color: #000000;
            }

.art-night { background-color:#21272A; padding-left: 20px; padding-right: 20px;
             padding-top:15px; padding-bottom:15px;
             font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;
             font-size:14px; color: #9DBEC2;
            }

.art-night h6 { font-size:20px; font-family:Tahoma,Verdana;font-weight:bold;
                background-color:#3A494F; 
                border-bottom-right-radius: 10px;border-top-right-radius: 10px;
                padding-bottom:5px; margin: 0; 
	       }
.art-night b { font-size:20px; 
               
	       }	       
	       
.art-night p {font-size:12px;font-family:Arial,Tahoma,Verdana;
               padding-bottom:15px; font-style: italic;
               border-bottom: 2px solid  #3A494F; 
	       }





.slogan { 
          font-family: Verdana;
          font-size: 7pt;
          color: #808080;
}

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

#pagina {
     width: 100%;
     margin: 0 auto;
  }

img {width:98%;
    }

.arriba11 { color: #FFFFFF; padding-top:3px; padding-left: 15px;
          font-family: Arial;
          font-size: 11px; 

     } 

#col01 {width: 99%;
         
        
}

#col02 { width: 99%;
         

}

#col03 { width: 99%;

}


}