@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|Lora');
@import url(menu.css);
@import url(tabla.css);
@import url(formulario.css);
@import url(footer.css);
@import url(estilo_slider.css);
@import url(cursos.css);
@import url(pestanas.css);
@import url(cabeza.css);
@import url(aside.css);
@import url(jpc.css);

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

body{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: black;
	   display: flex;
    justify-content: center;
	
}


#containerall {
   display: flex;
   justify-content: center;
   width: 80%;
   flex-wrap: wrap;
/*background-color: antiquewhite;*/
  
}

.containermain {
	 width: 100%;

}
h1 {
  font-weight: 300;
  font-style: italic;
color: darkgreen;
}
h2 {
	color: darkcyan;
	/*font-family: 'Lora', serif;*/
font-family: 'Julius Sans One', sans-serif;
	font-size: 30px;
	padding: 5px;
}

h3 {
	font-family: 'Lora', serif;
	font-size: 20px;
	color: darkcyan;
	padding:  10px 0;
}

h5 {
	font-size: 16px;
	padding: 5px;

}

p {
	text-align: justify;
	/*padding-left: 20px;*/
}

main ul, main ol{
	margin-left: 80px;
	padding-bottom: 20px;
	margin-top: 10px;
}
header {
height: 140px;
margin-top: 20px;


}
main {
	margin: 15px 0px;
	background-color: white;
	display:inline-block;
	width:100%;
	height:auto;

}

q {
	font-style: italic;
}
.contenedor {
width: 100%;
}


.contenedor img{
width: 100%;
}


section {
	width: 70%;
	max-width: 910px;
	float: left;

}
section img{
	width: 100%;
}

#corredispo {
	width: 100%;
	display: flex;
}
#corredispo img {
	width: 30%; height: auto;
	margin-right: 10px;
}






aside {
	width: 30%;
	max-width: 390px;
	float: right;
	display: flex;
	flex-direction: column;
	align-items:flex-end;
	padding-left: 20px;
}


section a{
	 cursor: pointer;
	text-decoration: none;
	color: darkcyan;
	font-weight:400;
	}

section a:hover {
	color: lightseagreen;
}


.enlacegris{
	color: dimgray;
	font-weight:400;
		 background-color: #ececec;
	text-align: center;
	padding: 3px;
	}
.enlacegris:hover{
	text-decoration: underline;
	}
	

#enlacesportada{
display: none;
	
	}

#enlacesportada2{
max-width: 1300px;
	display: flex;
	margin-bottom: 12px;
}

.enlace_home {
	display: block;
	width: 250px;
	height: 50px;
background-color: rgba(34,139,34,1);
	margin-right: 12px;
	line-height: 50px;
	
	
}
.enlace_home a{
	display: block;
	width: 250px;
	height: 50px;
	text-align: center;
		background-color: rgba(34,139,34,1);
	color: white;
	font-size: 20px;
	text-decoration: none;
	margin-right: 12px;

}

.enlace_home_naranjo {
	display: block;
	width: 250px;
	height: 50px;
	margin-right: 12px;
	line-height: 50px;
	
	
}
.enlace_home_naranjo a{
	display: block;
	width: 250px;
	height: 50px;
	text-align: center;
		background-color: orangered;
	color: white;
	font-size: 20px;
	text-decoration: none;
	margin-right: 12px;

}

#enlacesportada2 div:last-child a{
	margin-right: 0px;
}



.enlace_home a:hover{

	background-color: rgba(255,255,255,0.5);

	
}

.enlace_home_naranjo a:hover{

	background-color: cornflowerblue;

	
}

.parrafoverde{
	color: green;
	font-size: 20px;
	text-align: center;
	margin-bottom: 8px;
}

/*para celulares*/

@media (max-width: 1024px) {

	
#containerall {
   display: flex;
   justify-content: center;
   width: 95%;
   flex-wrap: wrap;
	background-color: white;
  
}

	header {
height: 100px;
margin-top:0;

}
.contenedor{
 width: 98%;
	
	}
section {
	width: 100%;
	padding-right: 0px;

}
#corredispo {
	width: 100%;
	display: flex;
}
#corredispo img {
	width: 30%; height: 30%;
	margin-right: 10px;
}
	
aside {
	display: none;
}
	
	#enlacesportada{
display: flex;
flex-direction: column;
	align-items:center;
}
	
		#enlacesportada a {
background-color: rgba(94,203,206,1);
}

#enlacesportada2{
display: none;
	
	}
	
	
}