@font-face {
	font-family: 'Franklin Gothic Book';
	font-style: normal;
	font-weight: normal;
	src: local('Franklin Gothic Book'), url('../fonts/FRABK.woff') format('woff');
}
@font-face {
	font-family: 'Franklin Gothic Book Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Franklin Gothic Book Italic'), url('../fonts/FRABKIT.woff') format('woff');
}
body{
	font-family:'Franklin Gothic Book';
	font-weight:normal;
	font-size: 20px;
}
iframe {
    max-width: 100%;
    max-height: 100%;
}

.formatoEtiqueta li{
    margin-bottom: 12px;
}

.ancla_uca{
    margin-top: 60px;
}
@media screen and (min-width: 768px) {
    body{
        margin-top:55px;
    }
/*Menú flotante*/
.menu-layer{
    display: block;
    width: 100%;
    height: auto;    
    position: fixed;
    z-index: 99999999999999999;
    top:0;
    clear: both;
}

#menuGeneralUCA{
    position:absolute; /*fixed;*/    
    color: #fff;
    cursor:pointer;
    padding: 9px 10px;
    /*margin-top: 8px;*/
    margin-right: 15px;
    /*margin-bottom: 8px;*/
    background-color: #003C71;
    background-image: none;
    border: 1px solid transparent;
    border-radius:inherit; 
    z-index: 999999999999999999999999999999;
}
#menuGeneralUCA .icon-bar-UCA {
    background-color: #fff;
    margin-top: 5px;
    width: 30px;
    height: 3px;
    display: block;
}
.menuGeneralUCA.active .icon-bar-UCA:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.menuGeneralUCA.active .icon-bar-UCA:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.menuGeneralUCA.active .icon-bar-UCA:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}
/*menuGenera*/
.menuGeneral{    
    z-index: 9999999999999;
    max-width: 350px;
    padding: 10px;
    height: auto;
    min-height:25px;
    background-color: #003C71;
    color: #fff;
    float: left;
    display: none;
    position:absolute;
    margin-top: 44px;
    overflow: auto; 
}
.menuGeneral a{
    color: #fff;
}
.menuGeneral > ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}
.menuGeneral .dropdown-menu{
    position: relative;
    top: inherit;
    float: inherit;
    border: inherit;
    background-color:transparent;
    border-radius:inherit;
    box-shadow:inherit;
    font-size: 18px;
}
.menuGeneral .dropdown-menu a{
    color: #fff !important;
}
.menuGeneral .dropdown-menu a:hover{
    color:#003C71 !important;
}
}
/*Fin*/



/*
[[[[[[[[[[Menú]]]]]]]]]]
*/
.navbar-default{
    font-size: 19px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
    border-bottom: 1px solid #ccc;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a{
    border-bottom:1px solid;
    border:transparent;
}
header > div > .navbar{
    min-height: 100px;
    background-color:inherit;
    border-color:inherit;
    border:inherit;    
}
header > div >  .navbar > .navbar-header > .navbar-brand{
    height: inherit;

}
.navbar-nav > li > a{
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 40px;
    color: #003C71 !important;
    font-weight: bold;
}
@media screen and (max-width: 1199px) {    
    header > div >  .navbar > .navbar-header{
        height: inherit;
        max-width: 340px;
        width: 100%;
        margin: auto;
        float: inherit;
    }
    header > div >  .navbar > #menu-uca > .navbar-nav{
        width: 100%;
    }
    .navbar-nav > li > a{
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 40px;
        color: #003C71 !important;
        font-weight: bold;
    }
    .navbar-nav > li{
        width: 25%;
        text-align: center;
    }
}
@media screen and (max-width: 460px) {
    .logo-texto{
        display: none !important;
    }
      iframe {
        max-width: 100%;
        height: auto;
    } 
}
@media screen and (max-width: 480px) {
      iframe {
        max-width: 100%;
        height: auto;
    } 
}
@media screen and (max-width: 767px) {
   
    .navbar-default .navbar-toggle{
        border: inherit;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background-color:inherit;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: #000; /*#fff*/
        margin-top: 6px;
        width: 30px;
        height: 4px;
    }
    header > div >  .navbar > .navbar-header > .navbar-brand{
    height: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .navbar-collapse{
        padding-right: 0px;
        padding-left: 0px;
    }
    #menu-uca{
        background-color: #fff;
    }
    .barra-movil{
        background-color: #E7E8EA;
    }
    header > div >  .navbar > .navbar-header{
        height: inherit;
        max-width: 100%;
        width: 100%;
        margin: auto;
        float: inherit;
    }
    header > div >  .navbar > #menu-uca > .navbar-nav{
        width: 100%;
    }
    .navbar-nav > li > a{
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 40px;
        font-weight: normal;
        text-align: left;
        border-bottom: 1px solid aliceblue;
    }
    .navbar-nav > li{
        width: 100%;
    }
    #menu-menu-1{
        background-color: #fff;
        margin: 7.5px 0px;        
    }
    .navbar-toggle{
        position: absolute;
        right: 0%;
        top: 20px;
    }
}

