/*--- BOOTSTRAP ---*/

#adBlock{display:none !important; height:0 !important}
.gsc-adBlock{display:none !important; height:0 !important}


body {
  color: #000000;
  font-family: 'Roboto', 'arial', 'Helvetica', sans-serif;
  font-size: 16px; line-height: 23px;font-weight: 300
}

a {
  color: #028A8A;
 /* font-weight: 700*/

}

a:hover, a:focus, .btn-link:hover, .btn-link:focus {
  color: #028A8A;
}

@media (min-width: 1200px){
  .container {
    width: 1200px;
  }
}

.modal-content{border-radius: 0}




/*AUXILIARES*/

.sin_margen {
  margin-top: 0px;
}

.top-10{
  margin-top: 10px;
}


.fondoverde{background-color:#75c9b2}
.fondogrisoscuro{background-color:#b3b3b3}
.fondogrisoscuro2{background-color:#e4e4e4;}
.fondogrisclaro{background-color:#ededed}


.textonegro{color:#000000}


/*BOTONES*/
.btn-verde-oscuro {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 16px!important;
  color: #fff;
  background-color: #028a8a;
  border-color: #028a8a;
}
.btn-verde-oscuro:hover,
.btn-verde-oscuro:focus,
.btn-verde-oscuro:active,
.btn-verde-oscuro.active {
  color: #fff;
  background-color: #027171;
  border-color: #015858;
}
.btn-verde-oscuro.disabled:hover,
.btn-verde-oscuro.disabled:focus,
.btn-verde-oscuro.disabled:active,
.btn-verde-oscuro.disabled.active,
.btn-verde-oscuro[disabled]:hover,
.btn-verde-oscuro[disabled]:focus,
.btn-verde-oscuro[disabled]:active,
.btn-verde-oscuro[disabled].active,
fieldset[disabled] .btn-verde-oscuro:hover,
fieldset[disabled] .btn-verde-oscuro:focus,
fieldset[disabled] .btn-verde-oscuro:active,
fieldset[disabled] .btn-verde-oscuro.active {
  background-color: #028a8a;
  border-color: #028a8a;
}

.btn-gris-oscuro {
  color: #fff;
  background-color: #434343;
  border-color: #434343;
}
.btn-gris-oscuro:hover,
.btn-gris-oscuro:focus,
.btn-gris-oscuro:active,
.btn-gris-oscuro.active {
  color: #fff;
  background-color: #363636;
  border-color: #2a2a2a;
}
.btn-gris-oscuro.disabled:hover,
.btn-gris-oscuro.disabled:focus,
.btn-gris-oscuro.disabled:active,
.btn-gris-oscuro.disabled.active,
.btn-gris-oscuro[disabled]:hover,
.btn-gris-oscuro[disabled]:focus,
.btn-gris-oscuro[disabled]:active,
.btn-gris-oscuro[disabled].active,
fieldset[disabled] .btn-gris-oscuro:hover,
fieldset[disabled] .btn-gris-oscuro:focus,
fieldset[disabled] .btn-gris-oscuro:active,
fieldset[disabled] .btn-gris-oscuro.active {
  color: #fff;
  background-color: #434343;
  border-color: #434343;
}

.btn-rojo-oscuro {
  color: #fff;
  background-color: #e54728;
  border-color: #e54728;
}
.btn-rojo-oscuro:hover,
.btn-rojo-oscuro:focus,
.btn-rojo-oscuro:active,
.btn-rojo-oscuro.active {
  color: #fff;
  background-color: #e54728;
  border-color: #811111;
}
.btn-rojo-oscuro.disabled:hover,
.btn-rojo-oscuro.disabled:focus,
.btn-rojo-oscuro.disabled:active,
.btn-rojo-oscuro.disabled.active,
.btn-rojo-oscuro[disabled]:hover,
.btn-rojo-oscuro[disabled]:focus,
.btn-rojo-oscuro[disabled]:active,
.btn-rojo-oscuro[disabled].active,
fieldset[disabled] .btn-rojo-oscuro:hover,
fieldset[disabled] .btn-rojo-oscuro:focus,
fieldset[disabled] .btn-rojo-oscuro:active,
fieldset[disabled] .btn-rojo-oscuro.active {
  color: #fff;
  background-color: #e54728;
  border-color: #e54728;
}

.btn-rojo-advertencia {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 16px!important;
  color: #fff;
  background-color: #e54728;
  border-color: #811111;
}

.btn-rojo-advertencia:hover {
  color: #fff;
  background-color: #811111;
  border-color: #811111;
}

.btn-blanco { 
  color: #434343; 
  background-color: #FFFFFF; 
  border-color: #EDEDED; 
} 
 
.btn-blanco:hover, 
.btn-blanco:focus, 
.btn-blanco:active, 
.btn-blanco.active, 
.open .dropdown-toggle.btn-blanco { 
  color: #fff; 
  background-color: #028a8a; 
  border-color: #EDEDED; 
} 
 
.btn-blanco:active, 
.btn-blanco.active, 
.open .dropdown-toggle.btn-blanco { 
  background-image: none; 
} 
 
.btn-blanco.disabled, 
.btn-blanco[disabled], 
fieldset[disabled] .btn-blanco, 
.btn-blanco.disabled:hover, 
.btn-blanco[disabled]:hover, 
fieldset[disabled] .btn-blanco:hover, 
.btn-blanco.disabled:focus, 
.btn-blanco[disabled]:focus, 
fieldset[disabled] .btn-blanco:focus, 
.btn-blanco.disabled:active, 
.btn-blanco[disabled]:active, 
fieldset[disabled] .btn-blanco:active, 
.btn-blanco.disabled.active, 
.btn-blanco[disabled].active, 
fieldset[disabled] .btn-blanco.active { 
  background-color: #FFFFFF; 
  border-color: #EDEDED; 
} 

.btn-naranja {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 16px!important;
  color: #fff;}

.btn-naranja, .btn-naranja:focus, .btn-naranja.active { 
  background-color: #e37d0d; 
  border-color: #e37d0d; 
  color:#fff;
}  

.btn-naranja:hover { 
  background-color: #c56d0d; 
  border-color: #c56d0d; 
  color:#fff;
}
 
.btn-blanco .badge { 
  color: #FFFFFF; 
  background-color: #434343; 
}

.btn-pequeno {
  padding: 6px 10px!important; 
  font-weight:normal; 
  font-size: 14px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn-xs{font-size:12px !important}



.fecha {
  font-weight: 300;
font-size: 16px;
line-height: 19px;
color: #000000;
}

.aclaracion {
  color: #888;
  line-height: 20px;
  font-size: 12px;
  font-weight: normal!important;
}

.aclaracion-negro {
  color: #000000;
  line-height: 20px;
  font-size: x-small;
  font-weight: normal!important;
}

/*

.navbar-cop {
  background-color: #028a8a;
  border-color: #31A1A2;
}
.navbar-cop .navbar-brand {
  font-weight: normal;
font-size: 15px;
line-height: 184.2%;
}
.navbar-cop .navbar-brand:hover,
.navbar-cop .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-cop .navbar-text {
  color: #ffffff;
}
.navbar-cop .navbar-nav > li:last-child > a {
  border-right: 1px solid #31A1A2;
}*/


/*HEADER*/
header {border-bottom: 2px solid #FF7276;margin-bottom: 45px; padding:0; position: relative;}
.caja-buscador{position: absolute;bottom: -145px; height: 145px;background: #008E9B; width: 100%; display: none;z-index:99;padding: 40px 0 10px;}
.caja-buscador .cerrar-buscador{color: white; position: absolute; top: -20px; right:20px}
.caja-buscador input[type="text"]{background: transparent; color: #fff; border: none; border-bottom: 1px solid #fff; width: 100%;box-shadow: none; border-radius: 0}

.caja-buscador input[type="text"]:-moz-placeholder{font-size: 14px;line-height: 16px;letter-spacing: 0.1em;color: #FFFFFF; font-style: italic}
.caja-buscador input[type="text"]:-ms-input-placeholder{font-size: 14px;line-height: 16px;letter-spacing: 0.1em;color: #FFFFFF; font-style: italic}
.caja-buscador input[type="text"]::-moz-placeholder{font-size: 14px;line-height: 16px;letter-spacing: 0.1em;color: #FFFFFF; font-style: italic}
.caja-buscador input[type="text"]::-webkit-input-placeholder{font-size: 14px;line-height: 16px;letter-spacing: 0.1em;color: #FFFFFF; font-style: italic}
.caja-buscador button[type="submit"]{background: transparent; color: #fff; border:1px solid #fff; box-shadow: none; font-weight: 400;     padding: 10px 20px;}

.accesos-utilidades { display: flex;    justify-content: flex-end;    align-items: center;    padding-top: 85px;  padding-bottom: 20px;}
.accesos-utilidades .btn-green{max-width: 130px; height: 40px;font-weight: bold;
font-size: 14px;line-height: 16px;text-align: center;letter-spacing: 0.1em;
text-transform: uppercase;color: #FFFFFF; font-weight: 700}
.accesos-utilidades .btn-ghost-green.w-icon{max-width: 110px; height: 40px; margin: 0 10px; font-size: 14px;line-height: 16px;letter-spacing: 0.1em;text-transform: uppercase; font-weight: 700}
.accesos-utilidades .btn-ghost-green.w-icon img{top: 9px; left: 11px;}
.accesos-utilidades .btn-ghost-green.w-icon svg {top: 9px; left: 11px; position: absolute; width:15px;height:19px;}
.accesos-utilidades .btn-ghost-green.w-icon svg path{fill:#02898A;}
.accesos-utilidades .btn-ghost-green.w-icon:hover svg path{fill: #ffffff}

.accesos-utilidades .buscador-header{margin: 0 20px 0 30px}
.accesos-utilidades .btn-grey{font-weight: 300;font-size: 15px;line-height: 18px;letter-spacing: 0.1em;text-transform: uppercase;padding: 10px}
.accesos-utilidades .btn-grey img {margin-left:10px }

.barra-top{padding:10px 0 5px}
.barra-top .row{display: flex; justify-content: flex-end; align-items: center;}
.barra-top .franja-btns{display: flex;justify-content: flex-end; align-items: center;}
.barra-top .franja-btns a, .barra-top .franja-btns p{margin-left: 5px}
.barra-top .franja-btns a{height: 37px; padding: 5px; max-width: 170px; width: unset;font-size: 14px}
.franja-btns-center{display: flex;justify-content: flex-center; align-items: center;}

@media(max-width: 767px){
  .barra-top {padding: 5px 0}
  .barra-top .franja-btns{ flex-wrap: wrap; justify-content: center;}
  .barra-top .franja-btns a>span{display: none;}
}

/*MENU*/

.navbar-cop {margin: 0;}
.navbar-cop .nav{display: flex;width: 100%; justify-content: space-between;flex-wrap: wrap;}
.navbar-cop .navbar-collapse{padding: 0}
.navbar-cop .navbar-nav > li > a {
  font-weight: normal;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.1em;
color: #028A8A;
font-weight: 400;
text-transform: uppercase;
padding: 0 5px;
}
.navbar-cop .navbar-nav > li:first-of-type > a{padding: 0 5px 0 0 }
.navbar-cop .navbar-nav > li:last-of-type > a{padding: 0 0 0 5px}


.navbar-cop .navbar-nav > li > a:hover,
.navbar-cop .navbar-nav > li > a:focus {
  color: #000000;
  background: transparent;
 
}
.navbar-cop .navbar-nav > .active > a,
.navbar-cop .navbar-nav > .active > a:hover,
.navbar-cop .navbar-nav > .active > a:focus {
  color: #000000;

}
.navbar-cop .navbar-nav > .disabled > a,
.navbar-cop .navbar-nav > .disabled > a:hover,
.navbar-cop .navbar-nav > .disabled > a:focus {
  color: #cccccc;

}



.navbar-cop .navbar-toggle{width: 40px; height: 30px; margin: 0; padding: 0;display: inline-block;}
.navbar-cop .navbar-toggle .icon-bar,
.navbar-cop .navbar-toggle .icon-bar:before,
.navbar-cop .navbar-toggle .icon-bar:after {
  background: #000;
  position: absolute;
  height: 3px;
width: 33px;
  border-radius: 4px;
  transition: all 0.5s;
}

.navbar-cop .navbar-toggle .icon-bar:first-child {
  top: 0px;
}
.navbar-cop .navbar-toggle .icon-bar:nth-child(2) {
  top: 5px;
}
.navbar-cop .navbar-toggle .icon-bar:nth-child(3) {
  top: 14px;
}


.navbar-cop .navbar-toggle .icon-bar:first-child {
  transition: top 0.15s 0.15s, transform 0.15s;
}
.navbar-cop .navbar-toggle .icon-bar:nth-child(2),
.navbar-cop .navbar-toggle .icon-bar:nth-child(3) {
  transition: top 0.15s 0.15s, transform 0.15s;
}

.navbar-cop .navbar-toggle.open .icon-bar:first-child {
  top: 10px;
  transform: rotate(45deg);
  transition: top 0.15s, transform 0.15s 0.15s;
}
.navbar-cop .navbar-toggle.open .icon-bar:nth-child(2),
.navbar-cop .navbar-toggle.open .icon-bar:nth-child(3) {
  top: 7px;
  transform: rotate(-45deg);
  transition: top 0.15s, transform 0.15s 0.15s;
}
/*
.navbar-cop .navbar-toggle {
  border-color: #dddddd;
}
.navbar-cop .navbar-toggle:hover,
.navbar-cop .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-cop .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
*/
/*
.navbar-cop .navbar-collapse,
.navbar-cop .navbar-form {
  border-color: #016767;
}
*/
.navbar-cop .navbar-nav > .dropdown > a:hover .caret,
.navbar-cop .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-cop .navbar-nav > .open > a,
.navbar-cop .navbar-nav > .open > a:hover,
.navbar-cop .navbar-nav > .open > a:focus {
  background: transparent;
  color: #000;
  border: none;
}
.navbar-cop .navbar-nav > .open > a .caret,
.navbar-cop .navbar-nav > .open > a:hover .caret,
.navbar-cop .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-cop .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


.navbar-cop .navbar-nav>li>.dropdown-menu {width: 315px;padding: 5px 30px; background: #F3F2F2;}
.navbar-cop .navbar-nav>li>.dropdown-menu li{border-bottom: 1px solid #D3D2D2;}

.navbar-cop .navbar-nav>li>.dropdown-menu a{font-weight: 400;
font-size: 14px; text-transform: none;
line-height: 36px;
letter-spacing: 0.1em;
color: #000000; white-space: pre-wrap;}
.navbar-cop .navbar-nav>li>.dropdown-menu a:hover{background: #028A8A; color: #fff}




.drop-a{z-index:9999}
.drop-b{z-index:9998}
.drop-c{z-index:9997}
.drop-d{z-index:9996}
.drop-e{z-index:9995}

.filtro-opciones > div{padding:5px}
.filtro-opciones > div:hover{background-color:#3c763d; color:#fff;}
.filtro-opciones .otros:hover{background-color:transparent; color:#3c763d}
.filtro-opciones > div a{color:#3c763d; float:right; font-size:1.2em}
.filtro-opciones > div:hover a{color:#fff;}

@media (max-width: 767px) {
  .navbar-cop .navbar-collapse{position: absolute;z-index: 99;background: #F6F5F5;left: -16px;top: 87px;width: calc(100% + 32px);margin: 0;overflow-x: hidden;height: 100vh;  }
  .navbar-cop .nav{    flex-direction: column;    margin: 0; padding: 20px 25px; }
  .navbar-cop .navbar-nav > li > a{border-bottom: 1px solid #D3D2D2;font-size: 18px;line-height: 48px;color: #000000;background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-arrow-black.png)no-repeat right 10px top 17px ;}
  .navbar-cop .navbar-nav > li:first-of-type > a{border-bottom: 1px solid #D3D2D2;font-size: 18px;line-height: 48px;color: #000000;}
  .navbar-cop .navbar-nav > li:last-of-type > a{border-bottom: 1px solid #D3D2D2;font-size: 18px;line-height: 48px; color: #000000;}

  .navbar-cop .navbar-nav > li > .dropdown-menu{position: absolute;left: 100%; transition: all .5s linear; top: 0;width: 100%;background: #02898A; padding-bottom: 80px;}
  .navbar-cop .navbar-nav > li> .dropdown-menu.open {left: 0;}

  .navbar-cop .dropdown-menu, .navbar-cop .navbar-nav > li > .dropdown-menu{display: block!important;}
  .navbar-cop .nav > li {position: initial;}
 .overflow{overflow: hidden!important;}

  .navbar-cop .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-cop .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-cop .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-cop .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-cop .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-cop .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-cop .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-cop .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-cop .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #fff;
    background-color: transparent;
  }
  
}


.utilidades-mobile{display: flex; flex-wrap: wrap;max-width: 310px;
margin: 40px 0;padding: 0 25px;}
.utilidades-mobile .btn-grey{flex-basis: 100%; max-height: 39px; font-weight: 300;
font-size: 15px;line-height: 18px;letter-spacing: 0.1em;text-transform: uppercase;padding: 10px;margin: 30px 0}
.utilidades-mobile .btn-ghost-green{max-width: 110px; max-height: 39px; font-size: 14px;
line-height: 16px;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 700;margin: 0 10px 0 0 ;}
.utilidades-mobile .btn-ghost-green.w-icon img {top: 9px;left: 11px;}
.utilidades-mobile .btn-ghost-green.w-icon svg {top: 9px; left: 11px; position: absolute; width:15px;height:19px;}
.utilidades-mobile .btn-ghost-green.w-icon svg path{fill:#02898A;}
.utilidades-mobile .btn-green{max-width: 125px; max-height: 39px; font-size: 14px;
line-height: 16px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF; font-weight: 700}
.navbar-header {display: flex;justify-content: space-between; align-items: flex-end;padding: 5px 0}
.navbar-header>div{flex-grow: 1; display: flex; justify-content: flex-end;
align-items: center;}
.navbar-header>div>.buscador-header{margin: 0 20px 0 0}



.back-title{font-size: 22px;
line-height: 48px;
letter-spacing: 0.1em;
color: #FFFFFF;margin-bottom: 40px;
display: inline-block; text-transform: uppercase;}
.back-title img{transform: rotate(90deg);}

@media(min-width: 768px){
  .navbar-header{display: none;}
  .back-title{display: none;}
  .utilidades-mobile{display: none;}
}


/*
.navbar-cop .navbar-link {
  color: #ffffff;
}
.navbar-cop .navbar-link:hover {
  color: #c0c0c0;
}


.navbar-cop .open>a, .navbar-cop .open>a:hover, .navbar-cop .open>a:focus {
border-color: #31A1A2;
}
*/
/*
.media > .pull-left {
  margin-right: 25px;
}
*/

.list-group .list-group-item.tab {
  font-weight: normal;
  padding-left: 40px;
}
.morado {
	background-color:#57427a;
	background:linear-gradient(rgb(198,182,224), rgb(234,228,246));
	min-height:230px;
	border-style: solid;
  border-color: #57427a;
	border-width: 2px 2px 2px 2px;
}

.morado a{
	background-color:#57427a;
	background:linear-gradient(rgb(198,182,224), rgb(234,228,246));
	min-height:230px;
}

.gris {
	background-color:#ededed;
	min-height:230px;
	border-style: solid;
  border-color: #615c57;
	border-width: 2px 2px 2px 2px;
}

.gris a{
	background-color:#ededed;
}


.borde-morado {
	border-style: solid;
  border-color: #57427a;
	border-width: 2px 2px 2px 2px;
}

.verd {
	background-color:#138b8a;
	background:linear-gradient(rgb(19,139,138), rgb(165,214,218));
	min-height:230px;
	border-style: solid;
  border-color: #138b8a;
	border-width: 2px 2px 2px 2px;
}

.verd a{
	background-color:#138b8a;
	background:linear-gradient(rgb(19,139,138), rgb(165,214,218));
	min-height:230px;
}

.borde-verd {
	border-style: solid;
  border-color: #138b8a;
	border-width: 2px 2px 2px 2px;
}

/*ACOREONES*/

.panel-group .panel-heading+.panel-collapse>.panel-body{border-top: none; }

.panel-cop > .panel-heading{color:#ffffff;background-color:#434343;border-color:#434343;border-top-left-radius:5px;border-top-right-radius:5px;padding:20px 15px}
.panel-verde > .panel-heading{color:#ffffff;background-color:#016767;border-color:#016767;border-top-left-radius:5px;border-top-right-radius:5px;padding:20px 15px}
.panel-cop > .panel-heading + .panel-collapse .panel-body{border-top-color:#434343}
.panel-verde > .panel-heading + .panel-collapse .panel-body{border-top-color:#016767}
.panel-cop > .panel-footer + .panel-collapse .panel-body{border-bottom-color:#434343}
.panel-verde > .panel-footer + .panel-collapse .panel-body{border-bottom-color:#016767}
.panel-cop, .panel-cop > .panel-body{background-color:#ededed;background-image:no-repeat;background-size:100%;min-height:160px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.panel-verde, .panel-cop > .panel-body{font-family:'Roboto Slab', serif!important;font-weight:bold;background-color:#ededed;min-height:160px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; text-align:center; font-size:16px}
.panel-verde h3{color:#016767; margin-bottom:20px}
.panel-verde p{margin:0}
.panel-cop{border:0}
.panel-cop a{color:#434343}
.panel-verde a{color:#fff;background-color:#016767; font-size:18px; font-weight:bold; margin-top:15px}
.panel-verde a:focus, .panel-verde a:hover{color:#fff;background-color:#31A1A2}

.panel-cop a.list-group-item, .panel-cop .list-group-item, .list-group .list-group-item.tab{font-family:'Roboto Slab', serif;font-weight:bold}

.panel-cop a.list-group-item.active, .panel-cop a.list-group-item.active:hover, .panel-cop a.list-group-item.active:focus, .panel-cop .list-group-item.active, .panel-cop .list-group-item.active:hover, .panel-cop .list-group-item.active:focus{background-color:#ededed;border-color:#ededed;color:#434343}

.panel-cop a.list-group-item:hover, .panel-cop a.list-group-item:focus{background-color:#ededed}



.panel-cop-fecha > .panel-heading{border-radius:0}
.panel-cop-fecha .panel-title{color:#fff}
.panel-cop-fecha > .panel-body{min-height:0px;background-color:#fff;border-radius:0;border:1px solid #aaa}
.panel-cop-fecha a{color:#E37D0D;font-weight:bold;font-family:'Roboto Slab', serif}
.panel-cop-formacion, .panel-cop-formacion > .panel-body{min-height:183px}

.panel-group .panel.panel-cop-verde{border-radius: 0;margin: 0 0 20px; box-shadow: none;}
.panel-cop-verde > .panel-heading{padding: 0}
.panel-cop-verde > .panel-heading a{padding:16px 15px;display: block;font-weight: 300;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;text-transform: uppercase; }
.panel-cop-verde > .panel-heading a.collapsed{color: #000000;border: 1px solid #028A8A;background: white;}
.panel-cop-verde > .panel-heading a:not(.collapsed){
  color: #fff;background: #02898A;border: 1px solid #028A8A;}
.panel-cop-verde > .panel-heading:hover a{background:rgba(2, 137, 138, 0.25); }
.panel-cop-verde > .panel-heading .icon.down{display: none;}
.panel-cop-verde > .panel-heading .icon.up{display: inline-block;}
.panel-cop-verde > .panel-heading .collapsed .icon.down{display: inline-block;}
.panel-cop-verde > .panel-heading .collapsed .icon.up{display: none;}
.panel-cop-verde .panel-body{font-size: 16px;line-height: 23px; padding: 30px 20px}


.panel-cop-verde .items-img-text>a {display: flex; justify-content: flex-start;    width: 100%;    margin: 0 0 20px;    font-size: 16px;    line-height: 19px;    letter-spacing: 0.1em;    text-transform: uppercase;    border:none!important; padding: 0; background:transparent;}
.panel-cop-verde .items-img-text .box-txt{    display: flex;    justify-content: flex-start;    align-items: center;    background: #ACACAC;    color: #fff;    margin: 0 0 0 10px;    flex-grow: 1;    position: relative;    padding: 20px 28px 20px 45px;  }
.panel-cop-verde .items-img-text .box-txt p{flex-grow: 1}
.panel-cop-verde .items-img-text .collapsed .box-txt{    background: #F9F9F9; color: #02898A;}

.panel-group .panel-cop-verde .panel-heading+.panel-collapse>.panel-body{border:none;}
.panel-body.padded-left{padding: 15px 15px 15px 275px}


@media(max-width: 767px){
  .panel-cop-verde .items-img-text>a{flex-direction: column; align-items: stretch;}
  .panel-cop-verde .items-img-text .collapsed .box-txt{margin: 0}
  .panel-cop-verde .items-img-text .box-txt{margin: 0}
  .panel-body.padded-left{padding: 15px }
  .panel-cop-verde .panel-body{padding: 20px 10px}
}

/*BORRAR*/

.panel-cop-verde-2 > .panel-heading{color:#ffffff;background-color:#23b8b8;border-color:#028a8a}
.panel-cop-verde-2 > .panel-heading h4 a{font-weight:bold;font-family:'Roboto Slab', serif}

.page-with-menu .panel-cop-verde {
  margin-bottom: 0;
}

/*END BORRAR*/

.panel-cop-verde {  margin-bottom: 25px;}

/*LIMPIAR*/
.page-with-menu .panel-group .panel+.panel, .panel-group .panel+.panel {
  margin-top: 0;
}
/*END LIMPIAR*/

/*
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 7px 20px 7px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 7px 20px 7px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 7px 20px 7px rgba(50, 50, 50, 0.75);
}

.yamm .dropdown.yamm-fw .list-group .list-group-item {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.yamm .dropdown.yamm-fw .list-group .list-group-item.active,
.yamm .dropdown.yamm-fw .list-group a.list-group-item.active:hover,
.yamm .dropdown.yamm-fw .list-group a.list-group-item.active:focus,
.yamm .dropdown.yamm-fw .list-group a.list-group-item:hover,
.yamm .dropdown.yamm-fw .list-group a.list-group-item:focus {
  color:#fff; 
  background-color: #028a8a;
  border-color: #028a8a;
}
*/

/*
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
}

.breadcrumb, .breadcrumb a, .breadcrumb>.active {
  background: none;
  font-family: Roboto, sans-serif;
  color: #878787;
  font-size: 14px;
  font-weight: normal!important;
}

.well-cop {
  border-radius: 0;
  border: 0;
  background-color: #ededed;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.well-cop-margen {
  border-radius: 5px;
  margin: 5px;
}

.well-cop-margen a {
  font-weight: bold;
}

.page-with-menu h1 {
  margin-top: 0;
}
*/
/*
.page-with-menu h3, .page-with-menu h4 {
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
}*/

ul.dash {
  list-style-type: none;
}

ul.dash li:before{
  content:"-";
  position:relative;
  margin-left: -10px; /* opcionális, több soros lista-elemeknek */
  left: -10px;
}

.img-fullwidth {
  width: 100%;
}

.radio, .checkbox {
  padding-left: 0;
}

.noty_type_error .noty_text{
  color: #fff;
}

hr.sin_margen{
  margin-top: 0px;
  margin-bottom: 10px;
}

form label.error {
  color:red;
}

form input.error {
  border:1px solid red;
}

.pagination .fa{
  line-height: 20px;
}

/*--- Paginas ---*/

.row-submenu{
  margin-top: 30px;
  margin-bottom: 50px;
}

.row-submenu a{
  font-family: 'Roboto Slab', serif;
  margin-left: 10px;
}

/*
.calendar-box {
  background-color: #028a8a;
  padding: 8px 15px;
  text-align: center;
  color: #fff;
  font-family: 'Roboto Slab', serif;
  border-radius: 4px;
  line-height: 20px;
}

.calendar-box span {
  font-family: 'Roboto Slab', serif;
  color: #fff;
}

.calendar-box .dia {
  font-size: 24px;
  display: block;
}

.row-footer a {
  display:block;
  margin-bottom: 10px;
  font-weight: normal!important;
}
*/
.ayuda #accordion .panel { border: 0; -webkit-box-shadow: none; box-shadow: none; }
.ayuda #accordion .panel .panel-heading { padding: 10px 0px; }
.ayuda #accordion .panel .panel-body { border: 0; }
.ayuda #accordion .panel a { font-weight: normal; }

.ayuda #accordion_faqs .panel { border: 0; -webkit-box-shadow: none; box-shadow: none; }
.ayuda #accordion_faqs .panel .panel-heading { padding: 10px 0px; }
.ayuda #accordion_faqs .panel .panel-body { border: 0; }
.ayuda #accordion_faqs .panel a { font-weight: normal; }

.table-departamentos thead{
  background-color: #ededed;
}

.table-departamentos > thead > tr > th,
.table-departamentos > tbody > tr > th,
.table-departamentos > tfoot > tr > th,
.table-departamentosthead > tr > td,
.table-departamentos > tbody > tr > td, 
.table-departamentos > tfoot > tr > td,
.table-departamentos tr {
  border: 0;
}


/*PAGINACION*/
.pagination{border-radius: 0;    margin: 40px auto;    width: 100%;    display: flex;    justify-content: center;  align-items: center;    flex-wrap: wrap;}
.pagination li a, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {  font-weight: 300;font-size: 24px;line-height: 28px;border:none;color: #000000;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {  background-color: #02898A;
  color: #fff;  border:none;}



.texto-sobre-imagen {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  background-color: rgba(68, 68, 68, 0.85);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99444444, endColorstr=#99444444);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99444444, endColorstr=#99444444)";
  position: absolute;
  bottom: 0;
  padding: 8px;
  margin: 0 15px 20px 0;
  min-width: 555px;
}

.fecha-sobre-imagen {
 position: absolute;
 top: 65px;
 right: 30px;
 line-height: 36px;
 font-weight: bold;
 padding: 5px 25px;
}

.fecha-sobre-imagen .dia {
  font-size: 32px;
}

.fecha-sobre-imagen .mes {
  font-size: 22px;
}

.carousel-caption-bajo {
  left: 0;
  background-color: rgba(68, 68, 68, 0.85);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99444444, endColorstr=#99444444);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99444444, endColorstr=#99444444)";
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px 10px 10px 20px;
}

.carousel-caption-bajo > .media> .media-body {
  color: #fff;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

table.horarios {
  text-align: center;
}

table.horarios th {
  color: #ffffff;
  background-color: #434343;
  border-color: #434343;
  padding: 20px 15px;
  text-align: center;
}

table.horarios td.franja {
  font-weight: bold;
  background-color: #ccc;
}

.caja_publicaciones {
  border-radius: 6px;
  text-align: center;
  min-height: 280px;
  height: 280px;
  padding: 25px 15px;
  font-family: 'Roboto Slab', serif;
  display: table;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 15px;
}

.caja_publicaciones .caja_hija {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align:middle;
  font-size: 14px;
}

.caja_publicaciones .caja_hija .normal {
  font-size: 24px;
  font-weight: normal;
}

.caja_publicaciones .caja_hija .pequeno {
  font-size: 14px;
  font-weight: normal;
}

.caja_publicaciones .caja_hija hr {
  margin: 10px 20px;
}

.caja_publicaciones .caja_hija b{
	font-size: 22px;
	line-height:1.2
}

.input-group-addon{background-color:#444}
.input-group-addon i{color:#fff!important}
.input-group-addon span{color:#fff!important}

.ventanilla_unica a { font-weight: normal; }

.uppercase { text-transform: uppercase }
.has-error { color: #f00; }

label { font-weight: normal; }

#importe_pagar{font-weight:bold;font-size:18px}
#tipo_tarifa{font-weight:bold;font-size:18px}

.bar {
  width: 300px;
}

#progress {
  background: #eee;
  border: 1px solid #222;
  margin-top: 20px;
}
#progressbar {
  width: 0px;
  height: 24px;
  background: #333;
}

/*Estilos de busqueda*/
.gs-result .gs-title, .gs-result .gs-title *{
  color: #E37D0D !important;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl{
  color: #31A1A2 !important;
}
.gsc-search-box{
  display:none !important;
}
.gsc-resultsHeader{
  display:none !important;
}
.gsc-control{
  width:100% !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
  color: #E37D0D !important;
}

.img-responsive.img_seccion_estudiantes{
	width: 70%;
	margin: 20px auto 0 auto;
}

/*
.dropdown-menu.open, .dropdown-menu.open ul{
	max-height:200px !important; padding:0
}
*/

figure {margin: 0 auto;max-width: 50%;}
figure.big{max-width:100%}
figcaption {font-size:12px;font-style: italic;line-height: 1.5em;padding:5px 0;text-align: center; border-top:2px solid #028a8a}	

.seleccion-archivos a.active{color: #e37d0d;}

.video {display: flex; margin: 10px 10px 10px 10px;}
.grande {display:inline}
.peque {display: none}
@media (max-width:1200px){
.titulo_grupo {
  	font-size: 18px;
  }
}

@media (max-width:900px){
.titulo_grupo {
  	font-size: 16px;
  }
}

@media (max-width:768px){
	a.visible-xs{display:inline-block !important}
	.video {display: inline; margin: 10px 10px 10px 10px;}
	.grande {display:none}
	.peque {display: inline}
	.menu-izquierdo {display:none}
}

@media (max-width:380px){
	figure {max-width: 100%;}
	.btn{font-size:12px !important}
	.menu-izquierdo {display:none}
	}


@media print {
  /* para imprimir */
  .navbar-cop{
  	display:none;
  }
}

/*
#compENTIDADTELEFONO {
cursor: hand;
cursor: pointer;
}


#compENTIDADEMAIL{
cursor: hand;
cursor: pointer;
}


#compDIRECCION{
cursor: hand;
cursor: pointer;
}

#compCPOSTAL{
cursor: hand;
cursor: pointer;
}

#compLOCALIDAD{
cursor: hand;
cursor: pointer;
}

#compPROVINCIA{
cursor: hand;
cursor: pointer;
}

*/

/*Encuesta*/
.container_encuesta{max-width:800px;width:100%;margin:0px auto;padding:20px 0px}
.encuesta_title{font-size:20px;color:#009A9C;font-weight:bold;margin:30px 0px 25px;text-align:center}
/*.text-right{font-size:14px}*/
.input_text{width:100%}
table{width:100%}
table tr td{}
/*form > div{width:100%;padding:10px 0px;display:inline-block}*/
.container_encuesta .enviar{float:right;border:none;background-color:#009A9C;padding:6px 20px;border-radius:5px;color:#ffffff;font-size:16px;text-transform:uppercase;font-weight:bold}
.encuesta_form textarea{border:solid 1px #dddddd;padding:5px 10px}
/*.encuesta_form .field{color:#2BAFB1}*/

@media screen and (max-width:800px){
	.container_encuesta{padding:10px}
	table, thead, tbody, tr, td, th{display:block;font-size:14px}
	thead tr{position:absolute;top:-9999px;left:-9999px}
	tr{margin-bottom:10px;}
	td{position:relative;padding-left:50%}
	.encuesta td:before{position:absolute;width:50%;height:100%;top:0px;left:0px;display:table-cell;vertical-align:middle;text-align:left}
	
	.encuesta td:nth-of-type(1):before{content:"Excelente";}
	.encuesta td:nth-of-type(2):before{content:"Buena";}
	.encuesta td:nth-of-type(3):before{content:"Regular"}
	.encuesta td:nth-of-type(4):before{content:"Mala"}
	.fuente_titulo {
			font-size:24px;
			font-weight: bold;
    }
	.fuente_subtitulo {
			font-size: 16px; 
    }
}


/*CHAT DIRECTO si se usa*/
.panel-chat{margin-top:0px}
.panel-chat .panel-heading{background-color:#016767; color:#fff}
.panel-chat h3{font-size:18px; margin-top:5px}
.panel-chat .btn-primary{background-color:#E37D0D; border-color:#E37D0D}
.panel-chat .chat-container{padding: 0}
.panel-chat .users{padding:0; position:relative; max-height: 400px; overflow: auto; margin:0 }
.panel-chat .users>div{padding: 0}
.panel-chat .users .avatar{padding:0 5px; margin:2px 0}
.panel-chat .users .avatar span{color:#fff;font-size:10px; display:block; text-align:center;padding:3px 0;background-color:#31A1A2; font-weight:bold}
.panel-chat .users .conectados{font-size:12px; line-height:1; background-color:#e5e5e5; display:block; float:left; width:100%; padding:5px; margin-bottom:10px; border-bottom:2px solid #31A1A2; text-align:center}
.panel-chat .users .conectados b{font-size:14px; display:block}
.chat-window{bottom:0;position:fixed;float:right;margin-left:10px}
.chat-window > div > .panel{border-radius:5px 5px 0 0}
.icon_minim{padding:2px 10px}
.msg_container_base{background:#e5e5e5;margin:0;padding:0 10px 10px;height:400px;overflow-x:hidden}
.top-bar-chat {background:#666;color:white;padding:10px;position:relative;overflow:hidden; width: 100%;}
.msg_receive{padding-left:0;margin-left:0}
.msg_sent{padding-bottom:20px !important;margin-right:0}
.messages {background:white;padding:10px;border-radius:2px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);max-width:100%}
.messages > p {font-size:13px;margin:0 0 0.2rem 0}
.messages > time {font-size:11px;color:#ccc}
.msg_container {padding:10px;overflow:hidden;display:flex}
.avatar {position:relative}
.base_receive > .avatar:after {content:"";position:absolute;top:0;right:0;width:0;height:0;border:5px solid #FFF;border-left-color:rgba(0, 0, 0, 0);border-bottom-color:rgba(0, 0, 0, 0)}
.base_sent {justify-content:flex-end;align-items:flex-end}
.base_sent > div{padding:0}
.base_sent > .avatar:after {content:"";position:absolute;bottom:0;left:0;width:0;height:0;border:5px solid white;border-right-color:transparent;border-top-color:transparent;box-shadow:1px 1px 2px rgba(black, 0.2)}
.msg_sent > time{float:right}
.msg_container_base::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.msg_container_base::-webkit-scrollbar{width:12px;background-color:#F5F5F5}
.msg_container_base::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
.btn-group.dropup{position:fixed;left:0px;bottom:0}

@media screen and (max-width:768px){

	.fuente_titulo {
			font-size:24px;
			font-weight: bold;
    }
  .fuente_subtitulo {
			font-size: 16px; 
    }
}

@media screen and (min-width: 480px) {
    .fuente_titulo {
			font-size:24px;
			font-weight: bold;
    }
    .fuente_subtitulo {
			font-size: 16px; 
    }
    
}

@media screen and (max-width: 479px) {
    .fuente_titulo {
      font-size:17px;
			font-weight: bold;
			height:20px;
    }
    .fuente_subtitulo {
			font-size:10px;
    }
    
    
  }
  


.fondo-gris {background-color:#b9bdb9;width:70%}
.fondo-gris-claro {background-color:#e4e7e4;}

.juridica{color:#af0074}
.clinica{color:#00715c}
.educativa{color:#903104}
.intervencion{color:#eef5f7}
.trabajo{color:#11407d}

.aclaracion_rojo{color:#B40404;line-height:20px;font-size:12px;font-weight:normal!important}

.fondojuridica{background-color:#ecdbe6}
.fondoclinica{background-color:#b9d6d1}
.fondoeducativa{background-color:#eff0da}
.fondotrabajo{background-color:#d4deec}

.blanco{color:#11407d}

img.pequenya{
	height: auto;
	max-width: 40px;
}

img.mediana{
	height: auto;
	max-width: 140px;
}

img.grande{
  width: 300px; height: 195px;
}

.img-rounded {
    -webkit-border-radius: 7%;
    -moz-border-radius: 7%;
    border-radius: 7%;
}

.h1_big {
  font-size: 32px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: bold;
}

.p_big {
  font-size: 18px;
}

.panel-borde {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.cabecera-aligned {
	display: flex;
	flex-direction: row;
}

.bottom-aligned {
    display: flex;
    align-items: flex-end;
}

.center-aligned {
    display: flex;
    align-items: center;
}

.aclaracion_peq {
  color: #ffffff;
  line-height: 2px;
  font-size: 6px;
  font-weight: normal!important;
}

.panel-borde-verde-top {
  border-top: 2px solid #028a8a;
}

.panel-borde-verde {
  border-bottom: 2px solid #028a8a;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.panel-borde-gris-top {
  border-top: 2px solid #424343;
}

.panel-borde-gris {
  border-bottom: 2px solid #424343;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.panel-borde-gris-entero {
  border: 2px dotted #c4c4c4;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 6px;
}

.panel-borde-verde-entero {
  border: 2px dotted #028a8a;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 16px;
  text-align:center;
margin:5px;
display: table-cell;
    vertical-align: middle;
    width: 100%;

}

.arriba{
  z-index: 10500;
}

.tamanyo1{
	font-size: 13px;
}

.tamanyo2{
	font-size: 20px;
}

.tamanyo3{
	font-size: 26px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vbottom {
   display: inline-block;
   vertical-align: bottom;
   float: none;
}

.vvcenter {
    display: inline-block;
    float: none;
}


.img-rounded-aux {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-border{
	border: 3px dashed #028a8a;
}

.slim-border{
	border: 1px dashed #028a8a;
	padding: 10px;
}
/*

.slim-border-amarillo{
	border: 1px dashed #e3a246;
	padding: 10px;
}
*/
.slim-border-gray{
	border: 1px dashed #939393;
	padding: 10px;
}

.medium-border-gray{
	border: 2px dashed #939393;
}

.slim-border-nopad{
	border: 1px dashed #028a8a;
}

.cloudtag a:hover {
    background: url(img/silver-left.png) bottom left no-repeat!important;
}

.cloudtag a {
    background: url(img/silver-left.png) no-repeat!important;
}

.enlaceblanco {
	color: #fff;
}
.enlaceblanco:hover{
	color: #c9dee2;
}


.tooltiptext1 .enlaceblanco:hover{
	color: #E37D0D;
}

.fuentegrande {
	font-size:larger;
}
/*
.divrojo {
  width: 40px;
  height: 40px;
  background-color: #028a8a;
  animation-name: example;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  margin-top: -13px;

}

@keyframes example {
	0%   {background: #028a8a;}
  50%  {background: #E37D0D;}
  100% {background: #028a8a;}
}

@keyframes fontcolor {
	0%   {color: #028a8a;}
  50%  {color: #E37D0D;}
  100% {color: #028a8a;}
}
*/
/*.tililea{
	animation-name: fontcolor;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}*/

@font-face {
      font-family: 'fontello';
      src: url('../fonts/fontello.eot?57832827');
      src: url('../fonts/fontello.eot?57832827#iefix') format('embedded-opentype'),
           url('../fonts/fontello.woff?57832827') format('woff'),
           url('../fonts/fontello.ttf?57832827') format('truetype'),
           url('../fonts/fontello.svg?57832827#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
 
 
.demo-icon
{
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.celdas_extra{
	display:none;
}

.cuadro-naranja{
	background-color:#f3cca1; border-radius: 4px
}





/*btns new*/

.btn-letters-green {font-weight: 300;font-size: 14px;
line-height: 16px;letter-spacing: 0.1em;text-transform: uppercase;
color: #02898A;padding: 0 20px 0 0; text-align: right; display: block;width: 100%; position: absolute; bottom: 0; right: 0}
.btn-letters-green span {display: none;}

.btn-letters-purple {font-weight: 300;font-size: 14px;
line-height: 16px;letter-spacing: 0.1em;text-transform: uppercase;
color: #A04997;padding: 0 20px 0 0; text-align: right; display: block;width: 100%; position: absolute; bottom: 0; right: 0}
.btn-letters-purple span {display: none;}

.btn-ghost-green {font-size: 18px;line-height: 21px;letter-spacing: 0.1em;text-transform: uppercase;color: #02898A;border: 1px solid #02898A;display: inline-block; width: 100%; background: transparent;padding: 10px; text-decoration: none; text-align: center;}
.btn-ghost-green:hover{background:#02898A;color: #fff; text-decoration: none; }
.btn-ghost-green.active{background:#02898A;color: #fff; text-decoration: none;}

.btn-ghost-black {font-size: 12px;line-height: 14px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;border: 1px solid #000000;display: inline-block; width: 100%; background: transparent;padding: 10px; text-decoration: none; text-align: center;}
.btn-ghost-black:hover{background:white;color: #000; text-decoration: none; }

.btn-ghost-white {font-size: 18px;line-height: 21px;letter-spacing: 0.1em;text-transform: uppercase;color: #ffffff;border: 1px solid #ffffff;display: inline-block; width: 100%; background: transparent;padding: 10px; text-decoration: none; text-align: center;}
.btn-ghost-white:hover{background:transparent;color: #fff; text-decoration: none; }

.btn-grey{background: #FBF8F8;font-weight: 500;font-size: 20px;line-height: 23px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000; display: flex; justify-content: space-between; align-items:center;padding:10px 30px 10px 20px;}

.btn-grey-big{background: #FBF8F8;font-weight: 300;font-size: 17px!important;line-height: 21px!important;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;display: flex; justify-content:space-between;align-items: flex-end;padding: 30px 5px 30px 25px;}
.btn-grey-big>span{display: flex;flex-direction: column;}

.btn-grey-big .smaller{font-size: 13px;line-height: 16px}

.btn-grey-small{font-size: 16px; font-weight: 700;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;background: #A4A4A4; height: 55px; max-width: 165px; width: 100%; border: none; color: #fff; }

.btn-white.ocultar-chat{background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-not-visible-black.svg)no-repeat left 10px top 3px white ; border: none; font-weight: 300;
font-size: 18px;
line-height: 21px;
letter-spacing: 0.1em;
color: #000000; padding: 10px 10px 10px 45px; text-transform: uppercase; }

.btn-letter-grey{font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;color: #8F9D9D;}
.btn-letter-grey.active{color: #02898A;}
.btn-letter-grey.active svg{transform: rotateX(180deg);}
.btn-letter-grey.active path{fill:#02898A }




.btn-dropdown{border-bottom:1px dashed #000000;min-height: 75px;font-size: 16px; line-height: 23px;  color: #028A8A;    width: 100%;    display: flex;    justify-content: space-between;
    align-items: center;padding: 15px 15px 15px 0;    }
.btn-dropdown img {transform: rotateX(180deg)}
.btn-dropdown.collapsed img{transform: rotateX(0deg);}

.btn-dropdown-line-green{font-size: 14px;line-height: 16px; color: #fff!important;border: 1px solid #028A8A;background: #028A8A;  display: flex;    width: 100%; justify-content: space-between;    height: 30px;  align-items: center;     padding: 5px 10px; text-decoration: none; position: relative;}
.btn-dropdown-line-green:before{content: "";width: 0;height: 0;border-style: solid;border-width: 18px 12.5px 0 12.5px;border-color: #018a8a transparent transparent transparent;position: absolute;bottom: -18px;left: 5px;
}

.btn-dropdown-line-green.collapsed {color: #028A8A!important; background: white }
.btn-dropdown-line-green.collapsed:before{content: none;}
.btn-dropdown-line-green.collapsed .ico.down{display: block;}
.btn-dropdown-line-green.collapsed .ico.up{display: none}



.btn-green{background: #02898A;
border: 1px solid #02898A;height: 55px; color: #fff;padding: 10px 60px; display: flex; text-align: center;align-items: center;max-width: 350px; justify-content: center;}
.btn-green:hover, .btn-green:focus{color: #fff}
.btn-green.mostrat-chat{background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-chat-white.svg)no-repeat top 3px left 10px #02898A ; padding: 10px 10px 10px 55px; text-transform: uppercase;}


.btn-green-light{background: #8FD1D6;
border: 1px solid #8FD1D6;height: 55px; color: #fff;padding: 10px 60px; display: flex; text-align: center;align-items: center;max-width: 350px; justify-content: center;}
.btn-green-light:hover, .btn-green-light:focus{color: #fff}







.btn-red{background: #FF7276;
border: 1px solid #FF7276;height: 55px; color: #fff;padding: 10px; display: flex; text-align: center;align-items: center;max-width: 350px; justify-content: center; text-transform: uppercase;}
.btn-red:hover, .btn-red:focus{color: #fff}

.btn-red.w-icon{padding: 10px 20px 10px 50px;text-align: left;}
.btn-ghost-green.w-icon{padding: 10px 20px 10px 40px; display: flex;justify-content: center;align-items: center;text-align: center;}
.w-icon {position: relative;}
.w-icon img{position: absolute; top: 15px; left: 15px; }
.w-icon svg {top: 12px; left: 17px; position: absolute;}
.btn-ghost-green.w-icon svg {top: 12px; left: 17px; position: absolute;}
.btn-ghost-green.w-icon svg path{fill:#02898A;}
.btn-ghost-green.w-icon:hover svg path{fill: #ffffff}

.green-squared-list{color:#02898A; list-style: square; }
.green-squared-list span{color: #000}

@media(min-width: 768px){
  .floating-btn.desktop{position: absolute; top: 20px; right: 0}
}





/*introduccion con border-bottom*/

.intro-border-bottom {padding: 10px 0 20px }
.intro-border-bottom p{font-size: 16px;border-bottom:1px solid #000;line-height: 23px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000; padding: 0 0 5px}

@media(min-width: 768px){
  .intro-border-bottom {padding: 10px 15px 20px }

}

/*titulos*/

.title-section{font-weight: 500;font-size: 28px;line-height: 33px;letter-spacing: 0.1em;text-transform: uppercase;color: #02898A}
.title-section{margin: 40px 0}
.title-section.c-grey{font-weight: 300;font-size: 28px;line-height: 36px;color: #737171}

.section-subtitle{font-weight: 300;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;}
.subtitle-section-2{font-weight: 300;font-size: 24px;line-height: 28px;letter-spacing: 0.1em; color: #000E0E;}

.title-premio{font-weight: 300;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;text-transform: uppercase;color: #A4A4A4;}

.title-premio + .title-section{margin: 10px 0 20px}
.title-section + .title-section{margin:0 0 30px;}

/*box titulo de iframes*/
.box-title-iframe {width: 100%;background: #02898A;font-size: 24px; line-height: 28px;letter-spacing: 0.1em; padding: 20px; min-height:80px;  }
.box-title-iframe p{ display: flex; flex-direction: column;  color: #fff;text-align: center;}
.box-title-iframe span{font-size: 18px; line-height: 21px;}

.box-title-iframe.small{min-height: 60px;padding: 10px 5px; margin: 0 0 10px}
.box-title-iframe.small p{font-size: 14px;line-height: 16px;color: #FFFFFF; text-align: left;margin:0;}

.title-block{min-height:91px; font-weight: 700;font-size: 14px;line-height: 16px;color: #FFFFFF;background: #02898A; display: inline-block;width: 100%; padding: 20px 10px 5px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.title-block:hover{
	text-decoration: underline; color: #FFFFFF}



/*mosca TV*/

.mosca-tv{position: absolute; top: 15px;
    right: -98px; }
    @media(max-width: 1300px){
      .mosca-tv{right: 5px}
    }
    @media(max-width: 767px){
      .mosca-tv{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        top: unset;
        right: unset;
        background: white;
        width: 100%;
        border-top: 1px solid #01898A;
        padding: 5px 5px 0;
        }
    }


/*COMPARTIR NOTICIA*/
.share-item {display: flex; justify-content: flex-start; align-items: center;flex-wrap: wrap;}
.share-item p{font-size: 16px;line-height: 19px;letter-spacing: 0.1em;color: #000000;margin: 0  15px 0 0 }
.share-item a {padding: 0 5px }


/**/
.blocked-content {position: relative;}
.blocked-content:after{content: ""; position: absolute;top:5px; left: 0; width:49px; height: 39px; background: url('https://www.copmadrid.org/web/preweb/imagenes/icons/ico-blocked-content.png')no-repeat center; background-size: cover; }


/*auxiliares*/

strong{font-weight: 700}
.no-padding{padding: 0!important}
.no-margin{margin: 0!important}

.c-green{color: #028A8A!important;}
.c-white{color: #ffffff!important}
.c-black{color: #000000!important}
.c-red{color: #F40C0C!important; }


.bg-green{background: #028A8A}
.bg-grey{background: #FBF8F8;}
.bg-white{background: #FFFFFF;}
.bg-light-green{background:rgba(245, 240, 240, 0.6)}

.font-italic{font-style: italic;}

.u-font-14{font-size: 14px}
.u-font-18{font-size: 18px}
.u-bold{font-weight: 700!important}
.u-font-reg{font-weight: 400}


.u-padding-top-xxs{padding-top: 15px!important}
.u-padding-top-xs{padding-top:30px!important }

.u-padding-bottom-xxs{padding-bottom: 15px}
.u-padding-bottom-xs{padding-bottom:30px!important }
.u-padding-bottom-sm{padding-bottom: 60px!important}

.u-padding-right-xs{padding-right:30px!important }
.u-padding-right-sm{padding-right: 60px!important}

.u-padding-left-xs{padding-left: 30px!important}
.u-padding-left-sm{padding-left: 60px!important}


.u-padding-45{padding: 45px}
.u-padding-20{padding: 20px}


.u-margin-right-xxs{margin-right: 5px!important}
.u-margin-right-xs{margin-right: 15px!important}
.u-margin-right-sm{margin-right: 30px!important}

.u-margin-left-xxs{margin-left: 5px!important}
.u-margin-left-xs{margin-left: 15px!important}

.u-margin-bottom-xxs{margin-bottom:15px!important }
.u-margin-bottom-xs{margin-bottom:30px!important }
.u-margin-bottom-sm{margin-bottom: 60px!important}


.u-margin-top-xxxs{margin-top:5px!important }
.u-margin-top-xxs{margin-top:15px!important }
.u-margin-top-xs{margin-top:30px!important }
.u-margin-top-sm{margin-top: 60px!important}

.u-flex{display: flex;}
.u-jc-flex-start{justify-content: flex-start;}
.u-jc-flex-end{justify-content: flex-end;}
.u-jc-center{justify-content: center;}

.u-flex-wrap{flex-wrap: wrap;}

.u-fd-column{flex-direction: column;}

.u-ai-center{align-items: center;}
.u-ai-flex-start{align-items: flex-start;}
.u-ai-flex-end{align-items: flex-end;}


.u-d-inline-block{display: inline-block;}

.p-relative{position: relative;}

.u-border-bottom-d-g{border-bottom: 1px dashed #A4D3DB;}
.u-border-top-d-g{border-top: 1px dashed #A4D3DB;}
.u-border-bottom-d-b{border-bottom: 1px dashed #000000;}
.u-border-bottom-s-b{border-bottom: 1px solid #000000;}

/*seccion destacados home*/

.destacados-new_title {  font-weight: 300;font-size: 26px;line-height: 1.2;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;margin: 50px 0}
.destacados-new_item{color: #000000;    text-decoration: none;  
    width: 100%; overflow: hidden;margin: 0 0 40px;    display: flex; }
.destacados-new_item:hover{text-decoration: none; color: #000}
.destacados-new_item picture {display: inline-block;    width: 100%;    flex-basis: 33%;
    flex-shrink: 0;
    margin: 0 20px 0 0;border: 1px solid #DAD2D2;}
.destacados-new_item-title{font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 700;color: #02898A;margin: 0 0 20px}
.destacados-new_item .bg-grey{padding: 10px 10px 20px; background: #F9F9F9; position: relative; min-height: 100px; flex-grow: 1;}
.destacados-new_item .bg-grey p:first-of-type{display: none;}



@media(min-width: 768px){
	.destacados-new_item picture {margin: 0 auto 20px;}
	.destacados-new_item {flex-direction: column;}
	.destacados-new_item .bg-grey{min-height: 195px}
	.destacados-new_item .bg-grey p:first-of-type{display: block;}
	.destacados-new_item img {transition: 0.5s linear all}
	.destacados-new_item:hover img {transform: scale(1.1); transition: 0.5s linear all}
	.btn-letters-green span, .btn-letters-purple span {display: inline-block;}
	.destacados-new_title {font-size: 30px;line-height: 35px;margin: 80px 0 50px}
}


/*AGENDA HOME*/
.item-agenda{display: flex; align-items: center;justify-content: center; background: #F9F9F9;padding: 10px; margin: 0 0 10px }
.item-agenda .date {text-transform: uppercase;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;color: #000000; padding: 0 5px 0 0}
.item-agenda .date p, .item-agenda .intro p{margin: 0}
.item-agenda .intro{font-size: 16px;line-height: 19px;color: #000000;padding: 0 10px;border-left: 1px solid #000; display: flex; align-items: center; flex-grow: 1; min-height: 38px}
.item-agenda:first-of-type{margin: 10px 0 }



/*noticia destacada actualidad*/
.inner-destacada {margin: 0 0 50px;}
.inner-destacada .title{font-weight: 300;font-size: 24px;line-height: 28px;letter-spacing: 0.1em;color: #000000;margin:  0 0 20px; }
.inner-destacada .border {border: 1px solid #000000;margin-bottom: 25px; display: inline-block;}
.inner-destacada .border>div{padding:40px 20px 40px 30px }
.inner-destacada .border>div:first-of-type{padding: 40px 0 40px 20px;}
.inner-destacada .border>div:first-of-type img {border: 1px solid #E4E4E4 }
.inner-destacada .destacada-text {font-weight: 300;font-size: 16px;line-height: 19px;color: #000000;}
.inner-destacada .destacada-text .title{font-weight: 500;font-size: 24px;line-height: 28px;letter-spacing: 0.1em;color: #02898A;}
.inner-destacada .info {font-weight: 300;font-size: 16px;line-height: 19px;color: #000000;text-transform: uppercase;}
.inner-destacada .btn-letters-green{bottom: 20px;}



/*SIDEBAR ACTUALIDAD DERECHA*/
.actualidad-sidebar{display: flex; flex-direction: column; border-left:1px solid #000000 }
.actualidad-sidebar .inner-sidebar>div{display: flex; flex-direction: column;}
.actualidad-sidebar_title {font-weight: 700;font-size: 14px;line-height: 30px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;}
.actualidad-sidebar a{font-size: 14px;line-height: 30px;letter-spacing: 0.1em;color: #000000;}
.actualidad-sidebar a.active{color: #00B1B9;padding: 0 0 0 10px}
.actualidad-sidebar ul>li>a.active{color: #02898A; font-weight: 700; padding: 0}
.actualidad-sidebar .inner-sidebar{width: 100%;display: flex; flex-direction: column;}


/*SIDEBAR DERECHA*/
.new-sidebar{display: flex; flex-direction: column; border-left:1px solid #000000 }
.new-sidebar .inner-sidebar>div{display: flex; flex-direction: column;}
.new-sidebar_title {font-weight: 700;font-size: 14px;line-height: 30px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;}
.new-sidebar a{font-size: 14px;line-height: 30px;letter-spacing: 0.1em;color: #000000;}
.new-sidebar a.active{color: #00B1B9;padding: 0 0 0 10px}
.new-sidebar ul>li>a.active{color: #02898A; font-weight: 700; padding: 0}
.new-sidebar .inner-sidebar{width: 100%;display: flex;flex-direction: column;}

/*topbar interno*/
.new-sidebar.horizontal .new-sidebar_title{display: none;}
.new-sidebar.horizontal{border-left: none; min-height: 58px; flex-direction: row; align-items: center;}
.new-sidebar.horizontal a{font-size: 15px;line-height: 18px;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF;background: #02898A; flex-grow: 1 ;min-height: 58px;display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 10px;}
.new-sidebar.horizontal a.active {color:#02898A; background: #fff }
.new-sidebar.horizontal .inner-sidebar>div{flex-direction: row;width: 100%; justify-content: space-between;align-items: center;}

@media(max-width: 1024px){
  .new-sidebar.horizontal a {font-size: 11px}
}



/*detalle noticias en portada*/
.noticia_portada{display: flex; justify-content: stretch;margin-bottom:60px}
.noticia_portada>div{flex-basis: 50%;flex-shrink: 0;     display: flex;
    flex-direction: column;
    justify-content: space-between;}
.noticia_portada_texto {font-weight: 300;font-size: 16px;line-height: 19px;color: #000000; padding: 0 20px 40px; min-height: 275px}
.noticia_portada_texto .title{font-weight: 500;font-size: 20px;line-height: 23px;letter-spacing: 0.1em;color: #02898A; margin: 0}
.noticia_portada_texto .info{min-height:40px }
.noticia_portada_texto .info a {color: #000000;}
.noticia_portada .share-item {margin: 0 0 30px;}
.noticia_portada_texto h3{margin: 0 0 10px;     display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.noticia_portada_texto .intro{display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.noticia_portada .imagen{border:1px solid #E4E4E4;}


/*noticias consejo*/
.noticia_portada.consejo>div{flex-shrink: 1; flex-grow: 1 }
.noticia_portada.consejo>div:first-of-type{max-width: 265px}
.noticia_portada.consejo .noticia_portada_texto .title{color: #000}


/*header actualidad*/
.inner_header-actualidad {width: 100%; background: #FBF8F8; display: flex;justify-content: space-between; align-items: center;padding: 0 0 5px 10px}
.inner_header-actualidad h1 {margin: 0; font-weight: 300;font-size: 28px;line-height: 33px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;}


/*filtro actualidad*/
.item-filtro_actualidad ul {display: flex;justify-content: center;    padding: 0;
    list-style: none; background: white; margin: 0;}
.item-filtro_actualidad ul>li{position: relative;border:1px solid #000000;    display: flex;justify-content: stretch;}
.item-filtro_actualidad ul>li a{font-weight: 300; text-decoration: none;
font-size: 12px;line-height: 14px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000;    display: flex;    align-items: center;    justify-content: center;    width: 100%;    padding: 0 20px;}
.item-filtro_actualidad .item_categorias .dropdown-menu{    max-width: 136px;    box-shadow: none;    border: 1px solid;    border-radius: 0;    padding: 0;    min-width: 100%; }
.item-filtro_actualidad .item_categorias form{width: 100%;display: flex;flex-direction: column;}
.item-filtro_actualidad .item_categorias form label {padding: 6px 5px;border-bottom:1px solid #000;margin: 0; font-weight: 300;font-size: 12px;line-height: 14px;text-transform: uppercase;color: #000000}
.item-filtro_actualidad .item_categorias form label:last-of-type{border-bottom:none;}
.item-filtro_actualidad .item_categorias a{background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-triangle-down-black.svg)no-repeat center right 15px #fff; padding:0 35px 0 20px}
.item-filtro_actualidad .item_search form{width: 100%;}
.item-filtro_actualidad .item_search input{background:url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-search.svg)no-repeat center left 12px #fff;padding: 0 0 0 45px; height: 47px; border: none; font-size: 12px;line-height: 14px;letter-spacing: 0.1em;text-transform: uppercase;
color: #000000; font-family: Roboto, sans-serif; width: 100%; }

@media(max-width: 1023px){
  .inner_header-actualidad {flex-wrap: wrap;background: #fff;}
  .inner_header-actualidad h1{background: #FBF8F8;flex-grow: 1;
    margin: 0 0 15px;}
}

@media(max-width: 767px){
  .sidebar_enlaces{display: none;}
  .inner_header-actualidad {padding: 0; margin: 0 0 50px}
    .inner_header-actualidad h1 {margin: 0 0 65px;}
  .item-filtro_actualidad ul {flex-wrap: wrap;}
  .item-filtro_actualidad ul>li{min-height: 46px; flex-basis: 50%}
  .item-filtro_actualidad .item_search, .item-filtro_actualidad .full-mobile{flex-basis: 100%}
  .actualidad-sidebar_title{padding: 0 45px}
  .actualidad-sidebar {position: absolute;top: 48px;border-left: none;flex-direction: column;justify-content: stretch;align-items: flex-start;width: 100%;background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-dropdown-menu.svg)no-repeat top 10px right 10px #028A8A; padding: 7px 0 10px; }
  .actualidad-sidebar.active{background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-dropdown-menu.svg)no-repeat top 10px right 10px #A4D3DB;}
  .actualidad-sidebar_aux{font-weight: 700;font-size: 14px;line-height: 1.5;letter-spacing: 0.1em;color: #fff;display: block;width: 100%;cursor: pointer;margin: 0; padding: 0 45px; line-height: 1.5;}
  .actualidad-sidebar_aux.open{/*display: none;*/padding: 0 45px; opacity: 0;position: absolute;}
  .actualidad-sidebar a {font-size: 14px;line-height: 30px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000; font-weight: 400; text-transform: none;padding: 0 45px}
  .actualidad-sidebar ul{padding: 0 0 0 60px}
  .actualidad-sidebar ul > li > a.active{color: #fff}
  .actualidad-sidebar a.active{color: #fff;font-weight: 700; background: #02898A; padding: 0 45px}
  .actualidad-sidebar ul .active, .actualidad-sidebar ul a{padding: 0}
  .actualidad-sidebar .active {padding: 0}
  .actualidad-sidebar .inner-sidebar{display: none;}

  /**/

  .new-sidebar_title{padding: 0 45px}
  .new-sidebar,.new-sidebar.horizontal {position: absolute;top: 48px;border-left: none;flex-direction: column;justify-content: stretch;align-items: flex-start;width: 100%;background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-dropdown-menu.svg)no-repeat top 2px right 10px #028A8A;padding: 7px 0 10px;min-height: 35px;  z-index: 20; min-height: unset;}
  .new-sidebar.active{background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-dropdown-menu.svg)no-repeat top 10px right 10px #A4D3DB;}
  .new-sidebar_aux{font-weight: 700;font-size: 14px;line-height: 1.5;letter-spacing: 0.1em;color: #fff;display: block;width: 100%;cursor: pointer;margin: 0; padding: 0 45px}
  .new-sidebar_aux.open{/*display: none;*/padding: 0 45px; opacity: 0;position: absolute;}
  .new-sidebar a, .new-sidebar.horizontal a {font-size: 14px;line-height: 30px;letter-spacing: 0.1em;text-transform: uppercase;color: #000000; font-weight: 400; text-transform: none;padding: 0 45px; display: block;background: transparent; min-height: auto; width: 100%;}
  .new-sidebar ul > li > a.active, .new-sidebar.horizontal ul > li > a.active{color: #fff}
  .new-sidebar a.active, .new-sidebar.horizontal a.active{color: #fff;font-weight: 700; background: #02898A; padding: 0 45px}
  .new-sidebar ul, .new-sidebar.horizontal ul{padding: 0; list-style: none;margin: 0;}
  .new-sidebar ul > li > a, .new-sidebar.horizontal a{padding: 0 0 0 60px}
  .new-sidebar ul>li>a.active, .new-sidebar.horizontal ul>li>a.active{padding: 0 0 0 60px}
  /*.new-sidebar ul .active, .new-sidebar ul a{padding: 0}*/
  .new-sidebar .active {padding: 0}
  .new-sidebar .inner-sidebar{display: none;}
  /**/

  .new-sidebar.horizontal .new-sidebar_title{display: block;}
  .new-sidebar.horizontal .inner-sidebar>div {flex-direction: column;    justify-content: stretch;
    align-items: flex-start;}





}


/*PREFOOTER*/

.prefooter_inner-boxes {display: flex; justify-content: space-between;align-items: center;    margin: 60px 0 0;}
.prefooter_inner-boxes .box-prefooter {flex-basis: 48%; }
.prefooter_inner-boxes .box-prefooter.full {flex-basis: 100%; }
.prefooter_inner-boxes .box-prefooter a {position: relative; display: inline-block;width: 100%;}
.prefooter_inner-boxes .box-prefooter p{position: absolute; top: calc(50% - 36px );left:0; height: 67px; background: rgba(50, 162, 163, 0.8);font-size: 23px;width: 100%;
line-height: 27px;text-align: center;margin: 0;
text-transform: uppercase;
color: #FFFFFF; display: flex; align-items: center; justify-content: center; }


@media(max-width: 767px){
  .prefooter_inner-boxes {flex-wrap: wrap; padding: 0 40px; }
  .prefooter_inner-boxes .box-prefooter {flex-basis: 100%;      margin: 0 0 30px; }
  .prefooter_inner-boxes .box-prefooter p{font-size: 18px;line-height: 21px;}
}



/*pagina noticia*/
.pagina_noticia {padding:50px 30px}
.pagina_noticia .pagina_noticia_back{font-weight: 300;font-size: 14px;line-height: 16px;
letter-spacing: 0.1em;text-transform: uppercase;color: #02898A; position: relative;left: -20px}
.pagina_noticia_back img {margin-right: 10px}
.pagina_noticia .pagina_noticia_back.purple{color: #A04896;}
/*.pagina_noticia , .pagina_noticia p, .pagina_noticia li, .pagina_noticia a, .pagina_noticia span*/{font-size: 16px; line-height: 18px;color: #000; font-weight: 300}
.pagina_noticia .title{font-weight: 500;font-size: 36px;line-height: 42px;letter-spacing: 0.1em;color: #02898A;margin-top: 35px}
.pagina_noticia.consejo .title{color: #000000;}
.pagina_noticia .share-item{justify-content: flex-end;}
.pagina_noticia .pagina_noticia_end .share-item {justify-content: center;margin: 70px 0 50px}
.pagina_noticia .related_link{font-weight: 300;font-size: 16px;line-height: 19px;
letter-spacing: 0.1em;color: #02898A;margin: 40px 0; display: inline-block;}
@media(max-width: 767px){
	 

  .noticia_portada{flex-direction: column; padding: 0 65px 0;margin-bottom: 83px;}
  .noticia_portada>div{flex-direction: column-reverse;padding: 0 0 20px;}
  .noticia_portada .share-item {position: absolute;
    bottom: -70px;}
  .noticia_portada .btn-letters-green{    bottom: 11px;
    right: 48px;}
    .noticia_portada_texto{border-bottom: 1px solid #E4E4E4; min-height: auto;}
    .inner-destacada .border>div:first-of-type{padding: 20px;}

    .pagina_noticia .title{font-size: 28px;line-height: 32px;}
    .pagina_noticia .share-item{justify-content: flex-start;}
    .pagina_noticia.consejo+.new-sidebar{top: 0}
    .title-double .new-sidebar { top: 95px;}
    .title-triple .new-sidebar { top: 125px;}
    .title-fourt .new-sidebar { top: 160px;}
}

/*sidebar comunicacion*/
.sidebar_documentacion{border-left: 1px solid #000000;padding:50px 10px 50px 40px;}
.sidebar_documentacion .title {font-weight: 300;font-size: 16px;line-height: 19px;color: #000000;}
.sidebar_documentacion ul{display: flex; flex-direction: column; list-style: none;padding: 0; margin: 0 0 90px}
.sidebar_documentacion li{margin: 0 0 10px;}
.sidebar_documentacion li a {display: inline-block;width: 100%; text-decoration: none;font-weight: 300;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;color: #02898A;}
.sidebar_documentacion li a img{margin: 0 10px 0 0;}
.sidebar_noticias_relacionadas{margin: 0 0 90px; display: flex; flex-direction: column;}
.sidebar_documentacion .btn-grey{margin-bottom: 30px}
.noticia_relacionada{display: flex;flex-direction: column;font-weight: 300;
font-size: 14px;line-height: 16px;color: #000000; position: relative; padding-bottom: 20px; margin:0 30px 50px 0; max-width: 260px;}
.noticia_relacionada-title{font-weight: 500;font-size: 20px;line-height: 23px;letter-spacing: 0.1em;color: #000000;}
.noticia_relacionada-info{font-weight: 300;font-size: 13px;line-height: 15px;color: #000000;}
.noticia_relacionada-info a {color: #000000; }


/*EL COLEGIO INFORMA*/

.inner-boxes {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;margin:100px 0 70px; max-width: 830px;  }

.inner-boxes .box-half{flex-basis: 100%;margin: 0 0 40px; }
.box-half a{display: flex;width: 100%; flex-direction: column;align-items:center;background: #02898A; color: white;font-weight: 500;font-size: 16px; justify-content: flex-start; 
line-height: 19px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase; color: #FEFEFE ; padding: 46px 20px 20px;min-height: 245px;text-decoration: none;}
.box-half:hover a{background: #00B1B9;}
.box-half a>img{margin-bottom: 40px}
.box-half .purple {background: #A04997}
@media(min-width: 768px){
  .inner-boxes .box-half{flex-basis: 48%; }
  .actualidad-sidebar_aux{display: none;}
  .new-sidebar_aux{display: none;}
}

@media(max-width: 767px){
	 .inner-boxes{padding: 0 40px}
}

.box-half input {display: flex;width: 100%; padding:140px 70px 10px; color: #fff;min-height: 245px;border: none;font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;    white-space: pre-wrap; text-align: center;}
.box-half .colegiado{background: url(../imagenes/icons/ico-home-colegiado-white-big.svg)top 60px center no-repeat #02898A;}
.box-half .no-colegiado{background: url(../imagenes/icons/ico-home-colegiado-white-big.svg)top 60px center no-repeat #02898A;}

@media(max-width: 767px){
  .box-half input{padding: 140px 20px 10px}
}


/*colegio informa ultimo mes*/
.items_agenda_mes {display: flex; flex-direction: column;margin: 50px 0;max-width: 815px;}
.items_agenda_mes .item-agenda{text-decoration: none;}
.items_agenda_mes .title, .title-section{font-weight: 500;font-size: 28px;line-height: 33px;
letter-spacing: 0.1em;text-transform: uppercase;color: #02898A}
.title-section{margin: 40px 0}
.items_agenda_mes .title.purple{color: #A04997;}
.items_agenda_mes .item-filtro_actualidad {margin: 40px 0 50px}
.items_agenda_mes .item-filtro_actualidad li{min-width: 220px}
.items_agenda_mes .item-filtro_actualidad .item_search {flex-grow: 1}

@media(max-width: 767px){
	.items_agenda_mes .item-filtro_actualidad li{flex-basis: 100%}
}



/*estamos trabajando agenda*/
.panel.panel-agenda{padding: 0; border-radius: 0;box-shadow: none; border: none; margin: 0 0 40px }
.panel-agenda .item-agenda {margin: 0;border-radius: 0;}
.panel-agenda .panel-heading{padding: 0}
.panel-agenda .item-agenda .icon-white{display: none;}
.panel-agenda .item-agenda:not(.collapsed){background: #02898A; color: white}
.panel-agenda .item-agenda:not(.collapsed) .intro{color: white;     border-left: 1px solid #fff;}
.panel-agenda .item-agenda:not(.collapsed) .date{color: white}
.panel-agenda .item-agenda:not(.collapsed) .icon-white{display: inline-block;}
.panel-agenda .item-agenda:not(.collapsed) .icon-green{display: none;}
.panel-agenda .panel-body .header-content{clear: both;   width: 100%;    display: flex;    justify-content: center;    align-items: center;    border-bottom: 1px solid #737171;}
.panel-agenda .panel-body .body-content{clear: both;    width: 100%;
    display: flex;    padding: 45px 0 30px;}
.panel-agenda .panel-body .title{font-weight: 500;font-size: 24px;line-height: 28px;letter-spacing: 0.1em;text-transform: none;color: #02898A;}
.panel-agenda .panel-collapse.collapse.in{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

@media(max-width: 767px){
	.panel-agenda .panel-body .body-content{flex-direction: column;}
	.panel-agenda .panel-body .header-content{flex-direction: column; justify-content: stretch}
	.panel-agenda .panel-body .header-content>div{width: 100%}

	.panel-agenda .panel-body .header-content .fecha{display: block; text-align: left;}
	.panel-agenda .panel-body .title{ font-size: 22px;line-height: 26px;}
}


/*estamos trabajando proyectos*/
.panel.panel-proyecto{padding: 0; border-radius: 0;box-shadow: none; border: none; margin: 0 0 40px }
.panel-proyecto .panel-heading{font-size: 16px;line-height: 19px;letter-spacing: 0.1em;color: #02898A;border-bottom:1px dashed #028A8A; background: #fff;}
.panel-proyecto .panel-heading a {display: flex; justify-content: space-between;
    align-items: center;}
.panel-proyecto .panel-heading a:not(.collapsed) .icon-green{transform: rotateX(180deg);}
.panel-proyecto .panel-heading .title{max-width: 40%;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;color: #02898A;}
.panel-proyecto .panel-heading .item-logos{display: flex;justify-content: flex-end;align-items: center;padding: 0 20px; flex-grow: 1}
.panel-proyecto .panel-heading .item-logos img {margin: 0 5px;}
.panel-proyecto .panel-body {background: #F9F9F9;padding: 20px 60px;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;color: #000000;}

@media(max-width: 767px){
	.panel-proyecto .panel-heading a{flex-direction: column;}
}


/*bienvenida*/
.txt-bienvenida {display: flex;justify-content: flex-start;align-items: flex-start;}
.txt-bienvenida .txt{padding: 0 20px}

@media(max-width: 767px){
	.txt-bienvenida{flex-direction: column; justify-content: stretch}
	.txt-bienvenida .txt{padding: 40px 0}
}
/*bienvenida departamentos*/
.item-departamento {display: flex;flex-direction: column;margin: 0 0 50px}
.item-departamento>div{display: flex;justify-content: space-between; align-items: center;padding: 15px 0;font-size: 16px;line-height:23px;font-weight: 300}
.item-departamento .heading {border-bottom:1px solid #000;letter-spacing: 0.1em; padding: 10px 0;text-transform: uppercase;}
.item-departamento>div:last-of-type p{max-width: 385px}
.item-departamento span{font-size: 14px; line-height: 19px; font-weight: 400}
.item-departamento a{display: inline-block;text-align: right;width: 100%;}

/*instalaciones*/

.items_instalaciones{    display: flex;    width: 100%;    justify-content: space-between;    padding: 20px 25px 0 0;}
.items_instalaciones .item_inst{display: flex;justify-content: flex-start;align-items: center; margin: 0 25px 20px 0}
.items_instalaciones .item_inst:last-of-type{margin: 10px 25px 50px 0}
.items_instalaciones .item_inst span{background: #E5E5E5;min-width: 145px;text-align: center;font-weight: 300;font-size: 16px;line-height: 23px;letter-spacing: 0.1em;text-transform: uppercase;color: #121313; margin:0 25px 0 0; }
.items_instalaciones .item_inst strong{font-size: 16px;line-height: 23px;letter-spacing: 0.1em;text-transform: uppercase;color: #02898A}

.item_address {display: flex; justify-content: space-between; align-items:stretch; flex-wrap:wrap;font-weight: 300;font-size: 16px;
line-height: 23px;
color: #090909;}
.item_address .half-item{flex-basis: 50%; display: flex; flex-wrap: wrap;margin: 40px 0}
.title-address{font-size: 16px;line-height: 23px;font-weight: 700;letter-spacing: 0.1em;
text-transform: uppercase;color: #02898A}
.item_address .half-item p{flex-basis: 100%;display: flex;align-items: flex-start;}
.item_address .half-item span{flex-basis: 45%;display: flex; align-items: flex-start;}
.item_address .half-item img, .third-item img {margin: 0 10px 0 0; max-width: 35px }
.item_address .third-item{flex-basis: 30%; border-right: 1px solid #000;padding: 0 40px; }
.item_address .third-item:nth-of-type(1){padding: 0 40px 0 0; }
.item_address .third-item:last-of-type{border-right: none; padding: 0 0 0 40px}
.item_address .third-item p {    display: flex;}

.social{display: flex;width: 100%; list-style: none; padding: 0; margin: 0}
.social a {color: #000000}
.social.inline{justify-content: space-between;align-items: center; padding: 20px 0}
.social.column{flex-direction: column;}
.social.column a{font-size: 14px;line-height:30px;letter-spacing: 0.1em;}

@media(max-width: 1200px){
  .item_address .third-item{flex-basis: 48%}
  .item_address .half-item{flex-basis: 100%}
}

@media(max-width: 767px){
  .social.inline {padding: 60px 0 20px;}
  .items_instalaciones{flex-direction: column;}
  /*.item_address .half-item{flex-basis: 100%}*/
  .item_address .third-item{flex-basis: 100%; border-right: none}
}


/*empresa saludable*/
.items_acreditaciones {max-width: 825px; padding: 40px 0}
.items_acreditaciones a{display: flex;justify-content: flex-start;width: 100%;margin: 0 0 20px; font-size: 16px;
line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;color: #02898A}
.items_acreditaciones a>img {border: 1px solid #E4E4E4;}
.items_acreditaciones .box-pdf{display: flex;justify-content:flex-start; align-items: center;background: #F9F9F9;margin: 0 0 0 10px; flex-grow: 1;position: relative;padding: 20px 20px 20px 45px }
.items_acreditaciones .box-pdf .icons{top: calc(50% - 5px);position: absolute;
right: 10px;}

@media(max-width: 767px){
	.items_acreditaciones a{flex-direction: column;}
}



/*junta de gobierno*/

.item_junta {font-weight: 300;font-size: 16px;line-height: 22px; display: flex;margin: 0 0 20px}
.item_junta.vocales{flex-direction: column;}
.item_junta>div:last-of-type{padding:0 0 0 10px }
.item_junta.vocales>div:last-of-type{padding:0}
.item_junta .name {margin: 0}
.item_junta .info{font-size: 14px;line-height:  20px; position: relative; padding: 0 0 30px}
.item_junta .info span{font-size: 16px;line-height: 31px;color: #A4A4A4;display: block;width: 100%;}
.item_junta.vocales a{margin: 0 0 5px}
@media(max-width: 767px){
  .item_junta{display: flex; flex-direction: column;}
  .item_junta>div:last-of-type{padding: 10px 0 0}
  .item_junta .btn-letters-green span{display: inline-block;}
}

/*secciones del colegio*/

.inner_secciones {display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: 30px; margin-bottom: 20px } 
.inner_secciones a {flex-basis: 30%; position: relative; margin: 0 0 10px}
.inner_secciones.w_btn>div {flex-basis: 30%; position: relative; margin: 0 0 10px}
.inner_secciones.w_btn a {margin:5px 0;}
.inner_secciones a>p, .inner_secciones.w_btn div>p{position: absolute;top: calc(50% - 25px); left: 0; width: 100%;font-size: 16px;line-height: 19px;text-align: center;letter-spacing: 0.1em;
text-transform: uppercase;padding: 5px 10px; display: flex;justify-content: center; align-items: center; background: rgba(50,162,163,0.8); color: #fff; min-height: 53px}
.inner_secciones.interior{max-width: 860px;justify-content: flex-start;}

.inner_secciones.interior a{display: flex; align-items: center; justify-content: flex-start;font-weight: 300;
font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;border: 1px solid #02898A;padding:10px 20px;
color: #02898A;min-height: 67px; margin: 0 0 40px}

.inner_secciones.interior a:hover{-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);}
.inner_secciones.interior a>img{margin-right: 10px }
.inner_secciones.interior.sidebar{flex-direction: column;max-width: 100%;align-items: stretch;padding: 50px 15px 20px; grid-gap: 10px}
.inner_secciones.interior.sidebar a{margin: 0 0 10px}
.inner_secciones.interior.sidebar .active{filter:  invert(96%) sepia(0%) saturate(1053%) hue-rotate(181deg) brightness(96%) contrast(72%);}

@media(max-width: 1200px){
  .inner_secciones.interior a{flex-basis: 42%; margin:0 10px 40px;}
  

}



@media(max-width: 767px){
  .inner_secciones.interior{flex-direction: column; align-items: stretch;}
  .inner_secciones.interior a, .inner_secciones a{flex-basis:100%; margin:0 10px;}
  
  .inner_secciones.interior {grid-gap: 15px;}
  .inner_secciones{flex-direction: column;}

  
}

.links-related{border-top: 1px solid #000; }
.links-related ul{padding: 0; margin: 30px 0; list-style: none;}

.item_grupo_trabajo {
display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
max-height: 249px;
min-height: 249px;
    border: 1px solid;
    margin: 0 3px 27px 0;
    width: 16%;
    padding: 10px 8px 0;}
.item_grupo_trabajo.interna {width: 24%;}
.item_grupo_trabajo img{filter: invert(36%) sepia(25%) saturate(4279%) hue-rotate(153deg) brightness(91%) contrast(101%);}
.item_grupo_trabajo a{display: inline-block;width: 100%;}
.item_grupo_trabajo .titulo_grupo{font-size: 15px; margin:10px 0 }
@media(max-width: 999px){
  .item_grupo_trabajo, .item_grupo_trabajo.interna {width: 45%}
}
@media(max-width: 767px){
  .item_grupo_trabajo, .item_grupo_trabajo.interna {width: 100%}
}

.item_premio a{position: relative; display: inline-block; width: 100%;font-weight: 700;
font-size: 16px;line-height: 19px;text-align: center;color: #FFFFFF;}
.item_premio p{position: absolute; top: 0; left: 0; display: flex;justify-content: center;align-items: center;width: 100%;background:rgba(0,0,0,0.25);padding: 10px; height: 100%}


.item_poster {position: relative;display: inline-block;width: 100%;padding: 0; margin: 0 0 30px}
.item_poster .hover-filter{position: absolute;top: 0 ;left: 0;display: flex;justify-content: center;align-items: center; flex-direction: column; padding: 20px;font-weight: 700;font-size: 18px;line-height:27px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF; background: rgba(2,137,138, 0.8); height: 100%; opacity: 0; transition: .5s all linear;}
.item_poster:hover .hover-filter{opacity: 1}


.search_grupos{display: flex;}
.search_grupos .form-group {flex-grow: 1; margin: 0}
.search_grupos .form-group input[type=text]{height: 56px; padding: 0 20px; color: #000;background: #F0EBEB; border-radius: 0; border: none; outline: none; }
.search_grupos input[type=button]{height: 56px; width: 132px; padding: 10px 10px 10px 50px; background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-search-white.svg) no-repeat top 15px left 15px #02898A;font-size: 16px;
line-height: 19px;
letter-spacing: 0.1em;
text-transform: uppercase;font-weight: 500;color: #FFFFFF; border: none;}


/*visualizacion elemento videos*/

.caratula-video{ /*background:url(../imagenes/logo-blanco.png)no-repeat top 20px center #02898A;*/
background-image: url(https://www.copmadrid.org/web/imagenes//icons/logo-blanco.png), url(https://www.copmadrid.org/web/imagenes//icons/ico-play-white.svg) ;
background-position: top 20px center, bottom 20px right 20px;
background-color: #02898A;
background-repeat: no-repeat;
 padding:75px 20px 20px; display: inline-block;width: 100%; font-size: 14px;
line-height: 16px;color: #FFFFFF; margin-bottom: 15px; min-height:222px;}
.caratula-video:hover{color: #fff}
.caratula-video p{margin: 0}
.caratula-video .title{font-weight: 700;font-size: 14px;line-height: 16px;color: #FFFFFF; margin-bottom: 20px; margin-top: 10px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.caratula-video.directo{
background-image: url(https://www.copmadrid.org/web/imagenes/icons/logo-blanco.png), url(https://www.copmadrid.org/web/imagenes/icons/ico-play-white.svg) ;
background-position: top 20px center, bottom 20px right 20px;
background-color: #8FD1D6;
background-repeat: no-repeat;
 padding:75px 20px 20px; display: inline-block;width: 100%; font-size: 14px;
line-height: 16px;color: #FFFFFF; margin-bottom: 15px}


/*tabs grupos de trabajo interna*/

.grupo-tab {margin-bottom: 40px}

.grupo-tab .nav-tabs{border-bottom: 1px solid #02898A}
.grupo-tab .nav-tabs svg{max-width: 25px;margin-right: 10px  }
.grupo-tab .nav-tabs a{padding: 15px; height:53px;font-weight: 300;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;color: #02898A;background: #F5F0F0; display: flex; justify-content: center; align-items: center;border-radius: 0}
.grupo-tab .nav-tabs li:hover a {background:rgba(2,137,138,0.8);}
.grupo-tab .nav-tabs .active a{ background: #02898A!important;    color: #fff!important;}
.grupo-tab .nav-tabs .active svg {stroke: #fff; fill: #fff;}
.grupo-tab .tab-pane{padding: 20px 0}


/*FORMULARIO LABEL FLOTANTE*/

.help-block{font-style: italic;color: #B6C0C0; font-size: 11px; text-transform: uppercase;line-height: 1.2}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control::-ms-expand {
    display: none;
}
select.form-control{
    height: 59px;
    border: 1px solid #CCCBCB;
    padding: 10px 15px 0;
    font-size: 18px;
    line-height: 21px;
    color: #083434;
    border-radius: 0;
    transition: none; }
select.form-control {background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-arrow-down-green.svg) top 19px right 15px no-repeat white;padding: 0 10px;}

.form-upper-labels .form-control:focus{box-shadow: none}
.form-upper-labels input[type="text"], .form-upper-labels input[type="date"], .form-upper-labels input[type="email"], .form-upper-labels input[type="password"],.form-upper-labels input[type="tel"], .form-upper-labels textarea, .form-upper-labels select{
    height: 59px;
    border: 1px solid #CCCBCB;
    padding: 10px 15px 0;
    font-size: 18px;
    line-height: 21px;
    color: #083434;
    border-radius: 0;
    transition: none; }
.form-upper-labels select {background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-arrow-down-green.svg) top 19px right 15px no-repeat white;padding: 0 10px;}

  .form-upper-labels label {font-weight: 300;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;color: #CCCBCB; position: absolute; top: 10px; left: 15px;}
  .form-upper-labels input[type="email"]:focus + label, .form-upper-labels input[type="email"]:active + label{top: 5px; font-size: 11px;line-height: 13px;letter-spacing: 0.1em;text-transform: uppercase;color: #32A2A3;}
  .form-upper-labels input[type="text"]:focus + label, .form-upper-labels input[type="text"]:active + label{top: 5px; font-size: 11px;line-height: 13px;letter-spacing: 0.1em;text-transform: uppercase;color: #32A2A3;}
  .form-upper-labels input[type="password"]:focus + label, .form-upper-labels input[type="password"]:active + label{top: 5px; font-size: 11px;line-height: 13px;letter-spacing: 0.1em;text-transform: uppercase;color: #32A2A3;}
  .form-upper-labels textarea:focus + label, .form-upper-labels textarea:active + label{top: 5px; font-size: 11px;line-height: 13px;letter-spacing: 0.1em;text-transform: uppercase;color: #32A2A3;}

  .form-upper-labels .has-value + label {top: 5px; font-size: 11px;line-height: 13px;letter-spacing: 0.1em;text-transform: uppercase;color: #32A2A3;}

  .form-upper-labels .checkbox label{    font-size: 14px;
    line-height: 2.2;
    color: #000000;
    text-transform: none;
    letter-spacing: 0;
    left: 0;
    position: relative;
    top: unset;
    min-height: 20px;padding-left: 25px}

  .form-upper-labels .intereses h4{font-size: 14px;line-height: 16px;text-transform: uppercase;color: #028A8A}
  .form-upper-labels .checkbox input[type=checkbox]{    border: 1px solid #CCCBCB;
    width: 20px;
    height: 20px;
    border-radius: 0;margin-left: -25px;}

/*intereses formulario orientacion*/
.form-upper-labels .intereses .checkbox{display: inline-block;width: 100%;margin-bottom: 5px!important;    margin-top: 0;    min-height: 16px;  }


/*custom file input*/
.form-upper-labels input[type="file"] {display: none;}
.form-upper-labels input[type="file"] + label{display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CCCBCB;
    padding: 1px 0 1px 20px;
    position: relative;
    top: unset;
    left: unset;
    overflow: hidden; cursor: pointer;}
.form-upper-labels .fake-btn{height: 55px; background: #A4A4A4;font-size: 16px;line-height: 19px;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF; max-width: 120px; display: flex; align-items: center; padding: 0 5px; z-index: 10}
.form-upper-labels .archivo.name{position: absolute; top: 18px;    left: 22px; font-size: 18px;line-height: 21px;text-transform: uppercase;color: #083434;}
.form-upper-labels .fake-label {position: absolute; top: 18px;    left: 22px;}
.form-upper-labels  .fake-label.activo{top: 5px;    font-size: 11px;    line-height: 13px;    letter-spacing: 0.1em;    text-transform: uppercase;    color: #32A2A3;}


.form-solicitar {position: absolute; top: 0; left: 100%; width: 380px; height: 360px; display: none; }

@media(max-width:1024px ){
  .form-solicitar{width: 300px;}
}
@media(max-width:990px ){
  .fake-table-striped.becas .item-striped, .fake-table-striped.becas .head-item{flex-wrap: wrap;}
  .fake-table-striped.becas .item-striped p:last-of-type{flex-basis:100%}
  .fake-table-striped.becas .item-striped p:last-of-type>a{max-width: 100%!important}
  .form-solicitar{width: 100%; position: relative;top: unset; left: unset;}
}








/*EMPLEO PORTADA*/

.inner-boxes.small{grid-gap: 6px; justify-content: flex-start;margin: 40px 0 20px}
.inner-boxes.medium{grid-gap: 6px; justify-content: flex-start;margin: 40px 40px 20px}
.box-fourth{flex-basis: 100%;margin: 0 0 40px; }
.box-fourth a{display: flex;width: 100%; flex-direction: column;align-items:center;background: #02898A; color: white;font-weight: 500;font-size: 16px; justify-content: space-between; 
line-height: 19px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase; color: #FEFEFE ; padding: 20px 9px 10px;min-height: 135px;text-decoration: none;}
.box-fourth:hover a{background: #00B1B9;}
/*.box-fourth a>img{margin-bottom:20px}*/

@media(min-width: 768px){
  .inner-boxes .box-fourth{flex-basis: 48%; }
  .actualidad-sidebar_aux{display: none;}
  .new-sidebar_aux{display: none;}
}
@media(min-width: 998px){
  .inner-boxes .box-fourth{flex-basis: 24%; }
}





/*fake tabla striped*/
 .fake-table-striped{margin-bottom: 40px; display: inline-block;}
.fake-table-striped .head-item{padding: 10px 0; border-bottom: 1px solid #000; margin: 0 0 20px}

.fake-table-striped .item-striped, .fake-table-striped .head-item{display: flex;justify-content: space-between;}
.fake-table-striped .item-striped{background:#F9F9F9;padding: 10px; }
.fake-table-striped .item-striped:nth-of-type(odd){background: rgba(164, 211, 219, 0.26);}

.fake-table-striped .head-item p, .fake-table-striped .item-striped p{flex-basis: 19%; flex-shrink: 0; margin:0 }
.fake-table-striped .head-item p:first-of-type, .fake-table-striped .item-striped p:first-of-type{flex-basis: 29%; }

.fake-table-striped.pagos .head-item p:nth-of-type(2){flex-basis: 8%}
.fake-table-striped.pagos .head-item p:nth-of-type(1){flex-basis: 33%}
.fake-table-striped.pagos .head-item p{flex-basis: 30%}
.fake-table-striped.pagos .item-striped p:first-of-type{ flex-basis: 8%;
    text-align: center;}
.fake-table-striped.pagos .item-striped p:nth-of-type(2){flex-grow: 1 }
.fake-table-striped.pagos .item-striped p {
    flex-basis: 30%;
    flex-shrink: 0;
    margin: 0;
    padding: 0 5px;
}

.fake-table-striped.recibos .head-item p, .fake-table-striped.recibos .item-striped p,.fake-table-striped.recibos .head-item p:first-of-type, .fake-table-striped.recibos .item-striped p:first-of-type {flex-basis: 32%}


.fake-table-striped.becas .head-item p:nth-of-type(1){flex-basis: 16%; text-align: left;}
.fake-table-striped.becas .head-item p:nth-of-type(2){flex-basis: 33%}
.fake-table-striped.becas .head-item p{flex-basis: 30%}
.fake-table-striped.becas .item-striped p:first-of-type{ flex-basis: 16%;
    text-align: left;}
.fake-table-striped.becas .item-striped p:nth-of-type(2){flex-grow: 1 }
.fake-table-striped.becas .item-striped p {
    flex-basis: 30%;
    flex-shrink: 0;
    margin: 0;
    padding: 0 5px;
}


.green-stripes th{border-bottom: 1px solid #000!important; padding:10px;}

.green-stripes tbody tr td{background:#F9F9F9;padding: 10px;}
.green-stripes tbody tr:nth-of-type(odd) td{background: rgba(164, 211, 219, 0.26);}







/*item curso*/
.inner_cursos{display: flex;    flex-wrap: wrap;    grid-gap: 15px; margin-bottom: 20px}
.item_curso{flex-basis:30%; flex-shrink:0;display: flex; flex-direction: column;font-weight: 300;font-size: 16px;line-height: 19px;text-transform: uppercase;color: #02898A; }
.inner_cursos.four .item_curso{flex-basis: 23%}
.item_curso p{margin: 0 0 5px; 
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.inner_item_curso{padding: 15px; border: 1px solid #E4E4E4;}
.item_curso_title{font-weight: 300;font-size: 16px;line-height: 19px;
letter-spacing: 0.1em;min-height: 78px;text-transform: none;color: #000000;}
.item_curso .btn-ghost-green, .item_curso .btn-green{ /*margin: 5px auto;*/justify-content: flex-start;padding: 10px 20px 10px 45px; text-align: left;}
.item_curso [class*="btn"]{margin:5px auto; width: 100%;}
.item_curso .w-icon img{top: 9px}
.item_curso .btn-red{max-width: 100%; width: 100%;margin-bottom: 10px}
.item_curso .si_video, .item_curso .si_free{position: relative;}
.item_curso .si_video .play{position: absolute;top:110px; right: 10px }
.item_curso .si_free .gratuito{font-weight: 700;font-size: 17px;line-height: 1;letter-spacing: 0.1em;text-transform: uppercase;color: #FFFFFF; height:35px; padding: 10px; background: #00B1B9;border-radius: 10px; top: 30px; right: -10px; position: absolute; }

.title-modal-curso{font-weight: 300;font-size: 24px;line-height: 28px;letter-spacing: 0.1em;text-transform: uppercase;margin: 0 0 50px;
color: #000000}

.modal-plan-formacion {border-radius: 0}
.modal-plan-formacion .close {opacity: 1}
.modal-plan-formacion .modal-header{border: none;}
@media(min-width: 767px){
  .modal-plan-formacion .modal-dialog{width: 740px}
}


@media(max-width: 1024px){
  .item_curso{flex-basis: 45%; max-width: 265px}
  .inner_cursos.four .item_curso{flex-basis: 29%}
}

@media(max-width: 767px){
  .inner_cursos{justify-content: center;}
  .item_curso{flex-basis: 100%; }
  .inner_cursos.four .item_curso{flex-basis: 100%}
}


.item_empleo_publico{background:#F9F9F9; margin-bottom: 5px; padding:30px 50px  }
.item_empleo_publico:nth-of-type(odd){background: rgba(164, 211, 219, 0.26); }
.item_empleo_publico:last-of-type{margin-bottom: 40px}



/*guias psicologuia PORTADA*/

.inner-boxes.small{grid-gap: 6px; justify-content: flex-start;margin: 40px 0 20px}
.box-third{flex-basis: 100%;margin: 0 0 40px; }
.box-third a{display: flex;width: 100%; flex-direction: column;align-items:center;background: #02898A; color: white;font-weight: 500;font-size: 14px; justify-content: space-between; 
line-height: 19px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase; color: #FEFEFE ; padding: 20px 9px 10px;min-height: 165px;text-decoration: none;}
.box-third:hover a{background: #00B1B9;}
/*.box-fourth a>img{margin-bottom:20px}*/

@media(min-width: 768px){
  .inner-boxes .box-third{flex-basis: 48%; }
  .inner-boxes .box-third-gap{flex-basis: 48%}
}
@media(min-width: 998px){
  .inner-boxes .box-third{flex-basis: 30%; }
  .inner-boxes .box-third-gap{flex-basis: 30%; margin-left:15%}
}


.filter-clasificacion{display: flex; flex-wrap: wrap;padding: 0 0 10px; list-style: none;margin:0 0 30px;width: 100%;justify-content: space-between; border-bottom: 1px solid #000}
.filter-clasificacion a{font-weight: 300;
font-size: 16px;line-height: 19px;letter-spacing: 0.1em;
text-transform: uppercase;color: #000000;}
.filter-clasificacion.centrado{justify-content: center; border-bottom: none}
.filter-clasificacion.centrado li{padding: 0 15px}
.filter-clasificacion.centrado  a{font-weight: 400;font-size: 15px;line-height: 18px;letter-spacing: 0.1em;text-transform: uppercase;

color: #000000;}

.category-tag{background: #028A8A; color: #fff; min-height: 31px;  text-transform: uppercase; padding: 5px 10px; margin-right: 10px }
.category-tag:hover{color: #fff}

.comunicados_item{border-bottom: 1px dashed #A4D3DB;padding: 20px 10px 20px 60px; background: url(https://www.copmadrid.org/web/preweb/imagenes/icons/ico-pdf-green.svg)no-repeat top 20px left 10px; }
.comunicados_item .comunicados-title{font-weight: 500;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.1em;margin-bottom: 20px;
color: #028A8A; display: inline-block;width: 100%; }


.inner-ficha-curso{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: #FFFFFF;border: 1px solid #E4E4E4;padding: 30px 15px 10px; margin: 0 auto 40px; }
.ficha-curso .inner_item_curso{border: none; padding: 0}
.curso_imagen-destacada{margin-bottom: 20px}

@media(min-width: 990px){
  .ficha-curso{position: absolute; top: 115px; right: 50px; max-width: 295px; padding: 0 }
  .curso_imagen-destacada{margin-bottom: 60px}
}


@media(min-width: 768px){
  .panel-chat-padre{position:fixed; bottom: 0;
    right: 10px; z-index: 98}
}


/*filtro abecedario*/

.filtro-abecedario {display:flex; justify-content:flex-start; align-items: center;width: 100%; list-style: none; padding: 0; margin:40px 0;}
.filtro-abecedario a{padding: 5px;font-size: 16px;
line-height: 19px;
letter-spacing: 0.155em;
text-transform: uppercase;
color: #000000; font-weight: 400}

@media(max-width: 998px){
	.filtro-abecedario {flex-wrap: wrap;}
	.filtro-abecedario a{margin-bottom: 15px}
}


.inner-form-steps-header {display: flex; justify-content: space-between; align-items: center; list-style: none;padding: 0; margin: 0}

.inner-form-steps-header a{font-size: 14px;line-height: 16px;
letter-spacing: 0.1em;text-transform: uppercase;padding: 10px;display: inline-block;width: 100%; color: #000; }
.inner-form-steps-header .active{color:#028A8A; background: #FBF8F8; }

.heading-step{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #B9BCBC;  }
.heading-step .link-option{ color: #A4A4A4;font-size: 14px;
line-height: 16px; text-transform: uppercase;}
.body-step-collapsed{display: flex; flex-direction: column;width:100%; padding: 10px 0}

.heading-step.active {border-bottom: 1px solid #02898A;}
.heading-step.active .link-option, .heading-step.active label{color: #02898A}
.heading-step.active svg {transform: rotateX(180deg); fill: #02898A }
.heading-step.active path { fill: #02898A }

.form-step{display: none;}
.form-step.active {display: block;}

@media(max-width: 767px){
  .inner-form-steps-header{align-items: flex-end;}
  .inner-form-steps-header a { font-size: 12px;}
}


.triangle-list {list-style-image: url("../imagenes/icons/ico-triangle-list-green.svg")}


.frame-vista-previa{padding-top:210px }
@media(max-width: 767px){
  .frame-vista-previa{padding-top:30px }
}


/**RESET ETIQUETAS H */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-size: 20px; 
  text-transform: uppercase;
}

.required {
    background-image: url("../imagenes/icons/ico-triangle-list-red.svg");
    background-repeat: no-repeat;
    background-position-y: 10px;

}

/*
.required:before{
  content:"*";
  position:relative;
  margin-left: -10px; 
  left: -10px;
}
*/

/**hablemos de...*/


.noticia_portada_texto.hablemos {min-height: 250px}

.cabecera-hablemos{display: flex; flex-direction: column;}
.cabecera-hablemos .boxed-title{padding: 40px}

@media(min-width: 1024px){
  .cabecera-hablemos{flex-direction: row;  justify-content: flex-start; }
  .cabecera-hablemos .boxed-title{padding: 60px 40px 10px 45px; min-width: 40%; max-width: 40%;}
}

@media(max-width: 767px){
  
  .noticia_portada_texto .type {order: 1; margin-bottom: 10px}
  .noticia_portada_texto.hablemos {min-height: unset;}
}


.cabecera-participacion {background: url(../imagenes/img-portada-participacion.jpg)center left no-repeat;
  min-height: 290px;
  color: #000;
  padding: 40px 60px;

}
.cabecera-participacion .subtitle{font-weight: 300;
font-size: 30px;
line-height: 35px;
letter-spacing: 0.1em;margin-bottom: 30px}
.cabecera-participacion .title{font-weight: 700;
font-size: 40px;
line-height: 47px;
letter-spacing: 0.1em;}

.item-participa{min-height:100px; margin: 0 0 35px ;display: flex;}
.item-participa>div{flex-basis: 40%}
.item-participa>div:last-of-type{flex-basis: 60%}
@media(min-width: 768px){
  .item-participa>div:last-of-type,.item-participa>div {flex-basis: 50%}
  .item-participa{min-height:195px;}
}