@constants {
  colorFondo: #F6F6F6;
}

body {
  background-color: white;
  clear: both;
  font-size: 1vw;
  color: white;
  font-family: 'Titillium Web', sans-serif;
}

#encabezado{
	padding-top: 4%;
	background-color: rgba(77,77,77,0.7);
	width: 100%;
}
#encabezado-nucleo{
	border-bottom: 2px solid white;
	border-top: 2px solid white;
	padding-bottom: 10px;
	background-color: #4D4D4D;
	width: 100%;
}

#cuerpo{
	background-color: #4D4D4D;
	width: 100%;
}

a,a:focus, a:hover {
	color: white;
	}

.radio-label {
  display: inline-block;
  vertical-align: top;
  margin-left: 3%;
}

.radio-input {
  display: inline-block;
  vertical-align: top;
}

.texto_footer {
  font-family: Calibri;
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  line-height: 11px;
}

.texto_contacto {
  font-family: 'Titillium Web', sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #034248;
  text-decoration: none;
  margin: 0 0 3px 0;
  line-height: 12px;
  text-align: left;
}

.modal-header {
  background-color: #4D4D4D;
  padding-top: 5px;
  color: white !important;
  text-align: left;
  font-size: 1.2vw;
  border: none;
}

.panel-modal{
	margin-top: -67px;
	border: none;
	width: 100%;
	margin-left: auto;
	border-bottom: 5px solid #4D4D4D;
	
}

.panel-header-modal{
	height: 40px;
	width: 100%;
}

.modal-body {
  color: #373737;
  background-color: #D9D9D9;
  border-top: 5px solid #4D4D4D;
  border-bottom: 5px solid #4D4D4D;
}

.linkvolverbuscador {
  color: white;
  font-style: bold;
}

.modal-footer {
  background-color: #373737;
  border: none;
}

.my-controller {
  border: 1px solid #fcc;
  padding: 5px;
  margin: 3px;
}

.my-controller small {
  color: #c99;
}

.other-controller {
  border: 1px solid #ccf;
  padding: 5px;
  margin: 3px;
}

.other-controller small {
  color: #99c;
}

.third-controller {
  border: 1px solid #cfc;
  padding: 5px;
  margin: 3px;
}

.third-controller small {
  color: #9c9;
}

.hover {
  color: #004751;

}

.pagination {
  margin-top: 4px;
}

.pagination > .active > a {
  background-color: #CCEBEB;
  border-color: #428bca;
  color: #004751;
}

.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > li > a {
  color: #004751;
  line-height: 1.2;
  background-color: #EAEAEA;
}

.nombrefaceta {
  cursor: pointer;
  font-size: 1.2vw;
  height: 35px;
  color: white;
  padding-top: 6px;
  padding-left: 10px;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.35);

}

.facetaActiva {
	color: rgba(255,255,255,0.7);
	font-weight: bold;	
}

.panelfacetas {
  border: none;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 1000px;
}

