@import url("reset.css");
@import url("fuentes.css");
---------


*{
box-sizing:border-box;
}


body {	
background-color:#f1ffff;
font-family:Arial, Helvetica, Sans-serif;
}



a {text-decoration:none; color:#fff;}


/*******  MAIN  *******/



/******** SECCION INDICES ***********/

/*** selector de páginas  ***/




#indices{
width:95%;
margin:5px auto;
margin-bottom:15px;
background:#565656;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;	
	justify-content:space-between;
	align-items:center;
}


#indices nav.pag{
width:97%;
line-height:30px;
margin:5px auto;

background: #D8D8D8;
list-style-type:none;
font-family:sourcesans;

	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;		
} 
 

#indices nav.pag a {         
color:#000;
font-size:15px;
font-family:sourcesans;
	
border-radius:5px;
-moz-border-radius:2px;
-webkit-border-radius:2px;

text-decoration:none;
text-align:center;

padding:5px;

	flex-grow:1;
}

	
#indices nav.pag a:hover {	
color:#fff;
background: #4d78b3;

-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-ms-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}




/*** Comienzo índices ***/	




#index1 h2 {
text-decoration:underline;
text-align:center;
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}	
	
	
#index1 a {
color:#000;
text-decoration:none; 
line-height:25px;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-grow:1;
}
	
#index1 a:hover {
	color:fff;
	background:#75FD90;
	text-decoration:none; 
	color:#000;
}	



#index2{
min-width:280px;
max-width:350px;
height:350px;
background:#F5F5F5;
padding:5px;
margin:auto;
margin-bottom:10px;

border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
box-shadow:0px 2px #000;
	-moz-box-shadow:0px 2px #000;
-webkit-box-shadow:0px 2px #000;
}

	
#index2 a{
line-height:25px;
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-grow:1;	
}	
	


/******  SECCION CONTENIDO e INTRO  ******/

#contenido{
width:95%;
min-width:250px;

margin:auto;
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;	
}


#contenido h2{
width:95%;
text-align:center;

margin:auto;
font-size:30px;
padding:5px;
text-decoration:underline;
margin-bottom:15px;
}

#contenido h2:before{
display:block;
content: " ";
margin-top:-55px;
height:55px;
visibility:hidden;
}
	/*fin enlaces h2*/
	
	
	
#contenido  h3{
font-size:20px;
margin:20px 0px 20px 0px;	
}			



#contenido a{
color:#fff;

border:1px solid;
font-size:23px;

background: #c5deea; /* Old browsers */
background: -moz-linear-gradient(top,  #c5deea 0%, #8abbd7 35%, #066dab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(35%,#8abbd7), color-stop(100%,#066dab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c5deea 0%,#8abbd7 35%,#066dab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c5deea 0%,#8abbd7 35%,#066dab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c5deea 0%,#8abbd7 35%,#066dab 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c5deea 0%,#8abbd7 35%,#066dab 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */

border-radius:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;

margin:20px auto;
}


#intro{
width:100%;
margin:auto;
margin-bottom:10px;
background:#F5F5F5;
padding:10px;

border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
box-shadow:0px 2px #000;
	-moz-box-shadow:0px 2px #000;
-webkit-box-shadow:0px 2px #000;
	

	display:flex;
	flex-direction:flow;
	flex-wrap:wrap;	
	justify-content:center;	
	align-items:center;
}