@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);


.material-icons.md-48 { font-size: 48px; }
.material-icons.blue { color: #1867b7; }

/**
 * Place your custom styles here.
 */
@media(max-width: 700px){
	.procedimiento-left {
		float:none !important;
		width:100% !important;
	}
	.procedimiento-right {
		width:100% !important;
	}
	#block-footermap{
		display: none;
	}
}

@media (max-width: 549px){
	a.logo.navbar-btn.pull-left{ /*Para redimensionar los logos*/
		width: 40%;
	}
	/*Si se sustituya la imagen con texto de la sede por sólo texto*/
	/*.navbar-brand{
		font-size: 10vw !important;
    }*/
}
@media (max-width: 991px){
	#block-navegacionprincipal .region-we-mega-menu{
		background-color: #1867b7;
		margin-bottom: 0px;
	}

	#block-navegacionprincipal .we-mega-menu-ul,
	#block-navegacionprincipal .we-mega-menu-li,
	#block-navegacionprincipal .we-megamenu-nolink {
		background-color:#1867b7 !important;
		color: #ffffff;
    }

	#block-navegacionprincipal .we-mega-menu-submenu {
        border-color: #1867b7 !important;
        background-color: #1867b7 !important;
		color: #ffffff;
    }

	#block-accesosrapidos{/*Se ocultan los accesos rápidos para mostrar la navegación principal*/
		display:none;
	}
}
@media (min-width: 550px){
	a.logo.navbar-btn.pull-left{ /*Para redimensionar los logos*/
		width: unset;
	}
	/*Si se sustituya la imagen con texto de la sede por sólo texto*/
	/*
	.navbar-brand{
		font-size: 6vw !important;
    }*/
}
@media (min-width: 768px)
{
    body{
		font-size: 14px;
    }
    .navbar-header{
        width: 100%;
    }
	/*#block-navegacionprincipal{ /*Se oculta la navegación principal para mostrar sólo accesos rápidos
		display:none; /*Habilitar cuando los accesos rápidos estén ya definidos
	}*/

}

@media (min-width: 992px)
{
    #block-navegacionprincipal{
        /*height: 55px;*/
		display: none;
    }
	/*Si se sustituya la imagen con texto de la sede por sólo texto*/
	/*
	.navbar-brand{
		font-size: 3.5vw !important;
	}*/
}

@media (min-width: 1200px)
{
    body {
        font-size: 16px;
    }
}

html{
    margin: 0;
    padding: 0;
    height: 100%;
}

body{
    margin: 0;
    padding: 0;
    height: 100%;
    /*background-color: #11171a;*/
    color: #000;
    font-family: 'Lato';
}
body.maintenance-page{
	background-color: transparent !important;
}
.oculto{
	display: none;
}
header{
	background-color: #1867b7 !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #1867b7 !important;
    /*height: 130px;*/
}
/*Cuando se reduce la pantalla a un dispositivo móvil, se quedaba un margen a la derecha en h1>a, por eso he añadido este estilo*/
.logo.navbar-btn.pull-left {
	margin:auto;
}
#page-container {
    background-color: #FFF;
    position: relative;
    min-height: 100vh;
}

/*#content-wrap {
   padding-bottom: 13.5rem;    /*Footer height*/
/*}*/

p{
    text-align: justify;
 }

#block-navegacionprincipal {  /*Para que funcione el enlace en el logo y en el nombre del site*/
    /*clear: both;*/
    float: right;
}

.page-header{
    box-shadow: 0px 8px 6px -6px rgba(0,0,0,.5);
    padding-left: 5px;
    padding-top: 5px;
	/*font-size: 2em;*/
 }
a.logo{ /*Para que no aparezca un error con el tema de la accesibilidad*/
	color: #ffffff;
}
.navbar-brand{
	font-size: 3.5vw;
    color: #FFF !important;
	/*line-height: 41px;
	padding:0px; */
    display: inline-block;
}
.nav>li>a {
    background-color: transparent !important;
}
.is-promoted h2{
	display:none;
}

.region-sidebar-first{
	padding-left: 1px;
}
.region-sidebar-second{
    /*box-shadow: 2px 2px 10px -1px rgba(0,0,0,.3), 0 1px 5px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);*/
    padding-right: 1px;
}

#search-block-form .input-group{
    top: 10px;
	width: 100%;
}

