@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,800,900');

body {
    margin: 0px;
    background-color: #FFFFFF;
    color: #545553;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body, th, div {
    font-family: 'Montserrat', sans-serif;
}
/* GENERALES */
#contenedor {
    width: 90% !important;
    margin: auto;
}
#titulo {
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 50px;
}
/* Header */
#logo {
    position: relative;
    z-index: 1 !important;
    float: left;
    width: 100px;
    margin-bottom: 20px;
    margin-left: 50px;
    display: none;
}
#logo img {
    width: 100%;
}
#logo_02 {
    position: relative;
    z-index: 1 !important;
    float: left;
    width: 150px;
    margin-top: 8px;
    margin-left: 50px;
}
#logo_02 img {
    width: 100%;
}
.logo_scroll {
    width: 75px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.header {
    width: 100%;
    height: 50px;
    z-index: 5;
    position: relative;
    overflow: visible;
    background-color: #000000;
}

#header_01 {
    background-image: url("../theme/home_01.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 412px;
    resize: both;
    overflow: visible;
}
.header_01 {
    color: #FFFFFF;
    text-transform: uppercase;
    float: right;
    width: 55%;
    position: relative;
    right: 50px;
}
.header_01 h1 {
    text-align: right;
    font-weight: 800;
    font-size: 50px;
}
.header_01 h2 {
    text-align: right;
    font-weight: 100;
    letter-spacing: 1px;
}

/* Compartir */
.icon-bar_01 {
    position: relative;
    top: -10px;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    z-index: 1;
    overflow: hidden;
    width: 100%;
}
.icon-bar_01 a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    font-size: 15px;
    width: 20%;
    float: left;
}
.icon-bar_01 a:hover {
    background-color: #FFFFFF;
}
.facebook {
    color: #3B5998;
    background-color: #000000;
}
.facebook a:link {
    color: #FFFFFF;
    background-color: #3B5998;
    text-decoration: none;
}
.facebook a:visited {
    color: #FFFFFF;
    background-color: #3B5998;
    text-decoration: none;
}
.facebook a:hover {
    color: #3B5998;
    background-color: #FFFFFF;
    text-decoration: none;
}
.facebook a:active {
    color: #FFFFFF;
    background-color: #3B5998;
    text-decoration: none;
}
.twitter {
    color: #55ACEE;
    background-color: #000000;
}
.twitter a:link {
    color: #FFFFFF;
    background-color: #55ACEE;
    text-decoration: none;
}
.twitter a:visited {
    color: #FFFFFF;
    background-color: #55ACEE;
    text-decoration: none;
}
.twitter a:hover {
    color: #55ACEE;
    background-color: #FFFFFF;
    text-decoration: none;
}
.twitter a:active {
    color: #FFFFFF;
    background-color: #55ACEE;
    text-decoration: none;
}
.google {
    color: #DD4B39;
    background-color: #000000;
}
.google a:link {
    color: #FFFFFF;
    background-color: #DD4B39;
    text-decoration: none;
}
.google a:visited {
    color: #FFFFFF;
    background-color: #DD4B39;
    text-decoration: none;
}
.google a:hover {
    color: #DD4B39;
    background-color: #FFFFFF;
    text-decoration: none;
}
.google a:active {
    color: #FFFFFF;
    background-color: #DD4B39;
    text-decoration: none;
}
.whatsapp {
    color: #FFFFFF;
    background-color: #6BA827;
}
.whatsapp a:link {
    color: #FFFFFF;
    background-color: #6BA827;
}
.whatsapp a:visited {
    color: #FFFFFF;
    background-color: #6BA827;
}
.whatsapp a:hover {
    color: #6BA827;
    background-color: #FFFFFF;
}
.whatsapp a:active {
    color: #FFFFFF;
    background-color: #6BA827;
}
.whatsapp {
    color: #FFFFFF;
    background-color: #6BA827;
}
.messenger a:link {
    color: #FFFFFF;
    background-color: #1787fb;
}
.messenger a:visited {
    color: #FFFFFF;
    background-color: #1787fb;
}
.messenger a:hover {
    color: #1787fb;
    background-color: #FFFFFF;
}
.messenger a:active {
    color: #FFFFFF;
    background-color: #1787fb;
}

