@media all and (min-width: 1px) and (max-width: 320px){
}    
p { font-family: 'robotobold', Helvetica, sans-serif; }



@font-face {
    font-family: 'robotobold';
    src: url(fuentes/Roboto-Bold-webfont.eot);
    src: url(fuentes/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(fuentes/Roboto-Bold-webfont.woff) format('woff'),
         url(fuentes/Roboto-Bold-webfont.ttf) format('truetype'),
         url(fuentes/Roboto-Bold-webfont.svg#robotobold) format('svg');
		font-weight: normal;
		font-style: normal;
	font-family: 'robotothin_italic';
    src: url(fuentes/Roboto-ThinItalic-webfont.eot);
    src: url(fuentes/Roboto-ThinItalic-webfont.eot?#iefix) format('embedded-opentype'),
         url(fuentes/Roboto-ThinItalic-webfont.woff) format('woff'),
         url(fuentes/Roboto-ThinItalic-webfont.ttf) format('truetype'),
         url(fuentes/Roboto-ThinItalic-webfont.svg#robotothin_italic) format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ background: rgb(255,255,255); font-family: Helvetica;}

header{ width: 100%; background: #fff;}




#pagina{
	max-width: 1024px;
	background-color: #69ede8;
	width: 1024px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 500px;
}
#pagina-carta {
	  max-width: 1024px;
	background-color: #E9E9E9;
	width: 1024px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 600px;
}
#pagina-integrantes {
    max-width: 1024px;
	background-color: #E9E9E9;
	width: 1024px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 500px;
    
}

#pagina-tp {
    max-width: 1024px;
	background-color: #E9E9E9;
	width: 1024px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 500px;
    
}

#encabezado {
	height: 50px;
	background-color: #dd3f3f;
}

#contenido {
	width: 800px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: 35px;
	height: 400px;
}
#contenido-carta {
	width: 800px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: 35px;
}
#contenido-integrantes {
    width: 500px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: 35px;
}   
#contenido-integrantes-alumno1 {
    width: 500px;
    
} 

#pagina-mapa {
    max-width: 1024px;
	background-color: #E9E9E9;
	width: 1024px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 500px;
    
}

#contenido-mapa {
    
    width: 500px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: 35px;
}
       
.boton {
	font-family: robotobold, sans-serif;
	font-size: 15px;
	color: #fff;
	float: left;
	margin-left: 20px;
	text-decoration: none;
}
.boton:hover {
	font-family: robotobold, sans-serif;
	font-size: 15px;
	float: left;
	margin-left: 20px;
	color: #69ede8;
}
.boton_integrantes {
    font-family: robotobold, sans-serif;
	font-size: 12px;
	color: #585858;
	float: left;
    margin: auto;
	text-decoration: none;
}    
.boton_integrantes:hover {
    font-family: robotobold, sans-serif;
	font-size: 12px;
	float: left;
	margin:auto;
	color: #dd3f3f;
}
    

.titulo {
	font-family: robotothin_italic, sans-serif;
	font-size: 40px;
	color: #333;
}
.titulo-carta {
	font-family: robotothin_italic, sans-serif;
	font-size: 25px;
	color: #dd3f3f;
  
}


.titulo-integrantes {
	font-family: robotothin_italic, sans-serif;
	font-size: 25px;
	color: #dd3f3f;
  
}

.titulo-TP {
	font-family: robotothin_italic, sans-serif;
	font-size: 25px;
	color: #dd3f3f;
  
}

.subtitulo {
	font-family: Helvetica, sans-serif;
	font-size: 17px;
	color: #585858;
}
.subtitulo-carta {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	color: #585858;
}

.texto {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
}
.texto-carta {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.texto-integrantes {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
}