.contenedor_resultados {
	min-height:15vw;
	max-height: 15vw;
	background-color: #373737;
	font-size: 0.8vw;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.facets {
  cursor: pointer;
  margin-left: auto;
  width: 100%;
  font-size: 0.8vw;
  padding-left: 10px;
  list-style-type: none;
  background-repeat: repeat-x;
  /*text-transform: lowercase;*/
  font-style: normal;
  color: #004751;
  margin-top: 0px;
  width: 100%;
}

.facetmayusculas {
  text-transform: capitalize;
  /*display:inline-block;*/
}

.facets-especiales {
  font-size: 12px;
  list-style-type: none;
  font-style: normal;
}

.facets-seleccionadas {
  cursor: pointer;
  font-size: 0.8vw;
  list-style-type: none;
  text-indent: 2px;
  height: 1.4vw;
  width: 100%;
  color: rgb(41, 62, 82);
  background-color: white;
  border: 1px solid rgb(41, 62, 82);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.facets-seleccionadas:first-letter {
  text-transform: uppercase;
}

.gridStyle {
  border: 1px solid rgb(212, 212, 212);

}

.green {
  background-color: #81a3af;
  color: white;
  text-align: left;
  border-color: #81a3af;
}

.red {
  text-align: right;
}

.panel-default > .panel-heading {
  background-image: linear-gradient(to bottom, #D2D2D2 0, #969696 100%);
  cursor: pointer;
}

.sectorareas {
  background-color: #4D4D4D;
  color: white;
  width: 100%;
  padding-left: 15px;
  font-size: 12px;
}

.areaactuacion {
  height: 35px;
  padding-top: 0px;
}

.areaactuacion1 {
  height: 40px;
  padding-top: 8px;
}

.panelesgraficos {
  width: 100%;
  background-color: #808080;
  margin-top: 5px;

}

.nav-pills > li.active > a {
  background-color: #D7D7D7;
  color: black;

}

.nav-pills > li.active > a:focus {
  background-color: #CCCCCC;
  color: black;
}

.nav-pills > li.active > a:hover {
  background-color: #006272;
}

.celdacolor {
  border: 5px inset #81a3af;
}


.finflotado {
  clear: both;
}

.paginaHome {
  text-align: center;
  height: 600px;
  padding-top: 50px;
}

.paginaResultados {
  width: 100%;
}

#contenedor {
  display: table;
}

#contenidos {
  display: table-row;
}

#columna1, #columna2 {
  display: table-cell;
}

#search-fields {

}

.tituloFiltrar{
  height: 35px;
  background-color: #004751;
  font-weight: bold;
  color: white;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-left: 10px;
}

.elemento-box{
	color: rgba(255,255,255,0.7);
	background: none;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	border-radius: 0px;
	border-top: none;
	border-right: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 2.5vw;
	font-size: 1vw;
	font-family: 'Titillium Web', sans-serif;
}

.elemento-box:hover{
	color: white;
}

.elemento-box:focus{
	color: white;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,255,255,.6);
	border-color: white;
}

*::-webkit-input-placeholder {
   color: red;
}

*:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

*::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

*:-ms-input-placeholder {  
   color: red;  
}


#wrapper
{
	width: 90%;
	margin: auto;
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #4D4D4D;
}


#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #4D4D4D;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: white;
}