/* Nuestra Empresa */
#nuestra_empresa {
    text-align: justify;
    font-weight: 300;
}
#tres {
    width: 100%;
    margin: auto;
    font-weight: 300;
    padding-bottom: 20px;
}
#tres div {
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    width: 90%;
    margin: auto;
    height: 30px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-style: solid;
    border-color: #545553;
    padding-bottom: 40px;
    margin-bottom: 20px;
}

/* Servicios */
#servicios_01 {
    width: 100%;
    min-height: 291px;
    background-image: url("../theme/servicios.jpg");
    background-position: center;
    background-size: cover;
    resize: both;
    overflow: visible;
}
.servicios_01 {
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
    top: 20px;
    position: relative;
}
.servicios_01 h1 {
    font-weight: 800;
    font-size: 25px;
}
.servicios_01 h2 {
    width: 80% !important;
    position: relative;
    float: left;
    font-size: 14px;
    top: -20px;
    font-weight: 300;
}
.fondo_producto_icono {
    background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
    width: 31px;
    height: 27px;
}
.fondo_producto_grande {
    background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
    width: 79px !important;
    height: 79px;
}
.servicios {
    width: 90%;
    margin: auto;
    padding-bottom: 20px;
}
.servicios div {
    width: 80%;
}
.servicios_boton {
    width: 50% !important;
    margin: auto;
    border-radius: 25px;
    padding: 10px;
    background: linear-gradient(to right, rgba(95, 208, 223,1), rgba(0, 138, 171,1));
    border: 0px;
    font-weight: 800;
    text-align: center;
    color: #FFFFFF;
}
.servicios_boton a:link {
	color: #FFFFFF;
    text-decoration: none;
}
.servicios_boton a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.servicios_boton a:hover {
    text-decoration: none;
    color: #1EE2E7;
}
.servicios_boton a:active {
    text-decoration: none;
    color: #FFFFFF;
}
.desarrollo_software_fondo {
    background-image: url("../theme/servicio_01.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.desarrollo_software {
    position: relative;
    padding-top: 20px;
}
.desarrollo_software span {
    font-size: 80px;
    margin-bottom: 10px;
}
.desarrollo_software i {
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    font-size: 30px;
    line-height: 30px;
}
.consultoria_fondo {
    background-image: url("../theme/servicio_02.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.diseno_fondo {
    background-image: url("../theme/servicio_03.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.soporte_tecnico_fondo {
    background-image: url("../theme/servicio_04.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.cursos_fondo {
    background-image: url("../theme/servicio_05.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.redes_comunicaciones_fondo {
    background-image: url("../theme/servicio_06.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.desarrollo_software {
    position: relative;
    padding-top: 20px;
}
.desarrollo_software span {
    font-size: 80px;
    margin-bottom: 10px;
}
.desarrollo_software i {
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    font-size: 30px;
    line-height: 30px;
}



/* Productos */
.productos_01_fondo {
    background-image: url("../theme/productos_01.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 348px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
}
.productos_01 {
    position: relative;
    top: -20px !important;
}
.productos_01_fondo p {
	margin-bottom: 20px;
}

/* Blog */
#blog {
	display: grid;
	grid-template-columns: 100%;
    width: 97%;
    margin: auto;
    text-align: justify;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#blog div {
	width: 100%;
	overflow: hidden;
}
#blog iframe {
	width: 100% !important;
}
#blog img {
    float: none;
    margin-right: 20px;
    margin-bottom: 20px;
	width: 100% !important;
}
#blog h3 {
    text-transform: uppercase;
    font-weight: 800;
}
#consejos_ver_mas {
    background: linear-gradient(to right, rgba(15,112,147,1), rgba(76,185,184,1), rgba(146,208,221,1));
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 3px;
    margin-left: 30% !important;
    width: 70% !important;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer !important;
    border-radius: 20px 20px 20px 20px;
}
#consejos_ver_mas a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#consejos_ver_mas a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#consejos_ver_mas a:hover {
    color: #3B5998;
    text-decoration: none;
}
#consejos_ver_mas a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.blog_youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.blog_youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* CERTIFIcaciones */
#certificaciones_fondo {
    background-image: url("../theme/servicios.jpg");
    background-position: center;
    background-size: cover;
    resize: both;
	width: 100%;
	background-color: #202020;
	color: #FFFFFF;
}
#certificaciones_home {
    background-color: #151515;
    border-radius: 20px 20px 20px 20px;
    margin: auto;
    width: 220px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
