body {
    padding-top: 50px;
    font-size: 16px;
    font-family: 'Open Sans', Helvetica, Arial;
}

ul{
}

.navbar-inverse .navbar-toggle {
    border-color: #28579D;
}

footer h4{
	font-weight: bold;
}

.navbar-toggle {
    background-color: #28579D;
    margin-top: 25px;
    margin-bottom: 25px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #28579D;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background: none !important;
}

.bg-orange{
	background: #DF8226;
}

.menu-large {
  position: static !important;
}
.megamenu{
  padding: 20px 0px;
  width:100%;
  background: #00A9C3;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
  font-size: 15px;
  font-weight: bold;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
  text-align: center;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #DF8226 !important;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}

.megamenu a{
	color: #FFF !important;
	font-size: 13px;
	font-weight: bold !important;
	padding: 3px 0px 3px 20px !important;
}

.bg-tropicalizacion{
	background: url(../img/bg-tropicalizacion.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-tiempoaire{
	background: url(../img/bg-tiempoaire.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-hosttohost{
	background: url(../img/bg-hosttohost.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-microasistencias{
	background: url(../img/bg-microasistencias.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-microseguros{
	background: url(../img/bg-microseguros.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-pagodeservicios{
	background: url(../img/servicios.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-pineselectronicos{
	background: url(../img/bg-pineselectronicos.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-redesdepeaje{
	background: url(../img/bg-redesdepeaje.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-rentadeplataforma{
	background: url(../img/bg-rentadeplataforma.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-serviciosfinancieros{
	background: url(../img/bg-serviciosfinancieros.jpg) no-repeat;
	height: 230px;
	color: #FFF;
	text-align: center;
	margin-top: 42px;
	padding-top: 75px;
	background-position: center center;
}

.bg-exito{
	background: url(../img/bg-gray.jpg) no-repeat;
	color: #333;
	text-align: justify;
	padding: 30px 0;
	background-position: center center;
}

h1.header{
	font-size: 60px !important;
}

.navbar-brand {
    padding: 15px 50px 5px 0px !important;
}

.navbar-inverse {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #333 !important;
    font-size: 17px !important;
}

#hogar {
float:left;
position:absolute;
color: #FFF;
top:0;
left:0;
height:149px; 
font-size: 75%;
width: auto;
background: #8E4F79;
display: none;
border-radius: 5px;
padding: 20px 10px;}

#funeraria {
float:right;
position:absolute;
color:#FFF;
top:0;
right:0;
height:149px; 
font-size: 75%;
background:#6C6E6D;
width: auto;
display:none;
width: auto;display: none;border-radius: 5px;
padding: 10px 10px;
}

#grua {
position:absolute;
color:#FFF;
top:0;
left:0;
float:left;
height:149px; 
font-size: 75%;
widows: auto;
background:#634E8E;
display: none;border-radius: 5px;padding: 20px 10px;
}

#medica {
position:absolute;
color:#FFF;
top:0;
left:0;
float:left;
height:149px;
font-size: 75%; 
width:auto;
background:#51ADAD;
display: none;border-radius: 5px;padding: 20px 10px;
}

/*#caic{
	transition:all .1s linear;
	-ms-transition:all .1s linear;
	-o-transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
	float:left;
position:absolute;
top:0;
left:0;
height:150px; 
font-size: 75%;
display: none;border-radius: 5px;padding: 10px 10px;
}*/

#caic{  
float:left;
position:absolute;
top:0;
left:0;
height:150px; 
font-size: 75%;
width:auto;background: #FF001D;
display: none;border-radius: 5px;padding: 10px 10px;
}

/*#celulares{
	transition:all .1s linear;
	-ms-transition:all .1s linear;
	-o-transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
	float:left;
position:absolute;
top:0;
left:0;
height:150px; 
font-size: 75%;
display: none;border-radius: 5px;padding: 10px 10px;
}*/

#celulares{  
float:right;
position:absolute;
top:0;
right:0;
height:150px; 
font-size: 75%;
width:auto;
background:#292929;
display: none;border-radius: 5px;padding: 10px 10px;
}

.google-map{background:#FFF;height:400px;margin: -35px 0 0 0;width:100%}.google-map img{max-width:9999px}

.menu-green{
	float: left;
	border: 3px solid #00AD3D;
	width: 65%;
	margin-top: -10px;
	margin-left: 122px;
}

.active-menu{
	border-top: 3px solid #00AD3D;
}

.bg-gris{
	background-color: #383535;
	text-align: center;
	color: #FFF;
}

.bg-azul{
	background-color: #46c5f2;
	text-align: center;
	color: #FFF;
}

.title-pages{
	text-align: center;
    color: #FFF !important;
    line-height: 400px;
}

.servicios-area{
	padding: 50px 20px;
}

.green{
	color: #89c33f;
}

.video-top{
	width: 100%;
	height: auto;
	max-height: 100%;
}

.jumbo-home{
	background: url(../img/home-jumbo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 500px;
}


.jumbo-medios{
	background: url(../img/medios-jumbo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 500px;
}

.jumbo-otros{
	background: url(../img/otros-jumbo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 500px;
}

.jumbo-marketing{
	background: url(../img/marketing-jumbo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 500px;
}

.jumbo-btl{
	background: url(../img/btl-jumbo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 500px;
}

.highlight-home{
	text-align: left;
}

.bg-orange{
	background: #00A9C3;
}

.bg-blue{
	background: #00A9C3;
}

.blue{
	color: #636363;
}

.orange{
	color: #00A9C3;
}


.divider-orange{
	height: 5px;
	background: #DF8226;
}

a.h-subtitle{
	color: #28579D;
	font-size: 26px;
	padding-left: 40px;
	background: url(../img/flecha-down.png) no-repeat left;
	cursor: pointer;
}

a.h-subtitle2{
	color: white;
	font-size: 25px;
	padding-left: 40px;
	background: url(../img/flecha-up.png) no-repeat left;
}

a.h-subtitle:hover{
	color: #DF8226;
	text-decoration: none;
}

.high-box{
	height: 230px;
}

.contenido_a_mostrar{
	background: #E8E8E8;
	color: #28579c;
	padding: 10px;
	height: 150px;
	overflow-y: scroll;
	margin-top: 15px;
	margin-bottom: 20px;
}

.medios-section{
	padding: 50px;
}

.medios-items{
	margin: 0px !important;
	padding: 0px !important;
	text-align: left;
}

.super-label{
	position: absolute;
	background-color: rgba(223, 130, 38, 0.8);
	color: #FFF;
	top: 350px;
	font-size: 22px;
	padding: 7px 15% 7px 25px;
}

.cuadro-hover{
	color: transparent;
	position: absolute;
	top: 0px;
	height: 90.5%;
	padding: 90px 20px 0px 20px;
	text-align: justify;
	-webkit-transition-duration: 1s;/* Safari */
	transition-duration: 1s;
}

.cuadro-hover:hover{
	background: #1C587D;
	opacity: .9;
	color: #FFF;
}

.cuadro-hover:active{
	background: #1C587D;
	opacity: .9;
	color: #FFF;
}

.nosotros-home{
	color: #FFF;
	text-align: justify;
	padding: 50px 100px;
}

.universo-home{
	padding: 50px 0 80px 0;
}

.universo-picture{
	padding: 0px !important;
	margin: 0px !important;
}

.tamano-imagen-2{
	height: 379px;
}

.ta{
	background: url(../img/producto-1.jpg) no-repeat;
}

.ta:hover{
	background: url(../img/ta.png) no-repeat;
	transition:.5s;
}

.tamano-imagen-3{
	height: 189.5px;
}

.sf{
	background: url(../img/producto-2.jpg) no-repeat;
	width: 100%;
}

.sf:hover{
	background: url(../img/sf.png) no-repeat;
	transition:.5s;
}

.pds{
	background: url(../img/producto-3.jpg) no-repeat;
	width: 100%;
}

.pds:hover{
	background: url(../img/pds.png) no-repeat;
	transition:.5s;
}

.ma{
	background: url(../img/producto-4.jpg) no-repeat;
	width: 100%;
}

.ma:hover{
	background: url(../img/ma.png) no-repeat;
	transition:.5s;
}

.ms{
	background: url(../img/producto-5.jpg) no-repeat;
	width: 100%;
}

.ms:hover{
	background: url(../img/ms.png) no-repeat;
	transition:.5s;
}

.pe{
	background: url(../img/producto-6.jpg) no-repeat;
	width: 100%;
}

.pe:hover{
	background: url(../img/pe.png) no-repeat;
	transition:.5s;
}

.rdp2{
	background: url(../img/producto-7.jpg) no-repeat;
	width: 100%;
}

.rdp2:hover{
	background: url(../img/rdp2.png) no-repeat;
	transition:.5s;
}

.tamano-imagen{
	height: 465px;
}

.rdp{
	background: url(../img/servicio-1.jpg) no-repeat;
}

.rdp:hover{
	background: url(../img/rdp.png) no-repeat;
	transition:.5s;
}

.tdi{
	background: url(../img/servicio-2.jpg) no-repeat;
}

.tdi:hover{
	background: url(../img/tdi.png) no-repeat;
	transition:.5s;
}

.hth{
	background: url(../img/servicio-3.jpg) no-repeat;
}

.hth:hover{
	background: url(../img/hth.png) no-repeat;
	transition:.5s;
}

.number-big{
	text-align: center;
	font-size: 40px;
}

.statics{
	font-size: 20px;
}

.carusel-centro {
    margin: 0 auto;
}

h2{
	font-size: 50px;
	color: #FFF;
	text-align: center;
}

.form-home{
	padding: 40px 0;
}

footer{
	background-color: #e4e5e6;
	padding: 40px 0;
	border-top: 9px solid #00A9C3;
	color: #5e5e5e;
}

footer a{
	color: #5e5e5e;
}

.socials{
	padding: 50px 70px;
}

.link-blue{
	color: #28579d;
	font-size: 20px;
}

.link-footer{
	margin-bottom: 11px;
}

.navbar-nav>li {
    margin-right: 50px !important;
}

.counter {
	padding: 30px 0;
	background: url(../img/bg-counter.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.counter h5 {
	font-size: 2em;
	text-transform: uppercase;
}

.counter .counterNumber {
	font-size: 1.8em;
	font-weight: 700;
}

.counter p {
	font-size: 1em;
	font-weight: 100;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*====================*/

.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-14 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-14 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-14 {
        width: 14%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-14 {
        width: 20%;
        float: left;
    }
}

/*====================*/

@media screen and (max-width: 1000px){
	.nosotros-home{
	padding: 50px 100px;
	}
}

@media screen and (max-width: 800px){
	.nosotros-home{
	padding: 50px 30px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    margin-top: 10px !important;
	}
	.menu-green{
	display: none;
	}
	.active-menu{
	border-top: 0px;
	background-color: #00A53D;
	}
	.navbar-nav>li {
    margin-right: 0px !important;
	}	
	.navbar-inverse .navbar-nav>li>a:hover{
	background: #28579D !important;
	color: #FFF !important;
	}
	.megamenu a{
	color: #28579D !important;
	}
}

@media screen and (max-width: 600px){
	.cuadro-hover {
    height: 94.5%;
	}
	.jumbo-home {
    background-size: initial;
    height: 470px;
	}
	.super-label {
	    position: absolute;
	    background-color: #46C5F2;
	    color: #FFF;
	    top: 170px;
	    font-size: 22px;
	    padding: 7px 50% 7px 25px;
	}
}