.force-overflow
{
	max-height: 100vh;
}

		.scrollbar
		{

			float: left;
			height: 140vh;
			width: 100%;
			overflow-y: scroll;
			margin-bottom: 25px;
		}
		
		

		.icon-lupa { 
			//-webkit-mask: url(images/lupa.svg) center center;
			//-webkit-mask-size: cover;
			//background-color: white;
			background: url(images/lupa.png);
			background-size: cover;
			background-repeat: no-repeat;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}
		
		.icon-lista { 
			//-webkit-mask: url(images/lista.svg) center center;
			//-webkit-mask-size: cover;
			//background-color: rgba(255,255,255,0.35);
			background: url(images/lista.png);
			background-size: cover;
			background-repeat: no-repeat;
			opacity: .35;
		   	margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}
		
		.icon-lista-active {
			//-webkit-mask: url(images/lista.svg) center center;
			//-webkit-mask-size: cover;
			//background-color: white;
			background: url(images/lista.png);
			background-size: cover;
			background-repeat: no-repeat;
			margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
			
		}
		
		.icon-descarga {
			//-webkit-mask: url(images/descarga.svg) center center;
			//background-color: rgba(255,255,255,0.35);
			//-webkit-mask-size: cover;
			background: url(images/descarga.png);
			background-size: cover;
			background-repeat: no-repeat;
			opacity: .35;
		   	margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}
		
		.icon-descarga:active { 
			//-webkit-mask: url(images/descarga.svg) center center;
			//background-color: white;
			//-webkit-mask-size: cover;
			background: url(images/descarga.png);
			background-size: cover;
			background-repeat: no-repeat;
			margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
		}
		
		.icon-cifras {
			//-webkit-mask: url(images/cifras.svg) center center;
			//-webkit-mask-size: cover;
			//background-color: rgba(255,255,255,0.35);
			background: url(images/cifras.png);
			background-size: cover;
			background-repeat: no-repeat;
			opacity: .35;
		   	margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}
		
		.icon-cifras-active {
			//-webkit-mask: url(images/cifras.svg) center center;
			//background-color: white;
			//-webkit-mask-size: cover;
			background: url(images/cifras.png);
			background-size: cover;
			background-repeat: no-repeat;
			margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
		}

		.icon-localizacion { 
			//-webkit-mask: url(images/localizacion.svg) center center;
			//background-color: rgba(255,255,255,0.35);
			//-webkit-mask-size: cover;
			background: url(images/localizacion.png);
			background-size: cover;
			background-repeat: no-repeat;
			opacity: .35;
		   	margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}
		
		.icon-localizacion-active { 
			//-webkit-mask: url(images/localizacion.svg) center center;
			//background-color: white;
			//-webkit-mask-size: cover;
			background: url(images/localizacion.png);
			background-size: cover;
			background-repeat: no-repeat;
			margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
		}
		
		
		.pagination>li>a, .pagination>li>span{
			background: none;
			color: white;
			font-weight: bold;
			border: none;
			font-size: 1vw;
		}

		.pagination > .active > a {
			background: none;
			border-bottom: 1px solid white;
			font-weight: bold;
			color: white;
			font-size: 1vw;
		}
		.pagination > .disabled > a:hover, .pagination > li > a {
			color: white;
			line-height: 1.2;
			background: none;
			font-size: 1vw;
		}
		.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
			z-index: 3;
			font-size: 1vw;
			color: white;
			cursor: default;
			background-color: #4D4D4D;
			border: none;
			text-decoration: underline;
		}
		
		
		.popover-content{
			font-size: 0.8vw;
			color: white;
			background-color: #4D4D4D;
		}

		.popover-title{
			color: #373737;
			font-family: 'Titillium Web', sans-serif;;
		}
		
		.nav-tabs{ 
			border-bottom: none;
		}
			
		.nav-busca{
			border-bottom: none;
			margin-bottom: 1%;
		}
		.nav-busca>li>a {
		margin-right: 2px;
		line-height: 1.42857143;
		border: none;
		border-radius: 4px 4px 0 0;
		color: white;
		font-size: 1.2vw;
		text-align: center;
		cursor: pointer;
		}
		
		.titulograficos{
			padding-top: 4vh;
			font-size: 1.4vw;
			text-align: center;
		}
		
		.nav-busca>li>a:hover, .nav-busca>li>a:active, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover  {
		margin-right: 2px;
		line-height: 1.42857143;
		border: none;
		background: none;
		color: white;
		font-size: 1.2vw;
		text-align: center;
		font-family: 'Titillium Web', sans-serif;
		}
		#lineaactiva {
		background-color: white;
		height: 0.5vh;
		width: 100%;
	}
	
	.dropdown-mobile{
		width: 100%;
		margin-bottom: 25px;
		font-size:3.5vh;
	}
	
	.dropdown-mobile > .info{
		text-align: center;
		font-size: 5vh;
		color: #4d4d4d;
	}
	
	.dropdown-mobile > ul{
		display:none;
	}
	
	#x{
		position: relative;
		text-align: right;
		color: white;
		background-color: #4d4d4d;
		padding-right: 60px;
	}
	
	.dropdown-mobile > .btn, .dropdown-mobile > input{
		height: 7vh;
		font-size:3.5vh;
		color: #4d4d4d;
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-top: 0.5vh solid #004751;
		padding-left: 5px;
		background-color: #EAEAEA;
		width: 100%;
	}
	
	.dropdown-mobile.expanded > ul{
		margin-bottom: 0px;
		padding-left: 0px;
		padding-bottom: 50px;
		font-size: 3.5vh;
		display:block;
		background-color: #EAEAEA;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		min-height: 30vh;
	}

	.dropdown-mobile.expanded > ul > li{
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.dropdown-mobile.expanded > ul > li.activo{
		font-weight: bold;
	}
	
	.dropdown-mobile.expanded > ul > li > a{
		color: black;
	}
	
	.dropdown-mobile.expanded > ul > li.divider{
		height: 1px;
		border-bottom: 1px solid #EAEAEA;
	}
	
	.dropdown-core{
		background: rgba(255,255,255,0.90);
		font-size: 0.9vw;
		font-family: 'Titillium Web', sans-serif;
		height: auto;
		min-width: 100%;
	}
	
	.dropdown-instituciones{
		overflow-x: hidden;
	}
	
	.dropdown-core>li>a:focus, .dropdown-core>li>a:hover {
	    background-image: none;
		background-color:  #464646;
		color: white;
	}
	
	.dropdown-core>li>a:focus>span, .dropdown-core>li>a:hover>span {
		color: white;
	}
	
	.dropdown-core>li>a>span{
		color:rgba(77,77,77,0.8);
	}

	.mm_popover{
		width: 10vw;
		background-color: #4D4D4D;
		color: white;
	}
	
#filtradopor{
	margin-left: 15px;
	margin-right: 15px;
	width: 85%;
	font-weight: bold;
	font-size: 1vw;
	border-bottom: 2px solid white;
}