#certificaciones_home img {
    width: 70%;
    margin-top: 15%;
    margin-left: 15%;
}

/* Nuestros Clientes */
#nuestros_clientes {
    background-color: #e9e9e9;
    border-radius: 20px 20px 20px 20px;
    margin: auto;
    width: 220px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
#nuestros_clientes img {
    width: 70%;
    margin-top: 15%;
    margin-left: 15%;
}

/* Contacto */
.contacto {
    background-image: url("../theme/contacto.jpg");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 435px;
    resize: both;
    overflow: visible;
    color: #FFFFFF;
    text-align: left;
}
#contacto_titulo {
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 30px;
}
#contacto_izquierda {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
}
#contacto_izquierda div {
    position: relative;
    font-weight: 300;
    clear: both;
    margin-top: 10px;
}
#contacto_izquierda span {
    width: 12%;
    float: left;
    font-size: 20px;
}
#contacto_izquierda i {
    width: 88%;
    float: right;
    position: relative;
    font-size: 14px;
    font-style: normal;
}
#contacto_izquierda b {
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
}
#contacto_izquierda a:link {
	color: #FFFFFF;
    text-decoration: none;
}
#contacto_izquierda a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
#contacto_izquierda a:hover {
    text-decoration: none;
    color: #1EE2E7;
}
#contacto_izquierda a:active {
    text-decoration: none;
    color: #FFFFFF;
}
#contacto_centro {
    width: 90%;
    margin: auto;
}
#contacto_centro input {
    width: 100%;
    height: 40px;
    padding: 10px;
    border-radius: 25px;
    border: 0px;
    color: #545553;
    margin-bottom: 10px;
    font-size: 13px;
}
#contacto_centro textarea {
    width: 100%;
    height: 90px;
    padding: 10px;
    border-radius: 10px;
    border: 0px;
    color: #545553;
    margin-bottom: 10px;
    font-size: 13px;
}
#contacto_centro button {
    width: 50%;
    margin-left: 25%;
    border-radius: 25px;
    padding: 10px;
    background: linear-gradient(to right, rgba(95, 208, 223,1), rgba(0, 138, 171,1));
    border: 0px;
    font-weight: 800;
}
#contacto_derecha {
    width: 40%;
    margin: auto;
    text-align: center;
    margin-top: 30px;
}
#contacto_derecha div {
    background-color: #FFFFFF;
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 20px;
    margin-right: 15px;
    color: #545553;
    padding-top: 5px;
    font-size: 15px;
    text-align: center;
}

#footer {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}
#footer a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover {
    color: #3B5998;
    text-decoration: none;
}
#footer a:active {
    color: #FFFFFF;
    text-decoration: none;
}

/* generales */
#limpia {
    width: 100%;
    clear: both;
}
.espacio {
    margin-top: 5px !important;
    position: relative;
    width: 100%;
}
.espacio2 {
    margin-top: 10px !important;
    position: relative;
    width: 100%;
}
.espacio3 {
    margin-top: 0px !important;
    position: relative;
    width: 100%;
}
.espacio4 {
    padding-top: 10px;
    position: relative;
    width: 100%;
}