/* karnevalBrazil CSS Document */
/* col complementarios - As hex codes */

.color-primary-0 { color: #016B94 }	/* Main Primary color */
.color-primary-1 { color: #08A5E0 }
.color-primary-2 { color: #0291C8 }
.color-primary-3 { color: #015677 }
.color-primary-4 { color: #004059 }


H1 { font-family: Arial,Times New Roman, Arial;
          font-size: 29px; 
    letter-spacing: -1px;}

H3 { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 22px; 
    letter-spacing: -1px;}
    
 H5 { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 24px; 
        letter-spacing: -1px;}   
    
    
.vuelos { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 24px; 
        letter-spacing: -1px;}
		
.vuelos2 { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 20px; 
          letter-spacing: -1px;}
		  
.bloque-precios { float: left; width:110px;
                 }			  
		  
		  
.vuelos3 { font-family: Tahoma,Arial,Times New Roman;
          font-size: 12px; 
    letter-spacing: 0px;}
    
.vuelos-precio { 
            font-family: Tahoma,Arial,Times New Roman;
            font-size: 28px; font-weight: bold;
            letter-spacing: -1px;
            }	
        
.vuelos-detalle { float: left; margin-left: 10px; padding-right: 1px;
               font-family: Arial,Times New Roman, Arial;
              font-size: 12px;} 
              		
	
		
	
.redondo { border-radius: 10px; }

.textocuadro { font-family: Tahoma,Arial,Times New Roman, Arial;
          font-size: 16px; font-weight: bold; 
          }
#caja-negra {
	width: 100%; border-radius: 10px;
	background-color: #000000;
	color: #FFFFFF;
	
}		  
.contenido-caja { padding-top: 10px;
                  padding-bottom: 10px;
                  margin-left: 5px;
                  margin-right: 5px; 
  }
.tit-caja { font-family: "Passion One",Tahoma,Arial;
          font-size: 31px; 
        letter-spacing: -1px;}  
        
  /* bse   border-top: solid 1px #ffffff; */
 .caja-texto {
               font-family: Arial,Times New Roman, Arial;
              font-size: 12px;} 
			  
.Estilo1 {color: #000000}
.Estilo2 {color: #c0c0c0; background-color: #333333}

.menu-arriba {color: #FFFFFF; line-height: 25px;
          font-family: Arial; padding-left: 10px;
          font-size: 10px; vertical-align: middle;
       }

#caja-gris {
	width: 100%; border-radius: 5px;
	background-color: #D8D8D8;
	font-family: Arial; font-size: 11px;	color: #000000;
	
	
}

#caja-gris a { color: #000000; font-weight:bold;
	
}
.contenido-gris { padding-top: 10px;
                  padding-bottom: 10px;
                  padding-left: 10px;
                  padding-right: 10px; 
  }


#contenedor {
     width: 820px;
     margin: 0 auto; background-color:#003C54;
  }

#col01 { width: 170px;float: left;
         background-color: #016D94;                 
         padding-left: 10px; 
         padding-right: 5px;
         font-family: Arial; font-size: 11px;
}

#col02 { float: left; background-color: #ffffff; border-radius: 10px;
         width: 450px;
         padding-right: 10px;
         padding-left: 10px;
         

}


#col03 {float: left; 
        width: 145px;background-color: #016D94;
         
        padding-left: 15px;
         padding-right: 5px;
        font-family: Arial; font-size: 11px;
}

.letra11 {
               font-family: Arial,Times New Roman;
              font-size: 11px;} 


/* ---------mobile      ----------------------------------- */		        
/* ---------modificacion----------------------------------- */

@media screen and (max-device-width: 600px) { 
img {width:98%;
}

#caja-negra {
	width: 99%; border-radius: 10px;
	background-color: #000000;
	color: #FFFFFF;
	
}

#contenedor {
     width: 100%;
     margin: 0 auto; background-color:#003C54;
  }

.menu-arriba {color: #FFFFFF; line-height: 10px;
          font-family: Arial; padding-left: 10px;
          font-size: 10px; vertical-align: middle;
       }

#col01 {width: 99%;
         
        
}

#col02 { width: 99%;
         padding-left: 5px;
         padding-right: 2px;
}

#col03 { width: 99%;

}





}