@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
body { background-color:#ffffff;
    font-family: 'Noto Sans', sans-serif;
}

.menu
{
    background-color: #01262f;
}

.parsley-errors-list {
    color: red;
  }

  input.parsley-error {
    border-color: #dc3545;
    background-color: #ffe5e7;
  }

  input.parsley-success {
    background-color: #e6ffed;
    border-color: #49dc35;
  }

    /* Estilo tipo OTP */
    .otp-input {
      width: 3.2rem;
      height: 3.2rem;
      text-align: center;
      font-size: 1.5rem;
      border-radius: .5rem;
      margin-right: .35rem;
    }
    .otp-input:last-child { margin-right: 0; }
    /* Al enfocar, resaltamos */
    .otp-input:focus {
      box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
      border-color: #86b7fe;
    }

	   .avatar-option input[type="radio"] {
      display: none;
    }
    .avatar-option label {
      cursor: pointer;
      border: 2px solid transparent;
      border-radius: 10px;
      padding: 3px;
      display: inline-block;
      transition: border-color 0.2s ease;
    }
    .avatar-option input[type="radio"]:checked + label {
      border-color: #0d6efd;
    }
    .avatar-img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border-radius: 8px;
    }

.pipo
{
	background:#eee8e2;
	padding:10px 0 10px 5px;
	color: #000000;
}

.redes2{
	padding: 10px 0 10px 0;
		text-align: right;
	}

.suscribir
{
background-color:#fedcba;
padding:10px 0 20px 0;
color: #3c2500;
font-size: 16px;
text-align: center;
}



.navbar-colombiacr {
    background-color: #01262f;
}
/* change the brand and text color */
.navbar-colombiacr .navbar-brand,
.navbar-colombiacr .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-colombiacr .navbar-nav .nav-link {
color:#EAFDE6;
padding: 13px 13px 13px 13px;
margin: 0 10px 0 10px;
}
/* change the color of active or hovered links */
.navbar-colombiacr .nav-item.active .nav-link,
.navbar-colombiacr .nav-item:focus .nav-link,
.navbar-colombiacr .nav-item:hover .nav-link {
	color:#000000;
	background-color:#31d5ee;
	  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	  -moz-animation: fadein 2s; /* Firefox < 16 */
	  -ms-animation: fadein 2s; /* Internet Explorer */
	   -o-animation: fadein 2s; /* Opera < 12.1 */
		  animation: fadein 2s;

}

.navbar-colombiacr .navbar-toggler{
	color: #ffffff;
  }

.navbar-colombiacr .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}



.header{
padding: 10px 0 10px 0;
background: #F4F4F4 url(../imagenes/header.jpg)  no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

.pagina
{
padding: 10px 0 10px 0;
background-color:#feeedd;
}

.publicidad_box{ 
	background-color:#f6f6f6;
	margin: 20px 0 20px 0;
	}

.box{ 
background-color:#f6f6f6;
margin: 20px 0 20px 0;
border: 1px solid #3c2500;
}

.informacion
{
padding:10px 10px 10px 10px;
}

.informacion a
{
color:#3c2500;
text-decoration:none;
}	
	
.informacion a:hover
{
color:#5c3901;
text-decoration:none;
}

.informacion img
{
max-width:100%;height:auto;
}


.cajatitulo
{
color:#ffffff;
font-size:18px;
font-weight:bold;
background:url(../imagenes/madera.jpg) #3c2500 center top repeat-x;
padding: 3px 15px 3px 2px;
}	
	
.cajatitulo a
{
	color:#ffffff;
	text-decoration:none;
	}	
	
.cajatitulo a:hover
{
color:#efaf5b;
text-decoration:none;
}

.footer	 
			 {
color:#ffffff;
background:url(../imagenes/madera.jpg) #3c2500 center top;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
padding:20px 0 5px 0; 
text-align:center;
	}

.footer a {
color: #ffffff;
font-weight:bold;
word-wrap: break-word;
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
transition: color 0.1s ease-in, background 0.1s ease-in;
    }
    
.footer a:hover,
.footer a:focus {
color: #fac3ab;
text-decoration: none;
outline: 0;
}

.redes{
padding: 10px 0 10px 0;
text-align: center;
}
    
.redes img
{
padding: 0 5px 0 5px;
margin: 0 auto;
}

.menu-izquierdo {
	margin: 20px 0 20px 0;
  }

  .menu-izquierdo .nav-link {
	color: #3c2500; /* Cambia el color del texto */
	border: 1px solid #3c2500;
	background-color: #f8f9fa; /* Cambia el color de fondo */
	padding: 10px; /* Añade un poco de espacio interior */
	margin: 5px 0 5px 0;
	font-weight: bold; 
  }

  .menu-izquierdo .nav-link:hover {
	
	background-color:rgb(212, 196, 170);
	color: #5c3901; /* Cambia el color del texto al pasar el mouse */
  }

  .menu-izquierdo .nav-rojo {
	color: #F5EEFF; /* Cambia el color del texto */
	border: 1px solid #F5EEFF;
	background-color: #DC3545; /* Cambia el color de fondo */
	padding: 10px; /* Añade un poco de espacio interior */
	margin: 5px 0 5px 0;
	font-weight: bold; 
  }

  .menu-izquierdo .nav-rojo:hover {
	
	background-color:#BB2D3B;
	color: #F5EEFF; /* Cambia el color del texto al pasar el mouse */
  }


.ck-editor__editable {
	height: 300px !important;
  }


@media screen and (max-width:770px) {
.redes2
{
	text-align: center;
}
	.redes2 img
	{
		display: inline-block;
		margin:0 auto;
	}

	.logo {
		text-align: center;
		margin: 0 auto;
	}

	.logo img {
		display: block; 
		margin: 0 auto;
	}
		
}