/*Fin*/

.nav_m > li > a{
    padding-left: 5px !important;
    padding-right:5px !important;
}


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

.btn{
    /*font-size: inherit !important;*/
}
.btn-primary{
    background:#003C71;
}
/*==============================================================
Control de alto div
===============================================================*/
.div250{
    height: 250px;
}.div250min{
    min-height: 250px;
}
.div335{
    height: 335px;
}.div335min{
    min-height: 335px;
}
.div296{
    height: 296px;
}.div296min{
    min-height: 296px;
}
/*==============================================================
Control horizontal y vertical texto 
===============================================================*/
.vcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* el sal
.vcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 380px;
    width: 100%;
}
*/
/*==============================================================
Menú derecho
===============================================================*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top:46px; /*0;*/
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s
}
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
  	.sidenav {
		padding-top: 15px;
	}
  	.sidenav a {
  		font-size: 18px;
  	}
}
.menu-link{
	float: right;
	background-color: #999999;
	cursor:pointer;
	font-size: 25px;
	padding-left: 15px;
    position: relative;
}
/*==============================================================
Título destacado
===============================================================*/
.titulo-apartado {
    color: #003971;
    margin: auto;
    background: url(../images/barra.png) center center repeat-x, #fff;
    /*background: url(../images/barra.png) left top no-repeat, url(../images/barra.png) right top no-repeat, #fff;*/
    font-size: 40px;
    padding-left: 35px;
    padding-right: 35px;
}
.titulo-apartado >.fondo{
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;   
}

.titulo-apartado > h1{
    display: inherit;   
}

/*==============================================================
Pie de página
===============================================================*/
.footer{
    background:#003C71;
    padding-top:25px;
    color:#FFFFFF;
    padding-bottom:25px;
    font-size:14px;
}
.footer > a > img{
    float:left;
    margin-right:5px;
    max-width:100%;
    width: 36px;
}



/*==============================================================
Banner
================================================================*/
.banner > .container-fluid > .col-md-12 > .carousel > .carousel-inner > .item >.carousel-caption {
    bottom: 20%;
    color: #fff;
    left: 15%;
    max-width: 400px;
    padding: 10px;
    position: absolute;
    right: 15%;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
}
.item img{
	/*margin: auto;
	display:block;*/
}
/*==============================================================
Color texto
===============================================================*/
.color-1{
	color:#0F4779
}
.color-2{
    color: #666666;
}
.color-3{
    color: #093c80;;
}

/*==============================================================
Fondos
===============================================================*/
.fondo-1{
	background: #003C71;
}
.fondo-2{
    background: #E0E0E0;
}
/*==============================================================
Logo
===============================================================*/
.logotipo{
	display: table;
	width: 100%;	
}
.logo{
	/*width:66px;*/
	height: 90px;
	margin-right:10px;
	display: table-cell;
	padding-right: 10px;
	vertical-align: bottom;
}
.logo-img{
    width: 66px !important;
}
.logo-texto{
	height: 90px;
	/*width: 200px;*/
	display:table-cell;
	vertical-align: bottom;
	font-size: 18px;
    font-weight: bold;
    color: #000;
}

/*Migas*/
.breadcrumb{
    background: inherit;
    padding:0px;
    /*margin-bottom:inherit;*/
}

/*==============================================================
Separador
===============================================================*/
.separador-general{
	display: block;
	padding: 10px 0;
}
.separador{
	clear: both;
	height: 15px;
}
.separador-lg{
    clear: both;
    height: 30px;
}

.h1:before { content: '';
    position: absolute;
    bottom: 50%;
    border-bottom: 2px green solid;
    z-index:-1;
}