.block-margen{
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

/*#analog-digital-clock-ampm #date{
	margin-right: 15px;
}*/

/*****************************************************************/
/*- Bloque Avisos Importantes									 */
/*****************************************************************/
#block-views-block-vw-avisos-importantes-block-1, .aviso{
	border: 1px solid #ddd;
	padding: 5px;
	background-color: rgba(245,244,179, 1); /*rgba(24,103,183, 1)0;*/
}

/*****************************************************************/
/*Bloques personalizados: procedimientos,...  */
/*****************************************************************/
.outer-div
{
  height: 100%;
  overflow: hidden;
}
.inner-div
{
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s ease;
}
.inner-div:hover
{
  transform: scale(1.2);
}
.inner-div img{
  width: inherit;
}

/*.field--name-field-titulo-bloque*/
.home-titulo-bloque, .perfil-titulo-bloque{
    margin-left: 12px;
	margin-right: 12px;
	height:60px;
	position:relative;
}

.perfil-titulo-bloque{
	height:40px;
}

.home-titulo-bloque p, .perfil-titulo-bloque h4{
	font-weight: bold;
	font-size: 1em;
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	vertical-align:middle;
}
.home-titulo-bloque p{
	text-align: left;
}
.perfil-titulo-bloque h4{
	top:30%;
}

.home-titulo-bloque p span, .perfil-titulo-bloque h4 span{
	font-weight: normal;
	font-size: 0.8em;
}

.home-boton-bloque, .perfil-boton-bloque{
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
    margin-top: 0px;
    border-top: 1px solid #DDD;
}
.home-boton-bloque a, .perfil-boton-bloque a{
    margin-top: 12px;
}

/* Blue */
.btn-outline-primary {
  border-color: #337ab7; /*#2196F3;*/
  color: #337ab7;/*dodgerblue*/
}

.btn-outline-primary:hover {
  background: #337ab7;/*#2196F3;*/
  color: #FFF;
}

.home-bloques-padding{
	padding-left: 0px;
	padding-right: 0px;
}
.home-bloques{
	border: 1px solid #DDD;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-transition: box-shadow 0.5s ease-out;
    -moz-transition: box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    transition: box-shadow 0.5s ease-out;

}

.home-bloques:hover{
	-webkit-box-shadow: 4px 5px 5px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,.5);
    box-shadow: 4px 5px 5px 0px rgba(0,0,0,.5);
}
/****** Para cortar el texto en los bloques de la home ****/
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 6em;/*3.6em;*/
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;

  /* */
  /*margin-right: -1em;*/
  padding-right: 1em;
}
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  width: 1em;
  /* set width and height */
  height: 1em;
  margin-top: 0.2em;
  background: white;
}
/*****************************************************************/

/*****************************************************************/
/* Muestra icono doc, pdf, xls en enlaces de este tipo de ficheros */
/*****************************************************************/

/*Iconos que se muestran en las licitaciones*/
/*Son icónos genéricos diferentes de los de protección de datos, BOUPM*/
span.file.file--application-pdf.icon-before .glyphicon-file::before {
    content: url(/core/themes/seven/images/classy/icons/application-pdf.png);
}
span.file.file--x-office-document.icon-before .glyphicon-file::before {
    content: url(/core/themes/seven/images/classy/icons/x-office-document.png);
}
span.file.file--x-office-spreadsheet.icon-before .glyphicon-file::before {
    content: url(/core/themes/seven/images/classy/icons/x-office-spreadsheet.png);
}
span.file.file--x-office-presentation.icon-before .glyphicon-file::before {
    content: url(/core/themes/seven/images/classy/icons/x-office-presentation.png);
}

/************* Para los ficheros de Protección de Datos ********************/
/*Que el icono quede más pegado a la izquierda*/
.field--name-field-archivos-proteccion-datos .file-icon,
.field--name-field-archivos-proteccion-datos .file-size{
	padding-left: 0px;
}
.field--name-field-archivos-proteccion-datos .file-link{
	padding-top: 5px;
}

/*Eliminar el icono*/
.field--name-field-archivos-proteccion-datos span.icon.glyphicon.glyphicon-file.text-primary{
	display: none;
}
.field--name-field-archivos-proteccion-datos .file-link > a[href$=".doc"]::before,
.field--name-field-archivos-proteccion-datos .file-link > a[href$=".docx"]::before{
	content: url(/sites/default/files/icons-file/doc32x32.png);
}

