body {
	background:#fff; margin:0;
	font-family:'Poppins', sans-serif; }
	

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


input { font-size: 90%;	color: #666666;   }

.clear { clear: both;}


#wrapper {width: 100%; text-align: center; margin:0px;  }
	

#container {width: 100%; margin:auto; clear:both;}

          
/* index */

.cajabaner { width:100%; float:left; text-align: center;  background-color:#0F65B0;  }

.logoencabezado { width:100%; height: auto; float:left; text-align:center; padding-bottom:24px;   } 

.logoencabezadox img{
                   max-width:50%; max-height: auto; height: auto; 
                 }


	
.menu-header ul li a {
	display:block;
	padding:0px 10px;
	color:#fff;	
	text-decoration: none }
	

	
/* index */

.cajacentrobanerhome {width:100%; overflow: hidden; margin:auto;  
                     text-align: center;   padding-top: 8%;  } 
                      
.cajaindex-sup { width: 100%; overflow: hidden; margin:auto; text-align: center; border: 0px solid #3278C6; }

.titulo { width:60%;
         overflow: hidden; margin:auto; 
 	 text-align:center;
 	 FONT-SIZE: 44px; COLOR: #164193;font-family: 'Poppins', sans-serif;
         clear:both;  letter-spacing:2px;  word-spacing: 5px;    
         line-height:65px;   }
         


.subtitulo { width:60%;
             overflow: hidden; margin:auto;  
 	     text-align:center;
 	    
             clear:both;   }





@media screen and (max-width:320px)

{
    .img-ic {
         top:0; width:70%; max-width:320px; text-align: center;  }
 
    
.titulo { width:60%;
         overflow: hidden; margin:auto; 
 	 text-align:center;
 	 FONT-SIZE: 34px; COLOR: #164193;font-family: 'Poppins', sans-serif;
         clear:both;  letter-spacing:2px;  word-spacing: 5px;    
         line-height:65px;   }
         
}

@media screen and (max-width:480px)

{

 .tabla {width:100% ; }
 
 .logoencabezado img{  
    width:100%; max-width:480px;
    text-align: center;  
   }    
   
   .img-size {
       width:100%; max-width:480px;
       text-align: center ;   
   } 
   
   .titulo { width:90%;
            overflow: hidden; margin:auto; 
    	 text-align:center;
    	 FONT-SIZE: 24px; COLOR: #164193;font-family: 'Poppins', sans-serif;
            clear:both;  letter-spacing:2px;  word-spacing: 5px;    
         line-height:65px;   }
         
.subtitulo { width:60%; padding: 5px;
             overflow: hidden; margin:auto;  
 	     text-align:center;
             clear:both;  }

         
.subtitulox  img{  
    width:100%; max-width:480px;
    text-align: center;    }   
    
}