@font-face {
  font-family: 'FontAwesome';
  src: url('/work/models/PTP/programas/sed/css/fonts/awesome/fontawesome-webfont.eot?v=4.6.3');
  src: url('/work/models/PTP/programas/sed/css/fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
	  url('/work/models/PTP/programas/sed/css/fonts/awesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
	  url('/work/models/PTP/programas/sed/css/fonts/awesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
	  url('/work/models/PTP/programas/sed/css/fonts/awesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
	  url('/work/models/PTP/programas/sed/css/fonts/awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'SoberanaSans_Light';
	src: url('/work/models/PTP/programas/pnd/css/fonts/soberana/SoberanaSans-Light.eot');
	src: url('/work/models/PTP/programas/pnd/css/fonts/soberana/SoberanaSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/work/models/PTP/programas/pnd/css/fonts/soberana/SoberanaSans-Light.woff2') format('woff2'),
		url('/work/models/PTP/programas/pnd/css/fonts/soberana/SoberanaSans-Light.woff') format('woff'),
		url('/work/models/PTP/programas/pnd/css/fonts/soberana/SoberanaSans-Light.ttf') format('truetype'),
		url('/work/models/PTP/programas/pnd/css/fonts/soberana/SoberanaSans-Light.svg#SoberanaSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

/*********** General button style (reset) ***********/
.btn {
	border: none;
	font-family: SoberanaSans_Light;
	font-size: 13px;
	cursor: pointer;
	margin: 15px 1%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before{
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.btn-evaluaciones {
	border: 3px solid #008789;
	color: #008789;
	background: #fff;
	margin: 15px 0%;
}

.btn-evaluaciones:hover {
	background: #008789;
	color: #fff;
}

.btn-evaluaciones:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 170%;
	width: 60px;
}

.btn-asm {
	border: 3px solid #50356A;
	color: #50356A;
	background: #fff;
	margin: 15px 10px;
}

.btn-asm:hover {
	background: #50356A;
	color: #fff;
}

.btn-asm:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 170%;
	width: 60px;
}

/****************** iconos *******************/

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-search:before {
  content: "\f002";
}

.icon-refresh:before{
	content:"\f021";
}

.icon-link:before{
	content:"\f0c1";
}

.icon-arrow:before{
	content:"\f061";
}

.icon-question:before{
	content:"\f29c";
}

/* Button 3a */
.btn-3a {
	padding: 25px 3% 25px 70px;
}

.btn-3a:before {
	background: rgba(0,0,0,0.05);
}

/* Button 3b */
.btn-3b {
	padding: 25px 3% 25px 70px;
	border-radius: 10px;
}

.btn-3b:before {
	border-right: 2px solid #F3F3F3;
}

.btn-3a:active,
.btn-3b:active {
	top: 2px;
}

.btn-3e {
	width: 40%;
	height: 80px;
	padding: 10px 5%;
}

.btn-3e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}

.btn-3e:after {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.1);
	z-index: 1;
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.btn-3e:hover:after {
	width: 0%;
}

.btn-3e span{
	font-family: SoberanaSans_Bold;
	font-size: 2.0em;
	text-transform: capitalize;
}

@media screen and (max-width: 800px){
	.btn-3a {
		max-width: 600px;
		width: 90%;
		margin: 15px 1%;
	}
}