/*
Sitio web soluciona
desattollado por : Fernando
url: http://emposicionamientodigital.com
*/
	
@media screen {
	div,h1,h2,h3,h4,p{
		margin:0;
		padding:0;
		display:block;
	}
	* { margin: 0; padding: 0;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	a{
		text-decoration:none;
	}
	body {
		background-color: white;
		width:100%;
		padding:0px;
		margin:0px;
		display:block;
		font-family: 'Fira Sans';
		font-weight:300;
	}
	.cont_centrado{
		width:1200px;
		display:block;
		margin:auto;
	}
	header{
		width:100%;
		float:left;
		background-color:#a8a9a9;
		height:150px;
		box-shadow:0px 5px 10px black;
		z-index:9999;
		position:fixed;
	}
	header .logo{
		float:left;
		z-index:999;
		position:relative;
		margin-top:17px;
		margin-left:27px;
		width:90px;
		transition:all 2s;
	}
	header.anim .logo{
			
		width:50px;
		margin-top: 87px;
		transition:all 1s;
	}
	header .logo img{
		width:100%;
	}	
	header .social{
		float:right;
		margin-top:17px;
	}
	header .social a{
		color:white;
		margin-right:32px;
		font-size:14px;
	}
	header .social a:last-child{
		margin-right:0px;
	}
	header .social a img{
		margin-right:10px;
		vertical-align:middle;
	}
	header.anim{
		top:-83px;
	}
	
	header.anim #menu{
		margin-top: -36px;
	}
	#menu{
		width:100%;
		float:left;
		background-color:#838a91;
		color:white;
		padding:10px 0px;
		height:37px;
		margin-top: -28px;
		position: relative;
		z-index:99;
	}
	#menu ul{
		list-style:none;
		margin-left:150px;
		float:right;
		display:block;
	}
	#menu ul li{
		float:left;
		padding-right:43px;
		margin-left:43px;
		border-right:1px solid white;
	}
	#menu ul li:last-child{
		border:none;
		padding-right:0px;
		visibility:hidden;
	}
	#menu ul li:nth-child(5){
		border:none;
	}
	
	#menu ul li a{
		margin-right:25px;
		display:block;
		float:left;
		color:white;
	}
	#menu ul li a:last-child{
		margin-right:0px;
	}
	#animacion{
		width:100%;
		float:left;
		display:block;
		
		margin-top:150px;
		z-index:99;
		position:relative;
		overflow: hidden;
	}
	#menu .activo{
		color:#ffd200;
	}
	#menu li:hover{
		color:#ffd200;
	}
	#animacion .fondo1{
		width:100%;
		height:100%;
		z-index:99;
	}
	.fondoslide0 {
		background-image:url(../images/soluciona_29.jpg);
		background-size:cover;
	}
	.fondoslide1 {
		background-image:url(../images/1.jpg);
		background-size:cover;
	}
	.fondoslide2 {
		background-image:url(../images/2.jpg);
		background-size:cover;
	}
	.fondoslide3 {
		background-image:url(../images/3.jpg);
		background-size:cover;
	}
	.fondoslide4 {
		background-image:url(../images/4.jpg);
		background-size:cover;
	}
	.fondoslide5 {
		background-image:url(../images/5.jpg);
		background-size:cover;
	}
	.fondoslide6 {
		background-image:url(../images/6.jpg);
		background-size:cover;
	}
	
	
	
	.slide{
		margin:auto;
	}
	
	#animacion .text1,#animacion .text2,#animacion .text3,#animacion .text4{
		left:1900px;
		top:20px;
		position:absolute;
	}
	#animacion a{
		width:133px;
		height:133px;
	}
	#animacion a img{
		width:100%!important;
		height:100%!important;
	}
	#animacion .text1,#animacion .text2{
		font-size:40px;
		font-weight:600;
		color:white;
		text-shadow:3px 3px 4px black;
		width:650px;
		text-align:left;
		line-height:125%!important;
	}
	
	#animacion .text3,#animacion .text4{
		font-size:40px;
		font-weight:400;
		color:white;
		text-shadow:3px 3px 4px black;
		width:460px;
		text-align:center;
	}
	h2{
		font-size:65px;
		font-weight:300;
		color:#838a91;
		margin-bottom:35px;
	}
	.columnas{
		width:100%;
		float:left;
	}
	.columnas .col{
		width:50%;
		float:left;
		display:block;
	}
	
	#nosotros .columnas .col{
		height:500px;
	}
	#nosotros .columnas .col:last-child{
		padding-left:65px;
		padding-top:35px;
		width:600px;
	}
	
	#nosotros{
		float:left;
		width:100%;
		margin-top: 80px;
	}
	#nosotros .columnas .bg{
		background-image:url(../images/soluciona_30.jpg);
		background-size:cover;
	}
	
	
	#nosotros .txtanim{
		opacity:0;
		transition:all 3s;
	}
	
	#nosotros .anim{
		opacity:1;
		transition:all 3s;
	}
	#nosotros p{
		margin-bottom:15px;
	}
	p{
		font-size:18px;
		font-weight:400;
		color:#2e2f32;
		line-height:27px;
	}
	#servicios {
		width:100%;
		float:left;
		padding-top:100px;
		margin-bottom:100px;
		position:relative;
		height:calc(100vh - 50px);
	}
	#servicios .cont_centrado{
		display:flex;
		justify-content:space-between;
		position:relative;
	}
	#servicios h2{
		text-align:left;
	}
	#servicios h3{
		text-align:center;
		color:white;
		font-weight: 400;
		font-size: 25px;
	}
	
	#servicios .servop{
		width:270px;
		display:block;
		background-color:#5c6670;
		margin-top:70px;
		height:470px;
		opacity:0;
		left:-300px;
		position:absolute;
		top:0px;
	}
	.servop a{
		color:white;
	}
	
	#servicios .servop img{
		margin-top:-70px;
	}
	#servicios .servop ul{
		font-size:18px;
		color:white;
		list-style:none;
		list-style-position: inside;
		margin-top:10px;
		float:left;
		height:290px;
	}
	#servicios .servop ul li{
		background-image:url(../images/soluciona_bullet.png);
		background-repeat:no-repeat;
		background-position:0px center;
		line-height:22px;
		padding-left:40px;
		padding-top:13px;
		min-height:42px;
		margin-bottom:5px;
	}
	#servicios .servop .cont{
		padding:12px;
		height:390px;
	}
	
	
	
	#servicios .serv1.anim{
		opacity:1;
		left:0px;
		transition:all 2s;
		transition-delay: 3s;
	}
	#servicios .serv2.anim{
		opacity:1;
		left:310px;
		transition:all 2s;
		transition-delay: 2s;
	}
	#servicios .serv3.anim{
		opacity:1;
		left:620px;
		transition:all 2s;
		transition-delay: 1s;
	}
	#servicios .serv4.anim{
		opacity:1;
		left:930px;
		transition:all 2s;
	}
	

	.btnvermas{
		color:white;
		font-weight:400;
		font-size:18px;
		display:block;
		padding:10px 20px;
		background-color:#dcaa00;
		margin:auto;
		margin-top:20px;
		width: 107px;
	}
	.btnvermasf {
		color: white;
		font-weight: 400;
		font-size: 18px;
		display: block;
		padding: 10px 20px;
		background-color: #dcaa00;
		margin-left: calc(50% - 53px);
		margin-top: 30px;
		width: 107px;
		float:left;
		
	}
	.recgris{
		background-color:#aba8a8;
		padding:30px 80px;
	}
	.recgris p{
		color:white;
		font-size:26px;
		line-height:32px;
		text-align:center;
	}
	#parallax{
		width:100vw;
		height:calc(100vh - 50px);
		background-image:url(../images/soluciona_47.jpg);
		background-repeat:no-repeat;
		background-position:0px center;
		background-attachment:fixed;
		background-size:cover;
		float:left;
		display:flex;
		align-content:space-between;
		flex-direction:column;
	}
	#parallax h2{
		font-family: "Century Gothic";
		font-size:7vh;
		font-weight:bold;
		color:#ffd200;
		text-shadow:3px 3px 4px black;
		width:100%;
		text-align:center;
		float:left;
	}
	#clientes{
		width:100vw;
		height:680px;
		padding-top:90px;
		background-image:url(../images/soluciona_49.png);
		background-repeat:no-repeat;
		background-position:right top;
		float:left;
	}
	#clientes .columnas .col:nth-child(1){
		padding-right:8%;
	}
	#clientes h2{
		text-align:right;
	}
	#clientes h3{
		font-size:24px;
		font-weight:400;
		margin-bottom:35px;
		line-height:35px;
	}
	#clientes p{
		font-size:18px;
		font-weight:300;
		margin-bottom:40px;
	}
	.btncontacto{
		color:white;
		font-weight:400;
		font-size:18px;
		padding:10px 20px;
		background-color:#dcaa00;
		margin:auto;
		width: 144px;
		display: block;
	}
	#testimonios{
		width:440px;
	}
	#testimonios2{
		width:100%;
		display:flex;
		justify-content:space-around;
	}
	#testimonios2 li{
		width:350px;
		display:inline;
	}
	
	#testimonios img,#testimonios2 img{
		margin:auto;
		display:block;
		margin-bottom:20px;
	}
	
	#testimonios h4,#testimonios2 h4{
		text-align:center;
		font-weight:700;
		font-size:18px;
		margin-bottom:12px;
	}
	#testimonios p{
		text-align: justify;
		height: 200px;
	}
	#testimonios2 p {
		text-align: justify;
	}
	
	#alianzas{
		width:100%;
		float:left;
		margin-top:80px;
	}
	#alianzas .logos-alianzas{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-top:30px;
	}
	#alianzas .logos-alianzas div{
		width:200px;
		margin-bottom:25px;
		margin-right:50px;
		margin-left:50px;
		background-size:200px;
		background-position:0px 0px;
		height:111px;
		display:block;
	}
	
	
	#hostingventajas .logos-alianzas{
		margin-top:60px;
	}
	
	#casos-exito{
		float:left;
		width:100%;
		margin-bottom:60px;
	}
	
	#casos-exito .cont_centrado{
		overflow:hidden;
	}
	
	#alianzas .logoapple{
		background-image:url(../images/soluciona_52.png);
		
	}
	#alianzas .logoatdesk{
		background-image:url(../images/soluciona_54.png);
	}
	#alianzas .logobit{
		background-image:url(../images/soluciona_56.png);
	}
	#alianzas .logocisco{
		background-image:url(../images/soluciona_58.png);
	}
	#alianzas .logomicro{
		background-image:url(../images/soluciona_64.png);
	}
	#alianzas .logokasp{
		background-image:url(../images/soluciona_65.png);
	}
	#alianzas .logolenovo{
		background-image:url(../images/soluciona_66.png);
	}
	#alianzas .logoadobe{
		background-image:url(../images/soluciona_67.png);
	}
	#alianzas .logohp{
		background-image:url(../images/soluciona_80.png);
	}
	#alianzas .logodell{
		background-image:url(../images/soluciona_72.png);
	}
	#alianzas .logoubiquiti{
		background-image:url(../images/soluciona_73.png);
	}
	#alianzas .logoteam{
		background-image:url(../images/soluciona_74.png);
	}
	#alianzas .logoeset{
		background-image:url(../images/soluciona_75.png);
	}
	#alianzas .logobitc{
		background-image:url(../images/soluciona_81.png);
	}
	#alianzas .logoazure{
		background-image:url(../images/soluciona_82.png);
	}
	#alianzas .logoaruba{
		background-image:url(../images/soluciona_83.png);
	}
	#alianzas .logohuawei{
		background-image:url(../images/soluciona_84.png);
	}
	#alianzas .logopoly{
		background-image:url(../images/soluciona_85.png);
	}
	#alianzas .logozkt{
		background-image:url(../images/soluciona_86.png);
	}
	
	#alianzas .logoapple:hover,#alianzas .logoatdesk:hover, #alianzas .logobit:hover,
	#alianzas .logocisco:hover,#alianzas .logomicro:hover,#alianzas .logokasp:hover,
	#alianzas .logolenovo:hover,#alianzas .logoadobe:hover,#alianzas .logohp:hover,
	#alianzas .logodell:hover,#alianzas .logoubiquiti:hover,#alianzas .logoteam:hover,
	#alianzas .logoeset:hover,#alianzas .logobitc:hover,#alianzas .logoazure:hover,
	#alianzas .logoaruba:hover,#alianzas .logohuawei:hover,#alianzas .logopoly:hover,
	#alianzas .logozkt:hover{
		background-position:0px -111px;
	}
	
	#dominio-partners{
		float:left;
		width:100%;
		margin-bottom:60px;
		margin-top:60px;
	}
	#dominio-partners h2{
		text-align:center;
	}
	#dominio-partners .partner{
		width:100%;
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#dominio-partners img {
		width: 130px;
		height: 63px;
		margin-bottom:30px;
	}
	#footer{
		width:100%;
		background-color:#838a91;
		float:left;
		padding-top:55px;
	}
	#footer .col{
		padding-right:40px;
	}
	#footer form {
		margin-top:112px;
	}
	#footer form input,#footer form textarea{
		float:left;
		width:100%;
		font-size:18px;
		border-radius:3px;
		border:none;
		background-color:white;
		height:45px;
		margin-bottom:25px;
		padding: 0px 10px;
	}
	#footer form textarea{
		height:145px; 
		padding: 10px 10px;
	}
	#footer form label{
		float:left;
		width:100%;
		font-size:18px;
		color:white;	
		margin-bottom:10px;
	}
	#footer form input[type=submit]{
		background-color:#4d545c;
		color:white;
		width:148px;
		font-size:25px;
		margin-left:calc(75% - 74px); 
		margin-top:40px;
		margin-bottom:0px;
	}
	#footer form .fgroup{
		position:relative;
		display: block;
		float: left;
		width: 100%;
	}
	
	
	#footer form .fgroup .error{
		color: black;
		display: none;
		position:absolute;
		top:80px;
	}
	
	#footer form .fgroup #err-comment{
		top:180px;
	}
	#footer .alert-success,#footer .alert-error {
		display:none;
		float: left;
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
		margin-top:20px;
	}
	#footer .derechos{
		width:100%;
		background-color:#5c6670;
		color:white;
		float:left;
		padding:10px;
	}
	#footer .derechos p{
		color:white;
		float:left;
	}
	#footer .derechos .aviso{
		float:right;
	}
	#footer .col h3{
		font-size:32px;
		color:white;
		text-align:center;
		font-weight:400;
		margin-bottom:45px;
	}
	#footer .social{
		display:flex;
		justify-content:space-around;
		flex-direction:row;
		flex-wrap:wrap;
		margin-top:40px;
	}
	#footer .emailf{
		color:white;
		font-size:30px;
		text-align:center;
		margin:auto;
		display:block;
		margin-top:25px;
		margin-bottom:25px;
	}
	#footer .emailf span{
		color:white;
		font-size:48px;
		font-weight:400;
		font-style:italic;
		color:#5c6670;
	}
	#footer .telefonos{
		margin-left:calc(50% - 115px);
		display:block;
		float:left;
		margin-bottom:35px;
	}
	
	#footer .telefonos img{
		float:left;
	}
	#footer .telefonos p{
		float:left;
		color:white;
		font-size:28px;
		font-weight:400;
		line-height: 29px;
		margin-left:16px;
	}
	/*********************************** paginas intermedias ***************************************/
	#intro{
		width:100%;
		height:calc(100vh - 150px);
		background-size:cover;
		margin-top:150px;
		float:left;
	}
	#intro2{
		width:100%;
		background-size:cover;
		margin-top:150px;
		float:left;
	}
	
	
	
	#intro.servicio{
		background-image:url(../images/fondo-intro.jpg);
	}
	#intro.equipo{
		background-image:url(../images/fondo-equipo.jpg);
	}
	#intro.hosting{
		background-image:url(../images/fondo-hosting.jpg);
	}
	#intro.soporte{
		background-image:url(../images/fondo-soporte.jpg);
	}
	#intro2.hostingfinal{
		background-image:url(../images/hosting_02.jpg);
	}
	#intro2.dominiofinal{
		background-image:url(../images/dominio_02.jpg);
	}
	#intro2.cloudfinal{
		background-image:url(../images/cloud_prin.jpg);
	}
	#intro2.seguridadfinal{
		background-image:url(../images/seguridad_prin.jpg);
	}
	#intro2.desarrollofinal{
		background-image:url(../images/desarrollo_prin.jpg);
	}
	#intro2.licenciamientofinal{
		background-image:url(../images/licenciamiento_prin.jpg);
	}
	#intro2.arrendamientofinal{
		background-image:url(../images/arrendamiento_prin.jpg);
	}
	#intro2.equipamientofinal{
		background-image:url(../images/equipamiento_prin.jpg);
	}
	#intro2.outsourcingfinal{
		background-image:url(../images/outsourcing_prin.jpg);
	}
	#intro2.polizasfinal{
		background-image:url(../images/polizas_prin.jpg);
	}
	#intro2.soportefinal{
		background-image:url(../images/soporte_prin.jpg);
	}
	#intro2.tendenciasfinal{
		background-image:url(../images/tendencia_prin.jpg);
	}
	#intro2.ventafinal{
		background-image:url(../images/venta_prin.jpg);
	}
	
	#intro2.redesfinal{
		background-image:url(../images/redes_prin.jpg);
	}
	
	
	
	
	#intro .izq, #intro2 .izq{
		float:left;
	}
	#intro .der,#intro2 .der{
		float:right;
	}
	#intro .cent,#intro2 .cent{
		margin:auto;
	}
	#intro .col{
		width: 62%;
		margin-top: 17vh;
	}
	#intro2 .col {
		width: 72%;
		margin-top: 50px;
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	#intro2.hostingfinal .col{
		width: 74%;
		margin-top: 7vh;
		margin-bottom: 7vh;
		overflow: hidden;
	}
	
	#intro p,#intro2 p{
		font-size: 40px;
		color: black;
		text-align: left;
		line-height: 52px;
		font-weight: 400;
	}
	#intro2 p{
		font-size: 36px;
		color: black;
		text-align: left;
		line-height: 40px;
		font-weight: 400;
		width:670px;
		margin:auto;
	}
	#intro2 h1{
		font-size: 60px;
		color: black;
		text-align: center;
		font-weight: 600;
		width:100%;
		margin-bottom:25px;
	}
	
	#intro2.hostingfinal h1{
		font-size: 60px;
		color: black;
		text-align: center;
		font-weight: 600;
		
	}
	
	#intro2.hostingfinal p{
		font-size: 48px;
		color: black;
		text-align: center;
		line-height: 52px;
		font-weight: 400;
		margin:auto;
		width: 76%;
		margin-top:50px;
	}

	#intro .btn-contacto,#intro2 .btn-contacto{
		background-color:#ffd200;
		color:black;
		padding:10px 19px;
		font-size:24px;
		margin-top: 40px;
		margin-left:calc(50% - 60px);
		float: left;
		font-weight:500;
	}
	
	
	#pagservicios {
		width:100%;
		float:left;
		padding-top:100px;
		margin-bottom:100px;
	}
	

	#pagservicios .fondo{
		background-image:url(../images/fondo-land-serv.jpg);
		background-position:0px center;
		background-size:cover;
	}
	#pagservicios .cont_centrado{
		display:flex;
		justify-content:space-between;
	}
	#pagservicios .cont_centrado.servm{
		justify-content:space-around;
	}
	#pagservicios h2{
		text-align:left;
	}
	#pagservicios .servop{
		width:290px;
		display:block;
		background-color:#0000001c;
		margin-top:70px;
		margin-bottom: 70px;
		height:570px;
		position:relative;
	}
	
	.equipoinfra .servop{
		width:235px!important;
	}
	.equipoinfra .servop .rec-ul{
		width:235px!important;
		height:520px!important;
	}
	
	.servop img {
		width:100%;
	}
	.servop .btnvm img {
		width:25px;
		vertical-align: middle;
		margin-left: 10px;
	}
	.servop .btnvm {
		height: 25px;
		width: 130px;
		display: none;
		margin-top: 15px;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
		color: #2e2f32;
	}
	
	
	#pagservicios .servop img{
		
	}
	#pagservicios .servop ul{
		font-size:16px;
		color:white;
		list-style:none;
		list-style-position: inside;
		margin-top:10px;
		float:left;
		font-weight:300;
	}
	#pagservicios .servop ul li{
		background-image:url(../images/soluciona_bullet2.png);
		background-repeat:no-repeat;
		background-position:0px center;
		line-height:22px;
		padding-left:20px;
		padding-top:2px;
		margin-bottom: 15px;
	}
	#pagservicios .servop .cont{
		padding:12px;
		height:390px;
	}
	#pagservicios .servop .rec-ul{
		opacity:0;
		transform: translateY(150px);
		position:absolute;
		visibility:hidden;
		height:480px;
		transition: all 0.3s ease;
		top:106px;
		background-color: #232323;
		width:100%;
	}
	#pagservicios h3{
		color: #5f5f5f;
		font-size: 22px;
		text-align: center;
		margin-top: 30px;
		font-weight: 600;
		padding:0px 10px;
		height:54px;
		margin-bottom: 15px;
	}
	#pagservicios p{
		color:#212121;
	}
	#pagservicios .servop:hover .rec-ul{
		opacity:1;
		visibility: visible;
		-webkit-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		transform: translateY(-7px);
		transition: all 0.3s ease;
		background-color:#232323;
	}
	#pagservicios .servop .rec-ul ul{
		padding:10px;
	}
	#pagservicios .btnvermas {
		    margin-top: 0px;
	}
	#hostinginfotxt,#sectioninfotxt{
		margin-top:80px;
		width:100%;
		float:left;
		margin-bottom:60px;
	}
	#hostinginfotxt .columnas,#sectioninfotxt .columnas{
		width:100%;
	}
	#hostinginfotxt .columnas .col1,#sectioninfotxt .columnas .col1{
		width:60%;
		float:left;
	}
	#hostinginfotxt .columnas .col1 p,#sectioninfotxt .columnas .col1 p{
		margin-bottom:20px;
		margin-top:15px;
		color:#2e2f32;
	}
	
	#hostinginfotxt .columnas .col2,#sectioninfotxt .columnas .col2{
		width:40%;
		float:left;
	}
	#hostinginfotxt .columnas .col2 img,#sectioninfotxt .columnas .col2 img{
		margin: auto;
		display: block;
	}
	
	#hostingduda{
		float:left;
		width:100%;
		background-color:#274d88;
	}
	#hostingduda h2{
		color: #fff;
		font-size: 48px;
		text-align: left;
		font-weight: 400;
		margin-bottom: 27px;
	}
	#hostingduda h3{
		color: #fff;
		font-size: 30px;
		text-align: left;
		font-weight: 300;
		margin-bottom: 60px;
	}
	#hostingduda .cont_centrado{
		padding: 50px 185px;
		overflow: hidden;
	}
	#hostingduda .whats{
		float:left;
		display:block;
	}
	#hostingduda .whats img{
		float:left;
	}
	#hostingduda .whats p{
		float:left;
		color: #fff;
		font-size: 48px;
		text-align: left;
		font-weight:600;
		margin-left:35px;
		margin-top:43px;
	}
	#hostingventajas,#calltoaction{
		float:left;
		width:100%;
		margin-top:60px;
		margin-bottom:100px;
	}
	#hostingventajas h2, #calltoaction h2{
		text-align:center;
		margin-bottom:80px;
	}
	#hostingventajas .columnas,#calltoaction .columnas{
		width:100%;
		float:left;
		display:flex;
		justify-content: space-around;
	}
	#hostingventajas .columnas .col,#calltoaction .columnas .col{
		width:18%;
	}
	#hostingventajas .columnas .col img,#calltoaction .columnas .col img{
		display:block;
		margin:auto;
		margin-bottom:26px;
	}
	#hostingventajas .columnas .col h3,#calltoaction .columnas .col h3{
		font-weight:400;
		color:#2e2f32;
		font-size:24px;
		text-align:center;
	}
	#hostingventajas .bloctxt,#calltoaction .bloctxt{
		width:100%;
		background-color:#b4c1d5;
		padding:40px 75px;
		color:#2e2f32;
		float:left;
		margin-top:35px;
	}
	#hostingventajas .bloctxt p{
		margin-bottom:30px;
	}
	#calltoaction .bloctxt ul{
		margin-bottom:0px;
		font-size: 18px;
		font-weight: 400;
		color: #2e2f32;
		line-height: 27px;
	}
	
	#calltoaction .bloctxt ul li{
		margin-bottom:10px;
	}
	
	#calltoaction .btnvm {
		height: 25px;
		width: 130px;
		display: block;
		margin-top: 15px;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
		color: #2e2f32;
	}
	#calltoaction .btnvms{
		height: 25px;
		width: 130px;
		display: none;
		margin-top: 15px;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
		color: #2e2f32;
	}
	
	
	#calltoaction .btnvm:hover img{
		transition: all .5s;
		transform: rotate(100grad);
	}
	#calltoaction .btnvm img{
		vertical-align: middle;
		transition: all .5s;
		transform: rotate(-100grad);
		margin-left: 10px;
		float: right;
	}
	#calltoaction .btnvms:hover img{
		transition: all .5s;
		transform: rotate(-100grad);
	}

	#calltoaction .btnvms img{
		vertical-align: middle;
		transition: all .5s;
		transform: rotate(100grad);
		margin-left: 10px;
		float: right;
	}
	#calltoaction .oculto{
		display: none;
	}
	#calltoaction .visible{
		display: block;
	}
	
	
	
	#hostingventajas .op1,#hostingventajas .op2,#hostingventajas .op3,#hostingventajas .op4{
		
		opacity:0;
	}
	#calltoaction .op1,#calltoaction .op2,#calltoaction .op3,#calltoaction .op4{
		
		opacity:0;
	}
	
	#hostingventajas .op1.anim,#calltoaction .op1.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 2s;
	}
	#hostingventajas .op2.anim,#calltoaction .op2.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 1.5s;
	}
	#hostingventajas .op3.anim,#calltoaction .op3.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 1s;
	}
	#hostingventajas .op4.anim,#calltoaction .op4.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: .5s;
	}
	
	
	#ventajas6{
		float:left;
		width:100%;
		margin-top:60px;
		margin-bottom:100px;
	}
	
	#ventajas6 h2{
		text-align:center;
		margin-bottom:80px;
	}
	#ventajas6 .columnas .col h3{
		font-weight: 400;
		color: #2e2f32;
		font-size: 24px;
		text-align: center;
	}
	#ventajas6 .columnas .col img{
		display: block;
		margin: auto;
		margin-bottom: 26px;
	}
	#ventajas6 .columnas{
		width:100%;
		float:left;
		display:flex;
		justify-content: space-around;
		flex-wrap:wrap;
	}
	#ventajas6 .columnas .col{
		width:22%;
		margin-bottom:70px;
	}
	#ventajas6 .op1,#ventajas6 .op2,#ventajas6 .op3,#ventajas6 .op4,#ventajas6 .op5,#ventajas6 .op6,#ventajas6 .op5,#ventajas6 .op7{
		
		opacity:0;
	}
	
	
	#ventajas6 .op1.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 2s;
	}
	#ventajas6 .op2.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 1.7s;
	}
	#ventajas6 .op3.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 1.4s;
	}
	#ventajas6 .op4.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: 1.1s;
	}
	#ventajas6 .op5.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: .8s;
	}
	#ventajas6 .op6.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: .5s;
	}
	#ventajas6 .op7.anim{
		opacity:1;
		transition:all 1s;
		transition-delay: .5s;
	}

	
	#hostingsoluciones{
		float:left;
		width:100%;
		margin-bottom:100px;
	}
	#hostingsoluciones h2{
		text-align:center;
		margin-bottom:80px;
	}
	#hostingsoluciones .columnas{
		width:100%;
		float:left;
		display:flex;
		justify-content: space-around;
	}
	#hostingsoluciones .columnas .col{
		width:270px;
		padding:10px;
		background-color:#e3e3e3;
	}
	#hostingsoluciones .columnas .col p{
		font-size:16px;
		line-height:22px;
	}
	#hostingsoluciones .area_header{
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	#hostingsoluciones .area_header span{
		float:left;
		font-size:90px;
		color:#838a91;
		width:49px;
	}
	#hostingsoluciones .area_header h2{
		font-size:22px;
		font-weight:400;
		color:#2e2f32;
		text-align:left;
		float:left;
		width:200px;
		font-weight: 400;
		margin-top: 12px;
		margin-bottom:0px;
	}
	
	#hostingsoluciones .txtd{
		height: 0px;
	}
	#hostingsoluciones .btnvm {
		height: 25px;
		width: 130px;
		display: block;
		margin-top: 15px;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
		color: #2e2f32;
	}
	#hostingsoluciones .btnvms{
		height: 25px;
		width: 130px;
		display: none;
		margin-top: 15px;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
		color: #2e2f32;
	}
	
	
	#hostingsoluciones .btnvm:hover img{
		transition: all .5s;
		transform: rotate(100grad);
	}
	#hostingsoluciones .btnvm img{
		vertical-align: middle;
		transition: all .5s;
		transform: rotate(100grad);
		margin-left: 10px;
		float: right;
	}
	#hostingsoluciones .btnvms:hover img{
		transition: all .5s;
		transform: rotate(-100grad);
	}

	#hostingsoluciones .btnvms img{
		vertical-align: middle;
		transition: all .5s;
		transform: rotate(-100grad);
		margin-left: 10px;
		float: right;
	}
	#hostingsoluciones .oculto{
		display: none;
	}
	#hostingsoluciones .visible{
		display: block;
	}
	#hostingsoluciones ul {
		font-size: 16px;
		font-weight: 400;
		color: #2e2f32;
		line-height: 22px;
		padding-left:25px;
		margin-top:15px;
	}
	#hostingsoluciones ul li{
		margin-bottom:8px;
	}
	
	#hostinplanes{
		float:left;
		width:100%;
		background-color:#274d88;
	}
	#hostinplanes h2{
		color: #fff;
		font-size: 48px;
		text-align: left;
		font-weight: 400;
		margin-bottom: 27px;
	}
	
	#hostinplanes .cont_centrado{
		padding: 90px 135px;
		overflow: hidden;
		text-align: center;
	}
	
	#hostinplanes a{
		float:left;
		color: #fff;
		font-size: 48px;
		text-align: center;
		font-weight:600;
		margin-left:35px;
		margin-top:80px;
		width:100%;
	}
	
	#hostinopciones{
		width:100%;
		float:left;
		margin-top:70px;
		margin-bottom:70px;
	}
	#hostinopciones .panel-opciones{
		display:grid;
		grid-template-columns:299px 299px 299px 299px;
		grid-template-rows:100px 100px 100px;
		grid-gap:2px;
		justify-items:stretch;
		margin-top:50px;
		
	}
	#hostinopciones .panel-opciones p{
		text-align:center;
		padding: 0px 58px;
		background-color:#d7d7d7;
		place-items: center;
		display: inline-grid;
	}
	
}
/********************************************** 1200 *******************************/
@media screen and (max-width: 1200px) {
	
}

