body
{
	margin: 0;
	font-family: sans-serif;
	line-height: 1.6em;
	background-color: #f4efef;

}


header
{
width: 100%;
background: #4E94AB;
position: fixed;  /*pedazo de ódigo para que el menu baje junto con el scroll, hasta el ultimo continua*/
left: 0;  /*continua*/
top: 0;    /*continua*/
right: 0;   /*continua*/
}


#btn-menu{
	display: none;
}

header label{
	display: none;
	width: 35px;
	height: 30px;

	padding: 8px 13px;
	
	
	border-right: 1px solid #fff;
}


header label:hover{

	cursor: pointer;
	background: rgba(0,0,0,0.3);
}


.menu ul{
margin: 0;
list-style: none;
padding: 0;
display: flex;
/*justify-content: flex-end;*/

}

.menu li {
	text-align: center;
	flex-grow: 1;

	border-right: 1px solid #fff;
}


.menu li:hover{
	background: rgba(0,0,0,0.3);
}

.menu li a{
	display: block;
	padding: 15px  20px;
	color: #fff;
	text-decoration: none;
}

main{
	padding: 10px;
}

h1{
	margin-top: 50px;
	text-align: center;
	font-family: cambria;
}

u{
    text-align:left;
}



.contenido{
	
/*height: 1000px;*/
padding: 1em;  /*al aumentarlo se hace una separacion superior mayor entre los cuadros materias*/
margin: auto;

margin-top: 60px;
/*text-align: justify;*/
max-width: 1100px;
background-color: white;
word-wrap: break-word;
border: 2px solid #4E94AB;
border-radius: 15px;
/*font-size:85%;*/
}




#imagenCurso{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px; 
	/*opacity: .4;*/
}





h2
{
	text-align: center;
}

a {
  outline: none;
  text-decoration: none;
 
}

a:link {
  color: black;
}

a:visited {
  color: black;
}
/*
a:focus {
  border-bottom: 1px solid;
  background: black;
}*/

#tab
{

margin: auto;
width: 50%;
overflow-x: auto;
 
}


table{
  margin: auto;  
 
}



#tabGrande{
	margin: auto;
width: 75%;
overflow-x: auto;
}

.tituloTabla{
	text-align: center;
}

#colorTabla{
	text-align: center;
	background-color: #9bd5e7;  /*f6feff   9bd5e7*/
}


#subtitulo{
	color: #4E94AB;
	font-weight: bold;
	float: left;
}


td{
    background-color: #f6feff;
}

#tdEspacio{
    /*font-size:62%;*/
	background-color: #f6feff;  /* f3feff  */
}




#imagenGrande{
/*background-color: orange;*/
width: 80%;
margin: auto;
}


#imagenTabla{
/*background-color: orange;*/
width: 100%;
margin: auto;
}


#imagenMediana{
width: 60%;
margin: auto;
}

#imagenChica{
/*background-color: orange;*/
width: 40%;
margin: auto;
}



#imagenMicro{
/*background-color: orange;*/
width: 25%;
margin: auto;
}

#imagenChicaSinEspacio{
/*background-color: orange;*/
width: 40%;
}


#imagenMicro2{
width: 13%;
}


.sketchfab-embed-wrapper{
    margin: auto;
    width: 700px;
    height: 500px;
}

.sketchfab-embed-wrapper iframe{
    margin: auto;
    padding-top:20px;
    width: 80%;
    height: 70%;
    
}


.prueba{
    margin:auto;
}







		@media (max-width: 440px){

			header label {
				display: block;
			}

						header label:hover{

							cursor: pointer;
							background: rgba(0,0,0,0);
						}

			.menu{
				position: absolute;
				background: #4E94AB;
				width: 70%;
				margin-left: -70%;
			}

			.menu ul{
				flex-direction: column;
				/*font-size: 5px;*/
			}

			.menu li{
				border-top: 1px solid #fff;
				font-size: 15px;
			}


			#btn-menu:checked ~ .menu{

				margin: 0;

			}

			
			.contenido
			{
				width: 100%
				margin-top: 30px;
				padding: .5em;
				
			}

			#libros{
				width: 100%;
				height: 380px;

					}

					#tab
					{
					
					width: 96%;
					overflow-x: auto;
					}

					#tabGrande{
						margin: auto;
					width: 97%;
					overflow-x: auto;
					
					}
					
						
					
				
					
					#imagenGrande{
						
						width: 100%;
						margin: auto;
						}
						
						#imagenMediana{
                        width: 100%;
                        margin: auto;
                        }
						

						#imagenCurso{
						width: 100%;
						margin-right: auto;
						margin-left: auto;
						display: block;
							}
							
							
							#imagenChica{
                                /*background-color: orange;*/
                                width: 90%;
                                margin: auto;
                                }
                                
                                
                                #imagenMicro{
                                /*background-color: orange;*/
                                width: 55%;
                                margin: auto;
                                }
                                
                                
                        .responsiveContent iframe{
                            width: 100%;
                            height: 100%;
                        }
                        
                        
                        
                        .sketchfab-embed-wrapper{
                            
                             position: relative;
                                padding-bottom: 56.25%;
                                height: 0;
                                overflow: hidden;
                                    margin: auto;
                                   /* padding : 75% 0 0 0;
                                    position: relative;
                                    width: 500px;
                                    height: 400px;*/
                                }
                                
                                .sketchfab-embed-wrapper iframe{
                                    
                                    position: absolute;
                                    top:0;
                                    left: 0;
                                    width: 50%;
                                    height: 100%;
                                    margin: auto;
                                    /*position: absolute;
                                    top     : 0;
                                    left    : 0;
                                    padding-top:20px;
                                    width: 70%;
                                    height: auto;*/
                                    
                                }

						

				}
				
				
				
				@media (min-width: 500px) and (max-width: 800px){
				

				    
				    	#imagenChica{
                        /*background-color: orange;*/
                        width: 60%;
                        margin: auto;
                        }
                        
                        
                        	#imagenMediana{
                        width: 100%;
                        margin: auto;
                        }
                        
                        #imagenGrande{
						
						width: 95%;
						margin: auto;
						}
                        
                        
                       /* .contenido
		            	{
        			       font-size:50%;
			            }*/
                        
                        #imagenMicro{
                                /*background-color: orange;*/
                                width: 40%;
                                margin: auto;
                                }
				    
				}