@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


body{
	font-family: 'Roboto', sans-serif;
	background: url(../images/tbg.png); /* Old browsers */
	color: #888888;
	font-size: 12px;
}

html,body{
	height: 100%;
}

/* Header
=================================================================== */
	
header {
	margin: 10px 0px 10px 0px;
	min-height: 140px !important;
}

.jazigo_logo img{
	height: 156px;
	margin-top: 0px;
}

.logo_imagem{
	background: url("../images/logotipo.png") no-repeat;
	display: block;
	height: 156px;
	width: 347px;
}

.logo a {
	text-decoration: none;
}

.jazigo_logo img{
	float: right;
}

.navigation {
	margin-top: 20px;
	background: rgba(255,255,255,.95) !important;
	background: #fff !important;
	padding: 0px;
	-webkit-box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	   -moz-box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	        box-shadow: 0 0px 0 5px rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}

.navigation:before, .navigation:after {
    bottom: 14px;
    box-shadow: 0 15px 5px rgba(0, 0, 0, 0.3);
    content: "";
    height: 50px;
    left: 5px;
    max-width: 50%;
    position: absolute;
    transform: rotate(-1deg);
    width: 50%;
    z-index: -1;
}

.navigation:after {
    left: auto;
    right: 5px;
    transform: rotate(1deg);
}

.navbar-default .navbar-nav > .active > a{
	background-color: #ADADAD;
	color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover
{
	color: #FFFFFF;
	background-color: #083888 !important;
}


/* footer  inicio */
.footer, .under_footer{
    background: url("../images/fbg.jpg") repeat scroll 0 0 #222;
    border-radius: 2px;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.35);
    margin-top: 20px;
    opacity: 0.95;
    padding: 20px 30px;
    text-shadow: 0 -1px 0 #000;
    line-height: 2;
    font-size: 13px;
}

.footer a:link, .under_footer a:link{
	color: #888888;
}

.footer a:hover, .under_footer a:hover{
	color: #ffffff;
}

.facebook {
	background: url("../images/facebook.png");
	background-position: 0 65px;
    display: block;
    float: left;
    height: 65px;
    margin: 0 6px 6px 0;
    text-indent: -9999px;
    transition: all 0.3s ease-in-out 0s;
    width: 190px;
}

.facebook:hover{
    background-position: 0 0px;
}

.under_footer{
	margin-bottom: 20px;
}
/* footer fim */


/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {
	.sem_padding_lateral_esq{ padding-left: 0px;}
	.padding_lateral_esq_5px{padding-left: 5px;}
	.navbar-default .navbar-nav > li{font-size: 16px; padding-bottom: 5px; padding-top: 5px;}	
}

/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.sem_padding_lateral_esq{ padding-left: 0px;}
	.padding_lateral_esq_5px{padding-left: 5px;}
	.navbar-default .navbar-nav > li{font-size: 16px; padding-bottom: 5px; padding-top: 5px;}	
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {	

}

@media (min-width: 768px) and (max-width: 991px) {
	.sem_padding_lateral_esq{ padding-left: 0px;}
	.padding_lateral_esq_5px{padding-left: 5px;}
	.navbar-default .navbar-nav > li{font-size: 16px; padding-bottom: 5px; padding-top: 5px;}	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	.jazigo_logo, .jazigo_logo img{display: none;}
	.logo_imagem{background: url("../images/logo_phone.png") no-repeat; background-size: 100% auto; width:100%;}
	.logo{height: 95px;}
	header {margin-bottom:0px;}
	.navbar-nav > li > a {font-size: 14px;}
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (max-width: 680px) {	
	.logo{height: 78px;}	
}

@media (max-width: 580px) {	
	.logo{height: 65px;}	
}

/* Landscape phones and down */
@media (max-width: 480px) {	
	.logo{height: 50px;}	
}

@media (max-width: 380px) {	
	.logo{height: 40px;}	
}

@media (max-width: 300px) {	
	.logo{height: 30px;}	
}