/******************************************* 1024 *******************************/
@media screen and (max-width: 1024px) {
	.cont_centrado {
		width: 100%;
		overflow: visible;
	}
	header .social {
		margin-right:20px;
	}
	header.anim {
		top: -72px;
	}
	#menu{
		margin-top: -27px;
		width: 100%;
		
	}
	#menu ul {
		margin-left: 0px;
		margin-right:20px;
	}
	#menu ul li {
    	padding-right: 30px;
		margin-left: 30px;
	}
	#nosotros .columnas .col:last-child{
		width: 50%;
	}
	#servicios{
		height: 900px;
	}
	#servicios h2 {
    	margin-left: 15px;
	}
	#servicios .servop {
		width: 237px;
		height: 535px;
	}
	.columnas .col{
		padding: 0px 15px;
	}
	#alianzas{
		padding:0px 15px;
	}
	#clientes h2 {
		margin-right: 20px;
	}
	#clientes .columnas .col:nth-child(1){
		padding-right:4%;
	}
	#parallax {
		height: 60vh;
		background-position: center center;
	}
	
	
	#servicios .serv1.anim{
		opacity:1;
		left:15px;
		transition:all 2s;
		transition-delay: 3s;
	}
	#servicios .serv2.anim{
		opacity:1;
		left:266px;
		transition:all 2s;
		transition-delay: 2s;
	}
	#servicios .serv3.anim{
		opacity:1;
		left:518px;
		transition:all 2s;
		transition-delay: 1s;
	}
	#servicios .serv4.anim{
		opacity:1;
		left:770px;
		transition:all 2s;
	}
	#hostinginfotxt .columnas .col1 p, #sectioninfotxt .columnas .col1 p {
		padding:0px 10px;
	}
	#hostinopciones .panel-opciones {
    	grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: 132px 132px 132px;
	}
	#hostinopciones .panel-opciones p {
    	padding: 0px 10px;
	}
	#hostinopciones p{
		padding:0px 10px;
	}
	.txtd.visible{
		height: 597px!important;
	}
}

