html,body{
	margin:0px;
	padding:0px;
	outline: none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
}
h1,h2,h3,h4,h5,h6{margin:0px;}
a{outline: none;}

.text-center{ text-align: center; }
.text-left{ text-align: left;}
.text-right{ text-align: right;}

/*********************************************************
*********                General                 *********
**********************************************************/
#contenedor-general{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#contenido-general .container.full{
	width: 100% !important;
	max-width: 100% !important;
	margin:0px auto;
	padding-left: 15px;
	padding-right: 15px;
}

#contenido-general .container,
#header-general .container,
#footer-general .container{
	margin: 0px auto;
}

.contenedor{
	width: 100%;
	max-width: 1170px;
	margin:0px auto;
	padding-left: 15px;
	padding-right: 15px;
}

.no-padding{
	padding:0px !important;
}

/*Slider*/
.bx-wrapper,
.bx-viewport{
	width: 100%;
	padding:0px;
	margin:0px;
	border:0px;
	box-shadow: none;
	/*z-index: -1;*/
}

.redes a{
	transition: opacity 0.2s linear;
}

.redes a:hover{
	opacity: 0.6;
}

.titulo-seccion{
	font-size: 50px;
	color:#e9eaec;
}

.titulo-seccion.dark{
	color:#3b3b3d;
}
.titulo-seccion b{
	font-weight: bold;
}
.item-icon{padding-left: 30px;}
.item-icon:before{
	content: "";
	width: 17px;
	height: 17px;
	background-image: url('../img/sprite.png');
	background-repeat: no-repeat;
	background-position: -161px 0px;
	position: absolute;
	top: 7px;
	left: 14px;

}
.item-icon.alt:before{
	top: 1px;
	left: 0px;
}

#map{
	height: 400px;
}

/*********************************************************
********                Contenido                 ********
**********************************************************/
#contenido-general .container,
#footer-general .container{
	padding: 70px 0px;
	box-sizing: border-box;
}
#footer-general .container{
	padding-bottom: 30px;
}

/*INICIO*/
#contenido-general #inicio{
	margin-top: 110px;
	height: 500px;
	padding:0px;
	
}

#inicio .slider-principal{
	height: 500px;
	width: 100%;
	padding: 0px;
	margin:0px;
}

#inicio .slider-principal li{
	width:100%;
	height: 500px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex !important;
    align-items: center;
}
#inicio .slider-principal li h1{
	margin-bottom: 25px;
}

#inicio .slider-principal li h1 span{
	padding: 5px 15px 2px 15px !important;
	background-color: #212121;
	color: #e1e2e4;
	width: auto;
	text-shadow: 0px 0px 3px #000000;
	font-weight: bold;
	font-family: "Roboto";
	font-size: 55px;
}

#inicio .slider-principal li h3 span{
	background-color: #266cdb;
	padding:10px 15px;
	float: left;
	font-weight: lighter;
	color: #e2e3e5;
	font-size: 20px;
	text-shadow: 0px 0px 15px #000;
}

#inicio .slider-principal .img1{
	background-image: url("../img/apps.jpg");
}

#inicio .slider-principal .img2{
	background-image: url("../img/it.jpeg");
}

#inicio .slider-principal .img3{
	background-image: url("../img/server.jpeg");
}

#inicio .slider-servicios{
	width: 100%;
	padding: 0px;
	margin:0px
}


/*Servicios*/
#servicios .titulo-seccion{
	margin-bottom: 50px;
}
#servicios .item-servicio{
	position:relative;  
	background-color: #FFFFFF;     
}

#servicios .item-servicio:before,#servicios .item-servicio:after{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(48,48,48,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 25px;
}

#servicios .item-servicio .etiqueta{
	background-color: #2f59bb;
	position: absolute;
	top: 15px;
	left: 0px;
	padding: 5px 15px;
	color:#FFFFFF ;
	font-size: 14px;
	font-family: "Roboto";
	text-transform: uppercase;
}

#servicios .item-servicio img{
	margin:0px auto;
}

#servicios .bx-wrapper{
	margin-bottom: 60px;
}

#servicios .bx-wrapper .bx-pager{
	position: static !important;
}

#servicios .slider-servicios{
	padding: 0px;
	margin:0px 0px 0px 0px;
}

#servicios .slider-servicios li div{
	margin-bottom: 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	width: 15px;
	height: 15px;
	border-radius: 30px;
	border:1px solid #363636;
	background:#FFFFFF !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover{
	background:#363636 !important;
}

#servicios .divisor{
	width: 100%;
	max-width: 600px;
	height: 1px;
	margin:0px auto;
	display: block;
	background-color: #898989;
}

#servicios .texto{
	text-align: center;
	font-weight: 100;
	color:#353535;
	font-size: 41px;
	margin-top: 60px;
}

/*Empresa*/
#contenido-general #empresa{

}

