@CHARSET "ISO-8859-1";
.collapsing {  transition: none;
   -webkit-transition: none; }

#ul_barra li a {
	color: white;
}

#testo{
	text-align: right;
	padding-top: 15px;
}

#barra {
	background-color: #3E3D40;
}

#icon {
	width: 60px;
	background: transparent;
}

.more-link{
	display: none;
}

#seeAll{

    text-align: center;
    margin-bottom: 60px;
    font-size: 25px;
    font-style: italic;

}

#header {
	margin-left: 19%;
}


#imagenheader {
    position: absolute;
    right: 18%;
    top: 38%;
    width: 25%;
}

#hrGreen {
	width: 250px;
	margin: auto;
}

#hrGreen2 {
	margin: auto;
	margin-bottom: 50px;
}

.textCentered {
	text-align: center;
	color: #7E8692;
}

#negrita {
	font-weight: bold;
	text-decoration: none;
	color: #7E8692;
}

@media ( max-width :1200px) {
	#textoE {
		margin-left: 15px;
		font-size: 16px;
	}
}



.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
	margin-bottom: 20px;
}

#lift {
    width: 70%;
    margin-left: 15%;
}

.slick-prev:before, .slick-next:before {
	color: black;
}

.Modal {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	background-color: white;
	-webkit-transition: 0.5s;
	overflow: auto;
	transition: all 0.3s linear;
}

.Modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border-radius: 4px;
    width: 75%;	
    height: 90%;
    margin-top:60px;
}

#titulo {
	text-align: center;
	font-size: 30px;
}

.ModalOpen {
	overflow: hidden;
}

.is-hidden {
	display: none;
}

.is-visuallyHidden {
	opacity: 0;
}

.Close {
	color: #aaaaaa;
	float: right;
	font-size: 43px;
	margin-top: -10px;
}

.Close:hover, .Close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.is-blurred {
	filter: blur(2px);
	-webkit-filter: blur(2px);
}

.expand {
	cursor: pointer;
}

#modalImg {
	position: absolute;
	float: right;
	width: 20%;
	margin-left: 6%;
	margin-top: 45px;
}





#descripcion::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px transparent;
	border-radius: 10px;
	background-color: transparent;
}

#descripcion::-webkit-scrollbar
{
	width: 8px;
	background-color: transparent;
}

#descripcion::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px #75B700;
	background-color: #75B700;
}
 
@media screen and (max-width:769px) {
	#imagenheader {
		position: absolute;
		top: 32%;
		left: 37%;
		width: 60%;
	}
}




.drop-shadow:before, .drop-shadow:after {
	content: "";
	position: absolute;
	z-index: -2;
}

.drop-shadow p {
	font-size: 16px;
	font-weight: bold;
}

/* Lifted corners */
.lifted {
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.lifted:before, .lifted:after {
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.lifted:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

#iconos img {
	padding-right: 10px;
	padding-bottom: 10px;
}



#tBlog {
	font-size: 18px;
}

#dBlog {
	font-size: 15px;
	    height: 200px;
    overflow: hidden;
}

@media screen and ( min-width :1200px) {
	#textoBlog {
	    display: inline-block;
    text-align: justify;
    margin-top: 40px;
    width: 90%;
    margin-left: 5%;
	}
}

@media screen and ( max-width :1200px) {
	#textoBlog {
    display: inline-block;
    margin-left: 12%;
    width: 75%;
    text-align: justify;
    margin-top: 40px;
    margin-bottom: 75px;

	}
}

#read {
	text-align: right;
	font-style: italic;
	font-size: 15px;
}



#logos a img {
	background: transparent;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

#barrita {
	padding-left: 10px;
	padding-right: 5px;
	width: 17px;
	height: 25px;
	margin-left: 4px;
	margin-right: 5px;
}

#iconCon {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}



#negrita {
	decoration: none;
	color: #7E8692;
	font-weight: bold;
}


/*
body::-webkit-scrollbar {
	display: none;
}
*/

@media screen and ( min-width :300px) and (min-height: 300px) and (max-width: 500px) {
/*PROYECTOS*/

.carousel-inner {
    width: 100%;
     margin-left: 0; 
}
 
.item{
	margin-top: 0;
} 

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 93%;
    height: auto;
    /* margin-left: 66%; */
    margin: auto;
    margin-top: 8%;
}

