/*Estilos para la frajna superor del encabezado*/
/*Desarrollado por María del Rosario Ortiz*/
/*Febrero 15 de 2022*/

.franja{
	background:#05a8aa;
	height:33px;
}
.menu-sup{
	display:flex;
	justify-content: flex-end;
	padding:0 0 0 0!important;
}

.menu-sup ul{
	display:inline-block;	
}
.menu-sup ul li{
	display:inline;
	font-size:13px;
	font-family: 'open_sansbold';
}
.menu-sup ul li a{
	color:#fff;
	padding:7px 25px;
	display:inline-block;
}
span.ico-podcast {
background: url("../graficasColnodo/ico-podcast.svg");
width: 13px;
height: 13px;
display: inline-block;
margin: -2px 7px 0 0;
vertical-align: middle;
}
span.ico-boletines {
background: url("../graficasColnodo/ico-boletin.svg") no-repeaT;
width: 13px;
height: 13px;
display: inline-block;
margin: 3px 7px 0 0;
vertical-align: middle;
}
.menu-sup ul li a:hover,
.menu-sup ul li a:focus,
.zonaclientes .btn.btn-default.btn-md.dropdown-toggle:hover,
.zonaclientes .btn.btn-default.btn-md.dropdown-toggle:focus{
	color:#fff;
	background:#C6D30D;
	text-decoration:none;
}
.zonaclientes .btn.btn-default.btn-md.dropdown-toggle {
  font-family: 'open_sansbold';
  background: transparent;
  border-radius: 0px;
  border-color: transparent;
  color: #ffffff;
  padding: 6px 20px;
  vertical-align: middle;
  word-spacing: 0;
  font-size:13px;
}
span.ico-zonaclientes {
background: url("../graficasColnodo/ico-usuarios.svg");
width: 13px;
height: 13px;
display: inline-block;
margin: -2px 7px 0 0;
vertical-align: middle;
}
.btn .caret {
  margin-left: 6px!important;
}
h5.recuperar{
	margin:50px 0 0 0!important;
}
h5.recuperar a{
	padding:10px 20px;
	border:2px solid #05a8aa;
	border-radius:10px;
	color: #396C7A;
}

h5.recuperar a:hover, 
h5.recuperar a:focus{
	border:2px solid #396C7A;
	border-radius:10px;
	background: #05a8aa;
	color:#fff;
	text-decoration:none;
}
.boletines h3 {
  font-family: 'bebasregular';
  color: #095DAF;
  font-size: 30px;
  letter-spacing: -1px;
  word-spacing: 6px;
  margin-bottom: 40px;
}

.boletines .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.boletines h4.panel-title {
  font-size: 17px;
	margin:0!important;
	font-weight:bold!important;
	text-decoration:none;
	color:#427CBA!important;
}
    .more-less {
        float: right;
        color: #427CBA;
    }
.logueado ul{
	padding-bottom: 20px!important;
}
.logueado ul li a {
    background:transparent;
    padding: 6px 25px;
	border: 2px solid #396C7A;
	border-radius: 10px;
	color: #396C7A;
	text-decoration: none;
	display:block!important;
	text-align:center!important;
	margin-bottom:10px;
}
.logueado ul li a:hover, .logueado ul li a:focus {
    background:#396C7A!important;
}

/***********************/

@media (max-width: 480px) {
	.menu-sup{font-size:90%;}
	.menu-sup ul li a{padding:6px 8px;}
}