﻿
body{ 
color:#000;
font-family: var(--title-font-family); !important
} /**margin:0px; padding:0px; font-family:Arial,Verdana, Georgia, san-serif; font-size:0.8em; */
img{border:0}

:root {
  
    --body-font-family: "STIX Two Text", serif;
    --title-font-family: "STIX Two Text", serif;
    --gray-200: #e9f0f0;
    --gray-300: #595959;
    /*anterior principal: #ff0080*/
    --color-principal: #84e6f9;
    --color-acento: #ff6b6b;
    --color-textos: #000000;
    --color-textos-secundarios: #3C3C3C;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-28: 28px;
    --font-size-32: 32px;
}


#up1{
	/*background:#ece1cf url("/Resources/img/BG.png") 0 fixed no-repeat;*/
    background-size: cover;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#up2{
	background:#ece1cf url("/Resources/img/BG.png") 0 fixed no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/**********************
GENERALES
**********************/

[class*="col-md-"] {
  /*float: left;*/
}

.col-md-6 {
    margin-top: -2%;
}
.footer{
    padding-bottom: 80px;
}

.footer-bottom {
    background: var(--color-principal);
    padding: 4rem 0rem;
}
@font-face {
  /*
  font-family: 'DIN';
  src: url("DIN Medium.ttf");
  */
font-family: var(--title-font-family);

  font-style: normal;
  font-weight: normal;
}