#hrGreen3 {
	margin: auto;
	width: 200px;
}
#titulo {
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
}
	.Modal-content{
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    /* padding-left: 60px; */
    border-radius: 4px;
    height: 175%;
    width: 100%;
   	}

	#descripcion {
    float: right;
    text-align: justify;
    position: absolute;
    /* left: 53%; */
    width: 92%;
    /* top: 22%; */
    height: 57%;
    margin-top: 40px;
    margin-bottom: 33px;
    font-size: 18px;
    padding-right: 36px;
    padding-left: 30px;
    overflow: auto;
}

/*FIN PROYECTOS*/
#cont{
	margin-top: 0;
}
	.row{
		margin-top: 60px;
	}
	#about{
		margin-top: 40px; 
		margin-bottom: 80px;
		width: 75%;
	}

	#blog{
		margin-top: 40px; 
		margin-bottom: 80px;
		width: 100%;
	}

	.centered{
    margin-top: 60px;
    margin-bottom: 40px;
    color: #7E8692;
    font-size: 42px;
	}
	.greenie{
		margin-top: 40px; 
		margin-bottom: 80px;
	}

	.textCentered, .textCentereddos{
		margin-bottom: 40px;
		margin-top: 60px; 
		font-size: 18px;
		    text-align: center;
	}

	#intro{
		font-size: 25px; 
		margin-bottom: 60px;
		margin-top: 60px;   
	}

	#header {
		margin-left: 19%;
	}

	#contenido{
	    width: 100%;
	    line-height: 25px;
    	font-size: 17px;
    	text-align: justify;
	}

	#hrGreen {
	width: 250px;
	margin: auto;
	}

	#musculitos{
		    font-size: 34px;
    line-height: 36px;
    font-style: italic;
    margin-top: 13%;
	}

	#icono1{
		width: 60px; 
		margin-bottom: 20px; 
		margin-top: 10px;
	}

	#icono2, #icono3{
		width: 60px; 
		margin-bottom: 20px; 
	}

	#services{
	    margin-top: 40px;
	    margin-bottom: 80px;
	}

	#verde {
	color: #75B700;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	padding-top: 20px;
}

#textoBlog {
    display: inline-block;
    margin-left: 0;
    width: 100%;
    text-align: justify;
    margin-top: 40px;
    margin-bottom: 75px;
}

	#tech{
	    position: absolute;
    padding-top: 30%;
    left: 5%;
	}

	#equipo, #bl{
		margin-top: 0; 
		margin-bottom: 20px; 
		color: #7E8692; 
		padding-top: 0px;
	}

	#toys{
		    padding-top: 35%;
		margin: auto;	
	}
	#lift {
    width: 100%;
    margin-left: 0;
	} 
	#textoE {
		font-size: 18px;
		color: #7E8692;
			margin-bottom: 40px;
	}
	#iconos img {
	padding-right: 10px;
	padding-bottom: 10px;
}
#dblp, #dblp2, #dblp3 {
	margin-top: 4px;
}

.maps {
width: 100%;
    height: 525px;
    margin-top: 3%;
    text-align: left;
    background: transparent;
    position: relative;
}

.form-horizontal{
margin-top: 40px !important;

}
	#texto {
		font-size: 18px;
		color: #7E8692;
	}


  
#finde{
	font-size: 21px;
	width: 100%;
	text-align:center;
	color: #75B700;
} 
	#lift img{

		width: 101%;
	}
#lift2{
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
}
	 #lift2 img{
    height: 200px;
    width: 100%;
	}

#iconos{
		margin-top: -30px;
	}

	.drop-shadow {
	position: relative;
	float: left;
	/* width: 40%; */
	/* padding: 1em; */
	/*margin: 1em 10px;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
		inset;
} 

.con{
	margin-top: 0;
}

	#find{
		font-size: 28px;
	    margin-bottom: 40px;
	    width: 100%;
	    text-align: center;
	    color: #75B700;
	}
iframe {
    width: 100%;
    pointer-events: none;
    border: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  /*  filter: url(/web/20240413035135im_/https://www.spilab.es/assets/css/grayscale.svg);*/
    filter: gray;
    height: 400px;
    margin-top: 60px;
}

