/**************************************** CABECEIRA DA PÁXINA *****************************************************/
/* ESTILOS DA NOVA CABECEIRA */

html body {
  padding: 0px;
  margin: 0px;
  width: auto;
}

.no-padding {padding: 0px;}

#navbar_subdiv{background-color:#004990;}

#main_navbar{
	background-color:#004990;
	margin-bottom:0%;
	width: 100%;
}

.navbar-header{min-height: 90px;}

.elemento_nav_a{
	margin-top:10%;
	font-size:15px;
	cursor:pointer;
	vertical-align: text-bottom;
}

.elemento_nav_a strong{color:#ffffff;}

.elemento_nav_a strong:hover, .elemento_nav_a strong:active {
  color: #FFFFFF;
  opacity:0.7;
  text-decoration:none;
}

.navbar-brand{
	padding-top:0%;
	width:800px;
}

#corilga_logo{
	float:left;
	margin-top:3%;
	cursor:pointer;
}

#usc{	
	float:left;
	margin-top:3%;
	margin-right:2%;
	margin-left:2%;
}

#ilg{
	color:#ffffff;
	width:30%;
	float:left;
	margin-top:3%;
  margin-right:3%;
	margin-left:3%;
}

#atlanttic{
	float:left;
	margin-top:3%;
}

#collapse-button{margin-top:5.5%;}
#conxunto_logos{width:100%;}
#admin_element{margin-top:15%;}
#admin_element span {margin-right:5%;}

#admin_element button {
    background-color:#004990;
    border-color:#80a4c7;
    color:#FFFFFF;  
}
#admin_element button:hover, #admin_element button:active {color:rgba(255,255,255,0.8);}
#error_message {color: red;}
/* FIN DE ESTILOS DA NOVA CABECEIRA */

/*Definición de estilo para a capa correspondente coa cabeceira da páxina */
#contenedor_principal #main_navbar {
  position: relative;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

#cabecera{
  overflow:hidden;
  width:100%;
  height:12%;
  background-color:#004990; /*Color azul corporativo da USC */
  color: white;
  margin:0px;
  padding:0px;
  vertical-align: middle;
}

#logo_usc {
  margin-top:0.5%;
  margin-bottom:0.5%;
}

#banner_ilg{ 
  font-weight:bold;
  margin:0px;
  padding: 1.3% 0.35% 0  1%; 
  font-family: "Times New Roman", Courier, serif; 
  font-size:1.1vw;
  display:inline-block;
  width:12%;
}

#banner_corilga{font-size:1.5vw;}
#banner_des_corilga{font-size:1.1vw;}
#future_banner_corilga{padding-top:1%;}

#logo_uvigo {
  padding: 0px;
  margin-top:1%;
  margin-bottom:0.5%;
  width:15%;
  display:inline-block;
}

#logo_usc img, #logo_uvigo img {width:100%;}
.list-users-header, .list-languages-header, .list-recordings-header {font-weight: bold;}
.list-users div {overflow-x: scroll;}

/*Definición de estilo para o div dos créditos*/
#acerca{ 
  margin-top:2.2%;
  float:right;
  font-size:1.2em;
  font-size:1vw;
  padding:0%;
}

#acerca a{color: #FFFFFF;}
#acerca a:hover, #acerca a:active {
  color: #FFFFFF !important;
  opacity:0.7;
  text-decoration:none;
}

/*Definición de estilo para o div de descarga do manual*/
#manual{ 
  margin-top:2.2%;   
  float:right;
  font-size:1.2em;
  font-size:1vw;
  padding:0%;
}

#manual a{color: #FFFFFF;}

#manual a:hover, #manual a:active {
  color: #FFFFFF !important;
  opacity:0.7;
  text-decoration:none;
}

/*Definición de estilo para o div de administración*/
#admin{ 
  margin-top:1.8%;
  float:right;
  padding:0%;
  margin-right:1.2%;
  padding-left:2.6%;
}

#admin button {
  font-size:1.2em;
  font-size:1vw;
  margin-right:1.2%;
  background-color:#004990;
  border-color:#80a4c7;
  color:#FFFFFF !important;
}

#admin button:hover, #admin button:active {color:rgba(255,255,255,0.8) !important;}

@media(max-width:760px) {  
  #logo_usc {width:20%;}
  #logo_uvigo {width:40%;}
  #banner_ilg{
    font-size:2.5vw;
    width:25%;
    margin-top:1.2%;
  }
  #acerca{
    font-size:2.5vw;
    padding-left:3%;
  }
  #manual{
    font-size:2.5vw;
    padding-left:3%;
  }
  #admin{margin-left:10%;}
  #admin button{font-size:2.5vw;}
  .navbar-brand{width:270px;}
  
  #corilga_logo{
    width:30%;
    margin-top:10%;
  }

  #usc{
    width:30%;
    margin-top:10%;
  }

  #ilg {
    width:30%;
    margin-top: 10%;
  }

  #atlanttic{
    width:30%;
    margin-top:10%;
  }

  .navbar-header{min-height:75px;}
}


/**************************************** CORPO DA PÁXINA *****************************************************/
/*Estilo  aplicado á capa que vai a conter toda a información relevante da páxina */
#contenido {
  width:100%;
  height:88%;
}

#des_corilga {
  width:100%;
  height:50%;
  padding:10%;
  padding-top:6.7%;
  padding-bottom:6.8%;
  color:#004990;
  background-color:#f8f8f8;
  text-align: center; 
  border-bottom: medium solid #ddd;
}

