/* fuentes de google fonts */
@import url('https://fonts.googleapis.com/css?family=News+Cycle');
@import url('https://fonts.googleapis.com/css?family=Abel|Catamaran|Karla');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald:600');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Oswald|Roboto');
/* codigos para las font-family 
font-family: 'Karla', sans-serif;
font-family: 'Abel', sans-serif;
font-family: 'Catamaran', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;*/






/* INICIO ESTILOS bloque columnas, utilizado para paginas de varias columnas en indy y waste y para las videogalerias */


  
          
            .caja1 {float: left;  width: 65%; padding:0px; vertical-align: top; background: #263144;  }
            .caja2 {float: left; width: 35%; padding:20px; background-color: #3f4042;vertical-align: top; }
            
           
        
          .caja4 a {color:#c3d1e3; }
        
        
        
          
            
              .titulos-videogaleria {margin-left:2%; color:#d3ddef; text-align: center;}
              .titulos-videogaleria h5 { color:#666; text-align: center; font-family: Oswald; font-size:16px;}
              .titulos-videogaleria h1 { color:#666; text-align: center; font-family: Oswald; font-size:22px;}
              
                           
                      #contenedor-minis {max-width:100% !Important;  margin-left:10px;  margin-right: 10px;
                        margin-top:0px;padding:7px; background:#101b38;   display: flex; flex-wrap: wrap; border-radius: 10px;}
                      .mini img {max-width:180px; height:120px; border-radius: 7px; margin-right:9px; margin-left:9px;margin-top:7px;margin-bottom:7px;}
                      .mini h3 {font-family: Oswald; font-size:14px; color:#fff; margin-top:-30px;margin-left:15px;text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
   color: white;}

            
            /*------------ MEDIA QUERYS -----------*/
            
            @media (max-width:900px) {
                .caja1 {width: 60%;}
                .caja2 {width: 40%;}
               
                
            }
                     @media (max-width:768px) {
                .caja1 {width: 55%;}
                .caja2 {width: 45%;}
             
    
            }
                                 @media (max-width:720px) {
                .caja1 {width: 100%; }
                .caja2 {width: 100%; }
            
  
                
            }

          </style>