
/**general**/

.btn a{
	color: #fff;
}

.btn a:hover{
	text-decoration: none;
}



/*********************INDEX**********************/

.link-item:hover{
	text-decoration: none;
}

#header .header-nav-main nav > ul > li > a {
    //font-size: 12px;
	font-size:10px;
}

.ultimasnot{
	padding-bottom: 60px;
}

.nav-link.contact{
	margin-top: 3px;
}

.fas.fa-user{
	margin-right: 4px;
}

.testimonial.testimonial-with-quotes blockquote p {
    text-align: center;
}

/**redes comunitarias en Colombia**/

section.section.section-height-3 {
     padding: 0px 0; 
     padding: 0rem 0; 
}

section.section {
     padding: 0px 0; 
}

.testimonial.testimonial-style-2 {
     text-align: left; 
}

blockquote.info-queSon{
 margin: 25px;
}

.owl-carousel.stage-margin.stage-margin-lg .owl-stage-outer {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.recent-posts img{
	margin-bottom: 10px;
}

.carousel-caption {
	position: absolute;
	 background-color: rgba(255, 255, 255, 0.9);
	width:30%;
	bottom: 20px;
	z-index: 10;
	padding: 20px;
	color: #fff;
	text-align: center;
}

.carousel-caption h5{font-size:24px; font-weight:900;}

.carousel-caption h6{font-size:20px; font-weight:700;}

.carousel-caption p{font-size:16px; line-height:130%; color:#000;}


/**Modal**/

.modal-body h5{
    font-size: 25px;
}


/*****************REDES COMUNITARIAS EN COLOMBIA************/

.sidebar{
	padding-top: 160px;
}

.redes a{
	color: #000;
}

.nav-tabs {
    border-bottom-color: transparent;
}

.tab-content {
    box-shadow: 0px;
    border: 0px;
}

.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
    background: transparent;
        border-radius: 0px;
        border: 0px;
}

.nav-tabs li.active .nav-link, .nav-tabs li.active .nav-link:hover, .nav-tabs li.active .nav-link:focus {
    border-bottom: 3px solid #006837;
    border-top: none;
    color: #006837;
}

.nav.nav-tabs h3{
    text-transform: none;
}

.nav.nav-pills .nav-item .nav-link.act{
    background: #F6921D;
    color: #fff;
}

.tab-pane.tab-pane-navigation h4{
    padding-bottom: 40px;
}

.aliados{
    cursor: pointer;
}

.nav.nav-pills li.dropdown{
margin-top: 65px;
}

.portfolio-item,
.listaContac h2{
    padding-top: 30px;
}

.tab-pane.tab-pane-navigation li,
.listaContac li{
   /*list-style: none;*/
}

.tab-pane.tab-pane-navigation li{
    padding-bottom: 20px;
}
.tab-pane.tab-pane-navigation li h5 .icon-globe{
    color: #0070BB!important;
}

h5,h4{
    text-transform: none;
}

.ultimasnot h3 a:hover{
text-decoration: none;
}

.table td,
.table th{
    text-align: center;
}

.thumb-info .thumb-info-inner {
    padding: 0px 0px 10px 0px;
}

.thumb-info:hover .thumb-info-title {
    display: none!important;
}

.table td a{
    color: #000;
}

.breadcrumb li a,
.p-static p,
.breadcrumb .active{
    color:#fff;
}

.page-header.page-header-lg h1 {
    text-shadow: 2px 2px 2px #000;
}

.page-header {
    background-image:url(../img/photo4967911409572751401.jpg);
    background-size: cover;
    margin: 0 0 35px 0;
    padding: 30px 0;
    position: relative;
    text-align: left;
    margin-bottom: 80px;
}
.col-md-6.float-right.mb-3 iframe{
	height:500px;
}

/********************CONTÁCTENOS*****************/
.alert.alert-dark {
    border-color: #383f45;
}

.contact-details a:hover{
    color: #008E4B!important;
}

/***************************añadidos mro abril 29 2021*******************+*/

p, li, td{
	-ms-hyphens: auto!important;
	-moz-hyphens: auto!important;
	-webkit-hyphens: auto!important;
	hyphens: auto!important;
	color:#2B2B2B!important;
}
   
span.destacado{
	color:#006837;
	font-weight:bold;
	font-size:1.4rem;
	/*border-left: 5px solid #CCE1D7;
	padding-left:2rem;*/
	margin-top:3rem;
	float:left;
}

.text-reco{
	background:#FCE9D2;
	padding:2rem;
	margin:2rem 0;
}

.text-reco h4{
	margin-bottom: 2rem;
}

.text-reco ul li{
	list-style:none!important;
	background: url("/img/bullet.png") left 8px no-repeat;
	padding-left: 20px;
}

.infografia{margin-bottom:40px;}

.btn-infografia{background:#7E9B2B;}

.btn-infografia:hover, .btn-infografia:focus
{background:#174C1E;}

.carousel-control-next, .carousel-control-prev {
    top: 44%!important;
    bottom: 45%!important;
    width: 10%!important;
	background:#F7931E!important;
}
/*****************AÑADIDO MRO FEBRERO 10 2023********************/
.portfolio-item iframe{
	border:0px solid transparent;
}
.btn-vergaleria{background:#7E9B2B; 
	margin-top:10px; 
	color:#fff;
	font-size: 13px!important;
	padding: 0.4rem 1rem!important;
	width:100%;
}

.btn-vergaleria:hover, .btn-vergaleria:focus{
	background:#174C1E;
	color:#fff;
}

.thumb-info .thumb-info-title {
	max-width: 100%;
	font-size: 17px;
	padding: 12px;
	bottom: 0%;
	font-weight:700;
}
.thumb-info .thumb-info-inner {
  padding: 0px 0px 0px 0px;
}
span.thumb-info-wrapper.border-radius-0{
	cursor:pointer;
}

/***************ANADIDO MRO ABRIL 19 2023***MAPA*****************/
 #mapRC {    
   height:600px; 
   width: 100%;
}
#mapRC .leaflet-popup-content h4{
	font-size:0.9rem!important;
}
#mapRC .leaflet-popup-content h5{
	font-size:1.1rem!important;
	font-weight:700;
	color:#0071BC;
}
#mapRC .leaflet-popup-content p {
   hyphens: auto!important;
	line-height:1.4!important;
	font-weight:1rem!important;
}

