@charset "utf-8";
body {
	background-color:#eef6ed;
	
    font-family:sans-serif;
    box-sizing: border-box;
}

#margen {
    margin-left: 12vw;
    
    
}

h1 {
	margin:0;
	padding-top:5px;
	color:black;
    font-size:20px;
    font-weight: 300;
}
h2 {
	margin:0;
	padding-top:5px;
	color:black;
    font-size:16px;
    font-weight: 200;
    
}


a {
	text-decoration:none;
	color:black;
}


#cajatitulo {
	float:left;
	padding:0;
	height: auto;
	text-align:left;
    width: 100%;
    margin-bottom:50px;
    
    
}


.aparece {
    display:none;
}

.desaparece {
    display:block;
}

.col01 {width: 6.25%;}
.col02 {width: 12.50%; }
.col03 {width: 18.75%;}
.col04 {width: 25%;}
.col05 {width: 31.25%;}
.col06 {width: 37.5%;}
.col07 {width: 43.75%;}
.col08 {width: 50%;}
.col09 {width: 56.25%;}
.col10 {width: 62.5%; }
.col11 {width: 68.75%;}
.col12 {width: 75%;}
.col13 {width: 81.25%;}
.col14 {width: 87.5%;}
.col15 {width: 93.75%;}
.col16 {width: 100%;}


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

.aparece {
    display:block;
}

.desaparece {
    display:none;
}
.col01 {width: 6.25%;}
.col02 {width: 100%;}
.col03 {width: 100%;}
.col04 {width: 100%;}
.col05 {width: 100%;}
.col06 {width: 100%;}
.col07 {width: 100%;}
.col08 {width: 100%;}
.col09 {width: 100%;}
.col10 {width: 100%;}
.col11 {width: 100%;}
.col12 {width: 100%;}
.col13 {width: 100%;}
.col14 {width: 100%;}
.col15 {width: 100%;}
.col16 {width: 100%;}

    #margen {
        padding-top:0px;
        
    }
    
}






  </style>