@charset "utf-8";
/* CSS Document */


.clientes {
	width: 100%;
	height: auto;
	padding-left:10%;
	padding-top: 4%;
	padding-bottom:3%;
	background-color: #FDFDFD;
	float: left;
	clear: right;
}
.txt-clientes {
	width: 100%;
	height: auto;
	font-family: 'Raleway', sans-serif;
	font-size: 38px;
	line-height: 25px;
	float: left;
	padding-bottom: 40px;
	text-align: center;
	clear: right;
}
.clientes-logos {
	width: 15%;
	padding:1%;
	height: auto;
	float: left;
	clear: right;
}
.anclaje {
	padding-top: 15px;
	width:auto;
	height:auto;
}
.subtitulos {
	padding-top: 25px;
	font-size: 25px;
	font-weight: lighter;
	line-height: 28px;
	text-align: center;
}
.contenedor {
	z-index: 9000;
	position: fixed;
	margin-top: 860px;
	margin-right: 30px;
	right: 0px;
	float: right;
	clear: both;
		}
.slider {
	position:absolute;
	width: 30%;
	width: 100%;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 60px;
	font-weight: bold;
	line-height: 55px;
	margin-top: 23%;
	padding-left: 15%;
	padding-right: 15%;
	opacity: 1;
	text-align: center;
}


.consultoria {
	width: 100%;
	height: auto;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	font-weight: bold;
	line-height: 44px;
	margin-top: 28%;
	text-align: center;
	float: left;
	clear: right;
	background-color: rgba(37,170,225,1);
	padding-top: 80px;
	padding-bottom: 80px;	
	padding-left: 340px;
	padding-right: 340px;
}

.nosotros {
	position: relative;
	width: 70%;
	height: auto;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	font-weight: bold;
	line-height: 44px;
	margin-top: 10%;
	text-align: center;
	float: left;
	clear: right;
	background-color: rgba(37,170,225,1);
	padding: 100px;
}
.titulos {
	position:relative;
	width: 55%;
	height: 35%;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	font-weight: bold;
	line-height: 44px;
	margin-top: 26%;
	text-align: center;
	float: left;
	clear: right;
	background-color: rgba(37,170,225,1);
	padding: 100px;
}
.content:before {
	  content: "\02713";
	  }
.txt-cyberseguridad{
	position: relative;
	width: 45%;
	height: 35%;
	color: #FFFFFF;
	margin-top: 26%;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	background-color: rgba(102,102,102,1);
	opacity: 0.9;
	padding-top: 60px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 40px;
	float: right;
	clear: right;
}
.slider-bw{
	width: 100%;
	height: 980px;
	background-image: url(../img/slider.jpg);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	opacity: 1;
	}
.cyberseguridad-bw{
	width: 100%;
	height: 980px;
	background-image: url(../img/cyber-security-cybersecurity-device-60504.jpg);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}
.cloudservice-bw{
	width: 100%;
	height: 980px;
	background-image: url(../img/pexels-photo-1148820.jpeg);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}
.nosotros-bw{
	width: 100%;
	height: 980px;
	background-image: url(../img/pexels-photo-314703.jpeg);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}
.consultoria-bw{
	width: 100%;
	height: 980px;
	background-image: url(../img/people-office-group-team.jpg);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}
.performancemarketing-bw{
	width: 100%;
	height: 980px;
	background-image: url(../img/pexels-photo-1571699.jpeg);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}				
.footer-bw{
	width: 100%;
	height: auto;
	background-color:rgba(51,51,51,1);
	background-attachment: fixed;
	z-index: -5;
	float: left;
	clear: right;
	max-width: 100%;
	min-width: 150px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}	
.silde-txt {
	width: 100%;
	height: auto;
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
	line-height: 35px;
	color: #FFFFFF;
	font-weight: 200;
	text-align: center;
	padding-top: 30px;
	
}
.hrbw-blanco {
	width: 30%;
	alignment-adjust: middle;
	margin-left: 35%;
	margin-right: 35%;
	background-color: #FFFFFF;
	height: 2px;
	margin-top: 12px;
}
.hrfooter {
	width: 60%;
	alignment-adjust: middle;
	background-color: #FFFFFF;
	height: 1px;
	float: right;	
}

.hrbw {
	width: 20%;
	alignment-adjust: middle;
	margin-left: 40%;
	background-color: #25AAE1;
	height: 4px;
	margin-top: 12px;
}
.bw-copyright {
	width: 100%;
	height: auto;
	max-width: 100%;
	min-width: 150px;
	background-color: #666666;
	float: left;
	clear: both;
	bottom: 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	color: #FFFFFF;
}
.bw-contacto {
	width: 20%;
	max-width: 100%;
	min-width: 150px;
	box-sizing: boder-box;
	margin-top: 80px;
	float: left;
	clear: left;
	margin-left: 10%;
	color: #FFFFFF;
	text-align: right;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 35px;

}
.boton-contacto {
	font: 14px Arial, Helvetica, sans-serif;
	width: 100%;
	border: 2px solid #FFFFFF;
	margin-top: 2px;
	background-color: #333333;
	color: #FFFFFF;
}
.formulario-contacto {
	width: 60%;
	max-width: 100%;
	min-width: 150px;
	box-sizing: boder-box;
	margin-top: 40px;
	float: right;
	clear: right;
	margin-right: 10%;

}

