.back1{
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#111, #58595b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#111, #58595b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#111, #58595b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#111, #58595b); /* Standard syntax */
    float: left;
    width: 100%;
    min-height: 800px;
    float: left;
    width:  100%;
    position: relative;
}
.sobre_animacion h3{
	font-size: 40px;
}

a.ancla {
    margin: 0 5px;
    color: #ff6600;
    text-decoration: none;
}
.back4 span {float: left;width:  100%;text-align: center;font-size: 22px;margin: 20px 0 0;}
.animacion1 {position: relative;float: right;right: -100%;z-index: 19;}
.leyenda1 {
    float: left;
    max-width: 40%;
}

h1 {
    float: left;
    margin: 12% 0 0;
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    width: 30%;
}
.clientes{
	background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#111, #58595b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#111, #58595b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#111, #58595b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#111, #58595b); /* Standard syntax */
	float: left; 
	width: 100%;
}
.off {
    float: left;
	
}
.dv_callcntrs{
	display: none;
}
.moviendose {
    float: left;
    display: inline;
    margin: 5px 0 0;
    position: relative;
    height: 550px;
    overflow: hidden;
}
.moviendose img {
    display: -webkit-box;
    margin: 5px;
    position: relative;
	display: box;
}
img.logo {
    position: fixed;
    margin: 20px 0 0;
    z-index: 10;
    display: none;
}
.overflow {
    float: left;
    max-width: 50%;
    overflow: hidden;
    position: relative;
    margin: 50px 0 0;
}
.eltono {
    float: left;
    width: 50%;
    padding: 0 2%;
    margin: 20px 0 0;
    color: #fff;
    margin: 50px 0 0;
}

h2 {
    font-size: 42px;
}

h4 , .eltono h3{
    font-size: 24px;
    font-weight: 800;
    text-shadow: 2px 2px 2px #000;
}
.up i {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px;
    font-size: 30px;
    opacity: 0.5;
}
.desplazate_div {
    float: left;
    margin: 10px 0;
    position: relative;
    top: -100%;
}
.height {
    float: left;
    position: relative;
    height: 100%;
}

.test_div p {
    font-style: italic;
    margin: 10px 0;
    font-size: 18px;
}

.testimonios h3 {
    font-size: 18px;
    font-weight: 800;
    margin: 10px 0;
    float: left;
    width: 100%;
}
.testimonios {
    overflow: hidden;
    height: 350px;
    float: left;
    position: relative;
}

.test_div {
    float: left;
    border-top: 1px solid #ddd;
    display: block;
    width: 100%;
}
.back4 {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.back4 img {
    float: left;
    width: 100%;
}
.back4 h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20%;
    color: #fff;
    font-size: 42px;
    text-shadow: 2px 2px 2px #000;
}
.sobre_back4 {
    position: absolute;
    bottom: 28%;
    width:  100%;
    color: #fff;
    text-align: center;
}
a.cotiza_online {
    margin: 0px 0px 0;
    padding: 10px 20px 5px;
    border-radius: 10px;
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease-in-out;
    float: left;
}
.desplazarse {
    margin: 0px 0 0;
    float: right;
}
.desplazarse i {
    padding: 10px;
    margin: 0 10px;
    border-radius: 20px;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    display: inline-block;
}
.desplazarse i:hover {
    background: rgba(255, 255, 255, 1);
    color: #ff6600;
}
.cotiza_botones {margin: 30px 0 0;}
a.cotiza_online:hover {
    background: rgba(255, 255, 255, 1);
    color: #ff6600;
}
h5 {
    text-shadow: 2px 2px 2px #000;
    font-size: 24px;
    font-weight: 500;
}
.clientes .cotiza_botones {
    float: none;
    width: 300px;
    text-align: center;
    margin: 20px 0;
    display: inline-block;
}
img.tres{
	right: 380px;
}
img.dos {
   
}
.h1 h2 {
    float: left;
    clear: both;
    margin: 20px 0 0;
    color: #fff;
    font-size: 16px;
}