.field--name-field-archivos-proteccion-datos .file-link > a[href$=".pdf"]::before{
	content: url(/sites/default/files/icons-file/pdf32x32.png);
}
.field--name-field-archivos-proteccion-datos .file-link > a[href$=".xls"]::before,
.field--name-field-archivos-proteccion-datos .file-link > a[href$=".xlsx"]::before{
	content: url(/sites/default/files/icons-file/xls32x32.png);
}
/*****************************************************************/

/*****************************************************************/
/*Acordeón para los textos*/
/*****************************************************************/
dt{
    font-weight: normal;
}
dl.styled{
    border:0;
}
dl.styled > dt > a{
    background-color: #337ab7;
    border-radius: 5px;
    margin-bottom: 2px;
    text-decoration:none;

}
dl.styled > dt.active > a {
    background-color: #474747;
}

/*****************************************************************/
/* Calendario de Eventos */

/*este campo es dentro del nodo, no en el bloque que se visualiza en la home*/
.field--name-field-evento-resumen{
	margin-bottom: 10px;
}
#block-views-block-vw-calendario-block-1{
    color: #337ab7;
	margin-top: 5px;
    padding: 5px;
    background-image: url(/sites/default/files/inline-images/bg_caja_escritorio.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 100%;
}
h2.block-title{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.list-avisos .views-field-title, .list-avisos .views-field-field-evento-resumen{
    font-size: 14px;    
}
.list-avisos .views-field-title{
    font-weight: bold;
}
/********************************************************/


/********************************************************/
/* Estilos para la tabla de las páginas de SERVICIOS-UPM*/
/********************************************************/
.tablaGeneral {
    width: 100%;
    margin: 2em auto 2em auto;
}
.tablaGeneral thead tr{
    background-color:#144f9d !important;
    border:none;
    color:#fff;

}
.tablaGeneral th{
    text-align:center;
    padding:.5em;
}
.tablaGeneral tr{
    border-bottom:2px solid #fff;
}
.tablaGeneral tr:nth-child(odd){
    background-color:#cde1f1;
}
.tablaGeneral tr:nth-child(even){
    background-color:#e7f0fc;
}
.tablaGeneral td{
    padding:1em;
    text-align:justify;
}

.tablaGeneral td.enlace {
    width:80%;
}
.tablaGeneral td.accion {
    width:20%;
    text-align: right;
}
.icono{
    padding-left: 2px;
    padding-right: 2px;
}
/*****************************************************************/

/*****************************************************************/
/* Boletín Oficial												 */
/*****************************************************************/

.view-vw-boupm-2 .view-header{
	margin-bottom: 20px;
}
.view-vw-boupm-2 .views-field-edit-node > span{
background-color: #337ab7;
    border-color: #2e6da4;
	border-radius: 5px;
	padding:5px;
}
.view-vw-boupm-2 .views-field-edit-node > span > a{
	color: #fff;
	text-align: center;
}
.view-vw-boupm-2 .views-field-edit-node > span:hover{
	background-color: #286090;
    border-color: #204d74;
	border-radius: 5px;
}

.paragraph--type--parrafo-secciones-del-boletin{
	border: 1px solid #DDD;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
}
.paragraph--type--parrafo-secciones-del-boletin .field--name-field-secciones-del-boletin{
    background-color: #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-weight:bold;
}
.paragraph--type--parrafo-subsecciones-del-boletin{
	padding: 5px;
    margin-top: 5px;
}
.paragraph--type--parrafo-subsecciones-del-boletin .field--name-field-subsecciones-del-boletin{
	font-weight: bold;
}
.paragraph.paragraph--type--parrafo-archivos-del-boletin.paragraph--view-mode--default {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}
.paragraph--type--parrafo-subsecciones-del-boletin .field--name-field-texto-archivo-boletin{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.field--name-field-archivos-boletin .file>span,
.field--name-field-archivos-boletin .file>span:first-child,
.field--name-field-archivos-boletin .file>span:last-child{
	border: 0;
}

/*oculta el icono y el tamaño que muestra el módule file por defecto */
.field--name-field-archivos-boletin .file-icon,
.field--name-field-archivos-boletin .file-size{
	display: none;
}

/*sustituyo la descripción del enlace por un icono pdf*/
.field--name-field-archivos-boletin .file-link > a[href$=".pdf"]{
	content: url(/sites/default/files/icons-file/pdf32x32.png);
}

.view-vw-boletin-oficial-upm .view-header{
	text-align: right;
}

/*****************************************************************/
/* Sección expedientes del Perfil Contratante                    */
/*****************************************************************/
#block-views-block-vw-perfilcontratante-expedientes-block-1{
    padding-top: 5px;
    padding-bottom: 20px;
}

div.item-list li
{
    padding-bottom: 10px;
    padding-top: 10px;
}

.ds-2col-stacked > .group-left{   /*reduzco el ancho del div par poder pintar los bordes*/
    width: 49%;
}
.ds-2col-stacked > .group-right{    /*reduzco el ancho del div par poder pintar los bordes*/
    width: 49%;
}

/*Se configura el bloque de filtros para que se muestren verticalmente*/
/*En sede.js se elimina la clase que muestra los filtros de manera horizontal*/
#views-exposed-form-vw-perfilcontratante-expedientes-page-1 > div
{
    background-color: #ccc;
    display: inline-block;
    padding: 10px;
}
/*boton del bloque de filtros del perfil de contratante */
#edit-submit-vw-perfilcontratante-expedientes, #edit-reset,
#edit-submit-vw-perfilcontratante-expedientes--2, #edit-reset--2,
#edit-reset--3{
	background-color: #337ab7;
    border-color: #2e6da4;
	color: #FFF;
    margin-bottom: 3px;
    width: 100%;
}
#edit-submit-vw-perfilcontratante-expedientes:hover, #edit-reset:hover,
#edit-submit-vw-perfilcontratante-expedientes--2:hover, #edit-reset--2:hover,
#edit-reset--3:hover {
	background-color: #286090;
    border-color: #204d74;
}