.slider {
	width: 100%;
	margin: 50px auto;
	text-align: center;
}
.slick-slide {
	margin: 0px 16px;
}

.slick-cloned{
	width: 328px;
}

.slick-active{
	width: 328px;
}

.slick-track{
	    margin-left: 5px;
}
} 

@media screen and ( min-width :501px) and (min-height: 200px) and (max-width: 1199px){

/*PROYECTOS*/

.carousel-inner {
    width: 100%;
     margin-left: 0; 
}
 
.item{
	margin-top: 0;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 93%;
    height: auto;
    /* margin-left: 66%; */
    margin: auto;
    margin-top: 8%;
}

#hrGreen3 {
	margin: auto;
	width: 200px;
}
#titulo {
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
}
	.Modal-content{
background-color: #fefefe;
    margin: auto;
    padding: 20px;
    /* padding-left: 60px; */
    border-radius: 4px;
    height: 310%;
    
	}

	#descripcion {
    float: right;
    text-align: justify;
    position: absolute;
    /* left: 53%; */
    width: 69%;
    /* top: 22%; */
    height: 50%;
    margin-top: 40px;
    margin-bottom: 33px;
    font-size: 18px;
    padding-right: 40px;
    padding-left: 30px;
    overflow: auto;
}

/*FIN PROYECTOS*/


.slider {
    width: 50%;
    margin: 50px auto;
    text-align: center;
}
#cont{
	margin-top: 0;
}
	.row{
		margin-top: 60px;
	}
	#about, #blog{
		margin-top: 40px; 
		margin-bottom: 80px;
		width: 75%;
	}

	.centered{
    margin-bottom: 40px;
    color: #7E8692;
    font-size: 32px;
	}
	.greenie{
		margin-top: 40px; 
		margin-bottom: 80px;
	}

	.textCentered, .textCentereddos{
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 16px;
    text-align: center;
	}

	#intro{
		font-size: 25px; 
		margin-bottom: 60px;
		margin-top: 60px;   
	}

	#header {
		margin-left: 19%;
	}

	#contenido{
    width: 100%;
    line-height: 26px;
    text-align: justify;
	}

	#hrGreen {
	width: 250px;
	margin: auto;
	}

	#musculitos{
		font-size: 22px; 
		line-height: 38px; 
		font-style: italic; 
		margin-top: 13%;
	}

	#icono1{
		width: 60px; 
		margin-bottom: 20px; 
		margin-top: 10px;
	}

	#icono2, #icono3{
		width: 60px; 
		margin-bottom: 20px; 
	}

	#services{
	    margin-top: 40px;
	    margin-bottom: 80px;
	}

	#verde {
	color: #75B700;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	padding-top: 0px;
}



	#tech{
		padding-top: 29px;
	}

	#equipo, #bl{
		margin-top: 0; 
		margin-bottom: 20px; 
		color: #7E8692; 
		padding-top: 0px;
	}
	#toys{
		padding-top: 15%; 
		margin: auto;	
	}
#lift {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 40px;
}
	#textoE {
		font-size: 18px;
		color: #7E8692;
		margin-bottom: 40px;
	}
	#iconos img {
	padding-right: 10px;
	padding-bottom: 10px;
}
#dblp, #dblp2, #dblp3 {
	margin-top: 4px;
}

.maps {
    width: 100%;
    height: 200px;
    margin-top: 3%; 
    text-align: left;
    background: transparent;
    position: relative;
}

.form-horizontal{
    width: 100%;
}
	#texto {
		font-size: 18px;
		color: #7E8692;
	}


  
#finde{
	font-size: 21px;
	width: 100%;
	text-align:center;
	color: #75B700;
} 
	#lift img{
		width: 101%;
	}

#lift2{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 0;
}
		 #lift2 img{
    width: 100%;
    height: 455px;
	}


