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

#cont-sistemas-web{
	margin-top: 5px;
	margin-bottom: 15px;
}
#cont-sistemas-web img{
	margin: 0 auto;
	margin-top: 50px;
}
.titulo-y-color{
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: 500;
	color: #5f5f5f;
}
.subtitulo-y-color{
	margin-bottom: 15px;
	font-size: 22px;
	text-align: center;
	color: #5f5f5f;
}
.parrafo-decorado{
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 18px;
	text-align: justify;
}
.ul-y-color{
	font-size: 15px;
	text-align: justify;
	color: #5f5f5f;
}
/****************
******BOTONES****
****************/
.btnn {
  margin: 0 auto;
  width:100px;
  height:100px;
  line-height:100px;
  text-align:center;
  font-size:50px;
  border-radius:50px;
}

.btnn a{
  color:white;
  text-decoration:none;
  text-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.icocolor{
	background-color: #058EBF;
}

.icocolor:hover{
	background-color: #8A8A8A;
}

/*****************************
***** MEDIAQUERIES STYLE *****
*****************************/
/* Small device (tablet, 768px and up)*/
@media (min-width: 768px) {
	#cont-sistemas-web{
		margin-top:138px;
		margin-bottom: 15px;
	}
	#cont-sistemas-web img{
		margin: 0 auto;
		margin-top: 10px;
	}
}

/* Medium devices (desktop, 992px and up) */
@media (min-width: 992px) {

}

/*Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}