@font-face{
	font-family:Josefin;
	src:local('?'), url('../fonts/Josefin') format('woff'), url('../font/Josefin.ttf') format('truetype');
	}

header .inner img {
	max-width: 100%;
}

.principal {
	max-width: 1250px;
	margin: 0 auto;
	background: #FFF;
	color: #222;
}

#contact, #security{
	background: #333;
	color: #fff;
}

#security{
	padding: 1em;
}

article {
	padding: 2.5rem 1rem 1.5rem 1rem ;
	display: block;
}

.bg-green, .bg-orange, .bg-red, .bg-blue {
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bg-green {background-image: url("../../images/bg_green.png");}
.bg-orange {background-image: url("../../images/bg_orange.png");}
.bg-red {background-image: url("../../images/bg_red.png");}
.bg-blue {background-image: url("../../images/bg_blue.png");}


.col-md-6{
	position: relative;
	display: inline-block;
	width: 50%;
}
.left{
	float:left;
}
.right{
	float: right;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.circle {
	font-size: 5rem;
	border-radius: 50%;
	padding: 1rem 2rem 1rem 2rem;
}
.circlegreen{
	color: #61A375;
	border: 1rem solid #61A375;
	margin-right: 2rem;
}
.circlegrey{
	color: #BBB;
	border: 1rem solid #BBB;
}
.ficha {
	background-color: #61A375;
	box-shadow: 0 0 10px #ccc;
	width: 45%;
	display: block;
	float: left;
	margin: 0 2.5% 20px 2.5%;
	border-radius: 8px;
	color: #fff;
	padding: 0.5rem;
}
.ficha .name {
	font-size: 1.2rem;
	font-weight: bold;
}

.ficha .fichacontent {
	float: left;
	width: 67%;
	margin-left: 3%;
}
.ficha .fichacontent ul {
	margin: 0;
}
.ficha img {
	max-width: 200px;
	float: left;
	width: 30%;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
}
.scrolltop {
	color: #61A375;
	font-size: 3rem;
	text-decoration: none;
	border-bottom: none;
	transform: rotateZ(0deg);
	display: inline-block;
	-webkit-transition: 0.4s ease all;
	-moz-transition: 0.4s ease all;
	-o-transition: 0.4s ease all;
	-ms-transition: 0.4s ease all;
	transition: 0.4s ease all;
	line-height: 0;

}
.scrolltop:hover {		
	transform: rotateZ(360deg);
}
body header nav ul a, header nav ul li {
	text-decoration: none;
	border-bottom: none !important;
}

@media screen and (max-width: 480px) {
	.circle {
		font-size: 3rem;
	}
	.circlegreen{
		border: 0.7rem solid #61A375;
		margin-right: 1rem;
	}
	.circlegrey{
		border: 0.7rem solid #BBB;
	}
}


@media screen and (max-width: 736px) {
	.ficha {
		width: 100%;
		display: block;
		float: left;
		padding: 1rem;
		margin: 0 0 20px 0;
	}

}