#iconos{
		margin-top: -30px;
	}

	.drop-shadow {
	position: relative;
	float: left;
	/* width: 40%; */
	/* padding: 1em; */
	/*margin: 1em 10px;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
		inset;
} 

.con{
	margin-top: 0;
}

	#find{
		font-size: 28px;
	    margin-bottom: 40px;
	    width: 100%;
	    text-align: center;
	    color: #75B700;
	}
iframe {
	width: 100%;
	pointer-events: none;
	border: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: url(/web/20240413035135im_/https://www.spilab.es/assets/css/grayscale.svg);  Firefox 4+ */
	filter: gray;
	height: 200px;
}
} 

@media screen and ( min-width :501px) and (min-height: 200px) and (max-width: 899px){

		 #lift2 img{
    width: 100%;
    height: 355px;
	}
}


@media screen and ( min-width :640px) and (min-height: 480px) {
/*PROYECTOS*/

.carousel-inner {
    width: 100%;
     margin-left: 0; 
}
 
.item{
	margin-top: 0;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 93%;
    height: auto;
    /* margin-left: 66%; */
    margin: auto;
    margin-top: 8%;
}
#lift2{
	    width: 100%;
    margin-bottom: 0;
        margin-left: 0;

}
#hrGreen3 {
	margin: auto;
	width: 200px;
}
#textoBlog{
	display: inline-block;
     margin-left: 0;
    width: 100%;
    text-align: justify;
    margin-top: 40px;
    margin-bottom: 75px;
}
#titulo {
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
}
	.Modal-content{
background-color: #fefefe;
    margin: auto;
    padding: 20px;
    /* padding-left: 60px; */
    border-radius: 4px;
    height: 185%;
    
	}

	#descripcion {
    float: right;
    text-align: justify;
    position: absolute;
    /* left: 53%; */
    width: 69%;
    /* top: 22%; */
    height: 50%;
    margin-top: 30px;
    margin-bottom: 33px;
    font-size: 18px;
    padding-right: 40px;
    padding-left: 30px;
    overflow: auto;
}

/*FIN PROYECTOS*/
#cont{
	margin-top: 525px;
}
	.row{
		margin-top: 60px;
	}
	#about, #blog{
		margin-top: 40px; 
		margin-bottom: 80px;
		width: 75%;
	}

	.centered{
    margin-top: 60px;
    margin-bottom: 40px;
    color: #7E8692;
    font-size: 42px;
	}
	.greenie{
		margin-top: 40px; 
		margin-bottom: 80px;
	}

	.textCentered, .textCentereddos{
		margin-bottom: 40px;
		margin-top: 60px; 
		font-size: 18px;
		    text-align: center;
	}

	#intro{
		font-size: 25px; 
		margin-bottom: 60px;
		margin-top: 60px;   
	}

	#header {
		margin-left: 19%;
	}

	#contenido{
		width: 95%;
		line-height: 35px;
	}

	#hrGreen {
	width: 250px;
	margin: auto;
	margin-bottom: 30px;
	}

	#musculitos{
		font-size: 40px; 
		line-height: 38px; 
		font-style: italic; 
		margin-top: 13%;
	}

	#icono1{
		width: 60px; 
		margin-bottom: 20px; 
		margin-top: 10px;
	}

	#icono2, #icono3{
		width: 60px; 
		margin-bottom: 20px; 
	}

	#services{
	    margin-top: 40px;
	    margin-bottom: 80px;
	}

	#verde {
	color: #75B700;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	padding-top: 0px;
}



	#tech{
		position: absolute;
    padding-top: 11%;
    left: 15%;
	}

	#equipo, #bl{
		margin-top: 0; 
		margin-bottom: 20px; 
		color: #7E8692; 
		padding-top: 0px;
	}
	#toys{
		padding-top: 15%; 
		margin: auto;	
	}
	#lift {
    width: 60%;
    margin-left: 20%;
	} 
	#textoE {
		font-size: 18px;
		color: #7E8692;
		margin-bottom: 40px;
	}
	#iconos img {
	padding-right: 10px;
	padding-bottom: 10px;
}
#dblp, #dblp2, #dblp3 {
	margin-top: 4px;
}

.maps {
    width: 80%;
    height: 525px;
    margin-left: 10%;
    margin-top: 3%; 
    text-align: left;
    background: transparent;
    position: relative;
}