#empresa .bgazul{
	background: #1f8cdf;
	background: -moz-linear-gradient(top, #1f8cdf 14%, #2b5cc2 31%, #2b5cc2 31%, #2b5cc2 88%, #1f8cdf 100%);
	background: -webkit-linear-gradient(top, #1f8cdf 14%,#2b5cc2 31%,#2b5cc2 31%,#2b5cc2 88%,#1f8cdf 100%);
	background: linear-gradient(to bottom, #1f8cdf 14%,#2b5cc2 31%,#2b5cc2 31%,#2b5cc2 88%,#1f8cdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8cdf', endColorstr='#1f8cdf',GradientType=0 );
	box-shadow: 0px 0px 20px #363636;
	color:#FFFFFF;
	font-weight: 300;
}

#empresa .titulo-seccion,
#ubicacion .titulo-seccion{
    margin-bottom: 50px;
}

#empresa .titulo{
	font-size: 22px;
	font-weight: normal;
}

#empresa .item-empresa{
	margin-bottom: 40px;
}

#ubicacion .bloque{
	width: 100%;
	max-width: 400px;
    margin:0px auto;
}

#ubicacion .bloque > div{
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	width: 50%;
}

#ubicacion .bloque div h4:nth-child(3){ 
	margin-top: 20px;
}

#ubicacion h4{
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 22px;
	color: #3b3b3d;
}

#ubicacion p{
	color: #7a7a7c;
	padding-left: 30px;
	font-size: 16px;
    font-weight: 300;
    margin:0px;
}


/*********************************************************
*********                 Header                  ********
**********************************************************/

#header-general{
	background-color: #212123;
	min-height: 110px;
	position: fixed;
	width: 100%;
	z-index: 999;
}

#header-general .contenedor{
	background-color: #212123;
	min-height: 110px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#header-general .header-nav{
	float: right;
}

#header-general .header-nav nav,
#header-general .header-nav .redes{
	display: inline-block;
	vertical-align: middle;
}

#header-general .header-nav ul{
	list-style: none;
	margin:0px;
	padding:2px;
	border:1px solid #41444b;
	border-radius: 3px;
	position: relative;
	background: #1b1c20;
	background: -moz-linear-gradient(top, #1b1c20 0%, #2d2e33 100%);
	background: -webkit-linear-gradient(top, #1b1c20 0%,#2d2e33 100%);
	background: linear-gradient(to bottom, #1b1c20 0%,#2d2e33 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1c20', endColorstr='#2d2e33',GradientType=0 );
}

#header-general .header-nav ul li{
	display: inline-block;
	margin-right: 0px;
	vertical-align: middle;
	padding: 8px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
}

#header-general .header-nav ul li a{
	color:#a29e9f;
	font-size: 13px;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
	display: block;
	transition: color 0.2s linear;
}

#header-general .header-nav ul li.active a,
#header-general .header-nav ul li:hover a{
	color:#FFFFFF;
	font-size: 13px;
	font-weight: 300;
}

/*#header-general .header-nav ul li.active,
#header-general .header-nav ul li:hover{
	color:#FFFFFF;
	background: #0ba5ed;
	background: -moz-linear-gradient(top, #0ba5ed 0%, #2c5cc2 100%);
	background: -webkit-linear-gradient(top, #0ba5ed 0%,#2c5cc2 100%);
	background: linear-gradient(to bottom, #0ba5ed 0%,#2c5cc2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba5ed', endColorstr='#2c5cc2',GradientType=0 );
	cursor: pointer;
}*/

#header-general .indicator{
	color:#FFFFFF;
	background: #0ba5ed;
	background: -moz-linear-gradient(top, #0ba5ed 0%, #2c5cc2 100%);
	background: -webkit-linear-gradient(top, #0ba5ed 0%,#2c5cc2 100%);
	background: linear-gradient(to bottom, #0ba5ed 0%,#2c5cc2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba5ed', endColorstr='#2c5cc2',GradientType=0 );
	cursor: pointer;
    position: absolute;
    bottom: 3px;
/*    left: auto;*/
    height: 32px;
    border-radius: 3px;
    z-index: 0;
}

#header-general .header-nav .redes{
	margin-left: 7px;
}


/**********************************************************
*********                 Footer                  *********
**********************************************************/

#footer-general{
	min-height: 500px;
	background: url('../img/bg_footer.jpg') repeat-x 0px 0px;
	background-size: auto 100%;
}

#footer-general p{
	color: #99999b;
	font-size: 18px;
	width: 100%;
	max-width: 775px;
	margin: 0px auto;
	font-weight:300;
	line-height: 25px;
}

#footer-general .bloques{
	margin-top: 60px;
}

#footer-general .bloques > .info{
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 33.33%;
}

#footer-general .bloques .info > div{
	width: 80%;
	margin:0px auto;
}

#footer-general  h1{
	margin-bottom: 40px;
}

#footer-general  h3{
	color:#FFFFFF;
	margin-bottom: 10px;
	font-size: 23px;
}

#footer-general .info p{
	font-weight: 300;
	color:#fff !important;
	margin:0px;
	font-size: 16px;
}

#footer-general .redes{
	margin-top: 10px;
}

#footer-general form{
	margin: 0px;
}
#footer-general .form-label{
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 80px;
	margin: 0px;
}