.tituloProyecto{
text-transform: uppercase; 
text-align: left}

.tituloProyecto:first-letter {
  text-transform: uppercase;
}

.tituloBusquedaAvanzada{
	text-align: left;
}

.busqueda_avanzada_title{
	margin: 10px 10px 10px;
	font-weight: bold;
	font-size: 1.05vw;
	text-decoration: underline;
}

.cuerpoBusquedaAvanzada{
	/*background-color: #373737;
	border-left: 3px solid #373737;
	border-right: 3px solid #373737;
	border-bottom: 3px solid #373737;*/
	text-align: left;
	padding-top: 1%;
	padding-bottom: 2%;
	font-size: 1vw;
	background-color: rgba(77,77,77,0.7);
	font-weight: normal;
}

.paginaResultados{
	margin-top: 10px;
	border-bottom: 15px solid white;
	margin-left: 0px;
	margin-right: 0px;
}

.columnaFacetas{
	padding-right: 0px;
	padding-left: 0px;
}

.columnaResultados{

}

.box_resultado{
	max-height:32vh;
	min-height:32vh;
	margin-top: 2vh;
}

	.nav-principal {
		border-bottom: none;
	}
	
	.nav-principal>li>a {
		line-height: 1.42857143;
		border-radius: 4px 4px 0 0;
		color: black;
		padding-top: 5px;
		font-size: 1vw;
		text-align: center;
		font-family: 'Titillium Web', sans-serif;
		cursor: pointer;
	}
	
	.nav-principal>li>a:hover {
		margin-right: 2px;
		line-height: 1.42857143;
		border-top: 3px solid black;
		padding-top: 0px;
		border-left: none;
		border-right: none;
		border-bottom: none;
		background: none;
		color: black;
		text-align: center;
		font-family: 'Titillium Web', sans-serif;
	}
	
	#navPrincipal>li.active>a, #navPrincipal>li.active>a:focus, #navPrincipal>li.active>a:hover {
		border-top: 3px solid black;
		padding-top: 0px;
		border-bottom: none;
		border-left: none;
		border-right: none;
		background: none;
		color: black;
		text-align: center;
		font-family: 'Titillium Web', sans-serif;
	}
	
	.nav-principal>li>a:active {
		margin-right: 2px;
		line-height: 1.42857143;
		border-top: 3px solid black;
		padding-top: 0px;
		border-top: none;
		border-left: none;
		border-right: none;
		background: none;
		color: black;
		text-align: center;
		font-family: 'Titillium Web', sans-serif;
	}

	#listado{
		padding-right: 3%;
	
	}
	
	#dropdownBusqueda:hover > #dropdownMenu{
		display: block;    
	}

	#buttonClear {
		list-style: none;
		margin: 1px;
		padding-bottom: 0.1vw;
		border-radius: 3px;
		line-height: 1;
		width: 100%;
		display: inline-block;
		text-align: center;
		position:relative;
		box-shadow: 0 0 10px black inset 1px 1px 1px #CCC;
		color: #373737;
		font-weight: bold;
		cursor: pointer;
	}
	
	.icono_institucion { 
			//-webkit-mask: url(./images/icono_institucion.svg) center center no-repeat;
			//-webkit-mask-size: contain;
			//background-color:#A6A49C;
			background: url(./images/icono_institucion.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
			width: auto;
			height: 9vh;
		}
		
		.icono_que_ciencia { 
			//-webkit-mask: url(./images/icono_que_ciencia.svg) center center no-repeat;
			//-webkit-mask-size: contain;
			//background-color:#A6A49C;
			background: url(./images/icono_que_ciencia.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
			width: auto;
			height: 9vh;
			
		}
		
		.icono_que_tecnologia{ 
			//-webkit-mask: url(./images/icono_que_tecnologia.svg) center center no-repeat;
			//-webkit-mask-size: contain;
			//background-color:#A6A49C;
			background: url(./images/icono_que_tecnologia.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
			width: auto;
			height: 9vh;
		}
		
		.model_proyecto_titulo{
			font-weight: bold;
			font-size: 1vw;
			padding-top: 10px;
		}
		
		#icono_arrow_right{
			//-webkit-mask: url(./images/arrow_right.svg) center center no-repeat;
			//background-color:white;
			//-webkit-mask-size: contain;
			background: url(./images/arrow_right.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		#icono_arrow_down{
			//-webkit-mask: url(./images/arrow_down.svg) center center no-repeat;
			//background-color:white;
			//-webkit-mask-size: contain;
			background: url(./images/arrow_down.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		#icono_cv{
			//-webkit-mask: url(./images/icono_cv.svg) center center no-repeat;
			//background-color:#4D4D4D;
			//-webkit-mask-size: contain;
			background: url(./images/icono_cv.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
			width:10%;
		}
		
		#icono_mensaje{
			//-webkit-mask: url(./images/icono_mensaje.svg) center center no-repeat;
			//background-color:#4D4D4D;
			//-webkit-mask-size: contain;
			background: url(./images/icono_mensaje.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
			width: 10%;
		}
		
		#icono_indicadores{
			//-webkit-mask: url(./images/icono_indicadores.svg) center center no-repeat;
			//background-color:#4D4D4D;
			//-webkit-mask-size: contain;
			background: url(./images/icono_indicadores.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
			width: 10%;
		}
		
		.modal_panel_li{
			border-bottom: 1px dashed white;
			height: 50px;
			padding-bottom: 10px;
			padding-top: 10px;
			display: table;
			vertical-align: middle;
			align: left;
			width: 100%;
			color: #4D4D4D;
			cursor: pointer;
			font-size: 0.7vw;
		}
		
		.modal_panel_li > span{
			vertical-align: middle;
			display: table-cell;
		}
		
		.panel-body{
			padding-top: 0px;
		}
		
		.modal_panel_li.activo > #icono_indicadores{
			background: url(./images/icono_indicadores_activo.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		.modal_panel_li.activo > #icono_mensaje{
			background: url(./images/icono_mensaje_activo.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		.modal_panel_li.activo > #icono_cv{
			background: url(./images/icono_cv_activo.png) center center;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		.modal_panel_li.activo{
			color:white;
			cursor: normal;
		}