.form-horizontal{
    width: 50%;
margin-top: 110px;
    margin-left: 60%;

}
	#texto {
		font-size: 18px;
		color: #7E8692;
	}


  
#finde{
	font-size: 21px;
	width: 100%;
	text-align:center;
	color: #75B700;
} 
	#lift img{
		width: 101%;
		}

#iconos{
		margin-top: -30px;
	}

	.drop-shadow {
	position: relative;
	float: left;
	/* width: 40%; */
	/* padding: 1em; */
	/*margin: 1em 10px;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
		inset;
} 

.con{
	margin-top: 0;
}

	#find{
		font-size: 28px;
	    margin-bottom: 40px;
	    width: 100%;
	    text-align: center;
	    color: #75B700;
	}
iframe {
	width: 100%;
	pointer-events: none;
	border: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: url(/web/20240413035135im_/https://www.spilab.es/assets/css/grayscale.svg); Firefox 4+ */
	filter: gray;
	height: 550px;
}
} 

@media screen and (min-width: 1200px){
			 #lift2 img{
    width: 100%;
    height:200px;
	}
}
@media screen and (min-width: 640px) and (max-width: 1199px){ 

	#texto {
		font-size: 20px;
	    width: 60%;
	    margin: auto;
	    margin-bottom: 70px;
	    color: #7E8692;
	}
		#textoE {
		font-size: 20px;
	    width: 60%;
	    margin: auto;
	    margin-bottom: 80px;
	    color: #7E8692;
	}
	#texto2  {

		font-size: 20px;
		color: #7E8692;
	}
	#verde {
	color: #75B700;
	font-weight: bold;
	font-size: 23px;
	display: inline-block;
	padding-top: 0px;
}
.slider {
    width: 50%;
    margin: 50px auto;
    text-align: center;
}
#lift {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 40px;
}
.form-horizontal{
    width: 83%;
    margin: auto;
} 
#cont{
	margin-top: 0;
}
}


@media screen and ( min-width :1200px) and (min-height: 900px){
		   #textoBlog{ display: inline-block;
    text-align: justify;
    margin-top: 40px;
    width: 90%;
    margin-left: 5%;
}
	/*PROYECTOS*/
	.carousel-inner {
    width: 45%;
    margin-left: 20px;
}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

.item{
	margin-top: 22%;
}


#hrGreen3 {
	margin: auto;
	margin-bottom: 50px;
	width: 400px;
}
#titulo {
    text-align: center;
    font-size: 40px;
        margin-top: 50px;
}
	.Modal-content{
		    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    padding-left: 60px;
    border-radius: 4px;
    width: 75%;
    height: 90%;
    margin-top: 60px;
	}

	#descripcion {
    float: right;
    text-align: justify;
    position: absolute;
    left: 53%;
    width: 30%;
    top: 22%;
    height: 50%;
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 18px;
    padding-right: 40px;
    overflow: auto;
}

/*FIN PROYECTOS*/
	.row, .row2{
		margin-top: 60px;
	}
	#about, #blog{
		margin-top: 40px; 
		margin-bottom: 80px;
		width: 75%;
	}

	.centered{
    margin-top: 60px;
    margin-bottom: 40px;
    color: #7E8692;
    font-size: 42px;
	}
	.greenie{
		margin-top: 40px; 
		margin-bottom: 80px;
	}

	.textCentered, .textCentereddos{
		margin-bottom: 40px;
		margin-top: 60px; 
		font-size: 18px;
		    text-align: center;
	}