#footer-general input[type="text"],
#footer-general textarea{
	border-radius: 3px;
	width: calc(100% - 80px);
	height: 25px;
	line-height: 25px;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	background: -moz-linear-gradient(top, rgba(31,31,31,0.9) 20%,  rgba(51,51,51,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(31,31,31,0.9) 20%,rgba(51,51,51,0.8) 100%);
	background: linear-gradient(to bottom, rgba(31,31,31,0.9) 20%,rgba(51,51,51,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99ededed',GradientType=0 );	
	border:1px solid #44474c;
	outline: none;
	transition: border 0.2s linear;
	resize: none;
}

#footer-general input[type="text"]:focus,
#footer-general textarea:focus{
	border:1px solid #777777;
}


#footer-general .btn_enviar{
	background-color: #4e515a;
	border-radius: 4px;
	box-shadow: 0px 2px 3px #000000;
	color:#FFFFFF;
	text-shadow: -1px -1px 2px #000000;
	border:0px;
	outline: none;
	text-transform: uppercase;
	text-align: center;
	padding:5px 15px;
	float: right;
	font-size: 13px;
	transition: opacity 0.1s linear;
}

#footer-general .btn_enviar:hover{
	opacity: 0.8;
}

#footer-general textarea{
	height: 100px;
}

#footer-general form p{
	color: #ffffff !important;
	text-shadow: 0px 0px 3px #000;
	font-size: 14px !important;
	font-weight: 400 !important; 
}

#footer-creditos{
	min-height: 75px;
	background: #020202;
	color: #d4d4d4;
	font-weight: 300;
	background: -moz-linear-gradient(top, #020202 0%, #0d0d0d 100%);
	background: -webkit-linear-gradient(top, #020202 0%,#0d0d0d 100%);
	background: linear-gradient(to bottom, #020202 0%,#0d0d0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#0d0d0d',GradientType=0 );
}

#footer-creditos .container{
	padding:28px 15px;
}

#footer-creditos a{
	text-decoration: none;
	color:#2d5abf;
	transition: color 0.2s linear;
	cursor: pointer;
}
#footer-creditos a:hover{
	color:#4f74c8;
}

@media (max-width: 992px){
	#footer-general .bloques > .info{
		width: 100%;
		text-align: center;
	}
	#footer-general .bloques .info > div{
		width: 100%;
		margin:0px auto;
	}
}

/**********************************************************
*********                 Sprite                  *********
**********************************************************/
.fwsprite{
	background-image: url('../img/sprite.png');
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

.fwsprite.logo-gris{
	background-position: 0px 0px;
	width: 77px;
	height: 24px;
	vertical-align: middle;
	margin-right: 15px;
}

.fwsprite.logo{
	background-position: 0px -24px;
	width: 238px;
	height: 73px;
	vertical-align: middle;
}

.fwsprite.fb{
	background-position: -81px 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.fwsprite.tw{
	background-position: -110px 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.fwsprite.in{
	background-position: -139px 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}


/**********************************************************
*********                 Mobile                  *********
**********************************************************/

@media (max-width: 1200px){

	#footer-general input:not(.btn_enviar),
	#footer-general textarea{
		display: block !important;
		width: calc(90%);
		margin:0px auto 15px auto;
	}
}

@media (max-width: 992px){
	#footer-general .btn_enviar{
		float: none !important;
		display: block;
		margin:0px auto;
		margin-bottom: 15px;
	}
	.item-icon.alt:before{
		left: 10px;
	}
}

@media (max-width: 767px){
	.titulo-seccion{
		font-size: 35px;
	}
	#header-general .contenedor{
		display: block;
	}
	#header-general .logo{
		margin:10px auto 7px auto;
		display: block;
		zoom:0.8;
	}
	#header-general .header-nav{
		float: none;
		text-align: center;
	}
	#header-general .header-nav .redes{
		display: none;
	}
	#inicio .slider-principal .container{
		width: 90%;
	}
	#inicio .slider-principal li h1 span{
		font-size: 27px;
	}
	#servicios .texto{
		font-size: 25px;
	}
	#empresa .item-empresa{
		text-align: center;
	}
	#empresa .item-empresa .item-icon{
		position: relative;
	}
	#empresa .item-empresa .item-icon:before{
		top: 3px;
    	left: 6px;
	}
	#footer-general  h3{
		margin-top: 15px;
	}
}


@media (max-width: 500px){
	#footer-creditos .logo-gris{
		display: block;
		margin:0px auto 15px auto;
	}
	#inicio .slider-principal li h3 span{
		font-size: 18px;
		padding:5px 10px;
	}
}


@media (max-width: 330px){
	.titulo-seccion{
		font-size: 27px;
	}
	#header-general .contenedor{
		padding: 0px 5px !important;
	}
	#header-general .header-nav ul li{
		padding:8px 6px;
	}
	#header-general .header-nav ul li a{
		font-size: 11px;
	}
	#inicio .slider-principal .container{
		width: 100%;
	}
	#inicio .slider-principal li h1 span{
		font-size: 24px;
		padding: 5px 10px 2px 10px !important
	}
	#footer-general input,
	#footer-general textarea{
		display: block;
		float: none !important;
		width: 90% !important;
		margin: 0px auto 15px !important;
	}
}