a{color:#0033cc; } /*font-weight:bold; text-decoration:underline;*/
/*a:hover{text-decoration:none}*/

.negrita{color:#a91d39; font-weight:bold;}


H1
{
/*font-family:'DIN', Arial, Sans-Serif;*/
font-family: var(--title-font-family);

font-size:26px;
font-weight:normal;
color:#000;
text-transform:uppercase;
letter-spacing:-1px;
}
H2
{

margin:5px 0;
/*font-family:'DIN', Arial, Sans-Serif;*/
font-family: var(--title-font-family);
text-transform:uppercase;
font-size:18px;
color:#a91d39;
display:inline-block;
clear:both;
}

H3
{
/*font-family:'DIN', Arial, Sans-Serif;*/
font-family: var(--title-font-family);

margin:5px 0;
font-size:15px;
color:#000;
}
H4
{
/*font-family:'DIN', Arial, Sans-Serif;*/
font-family: var(--title-font-family);

font-size:13px;
color:#000;
}
.cabecera{
width:980px;
margin:35px auto 0 auto;
height:80px;
}

.logo-fotciencia{
float:left;
width:350px;
}
.logo-resto{
float:right;
}

.clear 
{
    clear: both;
    margin-top: 5px; 
    }
    
.clear10 
{
   
    margin-top: 10px; 
    }

.derecha{
    float:right;
    text-decoration: underline;
}

/*************************************
 Menu 
 *************************************/
.menu {
clear:both;
margin:10px auto 0 auto;
width: 980px !important;
text-align: left;
height: 46px;
background: url(../img/menubg.png) no-repeat top center;
}

/*************************************
 Menu selection new
 *************************************/
 
 /*.nav {
	font-family:Arial, Sans-Serif;
	font-weight:normal;
	color:#fff;
	margin-left: 10px;
	z-index: 500;
	float: left;
	position: relative;	
}

.nav, .nav ul{
     margin:0px 0 0 0;
     height:40px;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
	 
}
.nav a:link, .nav a:active, .nav a:visited
{
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase;
    display:block;
    padding-left: 1em;
	padding-right: 1.4em;
	height:20px;
    padding-top: 12px;
	padding-bottom: 8px;
	margin-left: 10px;
	line-height: 13px;
    color:#ffffff;
    text-decoration:none;

}
.nav a:hover, .nav li.current_page_item a 
{
   height:20px;
   padding-top: 12px;
	padding-bottom: 8px;
    text-decoration: none;
	 background:#009933;	
}

.nav li{
    float:left;
    position:relative;
}*/


/*************************************
 content
 *************************************/
.contenedor-top{
display:block;
margin:12px auto 0 auto;
background: transparent url("../img/content-top.png");
width:1000px;
height:16px;
font-size:0px;

}
.contenedor-bottom{
display:block;
margin:0 auto;
background: transparent url("../img/content-bottom.png");
background-position: 1px 0px;
width:1000px;
height:64px;
font-size:0px;

}
.contenedor {
border:1px solid transparent;
border:0px;
margin:0 auto;
width:1000px;
background:url("../img/content-bg.png");
background-position:center 16px;
}

.left {
width: 250px;
float: left;
}

.left p{margin:0 0 15px 25px}
.contenido 
{
border:1px solid transparent;
margin-top:0px;
margin-left:265px;
width:710px;
}
.capaAmpliacionImg
{
    position: absolute;
    top: 50px;
    margin:auto;
}
.ContenidoFormAmpliacion
{
    width: 800px;
    margin: 0 auto;
    padding: 0px 20px 20px 20px;
}
.ContenidoAmpliacion
{
    background-color: white;        
}
.CapaPrincipalVotacion
{
    background-color: white;    
    margin: 0 10px;
}
.VotaAmpliacion
{
    border: solid 2px rgb(194, 194, 194);
}


.left .addthis_default_style{padding-left:30px;}
.contenido p{
margin:5px 0 10px 0;
}


.contenido ul{margin:10px 0 10px 10px;}
.contenido ul li{
margin:3px 0 7px 0;
list-style: none;
background: url(../img/bullet.png) left top no-repeat;
padding-left: 15px;

}


.clear-float {clear:both;margin:0px;padding:0px;height:0px;font-size:0px}
.premiosfotciencia{

min-height:140px;
background:#fff url(../img/premios-fotciencia.png) top no-repeat;
}
.premiosfotciencia p{
width:450px;
padding:40px 0 0 0;
text-align:justify;
}
.ganadores09{

}


.tabbertab .bloque{
float:LEFT;
width:210px;
margin:5px 10px 0 10px;
}

.bloque .titulo{
font-size:14px;
font-weight:bold;
color:#a91d39;
}
.bloque p{
margin:2px 0 5px 0;
font-size:11px;
}
.bloque .autor{
font-style:italic;
color:#666666;
}

@media (min-width: 767px) {
    .catalogo {
        float: left;
        margin: 10px 10px;
        width: 150px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .catalogo{

        float:left;
        margin:10px 0px;
        width: 100%;
        text-align:center;
    }
}
.catalogo p {

        font-size:1.2em;
        font-weight:bold;
}

.catalogo a
{
    margin:5px 0;
    padding:0px;
    font-size:0.8em;
    font-weight:normal;
    text-transform:uppercase;
    display:block;
    text-decoration:none;
 }
    .catalogo a:hover {
        text-decoration:underline;
    }

.foto_i{float:left;margin:0 10px 5px 0;border:1px solid #333;}
.cursiva_peq
{

    font-size:11px;
    color:#666;
    font-style:italic;
} 

.noticias
{
 float: left;
margin:0 0 0 0;
/*width:690px;*/ 
/*min-height:180px;*/
background:#ebe9e9;
padding: 10px;
}
.noticias h1{color:#000;margin:0px 0 10px 0}
.noticia_titulo
{
margin:5px 0 0 0;
color:#a91d39;
font-size:120%;
font-weight:bold;
}
.noticia_foto{
    margin:0 20px 0 0;
    float:left;
    width:180px;
    height:100px;
    padding:10px;
    border:7px solid #a91d39;
}
.noticia_fecha{
color:#666;
font-style:italic;
font-size:90%;
}
.noticia_texto{
margin:10px 0 0 0;
}

.noticias2
{
    margin:15px 0 0 0;
    width:690px; 
    min-height:105px;
    background:#ebe9e9;
    padding: 10px;
}
.noticia_foto2 {
margin: 0 20px 0 0;
float: left;
width: 200px;
height: 90px;
border: 7px solid #a91d39;
}

.acercade{
margin:15px 0 0 0;
width:710px;
height:150px;
background: url("../img/acercade.png") no-repeat;
font-size:11px;
text-align:justify;
}

.acercade-fecyt{
margin:35px 0 0 10px;
float:left;
width:330px;
}
.acercade-fecyt p{

}
.acercade-csic{
width:330px;
float:left;
margin:35px 0 0 30px;
}

/*FORM ADMIN*/
.admin{
width:210px;
/*margin:0 0 20px 25px;*/
background:url('../img/bg-admin.png') bottom;
padding-bottom:15px;

}
.admin .titulo{
background:url('../img/bg-admintop.png') top;
padding:10px 0 10px 20px;
}
.titulo h1{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin:0;
}
/*.admin INPUT{width:170px;}*/
.form_row{
clear:both;
padding:5px 10px 0 15px;
}
.form_row a{font-size:11px}
.form_row_boton{
margin:0 auto;
text-align:center;
padding:0 0 0 15px;
}
.myinputstyle {
	border: 1px solid #666;
	/** remember to change image path **/
	/* background: url(none) no-repeat #FFFFFF; */
    /*font-family:'DIN', Arial, Sans-Serif;*/
	font-style: normal;
	font-size: 12px;
	color: #454743;
	padding:3px;
	width:90%;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
    /*font-family:'DIN', Arial, Sans-Serif;*/
	font-weight: bold;
	font-size: 12px;
	color: #000;
}

/*Varios*/

.linkBtn{ text-align:left;border:none; text-decoration:none; color:#a91d39; font-weight:bold; background-color:Transparent; font-size:11px; cursor:pointer;}
.linkBtn:hover{text-decoration:underline}


/*BOTON*/
.btn {
	float: left;
	clear: both;
	background: url("../img/btn_left.png") no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 32px;
	background: url("../img/btn_stretch.png") repeat-x left top;
	line-height: 30px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url("../img/btn_right.png") no-repeat;
	float: left;
	width: 10px;
	height: 32px;
}

.btn_rosa{ background-color: #a91d39; border:none; }

.btnGenerico{background:transparent url("../img/botonFot.png") no-repeat; width:96px; height:32px; cursor:pointer; border:none; margin:10px; color:#ffffff;}

/* Botones login*/

.btn2 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-primary{
    background-color : #CC2B99;
}
.clear {
	clear: both;
}

.cajaInformacionVotacion
{
    padding:5px; border: 1px solid gray; font-weight:bold;clear:both;width: 97%;float:left;margin-top:20px;background-color: rgba(0, 0, 0, 0.34);
}

/*Heredado de Fot7*/
.cajaImagen{
    background: #e7e7e7; 
    padding: 5px 0; 
    margin: 0 auto; 
    text-align: center; 
    clear: both;
    display:flex;
}
.imgAmpliada
{
    max-height: 500px;
    max-width: 770px;
    margin:auto;
}
.imgAmpliada_eval
{
    max-height: 600px;
    max-width: 900px;
    margin:auto;
}
.ampliacion_edicion{
    float:right;
}
.ampliacion
{
    display:none;
}
.ampliacionVisible
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(12,12,12,0.9);
    z-index: 0;
}

.CapaInformacionBkg
{
    position: fixed; left: 0px; top: 0px;  width: 100%; height: 100%; background-color: gray; opacity: 0.7;
}
.modalPopup
{
     position: fixed; 
     top: 3%; 
     background-color: white; 
     color: Black; 
     max-width: 800px; 
     width: 100%;
     min-height: 350px; 
     border: solid 1px Gray; 
     border-radius: 5px; 
     box-shadow: rgb(0, 0, 0) 5px 5px 5px; 
     z-index: 9999;      
     padding: 10px 5px;
     overflow-y: auto;
}
.modalPopupMobile{
     position: fixed; 
     left: 20px;
     top: 10%;
     background-color: white; 
     color: Black; 
     max-width: 800px; 
     width: 100%;
     min-height: 350px; 
     border: solid 1px Gray; 
     border-radius: 5px; 
     box-shadow: rgb(0, 0, 0) 5px 5px 5px; 
     z-index: 9999;      
     padding: 10px 5px;
}

.botonCerrarAmpliacion 
{
    float:right;
}
.ampliacionTitulo
{
/*font-family:'DIN', Arial, Sans-Serif;*/
font-size:18px;
font-weight:normal;
color:#a91d39;
text-transform:uppercase;
letter-spacing:-1px;
max-width: 80%;
height: 50px;
vertical-align: bottom;
display: table-cell;
}
.ampliacionTituloMobile{
/*font-family:'DIN', Arial, Sans-Serif;*/
font-size:18px;
font-weight:normal;
color:#a91d39;
text-transform:uppercase;
letter-spacing:-1px;
padding: 0.5em 0em 0em 0em;
}
.ampliacionTexto
{
    padding:10px;
    background:#e7e7e7;
    font-size:11px;
    height: 100%;
    float:left;
}
.ampliacionTextoMobile
{
    background:#e7e7e7;
    font-size:11px;
    overflow-y: scroll;
    padding: 5px;
}
.diapositiva
{
    display: block;
    background: #111;
    margin: 10px 0px 5px 15px;
    width: 215px;
    height: 147px;
    float: left;
    overflow: hidden;
    padding: 5px;    
}
.cajaDiapositiva {
    height: 100%;
    display: flex;
}
.diapositiva a
{
        outline: 0;
        vertical-align: baseline;

        padding: 0;
        
        top: 0;
        left: 0;
        border: 0;
}
.imagenDiapositivagaleria{ 
    max-height: 137px;
    max-width: 205px;
    display: flex;
    margin: auto;
    cursor: pointer;
}
.tituloDiapositiva{ 
        color: #296559;

        font-size: 12px;
        font-weight: bold;
        margin: 10px 5px 5px 5px;
        width: 210px;
        height:95px;    


}
.cajatitulo
{            
    cursor: pointer;
    height: 130px;
    float: left;
    position: relative;
    top: 0px;    
}

.spanCajaTitulo
{
    padding:5px;
    
    font-size:13px;
    /*font-family:'DIN', Arial, Sans-Serif;*/
    width: 205px;
    height: 60px;
    top: 81px;
    position: relative;BusquedaAvanzada_tbAutor
    float: left;
    background-color: rgba(0,0,0,.7);    
    color: #fff;
}
.tituloDiapositivaSpan 
{
        overflow: hidden;
        display: block;
        height: 48px;   
         
}
.tituloDiapositivaEval{ color: #296559;float: left;font-size: 10px;font-weight: bold;margin: 5px 5px 5px 10px;width: 155px;height:50px;overflow:hidden;}
.autorDiapositiva{ width:139px; height:50px; overflow:hidden; font-size:10px; font-weight:bold; color:#296559; margin:0px 12px 4px 12px;}

.imagenDiapositiva{
    max-height:108px; max-width:145px; display: flex;margin: auto;cursor: pointer;
}
.enlacesDiapositiva{ width:270px; }
.enlacesDiapositiva a{
    text-decoration: none;
}
.botonVotacion {width:270px; }
.btnVotar{
    background: #ffffff url("../img/btnVotar.png") no-repeat; 
    width:83px; 
    height:24px; 
    }
.btnGaleriaVotar{background: #ffffff url("../img/btnGaleriaVotar.png") no-repeat; margin:6px; width:107px; height:38px; }

.ampTop{background: #ffffff url("../img/AmpTop.png") no-repeat; padding:10px 40px 0px 40px; margin-left:11px; width:640px; height:71px;}
.ampMedio{background: #ffffff url("../img/AmpMedio.png") repeat-y; padding:10px 40px 20px 40px; margin-left:11px; width:640px; float:left;}
.tituloAmp{ font-size:16px; font-weight:bold; color:#444444;}
.ampBottom{background: #ffffff url("../img/AmpBottom.png") no-repeat; margin-bottom:30px; margin-left:11px; width:717px; height:5px;}

.nubeTags{clear:both;padding:20px 0 10px 0}

.izquierda{ float:left;}
.clearBoth{ clear:both; float:left;}
.width250{ width:250px;}
.width500{ width:500px;}


/*Formularios */

.estiloLabel 
{border: 1px solid #333;
 width: 300px;
 margin-bottom: 3px;
    
    }
    
.campo 
{
border: 0px solid #333;
/*width: 550px;*/
margin-bottom: 2px; 
padding: 5px;
    }
.campo2 
{
border: 0px solid #333;
/*width: 900px;*/
margin-bottom: 2px; 
padding: 5px;
    }

.combo 
{
    width: 100%;
     max-width: 300px;
    }

.combo_idiomas
{
     width: 120px;
    }    
.etiqueta 
{
     min-width: 195px;
     float: left;
     margin: 2px 4px 0 0;
     border: 0px solid #333;
     
  
    }
.etiquetaForm
{
     min-width: 190px;
     float: left;
     margin: 2px 4px 5px 0;
     border: 0px solid #333;
     
    }

.CapaBotonera
{
    margin-top: 3px;
    
    }

.datos 
{    
    height: 100%;
    min-height: 900px;
    /*padding: 5px;*/

    }
.usuario 
{
    width: 100%;
    max-width: 600px;
    height: 30px;
    border: 0px solid #333;
    font-weight: bold;
    font-family: Times New Roman;  
    color: #ccc;
    font-size: 2em;
    padding: 3px;
    margin: 0 0 5px 0;
    }

.contenido_usuario 
{
    width: 100%;
    max-width: 600px;
    clear: both;

     background: #dbbee6;
    }

.ver_info 
{    
      font-size:medium;
      color:White;
      font-weight:bold;  
      border: 0px solid #333;
      height: 30px;
      background: #a91d39;
      width: 700px;
      padding: 8px 4px 4px 4px;
   }
    
.nota
{    
      background-color: lightyellow;
      border: 0px solid black;
      background: #a91d39;
      padding: 8px 4px 4px 4px;
   }
 .boton 
{
 color:#fff;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: var(--color-principal);
 border: 1px solid #c05202;
 padding: 10px 5px ;
 float: left;
 margin: 5px 10px 5px 0px;
 max-width:300px;
 width: 100%;
 cursor: pointer;
 }
 .boton a:hover{
	text-decoration:underline;
	color:#fff;
 }

.boton1
{
 color:black;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: var(--color-principal);
 border: 1px solid #c05202;
 padding: 5px 5px;
 float: left;
 margin: 5px 10px 5px 0px;
 max-width:120px;
 width: 100%;
 cursor: pointer;
 }

.boton3
{
 color:black;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: #CC2B99;
 max-width:120px;
 width: 100%;
 cursor: pointer;
 }
  .boton_desconectar 
{
 color:#fff;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: #a91d39 url('../img/desconectar.png') 5px 3px  no-repeat;
 border: 1px solid #c05202;
 padding: 10px 5px ;
 float: left;
 margin: 5px 10px 5px 0px;
 width:220px;
 float:left;
 }
    .boton_desc
{
 color:black;
 background: #fff url('../img/desconectar.png') 0px 0px  no-repeat;
 border: none;
 padding: 10px 0px ;
 width: 30px;
     width: 32px;
    margin-left: 10px;
 }
   .boton_misdatos 
{
 color:#fff;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: #a91d39 url('../img/misdatos.png') 5px 3px  no-repeat;
 border: 1px solid #c05202;
 padding: 10px 5px ;
 float: left;
 margin: 5px 10px 5px 0px;
 width:220px;
 float:left;
 }
      .boton_datos 
{
 color: black;
 background: #fff url('../img/misdatos.png') 0px 0px  no-repeat;
 border: none;
 padding: 10px 0px ;
 float: left;
  width:30px;
 
 }

  .boton2 
{
 color:black;
 font-weight:bold;
 text-transform:uppercase;
 font-size:16px;   
 background: var(--color-principal);
 border: 1px solid #c05202;
 padding: 10px ;
 float: left;
 margin: 5px 15px 5px 5px;
 width:200px;
 float:left;
 }
 
.botonNoFloat
{
 color:white;    
 background: var(--color-principal);
 border: 2px solid #a91d39;
 padding: 3px;
 margin: 0 5px 0 0;
    }
    
.modalidad 
{
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0;
    
    }
    
.fondoDatosIncorrectos 
{
    color:#000;
    background: #ff9;
    margin: 5px;
    padding: 5px;
    border: 1px solid #f60;
    
    }
.linea 
{
    border-top: 1px solid #dbbee6;
    margin: 3px 0;
    
    }
    
.campos0
{
    border: 0px solid #333;
    height: 30px;
    background: #fff;
    padding: 5px;
    margin: 5px 0;
    
    }
    
.campos
{
    border: 0px solid #333;
    /*height: 60px;*/
    background: white;
    padding: 5px;
    margin: 5px 0;
    float:left;
    clear:both;
    max-width:680px;
    width:100%;
    }
.camposBlancos
{
    border: 0px solid #333;
    /*height: 60px;*/
    background: #fff;
    padding: 5px;
    margin: 5px 0;
    float:left;
    clear:both;
    max-width:680px;
    width:100%;    }    
    
.caja_texto 
{
    max-width: 660px;
    width: 100%;
    margin: 5px;
    padding: 5px;    
    }
    
.fotoMisFotos
{
    max-height: 88px;
    max-width: 118px;
    margin: auto;
 }
 .cajaFoto
 {
    clear:both;
    margin-top:10px;
    float:left;
    width:100%;
    display: flex;
 }
 .cajaFotoImagen{
    width: 120px;
    height: 90px;
    background-color: #191B1B;
    margin: 0px 20px 0px 5px;
    display: flex;
 }
 .fondoMensajeRecuperarClave
 {
    padding: 10px 10px 0px 20px;
 }
 .marginTop10
 {
    margin-top:10px;
 }
 .pdf {
    background: url("../Images/pdf.png") no-repeat;
    font-size: 10pt;
    height: 35px;
    margin-left: 20px;
    padding: 5px 0px 0px 28px;
}
 .png {
    background: url("../Images/png.png") no-repeat;
    font-size: 10pt;
    height: 35px;
    margin-left: 20px;
    padding: 5px 0px 0px 28px;
}
 .word {
    background: url("../Images/word.gif") no-repeat;
    font-size: 10pt;
    height: 35px;
    margin-left: 20px;
    padding: 5px 0px 0px 28px;
}
.cajaDescarga
{
    margin-left:20px;
    clear:both;
}
.CondicionesLegales
{
    text-align:justify;
    padding: 5px;
    border:none;
    float:left;
}
.alerta
{
    border:3px solid #555;
    padding:5px 10px;
    background:#fff url('../img/bg-alerta.png') 98% 3px no-repeat;
    color:#555;
    line-height:16px;
    font-size:11px;    
}
.finplazo p{text-align:justify;}
.float-d{float:right;margin:5px 0 0 10px}

/*Paginador*/

.facebook{ 
    width: 100%;
    max-width: 450px;    
    height:30px}
.pie-enlaces{ 
    width: 100%;
    max-width: 900px;   
    margin:auto; 
    padding-bottom:10px;
}
.pie_aviso_legal{
    color: black;
    padding-right: 1em;
    text-decoration: underline;
    font-size: 1em;
}

.IconoPremioEvaluacion 
{
    margin-left: 62px;
}

.etiquetaCheckBox label
{
    margin-left: 3px;
    margin-right: 5px;
}

.checkbox-enlinea label {
    display: inline !important;
}

.contenedorPestana
{
    background-color:#f1f1f1; /*#e7e7e7;*/
    float: left;
    width: 100%;
    max-width: 710px;   
    border-radius: 3px;
}
.Pestanas
{
    float:left;
    margin-left:5px;
}
.botonPestana 
{
 color:#fff;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: #585858;
 padding: 10px 5px ;
 float: left;
 margin: 5px 5px 0px 0px;
 width:220px;
 float:left; 
 border: 0;
 cursor:pointer;
 }
 .botonPestana:hover
{
 color:#fff;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: #a91d39;
 padding: 10px 5px ;
 float: left;
 margin: 5px 5px 0px 0px;
 width:220px;
 float:left; 
 border: 0;
 cursor:pointer;
 }
 .botonPestanaActiva 
{
 color:#fff; 
 background:#a91d39;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none; 
 padding: 10px 5px ;
 float: left;
 margin: 5px 5px 0px 0px;
 width:220px;
 float:left; 
 border: 0;
 cursor:pointer;
 }
 
 .cajaBuscador
 {
     float: right;  
     text-align:right;
 }
 .cajaBuscador a{
     cursor:pointer;
 }
 .cajaBuscar
 {
    vertical-align: top;
    margin-top: 8px;
    font-size: 0.8em;
    height: 18px;
    width: 150px;
    border-style: ridge;
 }
 .cajaEliminarTextoBusqueda{
    vertical-align: top;
    margin-top: 8px;
    margin-left: -5px;
    width: 18px;
    height: 18px;
    padding: 0px;
    background-color: #f1f1f1;
    border-style: outset;
    font-size: 0.7em;
    font-weight: bold;
}
 .lupaBuscar
 {
    border-width: 0px;
    width: 25px;
    margin: 4px 0 0 4px;     
}

/* Paginador */

.paginador
{
    float: right;
    margin: 0px 2px 12px 17px;
}

.mpag_npagina
{
    background-color: #585858;
    padding: 7px 8px 5px 6px;
    border-radius: 2px;
    color: White;
    margin-left: 2px;
    font-size: 0.8em;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    width: 23px;
}
.mpag_npaginaActivo
{
    background-color: #a91d39;
    padding: 7px 8px 5px 6px;
    border-radius: 2px;
    color: white;
    margin-left: 2px;
    font-size: 0.8em;
    text-decoration:none;
    float: left;
    margin-top: 5px;
    width: 23px;
}
.mpag_npagina:hover
{
    background-color: #a91d39;
    padding: 7px 8px 5px 6px;
    border-radius: 2px;
    color: White;
    margin-left: 2px;
    font-size: 0.8em;
    text-decoration: none;    
    float: left;
    margin-top: 5px;
    width: 23px;
}
.npag_caja_ant_sig{
    width: 56px !important;
}
.mpag_contenedor
{
    
}
.mpag_seccontenedor
{
    float:left;
}
.LogosColaboradores
{    
    margin:20px auto 10px;
    max-width: 210px;
}

.diapositivaEva
{
    display: block;
    background: rgb(196, 194, 194);
    margin: 5px;
    width: 175px;
    height: 250px;
    border-radius: 3px;
    float: left;
    overflow: hidden;
}
.PreseleccionEva label
{
    margin-left: 5px;
    color: #a91d39;
    font-weight: bold;
}
.TiposEva
{
    float: left;
    margin: 10px 10px 0 190px;
    height: 28px;
    font-weight: bold;
    width: 200px;
}  
.boton_desconectarEva
{
 color:#fff;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;   
 font-weight:normal;
 text-decoration:none;
 background: #fff url('../img/desconectar.png') no-repeat;
 border: none;
 float: left;
 margin: 0px;
 width:40px;
 height:40px;
  cursor:pointer;
 }
.EVAL_contenedor{
border: 1px solid transparent;
margin: 0 auto;
width: 1000px;
background: url("/Resources/img/EVAL_content-bg.png");
background-position: center 16px;
}
.EVAL_contenedor-bottom {
display: block;
margin: 0 auto;
background: transparent url("/Resources/img/EVAL_content-bottom.png");
width: 1000px;
height: 65px;
font-size: 0px;
}
.EVAL_contenedor-top {
display: block;
margin: 0px auto;
background: transparent url("/Resources/img/EVAL_content-top.png");
width: 1000px;
height: 16px;
font-size: 0px;
}
.paginador-Eva
{
    float: right;
    margin: 10px 45px 12px 0;
    width: 100%;
    text-align: right;
}
.BotonPaginadorSel
{
    background-color: #a91d39;
    padding:5px;
    border-radius: 2px;
    color: white;
    font-size: 0.8em;
    text-decoration:none;
    border: none;
    width: 25px;
    font-weight: bold;
}
.BotonPaginador
{
    background-color: #585858;

    padding:5px;
    border-radius: 2px;
    color: White;
    font-size: 0.8em;
    text-decoration: none;
    cursor: pointer;
    border: none;
    width: 25px;
    font-weight: bold;
}
/*.BotonPaginador { border:none; background-color:White; cursor:pointer; text-decoration:underline; color:Blue; padding-right:3px; }
.BotonPaginadorSel { border:none; background-color:White; text-decoration:none; color:Black; padding-right:3px; }
*/

#draghere{
    background-color: rgba(221,214,155,0.4);
    text-align: center;
    padding: 20px;
}

.popupDiv_fix div{
    left: 0px !important;
    top: 0px !important;
}
.menu-superior{
  background:  transparent url('/Resources/img/menubg.png') no-repeat top center !important;
  border: none !important;
  margin: 10px 0px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
}

#menu_index{
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.sinlink{
    text-decoration: none;
}


.navbar-pie-nav {
    display: flex;
    padding: 0;
    margin: 0;
    column-gap: 20px;
    flex-wrap: nowrap ;
    justify-content: center;
    list-style: none; 
    font-family: var(--body-font-family);
}

/* Opcional: mejora la apariencia de los enlaces */
.navbar-pie-nav .nav-link {
    text-decoration : none;
    color: black;
    padding: 5px 10px;
 


}







.navbar-default {
    background-color: white !important;
    border: 0px !important;
    /*-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075) !important;*/
}
.navbar-nav > li > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #000 !important;
  background: white !important;
  padding: 10px 13px !important;
  text-transform: uppercase;
  font-family: var(--title-font-family);
    
}



.navbar-nav > li > a:hover{   
    background: white;	
    color: #000 !important;
    padding: 10px 13px !important;

}




.on > a{
  
}
.navbar-toggle{
    margin-top: 3px !important;
}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.navbar-default .navbar-nav>li>a:hover{
  /* background-color: #a91d39; */ 
}

@media (min-width: 767px){

    .CajaInformacion{
        max-width:210px;
    }
    
    .cajaPantallaEspera{
        z-index: 100;position:fixed; left: 40%; top: 35%; width: 200px; border: solid 1px Gray; background-color:white; box-shadow: rgb(0, 0, 0) 5px 5px 5px; border-radius: 5px;
    }
    .cajaLoginError{
        z-index: 100;position:fixed; left: 40%; top: 35%; width: 332px; border: solid 1px Gray; background-color:white; box-shadow: rgb(0, 0, 0) 5px 5px 5px; border-radius: 5px;
    }
    .desplazarIzquierda
    {
      background-color: transparent;
      position: absolute;
      left: 0px;
      width:50%;
    }
    .desplazarDerecha
    {
        background-color: transparent;
        position: absolute;
        left: 50%;
        width:50%;
    }

    /* Búsqueda avanzada */

    #capaBusquedaAvanzada{
    
    }
    .camposBusquedaAV{
        clear: both;
        /*background-color:#f1f1f1;*/
        padding-bottom:1em;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
       /* display:inline-table;*/
    }
    .campoBusquedaAv select, .campoBusquedaAv input{
        width:100%;
    }

    .titulobuscador{
        background-color:#f1f1f1;
        line-height: 26px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .titulobuscador span{
        text-align: center;
        font-size: 13pt;
        font-weight: bold;
        margin-top: 7px;
        display: inline-block;
    }
    .titulobuscador a{
        font-weight:bold;
        float: right;
        border: none;
        background-color: transparent;
        cursor:pointer;
        color: black;
    }
    .titulobuscador a:hover{
        text-decoration: none;
    }
    .lineaTitulo{
        clear:both;
    
    }
    .campoBusquedaAv{
        margin-top: 5px;
    }

    .campoBusquedaAv span{
        font-weight:bold;
        line-height:25px
    }

    .campoBusquedaAv select{
        height: 22px;
    }

    .campoBusquedaAv input{
        height: 22px;
    }
    .ResBusqueda {
        text-align: right;
        line-height: 22px;
    }
    .ResBusqueda input {
        margin: 0 1em 1em 0;
    }
    .ResBusqueda span{
        text-align: right;
        padding-right: 1em;
    }
    .pieBusquedaAv{
      /*  background-color:#f1f1f1;*/
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        line-height:45px;
 
    }
    .botonBuscar{
        text-align: right;
    }
    .botonBuscar input{
        border: none;
        line-height: 27px;
        width: 71px;
        border-radius: 3px;
    }

    /* Fin búsqueda avanzada */
}

@media (max-width: 767px){

    .CajaInformacion {
         background:#FFF url('../img/bg-alerta.png') 98% 3px no-repeat;color: black;padding: 8px 5px 5px 5px;border: 1px solid #F60; margin: 10px 0;
    }
    .cajaPantallaEspera{
        z-index: 100;position:fixed; left: 17%; top: 35%; width: 200px; border: solid 1px Gray; background-color:white; box-shadow: rgb(0, 0, 0) 5px 5px 5px; border-radius: 5px;
    }
    .desplazarIzquierda
    {
      background-color: transparent;
      position: absolute;
      left: 0px;
    }
    .desplazarDerecha
    {
        background-color: transparent;
        position: absolute;
    }

    /* Búsqueda avanzada */
    
    .movil_display_none{
        display:none;
    }
    #capaBusquedaAvanzada{
    
    }
    .camposBusquedaAV{
        clear: both;
        background-color:#f1f1f1;
        padding-bottom:1em;
        display:inline-table;
    }
    .camposBusquedaAV div{
        margin-left: -10px !important;
        margin-right: -5px !important;
        text-align: right;
    }

    .campoBusquedaAv select, .campoBusquedaAv input{
        width:50%;
        
    }
    .titulobuscador{
        background-color:#f1f1f1;
        line-height: 26px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .titulobuscador span{
        text-align: center;
        font-size: 13pt;
        font-weight: bold;
        margin-top: 7px;
        display: inline-block;
        margin-left: -3px;
    }
    .titulobuscador a{
        font-weight:bold;
        float: right;
        border: none;
        background-color: transparent;
        cursor:pointer;
        color: black;
    }
    .titulobuscador a:hover{
        text-decoration: none;
    }
    .lineaTitulo{
        clear:both;
    
    }
    .campoBusquedaAv{
        margin-top: 5px;
    }

    .campoBusquedaAv span{
        font-weight:bold;
        line-height:18px;
        display: inline-block;
        width: 30%;
        text-align:left;        
        
    }

    .campoBusquedaAv select{
        height: 22px;
    }

    .campoBusquedaAv input{
        height: 22px;
        display: inline;
    }
    .ResBusqueda {
        text-align: right;
        line-height: 22px;
    }
    .ResBusqueda input {
        margin: 0 1em 1em 0;
    }
    .ResBusqueda span{
        text-align: right;
        padding-right: 1em;
    }
    .pieBusquedaAv{
        background-color:#f1f1f1;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        line-height:45px;
 
    }
    .botonBuscar{
        text-align: right;
    }
    .botonBuscar input{
        border: none;
        line-height: 27px;
        width: 71px;
        border-radius: 3px;
    }

    /* Fin búsqueda avanzada */
}

.compartir{width:100px height:22px float:left padding:2px 4px }
.compartirs{ width:70px}
.div-premiadas{
    display: flex;
    width: 100%;
    background-color: #232323;
}
.div-premiadas img{
    border: none;
    max-height: 400px;
    margin: auto;
    padding: 10px 0;
}

/* COOKIES */

.capa_cookies_popup{
    background-color: rgba(0, 0, 0, 0.65);
    position: fixed;
    bottom: 0px;
    min-height:130px;
    left: 0;
    width: 100%;
    z-index: 99999;
    color: white;
    padding: 2em 4% 2em 16%;
}
.cookies_text{
    float:left;
}
.cookies_text a{
    color: lightgray;
    text-decoration: underline;
}
.cookies_button{
    float: left;
    color:black;
    margin: 1em 5em;
    border-radius: 2px;    
    font-weight:bold;
}

/* FIN COOKIES */

/*ALERTS*/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  position: absolute;
  width: 100%;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

#imglogin:hover {
  /* background:#434343 !important;	*/ 
  /*  color: #303030 !important;
      background: url("../Images/png.png") no-repeat;
      padding: 10px 13px !important; 
      background-size: 70%;
      padding: 12px !important;
  */ 
    
    
    padding: 8px 8px !important; 
    background: url("../img/login_on.png") no-repeat;
    background-size: cover;
    height: 16px;
    margin-top: -8px;
   
}

#logos_oficiales {
    max-width:70%;
}

/* CARDS*/
.box{
    padding:60px 0px;
}

.box-part{
    background:#FFF;
    border-radius:0;
    padding:60px 10px;
    margin:30px 0px;
}
.text{
    margin:20px 0px;
}

.fa{
     color:#4183D7;
}

#Cabecera_Login:hover{
    background: url("../Images/png.png") no-repeat;

}
#PGeneral:hover{
    border: 2px #D63375 solid !important;
}
#PCAula:hover{
    border: 2px #D63375 solid !important;
}
#PATCS:hover{
    border: 2px #D63375 solid !important;
}


/*LOGO FOTCIENCIA*/

@media (min-width: 1400px)
header .view-logo img {
    height: 80px;
}

@media (min-width: 1200px)
header .view-logo img {
    height: 80px;
}
@media (min-width: 768px)
header .view-logo img {
    height: 60px;
}
@media (min-width: 576px)
header .view-logo img {
    height: 40px;
}
header .view-logo img {
    height: 80px;
}

header {-webkit-box-shadow: -6px 6px 17px 0px rgba(0,0,0,0.15);
    box-shadow: -6px 6px 8px 0px rgba(0,0,0,0.15);
    margin-top: -43px;
}

/*GALERIA*/