.slider {
    width: 50%;
    margin: 50px auto;
    text-align: center;
    margin-bottom: 90px;
}
	#intro{
		font-size: 25px; 
		margin-bottom: 60px;
		margin-top: 60px;   
	}

	#header {
		margin-left: 19%;
	}

	#contenido{
		width: 95%;
		line-height: 35px;
	}

	#hrGreen {
	width: 250px;
	margin: auto;
	}

	#musculitos{
		font-size: 40px; 
		line-height: 38px; 
		font-style: italic; 
		margin-top: 13%;
	}

	#icono1{
		width: 60px; 
		margin-bottom: 20px; 
		margin-top: 10px;
	}

	#icono2, #icono3{
		width: 60px; 
		margin-bottom: 20px; 
	}

	#services{
	    margin-top: 40px;
	    margin-bottom: 80px;
	}

	#verde {
	color: #75B700;
	font-weight: bold;
	font-size: 18px;
	display: inline-block;
	padding-top: 0px;
}

	#texto, #texto2  {
		font-size: 15px;
		color: #7E8692;
	}

	#tech{
		position: absolute;
		padding-top: 13%;

	}

	#equipo, #bl{
		margin-top: 0; 
		margin-bottom: 20px; 
		color: #7E8692; 
		padding-top: 0px;
	}
	#toys{
		padding-top: 15%; 
		margin: auto;	
	}
	#lift {
    width: 60%;
    margin-left: 20%;
	} 
	#textoE {
		font-size: 15px;
		color: #7E8692;
	}
	#iconos img {
	padding-right: 10px;
	padding-bottom: 10px;
}
#dblp, #dblp2, #dblp3 {
	margin-top: 4px;
}

.maps {
    width: 80%;
    height: 525px;
    margin-left: 10%;
    margin-top: 3%; 
    text-align: left;
    background: transparent;
    position: relative;
}

.form-horizontal{
    width: 50%;
margin-top: 110px;
    margin-left: 43%;

}

#cont{
	margin-left: 4%;
	margin-top: 545px;
}
  
#finde{
	font-size: 21px;
	width: 100%;
	text-align:center;
	color: #75B700;
} 
	#lift img{
		width: 101%;
	}
	#lift2{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 0;
}

	#lift2 img{
   		height: 200px;
	}


#iconos{
		margin-top: -30px;
	}

	.drop-shadow {
	position: relative;
	float: left;
	/* width: 40%; */
	/* padding: 1em; */
	/*margin: 1em 10px;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
		inset;
} 

.con{
	margin-top: 0;
}

	#find{
		font-size: 28px;
	    margin-bottom: 40px;
	    width: 100%;
	    text-align: center;
	    color: #75B700;
	}
iframe {
	width: 100%;
	pointer-events: none;
	border: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: url(/web/20240413035135im_/https://www.spilab.es/assets/css/grayscale.svg);*/ /* Firefox 4+ */
	filter: gray;
	height: 550px;
}
} 

@media screen and ( min-width :1400px) and (min-height: 900px){
	.item{
			margin-top: 14%;

	}
}
@media screen and ( min-width :1600px) and (min-height: 1000px){
		   #textoBlog{ display: inline-block;
    text-align: justify;
    margin-top: 40px;
    width: 90%;
    margin-left: 5%;
}
	/*PROYECTOS*/
.carousel-inner {
    width: 45%;
    margin-left: 20px;
}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

.item{
	margin-top: 14%;
}
#hrGreen3 {
	margin: auto;
	margin-bottom: 50px;
	width: 400px;
}
#titulo {
    text-align: center;
    font-size: 40px;
        margin-top: 50px;
}
	.Modal-content{
		    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    padding-left: 60px;
    border-radius: 4px;
    width: 75%;
    height: 80%;
    margin-top: 60px;
	}

	#descripcion {
    float: right;
    text-align: justify;
    position: absolute;
    left: 53%;
    width: 30%;
    top: 14%;
    height: 55%;
    margin-top: 100px;
    margin-bottom: 30px;

    font-size: 22px;
    padding-right: 40px;
    overflow: auto;
}

/*FIN PROYECTOS*/

	.row, .row2{
		margin-top: 60px;
	}
	#about, #blog{
		margin-top: 40px; 
		margin-bottom: 80px;
		width: 75%;
	}

	.centered{
		margin-top: 100px; 
		margin-bottom: 40px; 
		color: #7E8692;
		font-size: 51px;
	}
	.greenie{
		margin-top: 40px; 
		margin-bottom: 80px;
	}

	.textCentered, .textCentereddos{
		margin-bottom: 100px;
		margin-top: 80px; 
		font-size: 23px;
		    text-align: center;
	}