/******************************************** 815 ***********************************/
@media screen and (max-width: 815px) {
	header .social {
		margin-right: 20px;
	}
	#menu ul {
    	margin-left: 60px;
		margin-right:20px;
	}
	#menu ul li {
		padding-right: 10px;
		margin-left: 10px;
	}
	h2 {
		font-size: 50px;
		margin-bottom: 19px
	}
	#nosotros .columnas .col:last-child {
		padding-left: 32px;
	}
	#servicios{
		height: 1550px;
	}
	#servicios .servop {
		width: 350px;
		height: 535px;
	}
	#servicios .serv3,#servicios .serv4{
		top:650px;
		
	}
	#servicios .servop .cont {
		padding: 12px;
		height: 324px;
	}
	#alianzas .logos-alianzas div {
		margin-right: 25px;
		margin-left: 25px;
	}
	
	#parallax h2 {
		font-size: 6vh;
	}
	
	
	#servicios .serv1.anim{
		opacity:1;
		left:35px;
		transition:all 2s;
		transition-delay: 1s;
	}
	#servicios .serv2.anim{
		opacity:1;
		left:418px;
		transition:all 2s;
		
	}
	#servicios .serv3.anim{
		opacity:1;
		left:35px;
		transition:all 2s;
		transition-delay: 1s;
	}
	#servicios .serv4.anim{
		opacity:1;
		left:418px;
		transition:all 2s;
	}
	#intro .col {
		width: 82%;
		margin-left: 12%;
	}
	#pagservicios h2,#casos-exito h2{
		margin-left:2%;
	}
	#pagservicios .cont_centrado {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.equipoinfra .servop,#pagservicios .servop {
		width: 263px!important;
	}
	.servop h3 {
		font-size: 21px!important;
	}
	#hostinginfotxt, #sectioninfotxt {
		padding: 0px 10px;
	}
	
	#hostingduda .cont_centrado {
		padding: 50px 30px;
	}
	#hostingventajas .columnas .col, #calltoaction .columnas .col {
		width: 50%;
	}
	.equipoinfra .servop .rec-ul {
     width: 100%!important;
	}
	#intro2 h1 {
		font-size: 50px;
	}
	#ventajas6 .columnas .col {
		width: 30%;
	}
	.txtd.visible{
		height: 442px!important;
	}
	#intro2.hostingfinal p {
		font-size: 39px;
		width: 85%;
	}
	#hostingsoluciones .columnas {
		flex-wrap: wrap;
	}
	#hostingsoluciones .columnas .col {
		width: 380px;
		margin-bottom: 10px;
	}
	#hostinopciones{
		padding:0px 10px;
	}
	#hostinopciones .panel-opciones {
    	grid-template-columns: 25% 25% 25% 25%;
		grid-template-rows: 132px 132px 132px;
	}
	#hostinopciones .panel-opciones p {
    	padding: 0px 10px;
	}
	.servop .btnvm{
		display:block;
	}
}/************* fin 815 *************/

