@import url('fonts/fonts.css'); /*Custom Fonts*/
@import url('fontawesome/font-awesome.css'); /*Icons Fonts*/


body{
	font-family:'OpenSans-Light';
	color:#717171}

h1,
h2,
h3,
h4,
h5,
h6{font-family:'OpenSans-Light';}


.navbar-brand{
	padding:8px;}
	
.navbar-default {
	background:none;
    border:none;
}
	

.main-nav a{
	color:#666} 


.blue-bg{
	background-color:#30abe0;}
	

.yellow-bg{
	background-color:#f2ae43;}


.green-bg{
	background-color:#66c88d;}
	

.red-bg{
	background-color:#f06060;}
	

.mehroon-bg{
	background-color:#e36974;}
	

.orange-bg{
	background-color:#f5821c;}


.purple-bg{
	background-color:#c180e6;}
	

.pink-bg{
	background-color:#ec2f87;}


.bottelgreen-bg{
	background-color:#58d4b8;}


.gray-bg{
	background-color:#cccccc;}
	

.brown-bg{
	background-color:#bea881;}
	

.black-bg{
	background-color:#484848;}
	
	
	


.carousel{
	color:#fff;}


.carousel h2 small{
	color:#fff;
	font-size:14px;}

.carousel-inner .row{
	display:table;
	width:100%;
	table-layout:fixed;}
	
.carousel-inner .container div[class*='col-']{
	display:table-cell;
	float:none;
	vertical-align:top;}


.download-bar{
	padding:40px;
	background-color:#f5f5f5;
	border-bottom:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;}



.main-heading{
	margin-top:60px;}



.features-heading{
	margin-top:100px;
	margin-bottom:20px;}

	
.features{
	margin-top:60px;
	margin-bottom:60px;}	

.features i{
	color:#fff;
	border-radius:50px;
	display:inline-block;
	font-size:40px;
	padding:20px 10px;
	height:80px;
	width:80px;}	


footer{
	background:#333;
	padding:5px;
	color:#fff;}
	
footer h5{
	font-family: 'OpenSans-Regular';
	margin-top:0px;}
	
	
.footer-nav a{
	display:block;
	color:#c0c0c0;
	padding:5px 0px;}
	
.footer-nav a:hover{
	color:#fff;
	text-decoration:none;}

.social li {
	margin:0px 10px 15px 0px;
	padding:0px;}
	
.social a{
	display:inline-block;
	font-size:20px;
	color:#fff;
	height:40px;
	width:40px;
	padding:6px;
	text-align:center;}


/* MARGEN */
.margin-top-5{ margin-top: 5px !important;}
.margin-top-10{ margin-top: 10px !important;}
.margin-top-15{ margin-top: 15px !important;}
.margin-top-30{ margin-top: 30px !important;}
.margin-top-45{ margin-top: 45px !important;}
.margin-top-60{ margin-top: 60px !important;}
.margin-top-50{ margin-top: 50px !important;}
.margin-top-75{ margin-top: 75px !important;}

.margin-bottom-5{ margin-bottom: 5px !important;}
.margin-bottom-10{ margin-bottom: 10px !important;}
.margin-bottom-15{ margin-bottom: 15px !important;}
.margin-bottom-30{ margin-bottom: 30px !important;}
.margin-bottom-45{ margin-bottom: 45px !important;}
.margin-bottom-60{ margin-bottom: 60px !important;}
.margin-bottom-75{ margin-bottom: 75px !important;}



.margin-right-5{ margin-right: 5px !important;}
.margin-right-10{ margin-right: 10px !important;}
.margin-right-15{ margin-right: 15px !important;}
.margin-right-30{ margin-right: 30px !important;}
.margin-right-45{ margin-right: 45px !important;}
.margin-right-60{ margin-right: 60px !important;}
.margin-right-75{ margin-right: 75px !important;}


/* FONTES */
.bold-700{
    font-weight: 700;
    color: #191919;
}

/* Menu header */
ul.nav-setting li a{
    border-bottom: 4px solid #fff;
    color: #191919;
    font-weight: 700 !important;
}ul.nav-setting li a:hover{
    border-bottom: 4px solid #143983;
    background: #FFF;
}
ul.dropdown-menu-setting{
    background: #102B62;
    color: #FFF;
    border: 5px solid #153A85;
    font-size: 12px !important;
}
ul.dropdown-menu-setting li a, ul.dropdown-menu-setting li a:hover{
    border-bottom: 1px solid #153A85;
    padding-bottom: 7px;
    padding-top: 7px;
}
ul.dropdown-menu-setting li a{
    color: #FFF;
}

.form-seach-top{
    border-radius: 0;
    padding: 15px 15px !important;
}
.button-seach-top{
    border-radius: 0;
    border-left: none;
    background: #FFF;
    height: 34px;
}
.button-seach-top:hover{
    background: #153A85;
    color: #FFF;
}

.carousel-indicators-produtos{
    top: 290px;

}
.carousel-indicators-produtos li{

    background: #191919;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 10px;
}
.carousel-indicators-produtos .active{

    background: #153A85;
    width: 20px;
    height: 20px;
    margin: 1px;

    border: 1px solid #ffffff;

}

.carousel-indicators-banner li{

    background: #191919;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 10px;
}
.carousel-indicators-banner .active{

    background: #153A85;
    width: 20px;
    height: 20px;
    margin: 1px;

    border: 1px solid #ffffff;

}

@media screen and (max-width: 768px){
    .carousel-indicators-banner {
        bottom: -70px;

    }
    #carousel-example-generic{
        margin-bottom: 100px;

    }
    .btn-home{
        margin-bottom: 30px;
    }
    .bloco-form-seache{
        margin-bottom: 100px !important;
    }
    .form-seach{
        display: block;
    }
    .menu_oculto_top{
        display: block;
    }
    .menu_oculto_bottom{
        display: none;
    }
    .menu_mobil{
        display: none;
    }
    .icon_menu_bottom{
        display: block;
    }
    .icon_menu_top{
        display: none;
    }
}
@media screen and (min-width: 768px){

    .menu_oculto_top{
        display: none;
    }
    .menu_oculto_bottom{
        display: block;
    }
    .icon_menu_bottom{
        display: none;
    }
    .icon_menu_top{
        display: block;
    }

}
.text-titulo-produtos-home{
    color: #101010;
    font-weight: 700;
    font-size: 18px;
}
.btn-home{
    border: 1px solid #ccc;
    padding: 5px;
    display: block;
    vertical-align: bottom !important;
}
.btn-home-footer{
    border: 1px solid #ccc;
    width: 300px;
    height: 62px;
    margin: 0 auto;
    padding: 5px;
    display: block;
}
.btn-footer{
    background: url('../images/bg-btn-footer.png') repeat-x left top;
    height: 49px;
    line-height: 35px;
    font-weight: 700;
    font-size: 18px;
    border-radius: 0;
    display: block;
    color: #FFF;
}
.social-footer{
    padding-bottom: 25px;
    width: 120px;
    margin: 0 auto 25px;

}
#redes-sociais{
    background: #f5f5f5;
}
.direitos-footer{
    width: 120px;
    margin: 20px auto 0;
    padding-bottom: 10px;
    color: #FFF;
}
#direitos-sociais{
    background: #333333;
}
.circulo{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    border: 1px solid #101010;
    border-radius: 100%;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    color: #101010;
    float: left;
    margin-right: 10px;

}
.btn-footer:hover{
    color: #FFF;
}
.height-carosel{
    min-height: 270px;
}
.btn-default{
    border: none !important;
    display: block;
    background: #cccccc;
    border-radius: 0 !important;
    font-size: 13px;
    color: #101010;
    font-weight: 700;
}
.btn-default:hover{
    background: #153A85;
    color: #FFF;
}
.border-galary{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.titulo-azul-subpagina{
    color: #153A85;
    font-size: 16px;
    font-weight: 700;
}
.titulo-breadcrumb{
    color: #101010;
    font-weight: bold;
}
.download-bar-sub{
    padding: 15px !important;
}
.block_titulo{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid #153A85;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    #produtos-home-mabil{
        display: block !important;
    }
    #produtos-home-carosel{
        display: none;
    }
    ul.dropdown-menu-setting li a{
        background: #153A85;
        color: #FFF;
    }
    .btn-home-footer {
        width: 232px;

    }
}

@media screen and (min-width: 1000px) {
    #produtos-home-mabil{
        display: nome;
    }
    #produtos-home-carosel{
        display: block;
    }
}

