@charset "utf-8";
/* CSS Document */

html, body {  font-family: 'Roboto Slab', serif;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: 'Roboto Slab', serif }

.s_features h3 { font-weight:500 }
.img_features {height:80px; padding-top: 20px }
.separadora{ height: 2px; background-color: #DDDDDD}
.altura_mensaje { text-shadow: none}
.h2 { font-size: 2em}
.h2:after {content: "";
display: block;
width: 80px;
height: 3px;
background-color:#FFFFFF;
margin: 10px auto
}

.h3 { font-size: 1.6em; font-weight: 600}

.h4 { font-size: 1.3em; font-weight: 600}


.h3:after {content: "";
display: block;
width: 80px;
	height: 3px;
    background-color: #999999; margin-top: 20px }

a {
    color: #02a1e5;
    text-decoration: none;
}

a:hover {
    color: #02a1e5;
    text-decoration: none;
	border-bottom: 2px solid #78caec
}

.bg-azul { background-color: #0c283d}
.bg-azul2 { background-color: #1c659a}
.bg-azul3 { background-color: #459fde}
.padding-30  { padding-top: 30px; padding-bottom: 30px}
.padding-20  { padding-top: 20px; padding-bottom: 20px}


header .navbar .navbar-nav > li > a, header .navbar .navbar-nav > li > a {
	text-transform: uppercase;
	font-weight: bold;
    font-family: 'Roboto', sans-serif !important;
}

#wrap {
	margin-top: 0 !important;
}
header .dropdown-menu li a{
         font-family: 'Roboto', sans-serif !important;
}

.navbar-nav > li > .dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: #f5f5f5;
	color:#383838;
}


/*banda logos*/

.banda_marcas .h3 { color: #02a1e5; font-family: 'Roboto', sans-serif !important; font-size: 1em; }

.banda_marcas .h3:after {
    width: 70px;
	height: 3px;
    background-color: #78caec }


@media (min-width: 768px){
.navbar-header {
	height: 90px;
}
	
	header a.navbar-brand img {
    max-height: 80px;
    margin-top: 0 
	}
	
	header .nav.navbar-nav  {
    margin-top: 20px }

	.carousel-inner {
    height: 180px}
	
	
	.img_features {height:90px; padding-bottom: 2px }
	
	
	.altura_mensaje { height: 210px 	}
	
	
}

@media (min-width: 980px){

.jumbotron.s_big_message {
    height: 400px
}
}

@media (min-width: 1500px){

.jumbotron.s_big_message {
    height: 550px
}



}

	
.carousel .product_sl.carousel-control.right * { position: absolute;
    top: 65%;
    color: #02a1e5;
    left: -40px;
    font-size: 40px;}
.carousel .carousel-control.right {
    right: -14px; width:10px
}

.carousel .carousel-control.left {
    left: -14px; width:10px
}
.carousel .product_sl.carousel-control.left * {
   position: absolute;
    top: 65%;
    color: #02a1e5;
    right: -40px;
    font-size: 40px;
}
.carousel-indicators {
    bottom: 0 }

.carousel .img-thumbnail {
    padding: 16px;
	border: 0 }


@media (max-width: 767px){
	
	.h2 { font-size: 1.2em }
	.h3 {   font-size: 1.1em}
	.h4 {   font-size: 1em}
	
	
	.jumbotron p {
    font-size: 17px;
}
	
	 
	.imgsilueta {
   display:none !important }

	.imgmarcas { max-width: 105px; margin: 15px auto }
	.imgcabezalmarca { padding-top:15px }


.navbar-header { height: 72px }
	
	.jumbotron.s_big_message {
   min-height: 350px }

.carousel .img-thumbnail {
      max-width: 210px}

.s_masonry_block .h4 {  font-size: 1.5em}


	header a.navbar-brand img {
    max-height: 65px;
    margin-left: 20px; margin-top:0}
	

	.navbar-default .navbar-toggle {
      border-color: #0086d0;
    background-color: #0086d0;
    margin-top: 14px;
}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0086d0;
}
	
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 25px;
    background-color: #0086d0;
	height: 490px; text-align: center
}
	
	.nav > li { border-bottom: 1px solid #67a9ce }
	.navbar-nav > li:first-child {  display: none }	
	.navbar-default .navbar-toggle .icon-bar { background-color: #f2f2f3 }

	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF; opacity: 0.9; text-align: center}
	
	
	#graph_header .navbar .navbar-nav > li.active > a span, #graph_header_affix .navbar .navbar-nav > li.active > a span, #graph_header .navbar .navbar-nav > li.active > a:hover span, #graph_header_affix .navbar .navbar-nav > li.active > a:hover span, #graph_header .navbar .navbar-nav > li.active > a:focus span, #graph_header_affix .navbar .navbar-nav > li.active > a:focus span{ color: #FFFFFF }

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #0c283d;
    border-color: transparent !important; color: #FFFFFF
}
	
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #0c283d;
    color: #FFFFFF }
	
	#graph_header .navbar .navbar-nav > li > a, #graph_header_affix .navbar .navbar-nav > li > a {
    color: #fff;
    opacity: 0.9 }

	
	.s_features { padding-top:15px;padding-bottom:15px }
	.s_features .center-block img  { height: 70px }
	
	.padding_top { padding-top: 45px;   margin: 0 50px }		
	.padding_topCH { padding-top: 25px }		
	.imgthree_columns { max-width: 280px; margin: 10px auto 0 auto }
	
	footer { text-align: center }

	.redes_pie { width:220px; text-align: center; margin: 0 auto; padding: 0 auto }

}


footer {
    background-color: #0086d0; color: #FFFFFF ; margin-top: 40px;    font-family: 'Roboto', sans-serif !important; line-height: 2em
}

footer a {
    color: #FFFFFF;
    text-decoration: none;
}
	

footer a:hover {
    color: #FFFFFF;
    text-decoration: none;
	border-bottom: 2px solid #78caec
}

footer .fa-street-view, footer .fa-phone, footer .fa-envelope {
       margin-right: 5px;
    font-size: 1.3em }


footer .fa-linkedin, footer .fa-instagram {
       margin-right: 8px;
    font-size: 1.8em; line-height: 1.6em }


footer a:hover { border-bottom: 0 } 




@media only screen and (min-width: 992px) {
#wrapwrap .s_showcase_slider .s_ss_item_info {
    padding: 20px 60px }
}


.carousel-control { text-shadow: none }