@charset "utf-8";
/* CSS Document */

/** {
	margin: 0;
	padding: 0;
	
}*/
body {
	background-color: #CCC;
	margin: 0;
	padding: 20px;
	background-image:url(../img/fondo.jpg);
	background-size:cover;
	color: white;
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
}
ul {
	list-style-type: none;
		margin: 0;
	padding: 0
}
.padre {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.col1, col2, col3, col4 {
	width: 25%;
}
header {
	text-align:center;
	margin: 0 0 20px 0;
	padding: 0;
}
h1, h2, h3, h4{
	margin: 0;
	padding: 0;
	
}
#col1, #col2, #col3, #col4{
	margin: 0;
	padding: 0;
	background-color:#FFF;
	color:#333333;
}
#col1 h2, #col2 h2, #col3 h2, #col4 h2{
	padding: 5px 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#col1 h3{
	padding: 5px 10px;
}
#col1 h2{
	font-size: 1.8em;
}
#col1 ul, #col2 ul, #col3 ul, #col4 ul{
	padding: 5px 20px;
}
#col1 li, #col2 li, #col3 li, #col4 li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px 0;
}
#col2 li, #col3 li, #col4 li{
	font-size: 0.8em;
}
#col1 li:last-child, #col2 li:last-child, #col3 li:last-child, #col4 li:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#col1 #linktp a {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	display:block;
	width: 100%;
	padding: 20px 0;
	text-align:center;
	background-color: #f39c12;
	color:#FFFFFF;
	text-decoration:none;
}
#col1 #linktp a:hover {

	background-color: #2980b9;
	color:#FFFFFF;
	text-decoration:underline;
}

#col1 li a {
	color:#333333;
	text-decoration:none;
}
#col1 li a:hover {
	color:#333;
	text-decoration:underline;
}

header a{
	text-align:center;
	margin: 0 0 20px 0;
	padding: 0;
	color:#FFF;
	text-decoration: overline;
}

header a:hover{
	text-align:center;
	margin: 0 0 20px 0;
	padding: 0;
	text-decoration:underline;
}
footer { 
	margin-top: 25px;
}
footer p{ font-size:0.6em;
text-align:center; 

}