*, ::after, ::before {
box-sizing: inherit !important;
}

.cabecera{
width:100% ;
height:auto ;
background-color:#A4081E;
text-align:center;
padding:10px 0px;	
}

.tit-cabecera{
text-align:center;
background-color:#F0F0F0;
padding:20px;
margin-bottom: 20px;
}

.container1{
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-flow: row wrap !important;
flex-flow: row wrap !important;
width:80% !important;
margin-left:auto !important;
margin-right:auto !important;
}

.container2{
display: -webkit-flex !important;
display: flex !important;
-webkit-flex-flow: row wrap !important;
flex-flow: row wrap !important;
width:100% !important;
}


      .c1, .c2, .c3{
        width: 100%;
		padding:1%;
      }

      @media (min-width: 1200) {
        .c1 {
          width: 100%;
          -webkit-order: 1;
          order: 1;
        }

        .c2 {
          width: 100%;
          -webkit-order: 2;
          order: 2;
        }

        .c3 {
          width: 100%;
          -webkit-order: 3;
          order: 3;
        }
		

		
		
}


      @media (min-width: 800px) {
        .c1 {
          width: 31%;
		  }

        .c2 {
          width: 31%;
        }

        .c3 {
          width: 31%;
        }
		
      }
	  



 .c4, .c5{
        width: 100%;
		padding:1%;
      }

      @media (min-width: 1200) {
        .c4 {
          width: 100%;
          -webkit-order: 4;
          order: 4;
        }

        .c5 {
          width: 100%;
          -webkit-order: 5;
          order: 5;
        }	
		
}


      @media (min-width: 800px) {
        .c4 {
          width: 48%;
		  }

        .c5 {
          width: 48%;
        }


      }
	  
	  
	  
	  
	  .c6, .c7, .c8, .c9{
        width: 100%;
		margin:1%;
      }

      @media (min-width: 1200) {
        .c6 {
          width: 100%;
          -webkit-order: 6;
          order: 6;
        }

        .c7 {
          width: 100%;
          -webkit-order: 7;
          order: 7;

        }	
		
		.c8 {
          width: 100%;
          -webkit-order: 8;
          order: 8;

        }	
		
		.c9 {
          width: 100%;
          -webkit-order: 9;
          order: 9;
        }	
		
}


      @media (min-width: 800px) {
        .c6 {
          width: 23%;
		  }

        .c7 {
          width: 23%;
        }
		
		.c8 {
          width: 23%;
        }        
		
		.c9 {
          width: 23%;
        }

		
      }