#block-tools li{
    background-color: #337ab7;
    border-color: #2e6da4;
	border-radius: 5px;
	margin-bottom: 5px;
}
#block-tools li a{
	color: #fff;
	text-align: center;
}
#block-tools li:hover{
	background-color: #286090;
    border-color: #204d74;
	border-radius: 5px;
}

.perfil-contratante-header{
    margin-bottom: 5px;
    margin-top: 5px;
}
.perfil-contratante-left{
    margin-right:5px;
	margin-bottom: 5px;
}
.perfil-contratante-right{
    margin-left: 5px;
	margin-bottom: 5px;
}
.perfil-contratante-footer{
    margin-bottom: 5px;
    margin-top: 5px;
}
/*****************************************************************/

/*****************************************************************/
/* Sección Procedimientos                                        */
/*****************************************************************/
.procedimiento-header{
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.procedimiento-header div{
	margin-right: 5px;
}

.procedimiento-header .field--name-field-instrucciones a.btn.btn-primary::before{
	content: url(/sites/default/files/icons-file/info16x16.png);
	vertical-align: middle;
}
.procedimiento-left.group-left{
    width: 70%; /*!important; /*para que no coja .ds-2col-stacked-fluid > .group-left*/
	margin-bottom: 20px;
}
.procedimiento-right.group-right{
    width: 29%; /*!important; /*para que no coja .ds-2col-stacked-fluid > .group-right*/
	margin-bottom: 20px;
}
.views-field-field-certificado-digital, .views-field-field-clave, .views-field-field-dnie{
	width: 50px;
}
.panel-title{
    font-weight: 700;
}

.float-left{  /*Gestionar presentación: se ha añadido esta clase para que la imagen flote a la izquierda*/
    float: left;
}

#procedimiento-ficha .panel-body > div{
	margin-top: 5px;
	margin-bottom: 5px;
}
#procedimiento-identificacion .panel-body,
#procedimiento-firma .panel-body{
	display:flex;
}
#procedimiento-identificacion .panel-body > div,
#procedimiento-firma .panel-body > div{
	/*text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;*/
	margin:auto;
}
/*****************************************************************/

/*****************************************************************/
/* Sección Procedimientos Administrativos Electrónicos           */
/*****************************************************************/
/*Alinar al centro los icónos de la vista que muestra el catálogo de procedimientos: La columna de Identificación*/
td.views-field.views-field-field-identificacion-upm.views-align-center.views-field-field-clave.views-align-center{
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}
td.views-field-field-identificacion-upm img{
	display: inline-block;
}
.catalogo-de-procedimientos{
    padding-top: 5px;
    padding-bottom: 20px;
}

.catalogo-de-procedimientos .field--label{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #DDD;
    box-shadow: 2px 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}

.catalogo-de-procedimientos .field--item{
    padding-top: 10px;
    padding-bottom: 10px;

}


