/****************************************************************/
/*****SLIDER*************************************************/
section#slider{
	height:580px;
	margin:0 auto;	
	margin-left:-0.1em;
	margin-top:0em;
	width:100%;	
}
#slider ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#slider ul li{
	position:absolute;
	left:-0.1em;
}
#slider ul p{
	background:rgba(0,0,0,0.5);
	color:white;
	font-size:2em;
	font-weight:700;
	top:-7em;
	left:5%;
	margin:0;
	padding:0.5em 0;
	position:relative;
	z-index:2;
	width:90%;
}
#slider ul li img{
	left:-0.1em;
	margin:0;
	padding:0;
	z-index:1;
	width:100%;
}
/*********************************************************************/
#banner{
	/*border:1px solid black;*/
	margin:0;
	top:0;
	position:relative;
	background: url(../img/fondo.jpg) no-repeat fixed;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	min-height:833px;
}
#banner img{
	margin:0;
	padding:0;
	width:100%;
}
/***********************************************/
/*******DISPOSITIVOS MOBILES*********/
/**********************************************/
@media only screen and (max-width:1150px){
	/**SLIDER*/
	section#slider{		
		height:490px;
	}
	#slider ul li img{
		width:100%;
	}	
}
@media only screen and (max-width:1024px){
	/**SLIDER*/
	section#slider{
		height:440px;
	}
	
}
/***    DISEÑO PARA TABLETAS           ****/
@media only screen and (max-width:800px){
	/**SLIDER*/
	section#slider{
		height:350px;
	}
	#slider ul p{
		left:2.5%;
		width:95%;
	}	
}
@media only screen and (max-width:768px){
	/**SLIDER*/
	section#slider{
		height:350px;
	}
	#slider ul p{
		left:2.5%;
		width:95%;
	}
}
@media only screen and (max-width:720px){
	/**SLIDER*/
	section#slider{
		height:350px;
	}
	#slider ul p{
		left:2.5%;
		width:95%;
	}
}
@media only screen and (max-width:640px){
	
		
}
@media only screen and (max-width:540px){
	/**FONDO*/
	
	
}
@media only screen and (max-width:480px){
	
	
}


/* style freelancer*/

#slider ul p{
    position: absolute;

}

#slider{
    position: relative;
}

#cuerpo{
    position: relative;
}

#interes{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#interes article {
    width: 250px;
    height: auto;
}

#ofrecemos{
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#ofrecemos .titulos{
    flex: 1 1 100%;
}

#ofrecemos figure{
    width: 200px !important;
}

#ofrecemos figure figcaption {
    font-size: 1rem !important;
    padding: 10px 0 !important;
}

#testimonios aside{
    height: auto;
}

#testimonios aside p {
    font-size: 18px;
}

#servicios{
    
}


.btn-w{
    border: 1px solid #fff;
    display: inline-block;
    width: auto;
    margin-right: 20px;
}

footer{
    display: flex;
}

#servicios figure figcaption ul {
    height: auto !important;
}

@media only screen and (max-width: 720px)
{
    #slider ul p {
        top: 8rem !important;
    }

}

@media only screen and (min-width: 720px)
{
    #slider ul p {
        top: 11rem !important;
    }
}


@media only screen and (max-width: 768px)
{
    #productos figure {
        width: 100% !important;
        box-sizing: border-box;
    }
    
    #cintillo ul{
        text-align: center;
        padding: 0;
    }
    
    #testimonios aside:nth-child(2),
    #testimonios aside:nth-child(4){
        width: 0;
    }
    #testimonios aside:nth-child(3){
        width: 50%;
    }
    
}


@media only screen and (min-width: 1024px)
{
    #slider ul p {
        top: 17rem !important;
    }
}

@media only screen and (min-width: 1150px)
{
    #slider ul p {
        top: 22rem !important;
    }
}



@media only screen and (max-width: 1024px)
{
    #interes article {
        height: auto;
    }
    
    #servicios figure {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0;
    }
}

@media only screen and (max-width: 1150px)
{
    #interes article {
        height: auto;
    }
}

@media only screen and (max-width: 1150px)
{
    
    #principal{
        margin: 0;
        width: 100% !important;
    }

    #principal ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #principal li {
        margin: 0;
    }
}