@charset "utf-8";
/* CSS Document */

* {
margin: 0px;
/*	padding: 3;*/
box-sizing: border-box;
}

BODY {
	FONT-SIZE: 1.1rem;
	COLOR: #000000;
    background-color: #CCCCCC;
/*    font-family: 'Arvo', serif;*/

    padding: 20px;
}

TABLE{
    
    margin: 0 auto;
    text-align: left;
    width: 100%;
    max-width: 400px;
    
    
    border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #fff;
	border-right-color: #BBB;
	border-bottom-color: #888;
	border-left-color: #ddd;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
    
}

TD {border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #888;
	border-right-color: #ddd;
	border-bottom-color: #fff;
	border-left-color: #BBB;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
    
font-size: 1.5rem;
}

TD img{
    width: 100%;
    height: auto;
}

H1{
   font-size: 2.5rem; 
    padding-bottom: 0.5rem; 
}

H2{
   font-size: 1.5rem;  
}

H3{
   font-size: 1.3rem; 
}

p{
   padding-bottom: 1.8rem; 
}

HR{
border: 1;
height: 1;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);     
}

.pagina{
    align-content: center;
    width: 95%;
    max-width: 1100px;  
    margin: auto;
}

.contenedorModulos{
    width: 100%;
    margin: auto;
	padding:5px;


	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap; 
    
     justify-content: center;
    align-items: center;
}

.modulo{
    margin: 0px;
	width: 100%;
	height: auto;
	padding:4px;

	overflow:hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.tabla95x2 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #fff;
	border-right-color: #BBB;
	border-bottom-color: #888;
	border-left-color: #ddd;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.tabla95x2int {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #888;
	border-right-color: #ddd;
	border-bottom-color: #fff;
	border-left-color: #BBB;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/* //// MEDIA QUERIES ///// */

@media screen and (max-width: 1000px){
    
    
   .contenedorModulos{
    width: 100%;
    margin: auto;
	padding:5px;

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap; 
    
    justify-content: center;
    align-items: center;
} 
    
    TABLE{
    
    margin: 0 auto;
    text-align: left;
    width: 100%;
    max-width: 900px;
   font-size: 3.5rem ;
        
        border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
}
    
TD {border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-color: #888;
	border-right-color: #ddd;
	border-bottom-color: #fff;
	border-left-color: #BBB;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
     font-size: 3.5rem ; 
}
    
    
  H3{
   font-size: 1.6rem ; 
}  
    
     H2{
   font-size: 3.5rem ; 
}  
       H1{
   font-size: 4.5rem ; 
} 
    
    
 HR{
border: 0;
height: 0;
border-top: 3px solid rgba(0, 0, 0, 0.2);
border-bottom: 3px solid rgba(255, 255, 255, 0.5);     
}   
    
    
    
    
    
    
    
    
    
    
    
    
}