/*****************************************************************/
/* Sellos*/
/*****************************************************************/
.div-sellos-cortar-link{
	word-wrap: break-word;
}
.div-sellos-imagenes{
	width: 49%;
    position: relative;
    display: inline-block;
    text-align: center;
}

/*****************************************************************/
/* MEGA MENU*/
/*****************************************************************/
@media (min-width: 992px){ /*El height del menú subsede toma una altura muy grande. He quitado el valor min-height que viene por defecto*/
.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height:unset; /*11.25rem; */
	}
}

#megaMenu{
    margin: 0;
    padding: 0;
    text-align: center;
}

.tb-megamenu
{
    background-color: transparent !important;
    background-image: none !important;
    background: none !important;
}

.tb-megamenu .btn-navbar {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.we-mega-menu-ul>.we-mega-menu-li {
    border-left: 0px;
}

.ocultar{
    display: none;
}
/**** Menú de accesos rápidos  ****/
#block-accesosrapidos .we-mega-menu-ul{
	display:block;
	background-color:#FFF;
}
#block-accesosrapidos .we-mega-menu-li{
	float: none;
	text-transform: inherit;
	background-image: url(/sites/default/files/inline-images/icono-azul.png);
    background-repeat: no-repeat;
    background-position: center left;
	margin-top:3px;
	margin-bottom: 3px;
}
#block-accesosrapidos .we-mega-menu-li:hover{
	background-image: url(/sites/default/files/inline-images/icono-naranja.png);
    background-repeat: no-repeat;
    background-position: center left;
}
#block-accesosrapidos .we-mega-menu-li a{
	padding-left: 15px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
	margin: 0px;
}

#block-accesosrapidos svg{
	margin-right: 5px;
}

/*****************************************************************/
/* CAS button*/
/*****************************************************************/
#cas_button{
	margin-top: 5px;
}
#cas_button a{
	color: #FFF;
}
/*****************************************************************/

/*****************************************************************/
/* EU cookie compliance*/
/*****************************************************************/
div#sliding-popup{
    border-top: 3px solid #1867B7;
    border-radius: 25px 25px 0px 0px;
}
.eu-cookie-compliance-default-button{
    background-color: #1867B7;
    background-image: none;
    color: #fff;
	font-family: 'Lato';
    font-weight: normal;
    text-shadow: none;
}
.eu-cookie-compliance-default-button:hover{
    border: 1px solid #1867B7;
    color:#1867B7;
}
.eu-cookie-compliance-message{
    max-width: 75%;
}
.eu-cookie-compliance-message p{
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
}
.eu-cookie-compliance-buttons{
    max-width: 25%;
}
/*****************************************************************/

/*****************************************************************/
/* Buscador API*/
/*****************************************************************/
#edit-submit-vw-busqueda-api,
#edit-submit-vw-busqueda-api--2{
	background-color: #337ab7;
    border-color: #2e6da4;
	color: #FFF;
    margin-bottom: 3px;
    width: 100%;
}
#edit-submit-vw-busqueda-api:hover,
#edit-submit-vw-busqueda-api--2:hover {
	background-color: #286090;
    border-color: #204d74;
}

/*****************************************************************/
/* Protección de datos*/
/*****************************************************************/
.proteccion-titulo{

	border-radius: 5px;
	background-color: #DDD;
	padding: 5px;
}

/****************************************************************/
/* Vista convocatorias PDI*/
/****************************************************************/
 .clickable-row:hover{
	 cursor: pointer;
 }
 
 .view-vw-convocatorias caption {
	 color: #000;
	 font-weight: bold;
	 background-color: #CCC;
	 border-radius: 5px;
	 padding-left: 5px;
 }
 
 .view-vw-convocatorias .views-field-value{
	 width: 50%;
 }
 
 .view-vw-convocatorias .views-field-value-2,
 .view-vw-convocatorias .views-field-value-3{
	width:20%;
 }
 .view-vw-convocatorias .views-field-value-4{
	width:10%;
 }
 
 .view-vw-convocatorias .view-empty{
	background-color:#f39c12;
	font-weight: bold;
	text-align: center;
 }
 
 .alert-danger{
	 display: none;
 }

/*****************************************************************/
/* Títutlo inicio sesión OpenId 				 */
/*****************************************************************/
#block-openidconnectlogin > h2 {
    box-shadow: 0px 8px 6px -6px rgba(0,0,0,.5);
    padding-left: 5px;
    padding-top: 5px;
    font-size: 2em;
}