@font-face{
	font-family: lora;
	src: url(../Fuentes/Lora-Regular.ttf);
}

h1, h2, h4, h5, h6{
	color: #444;
	font-family: elNombreQueQuiera;
	letter-spacing: 1px;
}
h1{
	font-size: 35px;
	color: #333;
	text-transform: uppercase;
}

h5{
	color: #fff;
}
.bienvenida p{
	font-family: lora;
	font-size: 15px;
	text-align: left;
	padding-top: 15px;
	color: #777;
	line-height: 1.5;/*poner espacio entre lineas*/
}

.contenedor{
	width: 90%;
	margin: auto;
}

.contenedormateriales {
    
    background-size: contain;
	background-origin: border-box;
    text-align: center;
    color: rgb(0, 0, 0);
}

.contenedormateriales h2{
    color: rgb(0, 0, 0);
	font-size: 35px;
}

.contenedormateriales ul {
    display: flex;
    flex-wrap: wrap;
	font-size: 20px;
}

.contenedormateriales li {
    width: 50%; /* Cada elemento ocupa la mitad del contenedor */
    box-sizing: border-box;
    margin-bottom: 10px;
}


.bienvenida{
	margin-top: 20px;
	text-align: center;
	margin-bottom: 10px;
}

.contenedorColumnas{
	display: flex;/*ubica una caja al lado de la otra*/
}



p{
	padding-top: 10px;
	text-align: justify;
	font-size: 15px;
	font-family: lora;
}

.columnasx2{
	width: 50%;
	margin: 10px;
}
.columnasx3{
	width: 33%;
	margin: 10px;
}

.columnasx3 img{ 
	width: 100%;
	height: 40%
}

.banner1{
	background: #1abc9c;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	-webkit-transition: .5s;
}

.banner1 h3{
	color: #fff;
	font-size: 20px;
	font-family: lora;
	font-weight: normal;
}

.banner1 a{
	text-decoration: none;
	color: #fff;
	margin-left: 20px;
	font-weight: bold;
	border-bottom: solid;
}

.banner1:hover{
	background: #444;
	-webkit-transition: .5s;
}

.icono{
	float: left;
	padding-right: 20px;
	font-size: 50px;
	padding-top: 15px;
	color: #C80F0F;
}

#dos{
	color: #F1A725;
}

#tres{
	color: #C4C70D;
}

#cuatro{
	color: #333;
}

#cinco{
	color: #9E5B5B;
}

#seis{
	color: #000;
}

.banner2{
	/*background-repeat: no-repeat; no repite la imagen
	background-size: cover; amplia la imagen al ancho de la pagina*/
	background: url(../IMG/pais.jpg);
	width: 100%;
	height: 200px;
	margin-top: 30px;
	background-attachment: fixed;/*los bloques se quedan estaticos*/
	text-align: center;
}

.banner2 h3{
	background: rgba(0,0,0, .4);
	height: 100%;
	color: #fff;
	font-size: 20px;
	font-family: lora;
	font-weight: normal;
	box-sizing: border-box;
	padding-top: 6%;
}	

.banner2 a{
	text-decoration: none;
	color: #fff;
	margin-left: 20px;
	font-weight: bold;
	border-bottom: solid;
}