/* --------------------CODIGO PAGINA Index --------------------*/
/* >>>>>>>>>> CODIGO CLASES GENERALES <<<<<<<<<< */
.No-Margin
{
	margin: 0px;
}
.navbar
{
	border-radius: 0px;
}
.Menu-Fixed
{
	position: fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
}
/* >>>>>>>>>> TIPO DE LETRAS <<<<<<<<<< */
.Jura
{
	font-family: 'Jura', sans-serif;
}
.Rubik
{
	font-family: 'Rubik', sans-serif;
}
/* >>>>>>>>>> CODIGO CSS PARA LAS CARACTERISTICAS DEL HEADER <<<<<<<<<< */
.navbar-inverse
{
	background-color: white; /*COLOR DE FONDO DE BARRA DE MENU*/
	border: none;
	width: 100%;
	position: absolute;
	top: 0;
}
.navbar-inverse .navbar-nav > li > a
{
	color: #25afb4;
	line-height: 65px; /* ESTO MODIFICA LA ALTURA PARA CENTRAR EL TEXTO DEL MENU DEL HEADER*/
}
.navbar-inverse .navbar-nav > li > a:hover
{
	color: #70b84c;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav>.active>a:hover
{
	color: #70b84c;
	background-color: transparent;
}
.Main_Menu .col-md-8
{
	font-size: 1.5em; /* TAMAÑO DE LETRAS DEL HEADER*/
	height: 113px;
	padding: 10px 0;
}
.Main_Menu .col-md-4 img
{
	margin-top: 10px;
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #1, CODIGO CSS PARA MODIFICAR BACKGROUND INDEX <<<<<<<<<< */
.Main
{
	width: 100%;
	max-width: 100%;
	height: 638px;
	background-image: url(../Imagenes/Fondos/Home.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
    top: 0px;
}
.Main h1
{
	font-size: 6em;
	color: #ffffff;
	margin-top: 200px;
	text-align: center;
}
.Main h1 span 
{
	font-size: 0.5em;
	color: #674537;
}
.Main h2
{
	font-size: 1.4em;
	color: #ffffff;
	text-align: center;
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #2 , ESTE CSS MODIFICA EL BACKGROUND Y LETRAS DE HOGAR DIGITAL <<<<<<<<<< */
.Enfocados
{
	width: 100%;
	max-width: 100%;
	height: 638px;
	background-image: url(../Imagenes/Fondos/Fondo2.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: initial;
    top: 0px;
}
.Enfocados h1
{
	width: 100%;
	color: #333;
	text-align: left;
	margin-top: 80px;
	font-size: 3.5em;
}
.Enfocados h3
{
	width: 100%;
	color: #858a9f;
	font-size: 1.2em;
	text-align: left;
	padding: 0px;
	padding-right: 560px;

}
.Enfocados h4
{
	width: 100%;
	color: #858a9f;
	font-size: 1.2em;
	text-align: left;
	padding: 0px;
	padding-right: 560px;
	margin-top: 40px;
}
.Enfocados h5
{
	width: 20%;
}
.Enfocados span
{
	color: #25afb4;
}
hr 
{
	border: 0; border-top: 1px solid #25afb4; border-bottom: 1px solid #25afb4; height:0;
}
.Main .Boton1
{
	padding-top: 10px;
	text-align: center;
	width: 100%;
}
.btn-default
{
	background-color: #4c5166;
	color: #ffffff;
	font-size: 1.2em;
	width: 13%;
	border: 2px solid;
	border-color: #4c5166;
}
.btn-default:hover /* ESTE CODIGO CAMBIA EL COMPORTAMIENTO DEL COLOR DEL BOTON*/
{
	background-color: #25afb4;
	border-color: #25afb4;
	color: #ffffff;
}
.btn-default:active
{
	background-color: transparent;
	border-color: #ee6059;
	color: #ee6059; 
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #3, EQUIPO ACTIVO <<<<<<<<<< */
.EquipoActivo
{
	width: 100%;
	height: 638px;
}
.EquipoActivo .container
{
	width: 100%;
}
.EquipoActivo .col-md-12
{
	padding: 0px;
}
.EquipoActivo .col-md-6
{ 
	padding: 0px;
}
.EquipoActivo .col-md-6 .Izq
{
	width: 100%;
	height: 319px;
	padding: 0px;
	background-color: rgb(245, 245, 245);
}
.EquipoActivo .col-md-6 .Der
{
	width: 100%;
	height: 319px;
	padding: 0px;
	background-color: rgb(237, 237, 237);
}
.EquipoActivo .col-md-6 span
{
	font-size: 3em;
	color: #25afb4;
}
.EquipoActivo .col-md-6 h4
{
	text-align: center;
	margin-top: 50px;
}
.EquipoActivo .col-md-6 h1
{
	font-size: 2.5em;
	text-align: center;
}
.EquipoActivo .col-md-6 h2
{
	font-size: 1.2em;
	text-align: center;
	color: #858a9f;
}
.EquipoActivo .col-md-6 h3
{
	font-size: 1.2em;
	text-align: center;
}
.EquipoActivo .col-md-6 a
{
	color: #858a9f;
}
.EquipoActivo .col-md-6 a:hover
{
	color: #25afb4;
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #4, ALIADOS COMERCIALES <<<<<<<<<< */
.Aliados
{
	width: 100%;
	height: 300px;
}
.owl-carousel
{
	height: 200px;
	margin-top: 130px;
}
.Aliados .col-md-12 h1
{
	font-size: 4.5em;
	color: #333; /*#858a9f;*/
	text-align: center;
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #5, CLIENTES FRECUENTES <<<<<<<<<< */
.Clientes
{
	width: 100%;
	height: 638px;
	padding: 15px;
}
.Clientes h1
{
	font-size: 4.5em;
	color: #333;
	margin-top: 35px;
	text-align: center;
}
.Clientes p
{
	font-size: 1.4em;
	color: black;
}
.lead
{
	font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.Partners
{
	margin-top: 50px;
}
.Partners ul 
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.Partners ul li 
{
    display: inline-block;
	text-align: -webkit-center;
    float: left;
	width: 33%;
	margin-top: 15px;
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #6, DESCUBRE <<<<<<<<<< */
.Discovery
{
	width: 100%;
	max-width: 100%;
	height: 638px;
	background-image: url(../Imagenes/Fondos/Contactanos.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: initial;
    top: 0px;
}
.Discovery .col-md-12 h1
{
	font-size: 4.5em;
	color: #ffffff;
	text-align: center;
	margin-top: 30px;
}
.Discovery .col-md-12 h2
{
	font-size: 2.2em;
	color: #ffffff;
	text-align: center;
	margin-top: 50px;
}
.Discovery .Boton1
{
	padding-top: 50px;
	text-align: center;
	width: 100%;
}
.btn-default
{
	background-color: transparent;
	color: #ffffff;
	font-size: 1.5em;
	width: 15%;
	border: 2px solid;
	border-color: #ffffff;
}
.btn-default:hover /* ESTE CODIGO CAMBIA EL COMPORTAMIENTO DEL COLOR DEL BOTON*/
{
	background-color: #25afb4;
	border-color: #ffffff;
	color: #ffffff;
}
.btn-default:active
{
	background-color: transparent;
	border-color: #ee6059;
	color: #ee6059; 
}
footer
{
	padding-top: 20px;
    color: #fff;
    background: #4c5166;
    border-top: 15px solid #5a617a;
}
footer .col-md-12 h1
{
	font-size: 2em;
	text-align: center;
}
footer .col-md-12 h2
{
	font-size: 1em;
	text-align: center;
}
footer .col-md-12 a
{
	color: #ffffff;
	text-decoration: none;
}
footer .col-md-12 a:hover
{
	color:#25afb4;
}
/* >>>>>>>>>> INICIA CODIGO DE LA PAGINA NOSOTROS <<<<<<<<<< */
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #1, CODIGO CSS PARA MODIFICAR BACKGROUND INDEX <<<<<<<<<< */
.Main_Contacto
{
	width: 100%;
	max-width: 100%;
	height: 400px;
	background-image: url(../Imagenes/Fondos/Home.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
    top: 0px;
}
.Main_Contacto .col-md-8 h1
{
	font-size: 3em;
	color: #ffffff;
	margin-top: 225px;
	text-align: left;
}

.Main_Contacto .col-md-4 h2
{
	font-size: 1.5em;
	color: #ffffff;
	margin-top: 240px;
	text-align: right;
}
.Main_Contacto .col-md-4 a
{
	color: #ffffff;
	text-decoration: none;
}
.Main_Contacto .col-md-4 a:hover
{
	color: #25afb4;
}
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #2 , ESTE CSS MODIFICA EL BACKGROUND Y LETRAS DE HOGAR DIGITAL <<<<<<<<<< */
.Mision
{
	width: 100%;
	max-width: 100%;
	height: 638px;
	background-image: url(../Imagenes/Fondos/Fondo3.png);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: initial;
    top: 0px;
}
.Mision h1
{
	width: 100%;
	color: #333;
	text-align: left;
	margin-top: 30px;
	font-size: 3.5em;
}
.Mision h3
{
	width: 100%;
	color: #858a9f;
	font-size: 1.2em;
	text-align: justify;
	padding: 0px;
	padding-right: 560px;
	margin-top: 0px;

}
.Mision h4
{
	width: 100%;
	color: #4c5166;
	font-size: 2.2em;
	text-align: left;
	padding: 0px;
	padding-right: 560px;
	margin-top: 40px;
}
.Mision h5
{
	width: 20%;
}
.Mision span
{
	color: #25afb4;
}
hr 
{
	border: 0; border-top: 1px solid #25afb4; border-bottom: 1px solid #25afb4; height:0;
}
/* >>>>>>>>>> INICIA CODIGO DE LA PAGINA CONTACTO <<<<<<<<<< */
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #2, CODIGO CSS PARA MODIFICAR CONTACTANOS<<<<<<<<<< */
.Contactanos
{
	width: 100%;
	height: 638px;
}
.Contactanos .container
{
	width: 100%;
}
.Contactanos .col-md-12
{
	padding: 0px;
}
.Contactanos .col-md-6
{ 
	padding: 0px;
}
.Contactanos .col-md-6 .Izq
{
	width: 100%;
	height: 638px;
	padding: 0px;
	background-color: rgb(245, 245, 245);
}
.Contactanos .col-md-6 .Der
{
	width: 100%;
	height: 638px;
	padding: 0px;
	background-color: rgb(237, 237, 237);
}
.Contactanos .col-md-6 h1
{
	font-size: 2.5em;
	color: #333;
	padding-top: 45px;
}
.Contactanos .col-md-6 h2
{
	font-size: 1.3em;
	color: #858a9f;
	text-align: justify;
	padding-top: 35px;
}
.Contactanos .col-md-6 h3
{
	font-size: 1.5em;
	color: #25afb4;
	padding-left: 20px;
	padding-top: 20px;
}
.Contactanos span
{
	color: #25afb4;
}
.Contactanos a
{
	color: #25afb4;
	text-decoration: none;
}
.Contactanos .glyphicon
{
	font-size: 0.7em;
}
.Contactanos i .glyphicon:active
{
	color: #ee6059;
}
.Contactanos .panel-default>.panel-heading 
{
	color: #25afb4;
    background-color: transparent;
	border: none;
}
.Contactanos .panel-default>.panel-heading.panel-collapse>.panel-body
{
	border: none;
	color: #aaa9a9;
	background-color: #25292b; 
}
.Contactanos .panel-default
{
	border: none;
}
.Contactanos .Der h4
{
	width: 100%;
	font-size: 1.2em;
}
.Contactanos a:hover
{
	color: #70b84c;
}
.Maps .col-md-12
{
	width: 100%;
	height: 450px;
	padding-left: 0;
	padding-right: 0;
}
.EquipoActivo_Contacto
{
	width: 100%;
	height: 638px;
}
.EquipoActivo_Contacto .container
{
	width: 100%;
}
.EquipoActivo_Contacto .col-md-12
{
	padding: 0px;
}
.EquipoActivo_Contacto .col-md-6
{ 
	padding: 0px;
}
.EquipoActivo_Contacto .col-md-6 .Izq
{
	width: 100%;
	height: 319px;
	padding: 0px;
	background-color: rgb(245, 245, 245);
}
.EquipoActivo_Contacto .col-md-6 .Der
{
	width: 100%;
	height: 319px;
	padding: 0px;
	background-color: rgb(237, 237, 237);
}
.EquipoActivo_Contacto .col-md-6 span
{
	font-size: 3em;
	color: #25afb4;
}
.EquipoActivo_Contacto .col-md-6 h4
{
	text-align: center;
	margin-top: 50px;
}
.EquipoActivo_Contacto .col-md-6 h1
{
	font-size: 2.5em;
	text-align: center;
}
.EquipoActivo_Contacto .col-md-6 h2
{
	font-size: 1.2em;
	text-align: center;
	color: #858a9f;
}
.EquipoActivo_Contacto .col-md-6 h3
{
	font-size: 1.2em;
	text-align: center;
}
.EquipoActivo_Contacto .col-md-6 a
{
	color: #858a9f;
}
.EquipoActivo_Contacto .col-md-6 a:hover
{
	color: #25afb4;
}
/* >>>>>>>>>> INICIA CODIGO DE LA PAGINA SERVICES <<<<<<<<<< */
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #2, CODIGO CSS PARA TABS DE SERVICIOS<<<<<<<<<< */
.Services
{
	width: 100%;
	height: 1200px;
}
.Services .col-md-3
{
	height: 638px;
	padding-top: 30px;
}
.Services .col-md-9
{
	height: 1200px;
	padding: 0px;
}
.Services .col-md-9 h1
{
	font-size: 2.5em;
	color:#25afb4;
}
.Services .col-md-9 p
{
	text-align: justify;
	padding-bottom: 10px;
}
.Services .col-md-8
{
	width: 100%;
	padding: 0;
}
.Services .col-md-8 h3
{
	font-size: 2.5em;
	color: #333;
	padding-top: 250px;
}
.Services .col-md-4
{
	width: 50%;
	height: 248px;
	padding: 0px;
}
.Services .col-md-4 .container
{
	width: 100%;
	padding: 0;
	margin: 0px;
}
.Services .col-md-4 .Izq h1
{
	font-size: 2em;
	color: #25afb4;
	padding: 50px 0;
}
.Services .col-md-4 .Izq h2
{
	font-size: 1.8em;
	color:#25afb4;
}
.Services .col-md-4 .Izq p
{
	text-align: justify;
	padding-right: 15px;
}
.Services .col-md-4 .Der
{
	width: 100%;
	height: 248px;
}
.Services .col-md-4 img
{
	height: 100%;
}
.ImagenRelleno
{
	height: 300px;
}
.ImagenRelleno .col-md-8
{
	width: 100%;
	height: 300px;
}
.ImagenRelleno .col-md-8 img
{
	height: 100%;
	width: 100%;

}
/* >>>>>>>>>> INICIA CODIGO DE LA PAGINA PROYECTOS <<<<<<<<<< */
/* >>>>>>>>>> INICIA CODIGO DE LA SECCION #2, CODIGO CSS PARA PROYECTOS<<<<<<<<<< */
.Main_Projects
{
	width: 100%;
	height: 638px;
}
.Main_Projects .container
{
	width: 100%;
}
.Main_Projects .col-md-12
{
	padding: 0px;
}
.Main_Projects .col-md-6
{ 
	padding: 0px;
}
.Main_Projects .col-md-6 .Izq
{
	width: 100%;
	height: 319px;
	padding: 0px;
	background-color: rgb(245, 245, 245);
}
.Main_Projects .col-md-6 .Der
{
	width: 100%;
	height: 319px;
	padding: 0px;
	background-color: rgb(237, 237, 237);
}
.Main_Projects .col-md-6 span
{
	font-size: 1.2em;
	color: #25afb4;
}
.Main_Projects .col-md-6 h4
{
	padding-top: 12px;
	text-align: center;
	font-size: 1.3em;
}
.Main_Projects .col-md-6 img
{
	margin: auto;
	display: block;
	padding-top: 80px;
}