.slider {
    width: 50%;
    margin: 50px auto;
    text-align: center;
    margin-bottom: 90px;
}
	#intro{
		font-size: 25px; 
		margin-bottom: 60px;
		margin-top: 60px;   
	}

	#header {
		margin-left: 19%;
	}

	#contenido{
		width: 95%;
		line-height: 35px;
	}

	#hrGreen {
	width: 250px;
	margin: auto;
	}

	#musculitos{
		font-size: 40px; 
		line-height: 38px; 
		font-style: italic; 
		margin-top: 22%;
	}

	#icono1{
		width: 60px; 
		margin-bottom: 20px; 
		margin-top: 10px;
	}

	#icono2, #icono3{
		width: 60px; 
		margin-bottom: 20px; 
	}

	#services{
	    margin-top: 40px;
	    margin-bottom: 80px;
	}

	#verde {
	color: #75B700;
	font-weight: bold;
	font-size: 21px;
	display: inline-block;
	padding-top: 0px;
}

	#texto, #texto2  {

		font-size: 18px;
		color: #7E8692;
	}

	#tech{
		position: absolute;
		padding-top: 13%;
	}

	#equipo, #bl{
		margin-top: 0; 
		margin-bottom: 20px; 
		color: #7E8692; 
		padding-top: 0px;
	}
	#toys{
		padding-top: 25%; 
		margin: auto;	
	}
	#lift {
    width: 70%;
    margin-left: 15%;
	} 
	#textoE {
		font-size: 18px;
		color: #7E8692;
	}
	#iconos img {
	padding-right: 10px;
	padding-bottom: 10px;
}
#dblp, #dblp2, #dblp3 {
	margin-top: 4px;
}

.maps {
    width: 80%;
    height: 525px;
    margin-left: 10%;
    margin-top: 3%;
    text-align: left;
    background: transparent;
    position: relative;
}

.form-horizontal{
    width: 50%;
margin-top: 150px;
    margin-left: 43%;

}

#cont{
	margin-left: 4%;
	margin-top: 635px;
}
  
#finde{
	font-size: 21px;
	width: 100%;
	text-align:center;
	color: #75B700;
} 
	#lift img{
		width: 103%;
	}
#lift2{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 0;
}
		 #lift2 img{
	 	    height: 221px;
	}


#iconos{
		margin-top: -30px;
	}

	.drop-shadow {
	position: relative;
	float: left;
	/* width: 40%; */
	/* padding: 1em; */
	/*margin: 1em 10px;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
		inset;
} 

.con{
	margin-top: 0;
}

	#find{
		font-size: 28px;
	    margin-bottom: 40px;
	    width: 100%;
	    text-align: center;
	    color: #75B700;
	}
iframe {
	width: 100%;
	pointer-events: none;
	border: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: url(/web/20240413035135im_/https://www.spilab.es/assets/css/grayscale.svg);  Firefox 4+ */
	filter: gray;
	height: 650px;
}

} 

 

@media screen and ( min-width :2500px) and (min-height: 1000px) {
		   #textoBlog{ display: inline-block;
    text-align: justify;
    margin-top: 40px;
    width: 90%;
    margin-left: 5%;
}
/*PROYECTOS*/
.carousel-inner {
    width: 45%;
    margin-left: 20px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

.item{
	margin-top: 0;
}

#hrGreen3 {
	margin: auto;
	margin-bottom: 50px;
	width: 400px;
}
#titulo {
    text-align: center;
    font-size: 40px;
        margin-top: 50px;
}
	.Modal-content{
		    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    padding-left: 60px;
    border-radius: 4px;
    width: 75%;
    height: 85%;
    margin-top: 60px;
	}

	#descripcion {
    float: right;
    text-align: justify;
    position: absolute;
    left: 53%;
    width: 30%;
    top: 162px;
    height: 55%;
    margin-top: 100px;
    margin-bottom: 30px;
    top: 220px;
    font-size: 22px;
    padding-right: 40px;
    overflow: auto;
}

/*FIN PROYECTOS*/
	#about, #blog{
		margin-top: 50px;
	    margin-bottom: 90px;
	    width: 65%;
	}
	.centered{
	    margin-bottom: 60px;
	    color: #7E8692;
	    font-size: 60px;
	}

	.greenie{
		margin-top: 40px;
    	margin-bottom: 90px;
	}

	.textCentered{
		margin-bottom: 120px;
    margin-top: 100px;
	    font-size: 25px;
	}

	.textCentereddos{
		margin-bottom: 45px;
		margin-top: 120px;
	    font-size: 29px;
	    line-height: 2;
	        text-align: center;
	}