.h1 {
    position: absolute;
    float: left;
    display: none;
}
.h1 .cotiza_botones {
    float: left;
    text-align: center;
    clear: both;
    width: 30%;
}
.uno{
	width: 165px;
	right: 0;
	position: relative;
	overflow: hidden;
	height: 800px;
	float: right;
	transition: width 0.5s;
}
.dos{
	width: 225px;
	right: 0;
	position: relative;
	overflow: hidden;
	height: 800px;
	transition: width 0.5s;
}
.tres{
	width: 225px;
	right: 0;
	position: relative;
	overflow: hidden;
	height: 800px;
	transition: width 0.5s;
}
.uno img {
    position: relative;
    left: -440px;
}
.dos img {
    position: relative;
    left: -440px;
    float: left;
}
.tres img {
    position: relative;
    left: -440px;
    float: left;
}
.uno:hover, .dos:hover, .tres:hover{
	width: 340px;
}
.container{
	width: 1150px;
}
.sobre_animacion {
    position: absolute;
    top: 40%;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: #fff;
    padding: 10px 0;
    opacity: 0;
}
.uno:hover .sobre_animacion{
	opacity: 1;
}
.dos:hover .sobre_animacion{
	opacity: 1;
}
.tres:hover .sobre_animacion{
	opacity: 1;
}
a.ver_mas {
    text-align: center;
    width: 105px;
    padding: 40px 10px;
    border-radius: 60px;
    background: rgba(200, 83, 6, 0.8);
    color: #fff;
    text-decoration: none;
    position: relative;
    margin: 20px 0 0;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
}
.vers {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    display: inline; 
}
body {
}
.sobre_back4 a.cotiza_online {
    float: left;
    margin: 10px 0 0;
}
.sobre_back4 .cotiza_botones {
    width:  300px;
    display: inline-block;
}
.btn_clientes {
    float: left;
    width: 100%;
    text-align: center;
}
.up i:hover {
    opacity: 1;
}
.back1 .container {
    overflow: hidden;
}
.active_first{
	width: 340px !important;
}
.active_first div{
	opacity: 1;
}
.h1 .desplazarse, .back4 .desplazarse {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
.h1 .desplazarse {
    margin: 0;
    text-align: center;
    width: 100%;
}
@media screen and (max-width:1350px){
	.sobre_back4 {
		bottom: 20%;
	}
}
@media screen and (max-width:1170px){
	.container{
		width: 1020px;
	}
	.uno {
		width: 165px;
	}
	.dos {
		width: 165px;
	}
	.tres img {
		left: -465px;
	}

	.dos img {
		left: -565px;
	}

	.off.dos.tres img {
		left: -650px;
	}
	.moviendose {
		width: 50%;
	}

	.moviendose img {
		max-width: 100%;
	}
	.moviendose {
		height: auto;
	}
	
}
@media screen and (max-width:1080px){
	.container{
		width: 920px;
	}
	h1 {
		font-size: 36px;
	}

	.tres {
		width: 130px;
		z-index: 10;
		position: relative;
	}

	.dos {
		width: 130px;
		z-index: 10;
		position: relative;
	}
	.animacion1{
		position: relative;
		z-index: 12;
	}

	.uno {
		width: 130px;
	}
	.back4 h2 {
		top: 10%;
	}
	.sobre_back4 {
		bottom: 12%;
	}
}
@media screen and (max-width:970px){
	.container{
		width: 820px;
	}
	.h1 p {
		font-size: 14px;
	}
	.uno:hover, .dos:hover, .tres:hover{
		width: 280px;
	}
	.active_first{
		width: 280px !important;
	}
	.back4 h2 {
		font-size: 30px;
	}
}
@media screen and (max-width:870px){
	.container {
		width: 94%;
	}
	.uno {
    width: 100px;
	}

	.dos {
		width: 100px;
	}
	.tres{
		width: 100px;
	}
	h2 {
		font-size: 30px;
	}
	.uno:hover, .dos:hover, .tres:hover{
		width: 250px;
	}
	.active_first{
		width: 250px !important;
	}
	.sobre_back4 {
		bottom: 7%;
	}
	.h1{
		position:relative;
		float:left;
		width: 100%;
	}
	img.logo{
		position:relative;
		margin: 32px auto;
	}
	h1 {
		float: left;
		margin: 5px 0 0;
		font-size: 38px;
		text-align: center;
		width: 100%;
	}
	h1 > br, h1 > strong > br{
		display: none;
	}
	.h1 .desplazarse, .h1 p {
		display: none;
	}
	.animacion1{
		float: left;
		width: 100%;
	}
	.off{
		width: 100%;
		position: relative;
		height: auto !important;
		margin: 0 0 18px 0;
	}
	.off img{
		position: relative;
		float: left;
		width: 35%;
		height: 160px;
		left: 0 !important;
	}
	.sobre_animacion {
		position: relative;
		top: 0;
		text-align: center;
		width: 64%;
		opacity: 1;
		float: left;
		margin: 0 0 0 1%;
		height: 160px;
	}
	.sobre_animacion h3{
		margin: 40px 0 0 0;
	}
	
	.sobre_animacion p, .vers {
		display:none;
	}
	.uno:hover, .dos:hover, .tres:hover{
		width: 100%;
	}
	.active_first{
		width: 100% !important;
	}
	.sani1{
		background: #8AE6E3 !important;
	}
	.sani2{
		background: #FE8E08 !important;
	}
	.sani3{
		background: #863997 !important;
	}
	.eltono{
		width: 100%;
		padding: 0 2%;
		position: relative;
	}
	.overflow{
		display: none;
	}
	.eltono h2, .eltono h4{
		text-align: center;
	}
	.testimonios{
		height: 110px;
		position: relative;
		width: 84%;
		margin: 0 8% 35px 8%;
	}
	.ups{
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(270deg);
	}
	.down{
		position: absolute;
		top: 50%;
		right: 0;
		transform: rotate(270deg);
	}
	.back4{
		display: none;
	}
	.dv_callcntrs{
		float: left;
		width: 100%;
		margin: 0 0 120px 0;
		text-align: center;
		color: white;
		display: block;
	}
	.dv_callcntrs h4{
		float: left;
		width: 100%;
		margin: 0 0 45px 0;
	}
	.btn_cotizahm {
		float: left;
		width: 90%;
		text-align: center;
		color: white;
		font-size: 20px;
		margin: 0 0 0 0;
		border: 2px solid white;
		border-radius: 30px;
		font-size: 32px;
		text-decoration: none;
		padding: 10px 0 5px 0;
		margin: 0 5% 0 5%;
		font-weight: 600;
		display: block;
	}
	.btn_cotizahm:hover{
		background-color:white;
		color: #424244;
	}
	
}
@media screen and (max-width:770px){
	/*.container {
		width: 620px;
	}*/
	.container {
		width: 94%;
	}
	.sobre_back4 {
		bottom: 0%;
	}
	h4{
		text-shadow: none;
	}
}
@media screen and (max-width:540px){
	h1{
		font-size: 28px;
	}
	.sobre_animacion h2 {
		margin: 56px 0 0 0;
	}
	h2 {
		font-size: 24px;
	}
}
@media screen and (max-width:420px){
	.sobre_animacion {
		width: 100%;
		margin: 1% 0 0 0%;
		height: auto;
	}
	.sobre_animacion h2 {
		margin: 8px 0 5px 0;
	}
	.off img {
		width: 100%;
		height: auto;
	}
	.testimonios {
		height: 200px;
		width: 80%;
		margin: 15px 8% 35px 8%;
	}
	.ups {
    left: -15px;
	top: 58%;
	}
	.down{
			top: 58%;
	}
	.eltono{
		margin:30px 0 0px;
	}
	.btn_cotizahm {
		font-size: 24px;
	}
}