@import url('index_767.css');
@import url('index_768_1200.css');
@import url('index_1201_1500.css');
@import url('index_1501.css');

#imagen_portada{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.slide1{
    background-image: url(../images/slide01.jpg);
}

.slide2{
    background-image: url(../images/slide02.jpg);
}

.slide3{
    background-image: url(../images/slide03.jpg);
}

section#body{
	width: 100%;
	overflow: hidden;
}



section#seccion{
	width: 100%;
	background-color: white;
}


#servicios{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    text-align: center;
    margin-top: 0px;
}

#servicios ul{
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 100%;
}

#servicios ul a{
    color: black;
    text-decoration: none;
}

#servicios li{
    display: inline-block;
    text-align: center;
	width: auto;
	margin-right: 5%;
}

li svg {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
    
    fill: #F08800;
}

#servicios li p{
    text-align: center;
}


/* Clientes */

section#seccion{
	margin-top:0px;
	text-align: center;
	width: 100%;
}

#contenedor_clientes{
	display: inline-block;
	height: auto;
}



#contenedor_clientes ul{
	list-style: none;
	display: inline;
	text-align: center;
}

#contenedor_clientes li{
	display: inline-block;
	background-color: #EEEEEE;
	
}



.cliente p{
	width: 100%;
	text-align: left;
	color: black;
}

.cliente{
	background-repeat: no-repeat;
}

#ayuntamientos{
	background-image: url('../images/clientes/ayuntamiento.jpg');
}

#industria{
	background-image: url('../images/clientes/industria.jpg');
}

#parques_solares{
	background-image: url('../images/clientes/parques_solares.jpg');
}

#granjas{
	background-image: url('../images/clientes/granjas.jpg');
}

#institutos{
	background-image: url('../images/clientes/institutos.jpg');
}

#restaurantes{
	background-image: url('../images/clientes/restaurantes.jpg');
}

#viviendas{
	background-image: url('../images/clientes/viviendas.jpg');
}

#oficinas{
	background-image: url('../images/clientes/oficinas.jpg');
}

#supermercados{
	background-image: url('../images/clientes/supermercados.jpg');
}

#unifamiliares{
	background-image: url('../images/clientes/unifamiliares.jpg');
}