/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

@font-face {
  font-family: Downlink;
  src: url(fonts/Downlink.otf);
}

body {
  /*padding-top: 129px;*/
  font-family: 'Raleway', sans-serif;
}

a {
    color: #3DA093;
}



.navbar-nav {
	margin: auto;
}
.input-group.md-form.form-sm.form-2 input {
	border: 1px solid #bdbdbd;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input.green-border {
	border: 1px solid #3DA093;
	border-radius: 30px; 
}

.green{
	color: #3DA093;
}

.nav-item{
	font-size: 1em;
}


.input-group-text {
    background-color: #fff0;
    border-left: 1px solid #3DA093;
    border-bottom: 0px;
    border-right: 0px;
    border-top: 0px;
    position: absolute;
    height: 38px;
    right: 0px;
}

.banner img{
	width: 100%;
}

.container.top{
	background: #fff;
}

.navbar{
	padding: 0 1rem;
	background: #3DA093;
}


.navbar a, .navbar a:link, .navbar a:visited {
	color: #fff;
}

.navbar a:hover {
	color: #d3d3d3;
}

.slide-areas{
	margin-top: 25px;
}



.slide-areas .titulo{
	color: #3DA093;
	margin-bottom: 15px;
}

hr.division_slide{
	border-top: 3px solid #3DA093;
}





.contadores_home{
	position: absolute;
	width: 100%;
	text-align: center;

	padding: 205px 183px;


}

.contadores_home li{
	color: #fff;

	width: 130px; 
     height: 130px; 
     border: 3px solid #fff; 
     /*background: #fff;*/
   


     -moz-border-radius: 100%;
     -webkit-border-radius: 100%;
     border-radius: 100%;

     list-style: none;

     float: left;
    margin-left: 64px;

    font-family: "Downlink";


}


.featurette-heading, .container.interna h2{
	font-family: "Downlink";
	text-transform: uppercase;
}


.titulo_banner{
	text-align: center;
    vertical-align: middle;
    font-size: 3em;
    color: #fff !important;
    padding: 50px;
    position: absolute;
    bottom: 0%;
    width: 100%;
    font-family: "Downlink";
    background: rgba(61,160,147,0);
background: -moz-linear-gradient(top, rgba(61,160,147,0) 0%, rgba(10,66,59,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(61,160,147,0)), color-stop(100%, rgba(10,66,59,1)));
background: -webkit-linear-gradient(top, rgba(61,160,147,0) 0%, rgba(10,66,59,1) 100%);
background: -o-linear-gradient(top, rgba(61,160,147,0) 0%, rgba(10,66,59,1) 100%);
background: -ms-linear-gradient(top, rgba(61,160,147,0) 0%, rgba(10,66,59,1) 100%);
background: linear-gradient(to bottom, rgba(61,160,147,0) 0%, rgba(10,66,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da093', endColorstr='#0a423b', GradientType=0 );
}

.titulo_banner a{color:#fff;}

.titulo_banner_contador{
	text-align: center;
    vertical-align: middle;
    font-size: 2em;
    color: #fff;
    margin-top: 70px;
    font-family: "Downlink";
}

.contadores_home li .content_contador{
    

     margin: 25px 0;
     font-size: 3em;
     font-family: "Downlink";
}

.contadores_home li .lead{
	padding-top: 14px;
     font-family: "Downlink";
}


.contadores_home li .lead:last-child{
	margin-left: -10px;
}


.hide{
	display: none;
}

.img-responsive{
	width: 100%;
}

.interna h2{
	color: #3DA093;
	padding: 2rem 0;
	font-family: "Downlink";
}


.interna h3{
	font-family: "Downlink";
}

.table-areas td{
	padding: 0;
}

.content-area{
	background-size: 100%;
	padding: 0 10rem 10rem 0;
	cursor: pointer;
}

.content-area .title{
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.5em;
	margin: 10px 0 0 10px;
}

.content_bottom_indicador{
	
}

.descargas_indicador, .descargar_archivos, .descargar_archivos {
	border: 1px solid #d3d3d3;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.numero_descargas{
	border-radius: 50%;
	border: 1px solid #3DA093;
	width: 80px;
	height: 80px;
	text-align: center;
	padding-top: 30px;
	margin-left: 34px;
}


.contenthover { 
      padding:20px 20px 10px 20px; 
      font-size: 1em;
    }
    .contenthover, .contenthover h3, contenthover a { color:#fff; }
    .contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1em; padding:0; }
    .contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .contenthover a.mybutton:hover { background:#34742d }


    .content-indicador{
      border: 1px solid #d3d3d3;
    }
    
.bg-uaesp-2{background: #3da093;}
   
.bg-uaesp-2-tex-2{
    color: #3da093;
    font-size: 1.7em;
    padding: 9px 7px;
    margin: 24px 0px 0px 7px;
}
.bg-uaesp-2-tex {
    color: #065480;
    font-size: 1.9em;
    padding: 7px 8px 7px 8px; 
    margin: 24px 0px 0px 7px;}

.bg-uaesp-3{background: #0a423b;}


@media only screen and (min-width: 768px) {
  /* For desktop: */
	.table-areas table{
		width: 80%;
	}
	.table-areas td{
		width: 33.33%;
	}
}