@import url('whatsapp.css');

body { font-family: 'Quicksand', sans-serif; font-size: 16px;}
a{ text-decoration: none!important; }

ul{ list-style: none; }

/* COMUNES */
.transition{
  -webkit-transition: all ease-in-out .3s; /* Safari */
	transition: all ease-in-out .3s;
}

.align_vertical_horizontal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_site_white { background-color: rgba(0, 0, 0, 0); color: #ffffff!important; border: solid 2px #ffffff; }
.btn_site_white:hover { background-color: rgba(255, 255, 255, 0.6); color: #004876!important; border: solid 2px #004876; }
.btn_site_azul { background-color: rgba(0, 0, 0, 0); color: #0075c9!important; border: solid 2px #0075c9; }
.btn_site_azul:hover { background-color: rgba(0, 117, 201); color: #ffffff!important; border: solid 2px #ffffff; }
.btn_productos { background-color: rgba(255,255,255); color: #0075c9!important; border: solid 2px #0075c9; }
.btn_productos:hover { background-color: #0075c9; color: #ffffff!important; opacity: 1!important; border: solid 2px #ffffff; }

.bg_color_blanco { background-color: #ffffff; }
.bg_color_principal { background-color: #0075c9; }
.bg_color_azul_oscuro { background-color: #022a3a; }
.bg_gris_claro { background-color: #f6f6f6; }
.bg_gris_faja_servicios { background-color: #dadada; }
.bg_gris_oscuro { background-color: #b2b2b2; }

.color_azul { color: #0075c9!important; }
.color_azul_oscuro { color: #022a3a!important; }
.color_blanco { color: #ffffff!important; }

/* HEADER */
header { padding-bottom: 10px; }
nav a { font-size: 1.25em; font-weight: 700; color: #0075c9!important; text-transform: uppercase; }
.logo { padding: 0!important; padding-top: 10px!important; }
.navbar-brand { padding: 0; }
.header_datos { position: absolute; top:10; right: 0; }
.nav-link { padding: 0!important; padding: 0 15px!important; }
.header_datos a i { color: #0075c9; font-size: 1.15em; }
.header_datos a i:hover { color: #022a3a!important; }
.dropdown-menu a { background-color: transparent!important; color: #0075c9!important; font-size: 1em; padding: 10px 0; }
.dropdown-menu a:hover { padding-left: 1em; color: #022a3a!important; }
header li a:hover { color: #022a3a!important; }
.link_ante_ultimo { margin-right: 100px; }
.dropdown-menu{ background-color: #e1e8f6!important; width: 200px; padding: 5px 30px 0px 15px; }
.dropdown-menu:active, .dropdown-menu:focus { border: none!important; }
.active { color: #022a3a!important; }

/* SLIDE */
#carousel_mobile{ display: none; visibility: hidden; }
/*.slide_caption_mobile{ background-color: #0075c9; padding: 5px 10px; text-align: center; color: #ffffff; }*/
.slide_caption_mobile{ text-align: center; color: #0075c9; margin-top: 15px; margin-bottom: 15px; }
.slide_caption_mobile p { margin: 0; }
.carousel-item h5 { margin:0; }

.carousel-caption_add { top:25%; text-align: left; }
.carousel-caption_menor { top:40%!important; }
.carousel-caption_add h1, .carousel-caption_add h2 { font-size: 4.5em; color: #ffffff; }
.carousel-caption_add p { font-weight: 400; color: #ffffff!important; font-size: 1.188em; margin: 0; }
.soporte_tecnico_slide h1, .soporte_tecnico_slide h2, .soporte_tecnico_slide p, .soporte_tecnico_slide a {
	color: #0075c9!important;
} 
.soporte_tecnico_slide h2 { font-size: 4.25em; }
.cta a { color: #ffffff; font-size: 1.3em; display: inline-block; margin-top: 10px; }
.cta a:hover { color: #0075c9; }

/* HOME */
.home_frase { font-size: 1.75em; color: #022a3a; font-weight: 500; }
.home_bullet_h2{ font-size: 1.75em; color: #0075c9; font-weight: 500; margin: 0; margin-top: 10px;}
.home_data_center_cta { 
	background-image: url("../img/home/data-center-cta.png");
	background-size: 98% 100%;
	background-repeat: no-repeat;
}
.home_consultoria_cta {
	background-image: url("../img/home/consultoria-it-cta.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.home_soluciones_cta {
	background-image: url("../img/home/soluciones-it-cta.png");
	background-size: 97% 100%;
	background-repeat: no-repeat;
}

.home_soporte_cta {
	background-image: url("../img/home/soporte-tecnico-cta.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.home_leyenda_data_center_cta {
	width: 60%;
	padding: 15px;
	margin: 55px auto;
	color: #ffffff;
	background-color: rgba(2, 42, 58, 0.7);
}
.home_leyenda_data_center_cta a { font-size: 1.5em; color: #ffffff; }
.home_leyenda_data_center_cta a:hover { color: #0075c9; }
.home_recursos, .home_recursos a { color: #ffffff; }
.home_recursos a { font-size: 1.5em; }
.home_recursos a:hover { color: #022a3a; }
.home_recursos h3 { font-size: 2.5em;}
.home_clientes h3 { font-size: 2.5em; }
.home_clientes p { font-size: 1.188em; color: #575756; }

/* EMPRESA */
.header_empresa{
	background-image: url('../img/empresa/header-empresa.jpg')!important;
	background-position: center;
  background-repeat: no-repeat;
	height: 500px;
}
.empresa_h1{ font-size: 4.5em; color: #ffffff; font-weight: 700; margin-top: 190px; }
.empresa_h2{ font-size: 2.75em; font-weight: 700; margin-bottom: 30px; }
.empresa_parrafo { color: #575756; font-size: 1.188em; margin-bottom: 30px; }
.empresa_h4 { font-size: 1.75em; color: #ffffff; font-weight: 500; }
.empresa_h5 { font-size: 1.75em; color: #3c3c3b; font-weight: 500; }
.degrade_cajas, .degrade_cajas_chica { 
	font-size: 2em;
	padding: 5px 0;
	background-color: #0075c9;
	box-shadow: 0px 0px 2px grey;
	/*background-image: url(../img/degrade.jpg);*/
	/*background-repeat: repeat-x;*/
	border-radius: 5px; 
	color: #ffffff!important;
}
.pleno_cajas, .pleno_cajas_chica { 
	font-size: 2em;
	padding: 5px 0;
	border-radius: 5px; 
	background-color: #2475bb;
	color: #ffffff!important;,
}
.degrade_cajas_chica { font-size: 1.25em!important; }
.empresa_h2_small { font-size: 2em; }

.icono_valores { max-width: 20%; }

/* PRODUCTOS */
.header_productos{ background-image: url('../img/productos/header-productos.jpg')!important; }
.card-body { 
	border: 1px solid rgba(0,0,0,.125); 
	border-bottom-right-radius: 15px; 
	border-bottom-left-radius: 15px;
	font-size: 0.85em;
	background-color: #dadada;
}

.productos_logo a:hover { opacity: 0.6; }
.productos_logo img { max-width: 70%; }
.modal-header { background-color: #0075c9; color: #ffffff; border: none; }
.modal-body { padding: 0; }
.modal-title { font-size: 3em;}
.modal-footer { background: #022a3a; }
.modal-footer button{ display: inline-block; background-color: rgba(0, 0, 0, 0); color: #ffffff!important; border: solid 2px #ffffff; }
.modal-footer button:hover{ color: #0075c9!important; border: solid 2px #0075c9; }
.productos a { color: grey; }
.productos_lineas {
 display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 5.6em;
  line-height: 1.8em;
}

/* SERVICIOS DATA CENTER */
.header_data_center, .header_consultoria_it, .header_soluciones_it, .header_soporte_tecnico{
	background-image: url('../img/servicios/header-data-center.jpg')!important;
	text-shadow:2px 2px 2px black;
	background-position: 100%;
	height: 565px;
}
.servicios_h1{ margin-top: 225px!important; }
.servicios_h2{ color: #575756; font-size: 2.75em; font-weight: 700; margin: 15px 0; }
.servicios_h3{ color: #0075c9; font-size: 2em; font-weight: 500; margin: 15px 0; }
.servicios_h4{ color: #ffffff!important; }
.servicios_h5{ color: #0075c9!important; }
.span_servicios{ font-size: 3em; font-weight: 700; margin: 0; }
.servicios_caracteristicas { font-size: 1.75em; color: #022a3a!important; font-weight: 700; }
.ademas img { min-width: 30px; }

/* SERVICIOS CONSULTORIA IT */
.header_consultoria_it{	background-image: url('../img/servicios/header-consultoria-it.jpg')!important; }
.header_soluciones_it{background-image: url('../img/servicios/header-soluciones-it.jpg')!important; }
.header_soporte_tecnico{background-image: url('../img/servicios/header-soporte-tecnico.jpg')!important; }
.contacto_mapas i { font-size: 0.75em; }
.consultoria_it_feedback { font-size: 1.1em; }
.capacitacion { 
	background-image: url('../img/servicios/capacitacion.jpg')!important;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.capacitacion h4{ font-size: 2.25em; }
.capacitacion_parrafo { font-size: 1.25em; }

/* SERVICIOS SOLUCIONES IT */
.soluciones_it_faja_gris { padding: 30px; background-color: #c6c6c6; }
.soluciones_it_parrafo { margin: 0; font-size: 1.75em; color: #022a3a; }

/* SERVICIOS SOPORTE TECNICO */
.servicios_soporte_bullet_h2{ font-size: 1.5em; color: #022a3a; font-weight: 500; margin-top: 10px;}

/* CONTACTO */
.header_contacto{ background-color: #022a3a; background-image: url('../img/contacto/header-contacto.jpg')!important; height: 820px; }
.contacto_h1{ margin-top: 60px !important; margin-top: 30px; }
.contacto_links { display: block; color: #ffffff!important; font-size: 1.15em; margin-bottom: 20px; }
.contacto_links i{ font-size: 1.25em; margin-right: 10px; }
.contacto_links:hover { text-shadow:2px 2px 5px black; color: #e6e7e8!important; }
.form-control { margin-bottom: 45px; }
.btn_contacto { padding: 10px 30px; background-color: rgba(2, 128, 144, 0); color: #ffffff !important; border: solid 2px #ffffff; }
.btn_contacto:hover { background-color: rgba(255, 255, 255, 0.4); color: #022a3a !important; border: solid 2px #022a3a; }
.contacto_maps{ font-size: 3em; color: #1d1d1b; }
.contacto_h2{ font-size: 1.5em; margin-bottom: 30px; }
.error ul { padding: 0; background-color: rgb(240, 90, 90, 0.5); border-radius: 5px; }
.error ul li{ color: #ffffff; padding: 3px; }
.error { font-size: 0.75em; color: red; }

.contactos_left .online { max-width: 55%; margin-bottom: 30px; }
.contactos_left .online .header { background: white; padding: 10px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; text-align: center; }
.contactos_left .online h3 { background: white; color: #0075c9; font-size: 0.9rem; font-weight: 700; margin: 0; }
.contactos_left .online i { color: #0075c9; font-size: 1.5rem; }
.contactos_left .online a { display: block; color: white; margin-bottom: 5px; }
.contactos_left .online a:hover {  }
.contactos_left .online a i { color: white; margin-right: 10px; }
.contactos_left .online hr { 
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
	border-top: 1px solid white;
	opacity: 0.6;
	width: 100%;
}

/* FOOTER */
footer { background-color: #000000; }
footer i { color: #ffffff; font-size: 1.5em; margin-right: 10px; }
.footer_datos { color: #ffffff; display: block; }
.libre { color: #808285; }
footer i:hover, .footer_datos:hover, .libre:hover { opacity: 0.6; color: #ffffff; }
.footer_copy, .libre { font-size: 0.75em; }

/* Dispositivos extra pequeños (teléfonos de retrato, menos de 576px) */
@media (max-width: 575.98px) {
	nav ul { margin-top: 10px; }
	nav a { font-size: 1.25em; margin: 10px; font-weight: 400; }
	.container_fluid_nav { padding: 0; }
	.container_nav { padding: 0!important; }
	.navbar-brand { margin: 0; }
	.navbar-brand img { width: 170px!important; }
	.header_datos { display: flex; position: relative; justify-content: flex-end!important; }
	.header_datos a i { color: #ffffff; }
	.dropdown-menu:hover { background-color: #022a3a!important; }
	.dropdown-menu a:hover { color: #ffffff!important; }
	.carousel-item { background-color: #d6d6d6!important; }
	.empresa_h1{ font-size: 3em; margin-top: 90px!important; }
	.empresa_h2{ font-size: 2em; }
	.servicios_h1{ margin-top: 170px!important; }
	.productos_logo { max-width: 80%; margin: auto; }
	.productos_h1 { font-size: 2.5em; margin-top: 75px!important; }
	.header_empresa{ height: 250px; }
	.header_data_center{ height: 350px; }
	.empresa_h4 { margin-bottom: 30px!important; text-align: center; font-size: 1.25em; }
	.empresa_h5{ font-size: 1.5em; }
	.newsletter { padding-top: 15px; }
	.soluciones_it_parrafo { font-size: 1.25em; }

	/* SLIDE */
	#carouselExampleIndicators{ display: none; visibility: hidden; }
	#carousel_mobile { display: inline-block; visibility: visible; }
	.slide_caption_mobile p, .slide_caption_mobile h5 { font-size: 1em; }
	.slide_caption_mobile h5 { font-size: 1.15em; }

	.home_frase { font-size: 1.25em; }
	.home_recursos h3 { font-size: 2em; margin-top: 30px; text-align: center;}
	.modal-title { font-size: 1.5em!important; }

	.home_data_center_cta, .home_consultoria_cta, .home_soluciones_cta, .home_soporte_cta { background-size: 200% 100%;	}
	.home_clientes h3 { font-size: 1.75em; }

	.empresa_h2_small, .degrade_cajas { font-size: 1.75em; }

	.servicios_personal{ margin-bottom: 30px; }
	.servicios_h2 { font-size: 2em; }
	.servicios_h3 { font-size: 1.5em; }
	.servicios_caracteristicas { font-size: 1.25em; }
	.capacitacion { background-size:330% 100%; }
	.capacitacion h4{ font-size: 1.75em; }

	.servicios_soporte_bullet_h2{ font-size: 1.25em; }
	.soporte_tecnico_h3 { font-size: 1.5em; }

	.degrade_cajas_chica { font-size: 1em!important; font-weight: 400; }
	.consultoria_it_feedback { font-size: 1.25em; }

	.bg_gris_faja_servicios .col-md-4 { margin-bottom: 30px; }

	.header_contacto{ height: 1300px; background-size: 500% 100%; }
	.contactos_left { background-color:rgb(0,117,201, 0.6); padding: 30px; }
	.contacto_mapas { padding: 15px; }
	.contacto_h2 { font-size: 1.25em; }
	.contactos_left .online { max-width: 100%; }
}

/* Dispositivos pequeños (teléfonos apaisados, 576px y más) */
@media (min-width: 576px) and (max-width: 767.98px) { 
	nav ul { margin-top: 10px; }
	nav a { font-size: 1.25em; margin: 10px; font-weight: 400; }
	.header_datos { display: flex; position: relative; justify-content: flex-end!important; }
	.header_datos a i { color: #ffffff; }
	.dropdown-menu:hover { background-color: #022a3a!important; }
	.dropdown-menu a:hover { color: #ffffff!important; }
	.empresa_h2_small, .empresa_h5{ font-size: 2em; }
	.empresa_h4 { margin-bottom: 30px!important; text-align: center; }
	.newsletter { padding-top: 15px; }

	/* SLIDE */
	.carousel-caption_add { top:5%; }
	.carousel-caption_menor { top:35%!important; }
	.carousel-caption_add h1, .carousel-caption_add h2 { font-size: 1.75em; }
	.carousel-caption_add p { font-size: 1em; }
	.carousel-caption_add { top:0%; }
	.carousel-caption_add span a { font-size: 1em; }
	.soporte_tecnico_slide h1, .soporte_tecnico_slide h2, .soporte_tecnico_slide p, .soporte_tecnico_slide a {
		padding: 5px 10px;
		background-color:rgb(255,255,255, 0.6);
	}
		.productos_logo { max-width: 70%; margin: auto; }
	.soluciones_it_slide h1, .soluciones_it_slide h2, .soluciones_it_slide p, .soluciones_it_slide a {
		padding: 5px 10px;
		background-color:rgb(0,0,0, 0.6);
	}

	.home_frase { font-size: 1.5em; }
	.home_recursos h3 { font-size: 2.5em; margin-top: 30px; text-align: center;}

	.home_soluciones_cta, .home_data_center_cta { background-size: 100% 100%; }

	.servicios_personal{ margin-bottom: 30px; }
	.servicios_caracteristicas { font-size: 1.5em; }
	.capacitacion h4{ font-size: 2em; }
	.capacitacion { background-size:200% 100%; }

	.bg_gris_faja_servicios .col-md-4 { margin-bottom: 30px; }

	.header_contacto{ height: 1230px; background-size: 500% 100%; }
	.contactos_left { background-color:rgb(0,117,201, 0.6); padding: 30px; }

	.contactos_left .online { max-width: 100%; }

}

/* Dispositivos medianos (tabletas, 768px y más) */
@media (min-width: 768px) and (max-width: 991.98px) {
	nav ul { margin-top: 10px; }
	nav a { margin: 10px; }
	.header_datos { display: flex; position: relative; justify-content: flex-end!important; }
	.header_datos a i { color: #ffffff; }
	.dropdown-menu:hover { background-color: #022a3a!important; }
	.dropdown-menu a:hover { color: #ffffff!important; }
	.empresa_h2_small, .empresa_h5{ font-size: 2em; }

	/* SLIDE */
	.carousel-caption_add { top:10%; }
	.carousel-caption_menor { top:35%!important; }
	.carousel-caption_add h1, .carousel-caption_add h2 { font-size: 2.5em; }
	.carousel-caption_add p { font-size: 1.25em; }
	.carousel-caption_add { top:10%; }
	.carousel-caption_add span a { font-size: 1.25em; }
	.soporte_tecnico_slide h1, .soporte_tecnico_slide h2, .soporte_tecnico_slide p, .soporte_tecnico_slide a {
		padding: 5px 10px;
		background-color:rgb(255,255,255, 0.6);
	}

	.home_data_center_cta, .home_consultoria_cta, .home_soluciones_cta, .home_soporte_cta {
		background-size: 200% 100%;
		background-position: -5% 100%;
	}

	.soluciones_it_slide { top: 10%; }
	.soluciones_it_slide h1, .soluciones_it_slide h2, .soluciones_it_slide p, .soluciones_it_slide a {
		padding: 5px 10px;
		background-color:rgb(0,0,0, 0.6);
	}

	.capacitacion { background-size:200% 100%; }

	/* CONTACTO */
	.contactos_left .online { max-width: 85%; }

}

/* Dispositivos grandes (escritorios, 992px y más) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.last  { padding-right: 0!important; }
	.navbar-collapse { position: absolute; top: 40px; margin-top: 30px; right: 0; }
	.header_datos { position: absolute; top: -55px; right: 0; }
	.link_ante_ultimo { margin-right: 20px; }

	/* SLIDE */
	.carousel-caption_add h1, .carousel-caption_add h2 { font-size: 3.5em; }
	.carousel-caption_menor { top:35%!important; }
	.carousel-caption_add { top:10%; }
	.carousel-caption_add a i { font-size: 1.15em; }
	.soluciones_it_slide { top: 10%; }

	/* CONTACTO */
	.contactos_left .online { max-width: 70%; }

}

/* Dispositivos extragrandes (escritorios grandes, 1200px y más) */
@media (min-width: 1200px) {
	.last  { padding-right: 0!important; }
	.navbar-collapse { position: absolute; top: 40px; margin-top: 30px; right: 0; }
	.header_datos { position: absolute; top: -55px; right: 0; }

}