.strikethrough {
    position: relative;
}
 
.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: red;
    z-index: -1;
     
   /* -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);*/
}
.sobre{
    background:#fff;
    max-width:500px;
    margin: auto;
}

/*==============================================================
Control de margen
===============================================================*/
.no-margin{
	margin: 0px !important;
}
.no-margin-top{
    margin: 0px !important;
}
/*==============================================================
Control de relleno
===============================================================*/
.padding-top{
	padding-top: 5px;
}
.padding-bottom{
	padding-bottom: 5px;
}
.no-padding{
	padding: 0px;
}
.no-padding-left{
	padding-left: 0px;
}
.no-padding-right{
	padding-right: 0px;
}
/*==============================================================
Capa alertas
===============================================================*/
.capa-alerta-1{
     opacity: 0.8;
     filter:alpha(opacity=80); /* IE < 9.0 */
     font-size:30px;
     color:#FFF;
}
.capa-alerta-1 a{
    color:#FFF;
    display:block;
}
.capa-alerta-1 a:hover{
    color:#FFF;
    display:block;
    text-decoration:underline;
}
.capa-alerta-2{
    background:#FF9900 !important;
    opacity: 0.8;
    filter:alpha(opacity=80); /* IE < 9.0 */
    font-size:24px;
    color:#FFF;
    padding-right:35px !important;
    padding-bottom:40px !important;
}
.capa-alerta-2 a{
    color:#FFF;
    display:block;
}
.capa-alerta-2 a:hover{
    color:#FFF;
    display:block;
    text-decoration:underline;
}
/*==============================================================
Tabs
===============================================================*/
.tabs-portada > .nav-align {
    align-items: center;    
    display: flex;
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    justify-content: center;
    text-align: center;
    border-bottom: 4px solid #999999;
}
.tabs-portada > .nav-align > li a{
	font-size: 20px;
	color:#999999;
}
.tabs-portada > .nav-align > .nav > li > a:focus, .tabs-portada > .nav > li >a:hover{
	background-color: #999999 !important;
	color: #fff;
}
.tabs-portada > .nav-align > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #999999 !important;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
}
.cj-tab-content > .active{
	font-size: 18px;
}
.cj-tab-content > .active img{
	max-width: 100%;
}
/*==============================================================
Noticias
===============================================================*/
.noticia-portada{
    padding-bottom: 40px;
    min-height: 340px;
}
.noticia-portada > .btn_x_right{
    position: absolute;
    bottom: 5px;
    right: 5px;
}
/*==============================================================
Bordes
===============================================================*/
.border{
    clear: both;
    border: 1px solid #ccc;
    min-height: 1px;
    position: relative;
    display: flex;
}
.border-right{
    border-right:1px dashed #CCCCCC;
}
.border_bottom{
  border-bottom: 2px solid #ccc;
}
.no-border-radius{
    border: inherit;
    border-radius: inherit;
}

/*Bg botonoes*/
.btn-suscribete{
    background-color: transparent;
    color: #000;
    border:1px solid #DE7C31;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.btn-suscribete:hover{
    color: #fff;
    transition: all 2s ease;
}
.btn-suscribete::before {
 content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 44px;
 background-color:#DE7C31;
 z-index: -999;
 color: #fff;   
 transition: all 2s ease;
}
.btn-suscribete:hover::before {
    width: 100%;
}

/*==============================================================
Cartelera
===============================================================*/
.cartelera-portada{
    padding-bottom: 40px;
    min-height: 340px;
}
.cartelera-portada > .btn_x_right{
    /*position: absolute;
    bottom: 5px;
    right: 5px;*/
}
.cartelera-separador{
	border-right: 1px solid #ccc;
}
.cartelera{
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    min-height:75px;
    margin-bottom: 10px;
}

