/*---------Banner--------------*/
#banner{
	margin-bottom:20px;
	background-color: #06F;
	border: 10px solid #FFF;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.50);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.50);	
}

.jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb053 .i {position:absolute;cursor:pointer;}
        .jssorb053 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb053 .i:hover .b {fill-opacity:.7;}
        .jssorb053 .iav .b {fill-opacity: 1;}
        .jssorb053 .i.idn {opacity:.3;}

        .jssora093 {display:block;position:absolute;cursor:pointer;}
        .jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093:hover {opacity:.8;}
        .jssora093.jssora093dn {opacity:.6;}
        .jssora093.jssora093ds {opacity:.3;pointer-events:none;}

/*--------_Banner items -----------*/

#banner_items{
	clear:left;
	width:100%;
	margin-bottom: 20px;
	padding-bottom:30px;
	padding-top:30px;
	
	
	display: -webkit-flex;
 	display: flex;
}

#items{
	display: -webkit-flex;
  	display:         flex;
	width:110%;
	max-width: 1180px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5%;
	padding-right:5%;
	}
	
.item{
	text-align: center;
	font-family: 'Poppins', sans-serif; /* familia tipográfica */
	background-color: #2D2D2D;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2%;
	float: left;
	width: 26%;
	background-image: url(../imag/img_principal/bg-item.png);
	background-repeat: repeat-x;
	background-position: bottom;
	}
.item:last-child{
	margin-left:5%;
}
.item:first-child{
	margin-right:5%;
}
	
.item-head{
	color: #FC0;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	padding-top: 270px;
	}

.titulo2{
	display:none;
	}

#calidad{
	background-image: url(../imag/img_principal/imag_calidad.png);
	background-size:80% auto;
	}

#precio{
	background-image:url(../imag/img_principal/imag_precio.png);
	background-size:90% auto;
	}

#puntualidad{
	background-image:url(../imag/img_principal/imag_puntualidad.png);
	background-size:80% auto;
	}

.item-desc{
	color: #fff;
	font-size: 17px; 
	}
/*-----------ultimo---------*/
#ultimo{
	height:400px;;
	margin-bottom:150px;
	}	

/*-----------xq---------*/
#porque{
	width: 51%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	text-align: justify;
	
}

#porque h2{
	font-size: 35px;
	margin-bottom:5px;
	margin-top:0;	
}

#xq-imag{
	width:100%;
	float:left;
	text-align:center;
}

/*----------consulta -----------*/

#consulta{
	width:45%;
	float:left;
	margin-bottom:30px;
}

#box_contenido #consulta button {
	width: 80%;
}



/*-------------Responsive------------*/
@media screen and (max-width:1272px ) {
.item-head{
	padding-top: 250px;
}
} 
@media screen and (max-width:1043px ) {
.item-head{
	padding-top: 200px;
	font-size: 25px;
}
}

@media screen and (max-width:799px ) {
#ultimo{
	height:550px;;
	}	
	
#xq-imag{
	display:none;
}

#porque{
	width:96%;
}
#consulta{
	width:100%;
}

#banner_items{
	margin-bottom: 0;
}

#porque h2{
	font-size: 30px;
	margin-bottom:-20px;
	margin-top:0px;	
}
.item-head{
	padding-top: 170px;
	font-size: 20px;
}	
.item-desc{
	font-size: 14px; 
	}
}
@media screen and (max-width:700px ) {
#items{
	display:block;
	width:calc(100% - 60px);
	padding-left:30px;
	padding-right:30px;
	}
.item{
	width:90%;
	clear:left;
	margin-left:0;
	margin-right:0;
	margin-bottom:30px;
	padding:5%;
	}
.item:last-child{
	margin-left:0;
	margin-bottom:0;
}
.item:first-child{
	margin-right:0;
}

.item-head{
	width:25%;
	float:left;
	padding-top: 70px;
	}
.titulo1{
	display:none;
	}
.titulo2{
	color: #FC0;
	font-size: 25px;
	font-weight: bold;
	display:block;
	}
.item-desc{
	padding-left:5px;
	width:calc(75% - 10px);
	float:left;
	}
#calidad{
	background-size:auto 100%;
	}

#precio{
	background-size:auto 100%;
	}

#puntualidad{
	background-size:auto 100%;
	}
}

@media screen and (max-width:600px ) {
#banner{
	display:none;
}
#ultimo{
	margin-bottom:200px;
	}
}
@media screen and (max-width:590px ) {

#ultimo{
	margin-bottom:250px;
	}
}
@media screen and (max-width:420px ) {
.item-head{
	display:none;
}
.item-desc{
	padding-left:0;
	width:100%;
	}
#ultimo{
	margin-bottom:300px;
	}
}
@media screen and (max-width:320px ) {
#banner_items{
	display:none;
}
#ultimo{
	margin-bottom:320px;
	}
}
@media screen and (max-width:315px ) {
#ultimo{
	margin-bottom:420px;
	}
}
@media screen and (max-width:265px ) {
#ultimo{
	margin-bottom:450px;
	}
}
@media screen and (max-width:242px ) {
#ultimo{
	margin-bottom:550px;
	}
}
@media screen and (max-width:242px ) {
#ultimo{
	margin-bottom:650px;
	}
}