@import url('fuentes.css');
@import url('fonts3.css');
@import url('fonts2.css');

#imagentraces{
	height: 180px;
	width: 180px;
	margin: 10px;
}
#imagentraces2{
	display: none;
}
.slogan{

	float: right;
	padding-top: 50px;
	padding-right: 20px;

}
.cuerpo{
	padding-top: 50px;
	background: #f2f2f2;
}
.social{
	position:absolute;
	top:120px;
	z-index: 1000;
	right: 20px;
}
.menu{

}
.social ul{
		list-style:none;
}
.social ul li{
	float: left;
}
.social ul li a{
	display:;	
	color:#fff;
	background: #0000;
	padding: 6px 8px;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-o-transition:all 500ms;
	transition: all 500ms;
		float: left;
		text-decoration: none;
		z-index: 2000;
		margin: 2px;
}
.social ul li .icon-facebook{background:#3b5998; }
.social ul li .icon-blogger{background:orange;}
.social ul li .icon-twitter{background:#00abf0; }
.social ul li .icon-google-plus{background:red; }
.social ul li .icon-linkedin2{background: #0C4F9F;}

.social ul li a:hover{

	background-color: black;
}
footer{
	font-family: sourcesans-light,roboto, calibri;
	font-size: 14px;
	color:white;
	background: #000;
	float: bottom;
	padding: 20px;
	float: left;
	width: 100%;
}
.servicios{

}

.principal{

	padding-bottom: 50px;
}
@media only screen and (max-width: 900px) {
	.slogan{
		display: none;
	}
	.social ul li a{
	display:;	color:#fff;
	background: #0000;
	padding: 3px 5px;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-o-transition:all 500ms;
	transition: all 500ms;
		float: left;
		text-decoration: none;
		z-index: 2000;
		margin: 2px;

}
#imagentraces{
	display: none;
}
#imagentraces2{
	width: 300px;
	display: block;
}
.social{
		right: 0px;
		top: 0px;
}
}