.slider {
    width: 50%;
    margin: 50px auto;
    text-align: center;
    margin-bottom: 90px;
}

	#intro{
		    font-size: 33px;
    		margin-bottom: 100px;
    		margin-top: 90px;
	}
	#header {
		margin-left: 8%;
		padding-right: 20px;
	}
	#opciones{
		font-size: 22px;
	}
	#contenido{
		line-height: 47px;
		width: 95%;
	}
	#hrGreen {
		width: 500px;
		margin: auto;
	}
	#musculitos{
		font-size: 55px;
	    line-height: 55px;
	    font-style: italic;
	    margin-top: 16%;
	}
	#weiser{
		font-size: 36px;
	}
	#contmusc{
		width: 60%;
	}
	#icono1{
		width:90px;
		margin-bottom: 14px;
	}

	#icono2{
		width:80px;
	}

	#icono3{
		width:80px;
		margin-bottom: 12px;
		    margin-top: 20px;
	}

	#services{
	    margin-top: 40px;
	    margin-bottom: 80px;
	    width: 65%;
	}
	#verde {
		color: #75B700;
		font-weight: bold;
		font-size: 26px;
		display: inline-block;
		padding-top: 0px;
	}

	#texto, #texto2 {
	    font-size: 23px;
	    color: #7E8692;
	    line-height: 38px;
	}
	#tech{
		position: absolute;
	    padding-top: 12%;
	    font-size: 65px;
	    left: 755px;
	}


	#equipo, #bl{
		color: #7E8692; 
		margin-top: 0px; 
		margin-bottom: 40px; 
		color: #7E8692; 
		padding-top: 0px;
	}
	#toys{
		padding-top: 25%; 
		margin: auto;
		font-size: 64px;	
	}
	#lift {
	    width: 61%;
	    margin-left: 19%;
	    margin-bottom: 0;
	}
	#textoE {
		font-size: 22px;
		color: #7E8692;
		line-height: 35px;
	}
	#iconos img {
		padding-right: 10px;
		padding-bottom: 10px;
		width: 35px;
	}

	#dblp, #dblp2, #dblp3 {
	margin-top: 11px;
	width: 65px !important;
	}

	#team{
		width: 65%;
	}

	.maps {
	    /* width: 95%; */
	    width: 65%;
	    height: 525px;
	    margin-left: 25%;
	    margin-top: 3%;
	    text-align: left;
	    background: transparent;
	    position: relative;
	} 

	.form-horizontal{
		width: 50%;
	    margin-top: 220px;
	    margin-left: 135px;
	}

	#cont{
		margin-left: 4%;
    margin-top: 735px;
    	    margin-bottom: 60px;
	}

	#find{
		font-size: 28px;
	    margin-bottom: 40px;
	    width: 100%;
	    text-align: center;
	    color: #75B700;
	} 

	#iconos{
		margin-top: -30px;
	}

	#lift img{
		width: 100%;
	}
#lift2{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 0;
}
		 #lift2 img{
		height: 279px;
	}

	.drop-shadow {
	position: relative;
	float: left;
	/* width: 40%; */
	/* padding: 1em; */
	margin: 1em 10px;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px
		rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)
		inset;
}

iframe {
	width: 100%;
	pointer-events: none;
	border: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: url(/web/20240413035135im_/https://www.spilab.es/assets/css/grayscale.svg);  Firefox 4+ */
	filter: gray;
	height: 650px;
}
}

#opciones{
	height: auto !important;
}

/*
     FILE ARCHIVED ON 03:51:35 Apr 13, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:41:40 Nov 11, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.486
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.008
  esindex: 0.009
  cdx.remote: 18.886
  LoadShardBlock: 112.117 (3)
  PetaboxLoader3.resolve: 1473.794 (2)
  PetaboxLoader3.datanode: 112.432 (5)
  load_resource: 1492.692
  loaddict: 20.603
*/