@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
@import url(https://fon   ts.googleapis.com/css?family=Crete+Round);


body,ul,li,p,div,span,aside,section,article,hgroup,h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
	display: block;
}

body {
	font-family: 'flama basic';
	font-size: 100%;
	padding: .7rem .7rem 0 .7rem;
}

ul {
	list-style: none;

}

li {
	float: left;
}


#lista-menu {
	/*width: 130px;*/
}

.btn {
	cursor: pointer;
}

.item-menu-principal {
	background-color: #98D4DC;
	color: #ffffff;
	height: 40px;
	padding-top:.7rem;
	padding-left:.7rem;
	padding-right:.7rem;
	margin-right: 20px;
	margin-bottom: .35rem;
	box-sizing: border-box;
	text-align: center;
	font-size: .8rem;
	border-bottom-style: solid;
	border-bottom-size: .7rem;
	border-bottom-color: #FAC2CE;
	float: right;
	margin-top: 20px;
	font-family: 'lato';
}

.item-menu-principal:hover {
	background-color: #F5859D;
}

.item-menu-principal:active {
	border-color: #F5859D;
}

.item-menu-principal.seleccionado {
	background-color: #152C50;
	font-weight: bold;
}

#boton-inicio {
	background-color: #FFA500;
}

@media (max-width: 40rem) {
	#lista-menu-principal {
		width: 50%;
		text-align: left;
	}

.item-menu-principal {
		width: 100%;
		margin-right: 0;
		margin-bottom: .35rem;
	}
}

#avatar-size{
    width: 250px;
    margin:10px;
}

#avatar{
    float:left;
    width:40%
	}

#texto{
margin-top: 7px;
float:right;
width:53%
}

#separador{clear:both}

p{
display: block;
    font-size: 13px;
	}
h2{
	font-size: 16px;

	}
h1{
	font-size: 20px;
	margin-bottom:3px;
	text-decoration: underline;
}

h3 { font-size: 15px; }


.texto{
    margin: -30% 15% 5% 40%;
    float:left;
    clear: left;
    color:#000;

}

.pull-left{
    float:left;
    margin-left:10px;
}

#dgpc-logo{
    width:120px;

}

.main-wrapper{
    width:810px;
    background-color:#CCEAEE;
    margin: 0 auto;
    overflow: auto;
}

#image-float{
    float:left;
    overflow:auto;
}


.square{
    width: 250px;
    height: 250px;
    background-color:#FFFFFF;
    float:left;
    margin:10px;
}

.flex { display: flex;}
.footer{
    width: 60%;
    height: auto;
    background-color:#FAC2CE;
		margin: 0 auto;
    overflow: auto;
		text-align: center;
}

.footer p{
font-family: 'crete round';
font-size: 12px;}

.item-menu-principal a {
	color:black;
	text-decoration: none }

#materiasuno {
margin-left: 10px}

#columnaniveldos{
margin-left:600px;
margin-top: 60px;
float:left;
clear: both;
position: fixed;
}

@media screen and (max-width:600px) {

.footer { width: 90%;} }