.casilla-form {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	max-width: 100%;
	min-width: 150px;
	box-sizing: border-box;
	font: 14px Arial, Helvetica, sans-serif;
	border-radius: 6px;
	border: 2px solid #FFFFFF;
	margin-top: 2px;
	margin-bottom: 2px;
}
@media only screen and (max-width: 1900px) {
.slider {
	margin-top: 24%;
	padding-left: 10%;
	padding-right: 10%;
}
}

@media only screen and (max-width: 1700px) {
.consultoria {
	padding-left: 180px;
	padding-right: 180px;
}
.slider {
	margin-top: 28%;
	padding-left: 10%;
	padding-right: 10%;
}
}
@media only screen and (max-width: 1500px) {

.slider {
	margin-top: 32%;
	padding-left: 10%;
	padding-right: 10%;
}
.clientes-logos {
	width: 20%;
	padding:0px;
	margin-left: 10%;
	height: auto;
	float: left;
	clear: right;
}
}
@media only screen and (max-width: 1200px) {

.slider {
	margin-top: 40%;
	padding-left: 10%;
	padding-right: 10%;
}
}
@media only screen and (max-width: 992px) {

.clientes-logos {
	width: 25%;
	padding:0px;
	margin-left: 4%;
	height: auto;
	float: left;
	clear: right;
	
}
.txt-clientes {
	font-size: 35px;
	line-height: 35px;
}
.hrfooter {
	width: 100%;
	float: none;	
}
.contenedor {
	display:none;
		}
.slider-bw{
	height:650px;
}

.slider {
	margin-top: 32%;
	font-size: 45px;
}
.consultoria {
	margin-top: 65px;
	font-size: 36px;
	padding-left: 80px;
	padding-right: 80px;
	line-height: 34px;

}
.nosotros-bw{
	height: auto;
}
.cyberseguridad-bw{
	height: auto;
}
.cloudservice-bw{
	height: auto;
}
.performancemarketing-bw{
		height: auto;
}
.consultoria-bw{
		height: auto;
}
.nosotros {
	width: 100%;
	height: 25%;
	font-size: 36px;
	font-weight: bold;
	line-height: 34px;
	margin-top: 65px;
	padding: 50px;
}
.titulos {
	width: 100%;
	height: 25%;
	font-size: 36px;
	font-weight: bold;
	line-height: 34px;
	margin-top: 65px;
	padding: 50px;
}
.txt-cyberseguridad{
	width: 100%;
	height: auto;
	margin-top: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	padding-left: 200px;
	padding-bottom: 40px;

}

}
@media only screen and (max-width: 780px) {


.clientes-logos {
	width: 30%;
	padding:0px;
	margin-left: 10%;
	height: auto;
	float: left;
	clear: right;
}

.nosotros {
	width: 100%;
	height: 25%;
}
.titulos {
	width: 100%;
	height: 25%;
}

.txt-cyberseguridad{
	margin-top: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	padding-left: 100px;

}
.formulario-contacto {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	float: none;
	clear: none;
}
.bw-contacto {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
    margin-top: 0px;
	float: none;
	clear: none;
	margin-top:50px;
	text-align: center;
}
.slider {
	margin-top: 35%;
	font-size: 45px;
}
.footer-bw{
	height: auto;
}
img#footerlogo	{
	display: none;
}
}

@media only screen and (max-width: 523px) {
.clientes-logos {
	width: 70%;
	padding:0px;
	margin-left: 20%;
	height: auto;
	float: left;
	clear: right;
}
.formulario-contacto {
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
}
.slider {
	margin-top:42%;
	font-size: 40px;
	line-height: 40px;
}
.slider-bw{
	height:650px;
	}
.consultoria {
	padding-left: 40px;
	padding-right: 40px;
	font-size: 28px;
}

.footer-bw{
	height: auto;
}
.nosotros{
	width: 100%;
	height: 30%;
	font-size: 28px;

}
.titulos {
	width: 100%;
	height: 30%;
	font-size: 28px;

}
.txt-cyberseguridad{
	margin-top: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	padding-left: 40px;
}
.txt-clientes {
	font-size: 25px;
	line-height: 35px;
}	
}
@media only screen and (max-width: 328px) {
.clientes-logos {
	width: 80%;
	padding:0px;
	margin-left: 10%;
	height: auto;
	float: left;
	clear: right;
}
.footer-bw{
	height: auto;
}
.nosotros {
	width: 100%;
	height: 35%;
}	
.titulos {
	width: 100%;
	height: 35%;
}
}