.cartelera:hover{

}
.cartelera > .fecha{
    background:url(../images/fecha.png);
    background-position:center top;
    background-repeat:no-repeat;
    width:50px;
    height:75px;
    float:left;
    margin-right:10px;
}
.cartelera > .fecha-2{
    background:url(../images/fecha-calendario-actividades.png);
    background-position:center top;
    background-repeat:no-repeat;
    width:50px;
    height:75px;
    float:left;
    margin-right:10px;
}
.cartelera > .fecha .dia, .fecha-2 .dia{
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding-top: 22px;
    text-align: center;
    color:#666666;
}
.cartelera > .fecha .mes, .fecha-2 .mes{
    display: block;
    font-size: 13px;
    text-align: center;
    color:#003366;
}
.cartelera > .informacion{
    float:left;
    max-width:382px;
	display:block;
	width:100%;
}
.cartelera > .informacion_2{
    float:left;
    max-width:668px;
    width:100%;
    display:block;    
}
.cartelera > .informacion > .item{
    display:block;
    border-bottom:1px solid #ccc;
    min-height:50px;
    clear:both;
}
.cartelera > .informacion > .item_sub{
    display:block;
    clear:both;
}
.cartelera > .informacion_2 > .item{
    display:block;
    border-bottom:1px solid #ccc;
    min-height:50px;
    clear:both;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.cartelera > .informacion_2 > .item > .tiempo{
    font-size:15px;
    display:block;
    height:25px;
    line-height:25px;
    clear:both;
}
.cartelera > .informacion_2 > .item > .hora{
    font-size:15px;
}
.cartelera > .informacion_2 > .item > .en_desarrollo{
    background:url(../images/en-desarrollo.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    font-size:15px;
}
.cartelera > .informacion_2 > .item > .fin{
    background:url(../images/fin.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    font-size:15px;
}
.cartelera > .informacion_2 > .item > .fecha_limite{
    height: 25px;
    line-height: 25px;
    font-size:15px;
}
.cartelera > .informacion_2 > .item > .fecha_limite> .un_dia{
    color:#FF0000;
}
.cartelera > .informacion_2 > .item >.fecha_limite_finalizada{
    background:url(../images/iconos.png) 50px 10px;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    font-size:15px;
    color:#FF0000;
}
.cartelera > .informacion_2 > .item_sub{
    display:block;
    clear:both;
}
.cartelera > .informacion_2 > .item_sub > .tiempo{
    font-size:15px;
    display:block;
    height:25px;
    line-height:25px;
    clear:both;

}
.cartelera > .informacion_2 > .item_sub > .hora{
    font-size:15px;
}
.cartelera > .informacion_2 > .item_sub > .en_desarrollo{
    background:url(../images/en-desarrollo.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    font-size:15px;
}
.cartelera > .informacion_2 > .item_sub > .fin{
    background:url(../images/fin.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    font-size:15px;
}
.cartelera > .informacion_2 > .item_sub > .fecha_limite{
    font-size:15px;
}
.cartelera > .informacion_2 > .item_sub > .fecha_limite> .un_dia{
    color:#FF0000;
}
.cartelera > .informacion_2 > .item_sub >.fecha_limite_finalizada{
    font-size:15px;
    color:#FF0000;
     height: 25px;
    line-height: 25px;
}
.actividad_info_titulo{
    color:#D88509;
}
.compartir_actividad{
    display:block;
}
.compartir_actividad > a {
    float:left;
    margin-right:10px;
}
.compartir_actividad > a > .fb{
    width:30px;
    height:30px;
    background:url(../images/iconos-2.png) 0px 0px;
    background-repeat:no-repeat;
}
.compartir_actividad > a > .twitter{
    width:30px;
    height:30px;
    background:url(../images/iconos-2.png) 0px -35px;
    background-repeat:no-repeat;
}
/*---Banderas---*/
.bandera-fin{
    background:url(../images/iconos.png) 0px 130px;
    float:left;
    height:23px;
    margin-right:3px;
    width:19px;
}
.bandera-limite{
    background:url(../images/iconos.png) -113px 0px;
    float:left;
    height:23px;
    margin-right:3px;
    width:19px;
}

.bandera-hora{
    background:url(../images/iconos.png) 0px -110px;
    float:left;
    height:23px;
    margin-right:3px;
    width:19px;
}
.bandera-google{
    background:url(../images/iconos.png) 0px -110px;
    height:23px;
    margin-right:3px;
    width:19px;
    display:block;
}
.bandera-color-info{
    color:#FF0000;
}


/*==============================================================
Control de alineación
===============================================================*/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}
.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}


/*==============================================================
Control de fuente
===============================================================*/
.fuente-12{
    font-size: 12px;
}
.fuente-14{
    font-size: 14px;
}
.fuente-16{
    font-size: 16px;
}
.fuente-18{
    font-size: 18px;
}
.fuente-20{
    font-size: 20px;
}
.fuente-22{
    font-size: 22px;
}
.fuente-24{
    font-size: 24px;
}
.fuente-26{
    font-size: 26px;
}
.fuente-30{
    font-size: 30px;
}
.color-fff{
    color: #fff;
}
.color-666666{
    color: #666666;
}

/*==============================================================
Control --
===============================================================*/

.sigg > span::before {
    color: #2252B5;
}
.antt > span::before{
     color: #2252B5;
}
.antt{
    background: transparent !important; 
    background-image: none;
}
.sigg{
   background: transparent !important;
   background-image: none;
}


.sig > span::before {
    color: #2252B5;
}
.ant > span::before{
     color: #2252B5;
}
.ant{
    background: transparent !important;
    background-image: none; 
}
.sig{
    background: transparent !important; 
    background-image: none;
}

/*==============================================================
Control carrusel
===============================================================*/
.carousel-caption {
    bottom: 20%;
    color: #fff;
    left: 15%;
    max-width: 400px;
    padding: 10px;
    position: absolute;
    right: 15%;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
}
/*==============================================================
Control de ícono correo UCA
===============================================================*/
.mail-uca{
    float: right;
    margin-left: 10px;
    color: #fff;
    font-size: 25px;
}
.mail-uca img{
    margin-left: 10px;
}

/*==============================================================
Dispositivos
===============================================================*/
@media only screen and (max-width: 1200px) {
	.dispositivo-menu{
		display: none;
	}
    .capa-alerta-1 {
        color: #fff;
        font-size: 14px;
        opacity: 0.8;
        /*padding-bottom: 40px !important;*/
        padding-right: 35px !important;
        position:static !important;
        max-width:none;
        display:block;
    }
}
.movil-iconos{
    display: none;
}
@media only screen and (max-width: 768px) {
    .movil-iconos{
        position: absolute;
        right: 70px;
        top: 37px;
        display: block;
        line-height: 50px;
        height: 50px;
        vertical-align: middle;
    } 
  
    .titulo-apartado {
        font-size: 25px;
    }
    .cartelera-separador {
        border-right:inherit !important;
    }	
	.dispositivo{
		display: none;
	}
	.current-menu-parent{
		background:inherit;
	}
	/*.current-menu-parent > a{
		color:inherit !important;
	}*/
	.capa-alerta-1 {
        color: #fff;
        font-size: 14px;
        opacity: 0.8;
        /*padding-bottom: 40px !important;*/
        padding-right: 35px !important;
        position:static !important;
        max-width:none;
        display:block;
    }
    .banner > .container-fluid > .col-md-12 > .carousel > .carousel-inner > .item >.carousel-caption {
	    bottom: 20%;
	    color: #fff;
	    left: 15%;
	    max-width:100%;
	    padding: 10px;
	    position: absolute;
	    right: 15%;
	    text-align: left;
	    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	    z-index: 10;
	}
}


section ,.panel-body img{
    max-width: 100%;
}


/*Botones*/
.btn-warning{
    background: #EC971F !important;
}
.btn-warning:hover{
    background: #F0AC51 !important;
}


/*---Menú página general---*/
.capa-menu-pagina{
    background:#003C71;
    list-style:none;
    padding:0px;
}
.capa-menu-pagina{
    color:#fff;
}

.capa-menu-pagina > li {
    border-bottom:1px solid  #00539D;
}
.capa-menu-pagina > li > a{
    display:block;
    padding:10px;
    color:#fff;
    text-decoration:none;

}
.capa-menu-pagina >li > a:hover{
    background:#EEEEEE;
    color:#003C71;
}
a.capa-marca-menu-page{
    background:#EEEEEE;
    color:#003C71 !important;
}

.submenu-movil{
    position: fixed;
    z-index: 25;
    background: #fff;
    border-top: 2px solid #ccc;
    bottom: 0px;
    width: 90%;
    left: auto;
    right: auto;
}


/*tabssss*/


.lista-meses {
  list-style-type: none;
  padding: 0px;
  display: block;
  width: 100%;
  clear: both;

}
 
.lista-meses li {
  float: left;
  margin-right: 0px;
  border-right: 1px solid #aaa;
  padding: 0 10px;
}
 
.lista-meses li:last-child {
  border-right: none;

}
.lista-meses li:first-child {
    padding-left: 0px;
  
}
 
.lista-meses li a {
  text-decoration: none;
  /*color: #ccc;*/
   /*text-transform: uppercase;*/
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.lista-meses li a:hover {
  color: #666;
}
 
.lista-meses li.active a {
  font-weight: bold;
  color: #333;
}
.mes-activo a {
    color: #000 !important;
    font-weight: bold;
}


@media screen and (max-width: 767px) {
    .footer {
        background: #003C71;
        padding-top: 10px;
        color: #FFFFFF;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .footer h3{
        font-size: 14px;
        font-weight: bold;
    }
    .cartelera > .fecha{
        float: inherit;
        margin:auto;
    }
    .cartelera > .informacion > .item_sub, .item{
    	/*text-align: center;*/
    }
    .cartelera > .informacion{
    	max-width: inherit;
    }
    .titulo-apartado {
	    color: #003971;
	    margin: auto;
	    background: inherit;
	    font-size: 30px;
	    padding-left:0px;
	    padding-right:0px;
	    border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    display: block;
	}
	.titulo-apartado >.fondo{
   	 background: #fff;
    	padding-left:0px;
    	padding-right:0px;   
	}
	.noticia-portada{
		min-height: inherit;
	}
}


/*
Pasos admisiones
*/
.tab_activo > .active{
    /*background:#E4E4E4 !important; */
    padding:10px;
    border:1px solid #E4E4E4 !important;
}
/*.ulmenu > li > a{
    color:#930;
} */
.nav-admisiones-pasos > li > a {
    border-radius: 0;
    color:#000000;
    align-items:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    width:82px;
    height:80px;
    font-size:40px;
}
.nav-admisiones-pasos {
    /*align-items:center;
    display: flex;
    justify-content: center;
    text-align:center;*/
    border-bottom:inherit;
}
.nav-admisiones-pasos > li{
    margin-right:20px !important;
}

.nav-admisiones-pasos > li{
   background-color: #E4E4E4;   
}


.nav-admisiones-pasos > li.active > a.tabcolor1,.nav-admisiones-pasos > li > a.tabcolor1:hover{
    background-color:#FCB83B;
    color:#FFF;
    font-size: 64px;
    margin-right:0px !important;
}
.nav-admisiones-pasos > li.active > a.tabcolor2,.nav-admisiones-pasos > li > a.tabcolor2:hover{
    background-color:#78C7EE;
    color:#FFF;
    font-size: 64px;
    margin-right:0px !important;
}
.nav-admisiones-pasos > li.active > a.tabcolor3,.nav-admisiones-pasos > li > a.tabcolor3:hover{
    background-color:#3E9BAD;
    color:#FFF;
    font-size: 64px;
    margin-right:0px !important;
}

.ul-menu-vertica1{
    list-style:none !important;
    margin:0px !important;
    padding:0px !important;
}
.ul-menu-vertica1 > li{
    margin-right:10px;
    background:url(../images/ul-admision.png);
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:10px;
}


.btn-1{
    background-color: #ccc;
}



/*=Pasos
--------------------------------------------------------------------------------------------*/
#pasos > ul{
    text-align: center;
}
#pasos > ul > .active{
    background-color: #FCB83B;   
    border:inherit;
    line-height: normal;
}
#pasos > ul > .active a{    
    color: #FFF;    
    
}
#pasos > ul > li{
  font-size:40px;
  background-color: #E4E4E4;
  margin-left: 5px;
  float: inherit;
  display: inline-block;  
}
#pasos > ul li a{
    padding: 0px 20px;
    border-radius:inherit;
    background-color: transparent;
    border: inherit;
    margin-right: inherit;
    color: #000;
}
#pasos > ul > .c1 > a:hover{
    background-color: #FCB83B;
}
#pasos > ul > .c2 > a:hover{
    background-color: #78C7EE;
    color: #fff;
}
#pasos > ul > .c3 > a:hover{
    background-color: #3E9BAD;
    color: #fff;
}
#pasos .tab-content{
    padding: 10px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ciclo-01-2019 img:hover {
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */    
    -webkit-transition: all .4s ease-out;
      -moz-transition: all .4s ease-out;
      -o-transition: all .4s ease-out;
      transition: all .4s ease-in-out;  
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background-color: #003C71;
    color:#fff;
}

.bloke-efecto img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-in-out;
}

/*input#q {
    height: 28px;
}*/
form#form_bq {
    margin: 0px;
}