/**********************VISOR DE PDF*************************/
.pdf-container{
	height: 85vh !important;
	overflow:auto;
}

/******MEDIA QUERIES********/

/*Tablets en horizonal y escritorios normales --> col-md
   ------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 1199px){
#header .header-nav-main nav > ul > li > a {
    font-size: 9px;
}
}

/*Moviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 800px) {
	
.post-image .img-thumbnail{
	padding-bottom: 20px;
}

.fa-chevron-down:before {
   display:none;
}

}



/*Moviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px){


#header .header-nav-features {
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
}

.nav-link.contact{
	margin-top: 0px;
}
	
blockquote.info-queSon{
 margin: 25px 0px;
}
.testimonial.testimonial-with-quotes blockquote p {
  padding: 0 10px!important;
}
.col-md-6.float-right.mb-3 iframe{
	height:315px;
}
}

/*****************REDES COMUNITARIAS EN COLOMBIA************/

.sidebar{
	padding-top: 0px;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    margin-left: 8px;
}




/*************MDBB estilo para botón de envio curso internet society ****/

.btn-custom {
    background-color: #006837; /* Color de fondo */
    color: #fff; /* Color del texto */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    padding: 10px 20px; /* Espaciado interno */
    font-size: 16px; /* Tamaño de la fuente */
    cursor: pointer; /* Cambiar el cursor al pasar el ratón */
    transition: background-color 0.3s, transform 0.3s; /* Efecto de transición */
}

.btn-custom:hover {
    background-color: #005b2e; /* Color al pasar el ratón */
    transform: scale(1.05); /* Aumentar ligeramente el tamaño */
}

.btn-custom:active {
    transform: scale(0.95); /* Reducir ligeramente al hacer clic */
}
