/*para caracteres*/
@charset "utf-8"

/*para que se adapte a formatos*/
@media all and (min-width: 1px) and (max widht:1020x)}


    
body{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 11pt;
    background-color: rgb(206, 206, 206);
}

#pagina{
    width: 100%;
    margin: auto;
    background-color: rgb(255, 255, 255);
}

/*foto y logo*/
div#logo {
	padding-top:0;
	height:240px;
	width: 960px;;
	margin: 0;
	background-image: url(imagenes/foto-inicio-texto.jpg);
	background-repeat: no-repeat;
}

div#pagina {
	height: auto;
	width: 960px;
	text-decoration:none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}

/*menu*/
#pagina nav ul {
	height: 3rem;
	width: auto;
	text-decoration:none;
	padding-right:0;
	display:block;
	padding-top:0;
    margin: 0;
	list-style-type: none;
	background-color: #000;
}

#pagina nav ul li {
	width:auto;
	float:left;
	text-decoration:none;
	margin:1rem;
    padding-top:0;
	list-style-type: none;
	font-family: sans-serif;
	font-weight: bold;
}

#pagina nav ul li a{
	color:#98cb00;
    margin:auto;
    padding-top:auto;
	text-decoration:none;
}

/*contenido*/
section {
	height: auto;
	width: 33%;
	text-decoration:none;
    margin:0;
    padding-bottom: 0.3rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:0.3rem;
	float:left;
	text-transform: none;
	text-align: left;
	font-weight: lighter;
	font-family: sans-serif;
    background-color: rgb(206, 206, 206);
}

section p {
    font-family: sans-serif;
    font-size: 1rem;
    line-height: 1.3rem;
    color: rgb(46, 46, 46);
    margin: 0; 
}

h2 {
font-family: sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #FFF; 
    margin-top: 1rem;
    margin-bottom: 1rem;
}

aside div#foto1 {
	height: auto;
	width: 34%;
	margin: 0;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:1rem;
	padding-bottom:0;
	float:left;
}

/*pie*/

footer {
    background-color: #000;
   	width: 960px;
	height: auto;   
	margin: 0;
    padding: 0;
    float: left;
}

footer #pie{
    height: auto;
    margin:0;
    padding: 0;
}

footer #pie ul {
	width: 100%;
	padding: 0; 
	margin: 0;
}

footer #pie ul li {; 
	text-decoration: none; 
	list-style-type: none;
} 

footer #pie ul li a{
    color: rgb(193, 193, 193); 
    font-weight: normal; 
    font-size: 0.7rem;
	font-family: sans-serif;
	text-decoration: none; 
	list-style-type: none;
    padding-top: 0.1rem;
}

.titulo {
	margin-top: 1rem; 
    margin-bottom: 1rem; 
	float: left;
	padding: 0; 
	margin-left: 1rem; 
    margin-right: 0;
}

.titulo a{
	color: #98cb00; 
	font-weight: bold; 
	font-size: 0.7rem; 
	font-family: sans-serif;
	text-decoration: none;
	list-style-type: none;
    margin:0;
    float: left;
}

footer #redes{
    height: auto;
    margin-left: 5rem;
    padding: 0;
}

footer #redes a{
    height: auto;
    
    padding-top: 4rem;
    padding-bottom: 0.5rem;
    padding-right:0.8rem;
    padding-left: 0;
    float: left
}

footer #legal {
    clear:both;
	background-color:#000;
	height:auto;
	width:100%;
    max-width: 960px;
    margin: auto;
}

footer #legal p {
    font-family: sans-serif;
	color:#575757;
	font-size:0.6rem;
	padding:0.5rem;
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
}

/*la catedra*/

#contenido {
    height: auto;
	width: 70%;
	text-decoration:none;
    margin:0;
    padding: 0;
	float:left;
	text-transform: none;
	text-align: left;
	font-weight: lighter;
	font-family: sans-serif;
    background-color: rgb(206, 206, 206);
}

#contenido h2 {
    font-family: sans-serif;
	color:#575757;
	font-size:1rem;
    width: auto;
    margin:0;
    padding: 0.5rem;
}

#contenido p {
    font-family: sans-serif;
	color:#575757;
	font-size:0.8rem;
    width: auto;
    margin:0;
    padding: 0.5rem;
}

#contenido h6 {
    font-family: sans-serif;
	color:#575757;
	font-size:0.8rem;
    width: auto;
    margin:0;
    padding: 0.5rem;
    font-weight: bold;
}

#infosec {
    height: auto;
	width: 30%;
	text-decoration:none;
    margin:0;
    padding: 0;
	float:left;
	text-transform: none;
	text-align: left;
	font-weight: lighter;
	font-family: sans-serif;
    background-color: #c2e250;
}

#infosec h7 {
    font-family: sans-serif;
	color:#fff;
	font-size:1rem;
    width: auto;
    margin:0rem;
    padding: 0.5rem;
}

#infosec p {
    font-family: sans-serif;
	color:#575757;
	font-size:0.7rem;
    width: auto;
    margin:0;
    padding: 0.5rem;
}
    
#correccion {
    height: auto;
	width: 30%;
	text-decoration:none;
    margin:auto;
    padding: 0;
	float:left;
	text-transform: none;
	text-align: left;
	font-weight: lighter;
	font-family: sans-serif;
    background-color: #c2e250;
}
/*galeria*/

div #galeria {  
	height:auto;
	width: auto;
    margin: 00.3rem; 
    padding: 0.3rem;
}

#galeria p {
    font-family: sans-serif;
    font-size: 1rem;
    color: #98cb00;
    margin: 0; 
    padding: 0.3rem;
    background-color: #575757;
    width: auto;
} 
    
/*alumnos*/
div #alumnos {
	height: auto;
	width: auto;
	text-decoration:none;
    margin:0;
    padding: 1rem;
    float: left;
    align-self: center;
	text-align: left;
	font-weight: lighter;
	font-family: sans-serif;
    background-color: rgb(206, 206, 206);
    
}


#alumnos p {
    width: auto;
    font-family: sans-serif;
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: rgb(46, 46, 46);
    margin: 0; 
    
}


#alumnos h2 {
font-family: sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #FFF; 
    margin-top: 1rem;
    margin-bottom: 1rem;
}
    
/*destacado contacto*/

.texto-destacado {
	font-weight: bold;
	font-family: sans-serif;
    color: #98cb00;
}

div #foto-contacto img src{
    padding-top:0;
	height:auto;
	width: auto;
	background-image: url(imagenes/contacto.jpg);
	background-repeat: no-repeat;
}