/* Fuentes personalizadas utilizadas en el proyecto */
@font-face {
    font-family: NotoSans-Regular;
    src: url(../fe-fonts/NotoSans-regular.ttf);
}
@font-face {
    font-family: NotoSans-Bold;
    src: url(../fe-fonts/NotoSans-bold.ttf);
}
@font-face {
    font-family: NotoSans-Italic;
    src: url(../fe-fonts/NotoSans-italic.ttf);
}
@font-face {
    font-family: NotoSans-BoldItalic;
    src: url(../fe-fonts/NotoSans-bolditalic.ttf);
}
@font-face {
    font-family: DejaVuSans;
    src: url(../fe-fonts/DejaVuSans.ttf);
}
.contenido-general{
    min-height: calc(100vh - 236px);
}
.contenido-general-index{
    min-height: calc(100vh - 208px);
}
.fuente-simon {
    font-family:NotoSans-Regular;
}
.logo-simon{
    max-width:150px;
    margin-left:40%;
}
.cabecera-inferior{
    height:100px;
    align-self: center;
}
.columna-logo{

    margin-top:30px;
}
.columna-derecha{
    align-self: center;
}
.columna-logo-llave{
   width:90px;
}
.div-texto-cabecera{
    font-size: 22px;
    margin-top: 30px;
    align-self: center;
    /*max-width:fit-content;*/
}

.div-busqueda-cabecera{
    font-size: 14px;
    text-align: right;
    padding-right:5px;
    margin-top: 35px;
    min-width:209px;
    width:209px;
    display: inline;
    /*background-color:#ff0000;*/
}

.logo-llave{
    max-width: 70px;  
    min-width:35px;
    margin-top:15px;
}
.cabecera-superior{
    height:28px;
    border-bottom:1px solid #545454;
    justify-content:end;
}
.btn-idiomas{
    margin-right:15px;
}
.img-idiomas-header{
    width:20px;
    height:20px;
    margin-top:0px;
}

.footer-superior{
    height:80px;
    padding-top: 26px;
    border-bottom:1px solid #545454;
}
.footer-inferior{
    height:28px;
    font-size: 10px;
    padding-top:5px;
}
.footer-inferior a {
    color: white;
}
.footer-inferior a:hover {
    color: black;
}
select#IKLENGUA{
    color:#545454;
    font-size:10px;
    min-width:100px;
    height:22px;
    margin-right:10px;
    border-radius:5px;
    }
.opt-lengua{
    padding-top: 4px;
}
.opt-lengua:hover{
    background-color:#1267A2 !important;
    color: black;
}

/* Clase con color azul "Simon" de fondo que nos han indicado */
.bg-simon {
    background-color:#1267A2;    
}

.avisolegal-footer {
    color:#ff0000;
    text-decoration:none;
}

.avisolegal-footer:hover{
    color:white;
    text-decoration:underline;
}
.entornoEstilos:hover .spanImagenes img{
    transition:transform 0.75s ease;
    -moz-transform: scale(1.1) rotate(0deg);
    -webkit-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg);
}
.contenedor2{
    width: 100%;
    text-align:center;
    margin: 0% auto;
    padding: 0 0em;        
}    

.seccionImages {
    background-color:#ffffff;
    padding-bottom:20px;
    margin-top:15px;
    text-align:center;
    width:44%;
}

.seccionImages .article {
    max-width: 200px;
    margin: 20px; /* En los media queries este valor tendrá que variar en función del tamaño de cada dispositivo [No veo necesario controlarlo]*/
    margin-bottom: 0px;
    display:inline-block;
    width:100%;
    border:1px solid #dad9d9;
}    

.spanImagenes {
    display: inline-block;
    position: relative;
    width:100%;
}

.spanImagenes img {
    display: block;
    width: 100%;
    max-width:300px;
}

.entornoEstilos:hover{
    cursor:pointer;
}

.entornoEstilos:hover .titulo h3{
    color:#2e8a82;
}

.link_volver {
	text-decoration:none;
	color:black;
	font-size:14px;
}

.link_volver:hover {
	text-decoration:underline;
}
.td-modal-cookies{
    border-width:1px;
}

#gridDocumentos{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows: auto;
	/*border-top: solid gray 1px;
	border-bottom: solid gray 1px;*/
    justify-content: space-around;
    text-align: start;
    background-color: #d5ecff;
}
#gridDocumentos>div{
	/*height:30px;*/
    padding-left: 10px;
}
#documentosVideo{
    padding-top: 30px;
    text-align: center
}


/* Media queries para hacer responsive el diseño */
@media screen and (max-width:1700px){
    .seccionImages {
        width:55%;
    }
}
@media screen and (max-width:1400px){
    .seccionImages {
        width:65%;
    }
}
@media screen and (max-width:1399px){
    .cabecera-inferior{
        height:170px;
    }
    .div-busqueda-cabecera{
        width:100%;
        margin-top: 2px;
        text-align: center;
    }
}
@media screen and (max-width:1200px){
    .seccionImages {
        width:75%;
    }
}
@media screen and (max-width:992px){

    .logo-llave{
        width:60px;
        margin-top:20px;
    }
    .div-texto-cabecera{
        font-size: 18px;
        margin-top: 25px;
        max-width:450px;

    }
    .logo-simon{
        max-width:120px;
        margin-left:30%;
        margin-top:5px;

    }
    .btn-idiomas{
        margin-right:25px;
    }
}
@media screen and (max-width:797px){
/*     .div-texto-cabecera{
        font-size: 16px;
        margin-top: 20px;
        max-width:212px;

    } */
}
@media screen and (max-width:576px){
    
    .logo-simon{
        max-width:90px;
        margin-left:20%;
        margin-top:0px;
    }
    .logo-llave{
        width:45px;
        margin-top:20px;
    }
    .div-texto-cabecera{
        font-size: 15px;
        margin-top: 20px;
     /*   max-width:212px;*/

    }
    .columna-logo-llave{
        width:60px;
    }
    .cabecera-inferior{
        /* height:80px; */
        align-self: center;
    }
    .seccionImages {
        width:66%; /* En los media queries este vakir tendrá que variar en función del tamaño de cada dispositivo */
    }
}
@media screen and (max-width:405px){
    .div-texto-cabecera{
        font-size: 15px;
        margin-top: 10px;
    }
    .gama-cableados{
        flex-direction:column !important;
        align-items:center !important;
    }
}