#siglas_corilga{
  font-weight: bold;
  font-size:4vw;
}

#exp_corilga{
  margin-top: 17px;
  font-size:1.8em;
  font-size:1.5vw;
}
#busca {
  width:100%;
  height:50%;
  padding:5%;
  padding-top:7%;
  text-align: center;
}

#busca_en_todo{
  text-decoration: underline;
  text-decoration-color:#004990;
  margin-top:2%;
  cursor:pointer;
}

p {text-align: justify;}

/* Estilo aplicado a todos os botóns da clase btn -> desta forma todos terán o mesmo estilo*/
#begin_busca .btn {
  background-color:#004990 !important;  /*Color azul corporativo da USC */
  color:white !important;
  border-color:#80a4c7 !important; /* Color do borde do botón */
  background-image: -webkit-gradient(linear,left top,left bottom,from(#004990),to(#004990));
}
#begin_busca .btn:hover, #begin_busca .btn:active {color:rgba(255,255,255,0.8) !important;}
#busca_en_todo a{
  color:#004990; 
  font-size:24px;
}
#busca_en_todo a:focus, #busca_en_todo a:hover {
  color: #23527c;
  text-decoration: underline;
}
#busca_en_todo a:focus, #busca_en_todo a:hover {
  color: #004990 !important;
  opacity:0.7;
  text-decoration: underline;
}
#busca_en_todo a:active, #busca_en_todo a:hover {outline: 0;}


.bvertical{
  margin-right: 12px;
  vertical-align: middle;
}

.sin_margin_ni_padding {
  margin:0;
  padding:0;
}
.fila_ficheiro {
  border-bottom: thin solid #ddd;
  margin-top:1%;
}

.borde_columnas2_3{
  border-top: thin solid #ddd;
  padding-top:1%;
}
.fila_columnas2_3{padding-bottom:1%;}
.div_anotacions {border-left: thin solid #ddd;}

@media(max-width:767px) {
  #siglas_corilga{font-size:8vw;}
  #exp_corilga{
    font-size:1.8em;
    font-size:3vw;
  }
  #begin_busca button{width:60% !important;}
  #begin_busca h3{font-size:2.5vw;}
  #busca_en_todo a{font-size:2.5vw;}
}

  .result-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .result-col {
    box-sizing: border-box;
    padding: 2px 5px;
  }
  
  .result-col.file { width: 100%; } /* etiqueta del archivo ocupa toda la fila */
  .result-col.audio { width: 100%; } /* reproductor ocupa toda la fila */
  .result-col.annotation { width: 100%; } /* anotaciones ocupan toda la fila */

  /* Estilo para a taboa de resultados */
  .responsive-width {font-size:90% !important;}

  .resultados_busca {padding:0%;}

  .flotante_left {display:inline-block;}

  .tabla{padding:0%;}

  .notificacion_coin{
    position : fixed;
    top   : 100px;
    right    : 100px;
    zIndex   : 50000;
  }

  /* Estilo das teclas personalizado */
  .keypad-key, .keypad-special {
    font-size: 1.6em;
    line-height: 1.6em;
    font-family: "Doulos SIL", "Charis SIL", Gentium, "Arial Unicode MS","Lucida Sans Unicode", Arial, Serif;
  }

  .keypad-special {
	  font-size: 1.2em;
    line-height: 1.2em;
  }

  .resaltado {
	  background-color:gray;
  	border:1px solid black;
  	color: white;
  	padding: 0.15em;
  	width:1.5em;
	  -moz-border-radius: 0.25em;
	  -webkit-border-radius: 0.25em;
	  border-radius: 0.25em;
  }
  .resalta {
	  background-color:#004990;
	  color:white;
  }

  span.col0 {
	  background-color: #696969;
	  color:white;
	  margin: 0.125em;
	  display: inline-block;
	  width: 10em;
	  padding:0.25em;
	  pointer-events: none;
  }

  .col5 {
    margin-left: 10.30em;
  }

  /*Estilo para engadir marxen no botón para descargar os seleccionados na páxina de visualización dos resultados da busca dos patróns*/
  #descargar_marcados{
    margin-top:2%;
    margin-bottom:2%;
  } 

/* CAMBIOS */
@media(min-width:350px) and (max-width:760px) {
  #siglas_corilga{font-size:8vw;}
  #exp_corilga{
    font-size:1.8em;
    font-size:3vw;
  }
  #begin_busca button{width:60%;}
  #begin_busca h3{font-size:2.5vw;}
  #busca_en_todo a{font-size:2.5vw;}
}

@media  (max-width:350px) {
   #siglas_corilga{font-size:8vw;  }
  #exp_corilga{
    font-size:1.8em;
    font-size:3vw;
  }
  #begin_busca button{width:60%;}
  #begin_busca h3{font-size:3.5vw;}
  #busca_en_todo a{font-size:3.5vw;}
}
/* FIN DE CAMBIOS */

/* Estilos para a páxina de criterios de transcricións */
.media_columna{float:left;width:50%;}
.columna{clear:both;width:100%;}
.despois_float{clear:both;}

/* Estilo para o punteiro dos botóns e das listas desplegables (desta forma cando pasas por encima aparece a man)*/
.btn {cursor: pointer;}

.dropdown-menu {cursor: pointer;}

/* Estilo para cada unha das filas do formulario que contén a lista de ficheiros que cumplen a condición dos datos introducidos no formulario */
#lista_fich label {
    display:block;
    font-weight: normal;
}