/******************************************** 570 *********************************/
@media screen and (max-width: 570px) {
	
	header .logo {
	    width: 80px;
	}
	header .social {
		margin-right: 20px;
		width: 229px;
		margin-top:10px;
	}
	header .social a {
		margin-right: 32px;
		font-size: 13px;
		display:block;
	}
	header .social a img{
		margin-bottom: 7px;
	}
	#menu ul{
		display:none;
		width: 145px;
		background-color: #a8a9a9;
		margin-top: 41px;
		padding:10px;
	}
	#menu ul li{
		margin-bottom: 10px;
		border: none;
		font-size: 19px;
	}
	#menu {
		position: relative;
		margin-top:-15px;
		float:right;
	}
	#menu:before {
		content: "";
		position: absolute;
		right: 40px;
		top: 5px;
		width: 35px;
		height: 5px;
		background: white;
		box-shadow: 0 11px 0 0 white, 0 22px 0 0 white;
	}	
	
	header.anim .logo {
		width: 32px;
		margin-top: 113px;
	}
	header.anim {
		top: -87px;
	}
	header.anim #menu {
    	margin-top: -41px;
	}
	header.anim #menu ul{
    	margin-top: 28px;
	}
	.slider-wrapper{
		width: 150%;
		margin-left: -50%;
	}
	
	
	.fondoslide0 {
		background-image:url(../images/0_movil.jpg);
		background-size:cover;
	}
	.fondoslide1 {
		background-image:url(../images/1_movil.jpg);
		background-size:cover;
	}
	.fondoslide2 {
		background-image:url(../images/2_movil.jpg);
		background-size:cover;
	}
	.fondoslide3 {
		background-image:url(../images/3_movil.jpg);
		background-size:cover;
	}
	.fondoslide4 {
		background-image:url(../images/4_movil.jpg);
		background-size:cover;
	}
	.fondoslide5 {
		background-image:url(../images/5_movil.jpg);
		background-size:cover;
	}
	.fondoslide6 {
		background-image:url(../images/6_movil.jpg);
		background-size:cover;
	}
	
	
	.columnas .col {
		width: 100%;
	}
	#nosotros .columnas .col:last-child {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	h2 {
		font-size: 41px;
	}
	#servicios {
		height: auto;
	}
	#servicios .cont_centrado {
		display: block;
	}
	#servicios .servop {
		left: 0px;
		position: relative;
		opacity: 1;
		left:calc(50% - 175px);
		margin-bottom:50px;
		float: left;
	}
	#servicios .serv3, #servicios .serv4 {
		top: 0px;
	}
	#clientes {
    	height: auto;
		margin-bottom:100px;
	}
	#alianzas {
		height: auto;
	}
	#alianzas .logos-alianzas div {
		width: 175px;
		margin-right: 6px;
		margin-left: 6px;
		background-size: 175px;
		height: 103px;
	}
	#alianzas .logoapple:hover, #alianzas .logoatdesk:hover, #alianzas .logobit:hover, #alianzas .logocisco:hover, #alianzas .logomicro:hover, #alianzas .logokasp:hover, #alianzas .logolenovo:hover, #alianzas .logoadobe:hover, #alianzas .logohp:hover, #alianzas .logodell:hover, #alianzas .logoubiquiti:hover, #alianzas .logoteam:hover, #alianzas .logoeset:hover, #alianzas .logobitc:hover, #alianzas .logoazure:hover, #alianzas .logoaruba:hover, #alianzas .logohuawei:hover, #alianzas .logopoly:hover, #alianzas .logozkt:hover {
	    background-position: 0px -97px;
	}
	#parallax h2 {
		font-size: 5vh;
	}
	#footer .col {
		padding-right: 15px;
	}
	#footer form {
		margin-top: 0px;
		margin-bottom: 64px;
		float: left;
		
	}
	#footer form:before {
		content: "Colaborando juntos para lograr el óptimo resultado";
		font-size: 32px;
		color: white;
		text-align: center;
		font-weight: 400;
		margin-bottom: 41px;
		display: block;
	}
	#footer .col h3{
		display:none;
	}
	
	
	#servicios .serv1.anim{
		opacity:1;
		left:calc(50% - 175px);
		transition:all 2s;
	}
	#servicios .serv2.anim{
		opacity:1;
		left:calc(50% - 175px);
		transition:all 2s;
		
	}
	#servicios .serv3.anim{
		opacity:1;
		left:calc(50% - 175px);
		transition:all 2s;
	
	}
	#servicios .serv4.anim{
		opacity:1;
		left:calc(50% - 175px);
		transition:all 2s;
	}
	#intro2 h1 {
		font-size: 33px;
	}
	#intro2 .col {
		width: 86%;
	}
	#intro2 p {
		width:100%;
		font-size: 22px;
		line-height: 32px;
	}
	#hostinginfotxt .columnas .col1, #sectioninfotxt .columnas .col1 {
		width: 100%;
	}
	#hostingduda h2 {
    	font-size: 35px;
	}
	#hostingduda h3 {
		font-size: 24px;
	}
	#hostingduda .whats p{
		font-size: 34px;
		margin-left: 17px;
	}
	#hostingduda .whats img {
		width:26%;
	}
	#ventajas6 .columnas .col {
		width: 50%;
	}
	#hostingventajas .columnas, #calltoaction .columnas{
		flex-wrap: wrap;
	}
	#hostingventajas .columnas .col, #calltoaction .columnas .col {
		margin-bottom: 40px;
	}
	#footer .emailf {
		font-size: 25px;
	}
	#footer .emailf span {
		font-size: 36px;
	}
	#hostingventajas .bloctxt, #calltoaction .bloctxt {
		padding: 23px 30px;
	}
	#calltoaction .bloctxt ul{
		    font-size: 16px;
	}
	.txtd.visible {
		height: 445px!important;
	}
	.bloctxt .txtd.visible {
		height: 775px!important;
	}
	#hostinplanes h2 {
    	font-size: 32px;
	}
	#hostinplanes .cont_centrado {
		padding: 39px 36px;
	}
	#hostinplanes a {
		font-size: 40px;
		margin-left: 0px;
		margin-top: 45px;
	}
	#hostinopciones .panel-opciones {
		grid-template-columns: 50% 50%;
		grid-template-rows: 132px 132px 132px 132px 132px 132px;
	}
	#hostingventajas .columnas .col, #calltoaction .columnas .col {
		width: 80%;
	}
	#ventajas6 .columnas .col {
		width: 80%;
	}
	#intro2.hostingfinal .col {
		width: 85%
	}
	#intro2.hostingfinal h1 {
		font-size: 32px;
	}
	#intro2.hostingfinal p {
		font-size: 22px;
		line-height: 26px;
	}
	#intro p, #intro2 p {
    font-size: 24px;
    line-height: 36px;
    }
	#pagservicios .servop {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	#pagservicios .cont_centrado{
		justify-content: space-around;
	}
	}
	#testimonios2 {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#testimonios2 li {
    	margin-bottom: 50px;
	}
	.servop {
		height: 600px!important;
    }
	.servop .rec-ul {
		height: 500px!important;
	}
}	


/************************ media screen responsive 480px **************************/
@media screen and (max-width: 480px) {
	
}


/*********************** media screen responsive 380px ******************************/
@media screen and (max-width: 380px) {
	#alianzas .logos-alianzas div {
		width: 155px;
		margin-right: 6px;
		margin-left: 6px;
		background-size: 155px;
		height: 88px;
	}
	#alianzas .logoapple:hover, #alianzas .logoatdesk:hover, #alianzas .logobit:hover, #alianzas .logocisco:hover, #alianzas .logomicro:hover, #alianzas .logokasp:hover, #alianzas .logolenovo:hover, #alianzas .logoadobe:hover, #alianzas .logohp:hover, #alianzas .logodell:hover, #alianzas .logoubiquiti:hover, #alianzas .logoteam:hover, #alianzas .logoeset:hover, #alianzas .logobitc:hover, #alianzas .logoazure:hover, #alianzas .logoaruba:hover, #alianzas .logohuawei:hover, #alianzas .logopoly:hover, #alianzas .logozkt:hover {
	    background-position: 0px -88px;
	}
}