.logos {
	height: 80px;
}

#lupa img {
	height: 0.8em;
}

.field-name-field-imagenes img {
	float:left;
}


/* idiomas */
#block-locale-language li {
 	display: inline !important;
}

#block-locale-language .active {
    background-color: #cc0000;
    color: white;
    padding: 2px;
}
 
 
body {
    background-color: white;
    color: #333;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif !important;
    font-size: 12pt;
}

hr {
	border-width: 1px !important;
	border-style: solid !important; 
	border-color: gray !inactiveborder;
}

a {
    color: #cc0000;
}

a:hover {
    color: #ff0000;
}

li {
	list-style-position: inside;
}



#avisolegal {
    text-align: right;
}

#contacto {
    text-align: center;    
}

#contacto a {
    margin-right: 1em;
}

#contacto ul {
    display: inline-block;
}
#contacto li {
    display: inline;
    list-style: none;
}

body {
    font-size: 16px;
    /*line-height: 1.2em;*/
}


#contacto ul {
    padding-left: 0; /* para quitar -webkit-padding-start: 40px; */
    margin-right: 1em; /* pequeña separación submenús */
}

/* xs */
@media screen {
    #logounico {
	text-align: center;
    }
    #logounico img {
	max-width: 100%;
	max-height: 9vh;
    }
    
    .ocultarpeq {
	display: none;
    }
    body {
	font-size: 150%;
    }
    header {	    
	height: 18vh;
	margin-top: 2vh;
    }    
    .redessociales { /* lo separamos un poco para que quepa el dedo en tablet y visualmente mejor en md */
	margin-right: 0.75em;
    }        
    #contacto {
	font-size: 90%;
	min-height: 2em;
	margin-top: 2vh;
	padding-top: 0.5vh;
    }
}

/* xs */
@media screen  and (min-width: 480px) and (max-width: 768px) {
    #logo  {
	display: block !important;
	float: left;
	width: 17vw;
    }
    #logo img {
	max-width: 100%;
	max-height: 80px;
    }
    #contacto {
	display: block;
	float: left;
	width: 43vw;
	font-size: 70%;
	line-height: 1em;
	max-height: 80px;
	margin-top: 0;
    }
    #logoisea {
	display: block  !important;
	float: left;
	width: 40vw;
    }
    #logoisea img {
	max-height: 80px;
	max-width: 100%;
    }
    .ocultargrande {
	display: none;
    }
    
    header {
	padding-bottom: 1vh;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;

	align-items: center;
	margin-top: 2vh;
    }            
}


@media screen and (min-width: 1024px) {
    body {
	font-size: 110%;
    }
    .ocultargrande {
	display: none; /* el hidden-md de bootstrap no va */
    }
    header {
	padding-bottom: 1vh;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;

	align-items: flex-end;
	margin-top: 2vh;
	height: 15vh;
    }        

    #contacto {
	font-size: 110%;
    }
    
    .redessociales { /* lo separamos un poco para que quepa el dedo en tablet y visualmente mejor en md */
	margin-right: 0.25em;
    }    
}


/* -- View TFT --*/
.view-pfc-tft img {
    width: 20%;
    height: 20%;
}