body{
font-family:VejaFranklinCondensed,"Open Sans",sans-serif;
font-size:14px;
line-height:1.428571429;
color:#999; 
background-color:#fff;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:VejaFranklinCondensed,"Open Sans",sans-serif;font-weight:500;line-height:1.05em;color:inherit}

ul{ padding:0px; margin:0px; list-style:none;}

.container{
padding-left:0px;
padding-right:0px;
margin-bottom:5px;
}


/* navegacao */

.navbar{
margin: 0 auto;
padding: 15px 0px 0 0px;
}

.navbar .container{ 
border-bottom: 4px solid #5bb6ff; 
padding:0px;
}

.navbar .brand-container {
margin-bottom: 14px;
text-align: center;
display: table;
}

.navbar #ubber-brand {
box-sizing: border-box;
height: auto;
padding: 5px 20px 0 0px;
display: table-cell;
text-align: center;
width: 50%;
line-height: .7;
}

.navbar .logo_veja {
position: relative;
width: 150px;
height: 72px;
display: inline-block;
margin: 0px;
}

.navbar .ubber-area {
box-sizing: border-box;
width: 50%;
display: table-cell;
border-left: 1px solid #999;
text-align: left;
vertical-align: middle;
}

.navbar .ubber-area a {
line-height: normal;
margin: 0 0 0 20px;
}

.navbar h3 a.subhome {
text-indent: -5px;
display: block;
}

.navbar a {
color: #999;
font-weight: normal;
text-decoration: none;
 color:#5bb6ff;
 }
.navbar h2 img{ float:right;}
 
.navbar h3 a {
margin: 0 10px;
font-size: 40px;
line-height: 80px;
font-weight:100;
}

/* conteudo */
.category {
margin-top: 25px;
line-height: 100%;
 color:#5bb6ff;
}

.category ul li a {
color: #999;
text-transform: uppercase;
}

.main-info header h1 {
font-size: 50px;
line-height: 1.05em;
margin: 0 0 10px;
letter-spacing: 0;
font-weight:700;
color:#333;
}

.main-info header h2 {
font-size: 25px;
font-family: VejaSerif,Georgia,"Times New Roman",Times,serif;
line-height: 1.333em;
margin: 0 0 17px;
color:#999;
}

.social-bar{
margin-bottom:25px;
float:left;}

.social-bar .btn {
width: 210px;
height: 40px;
padding: 10px 0 0 35px;
margin-right: 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
text-align: left;
display: table-cell;
vertical-align: middle;
outline: 0;
text-decoration: none;
}

.btn{
font-size:16px;
}

.social-bar .btn-facebook {
color: white;
background-color: #3b5a9a;
border-color: #3b5a9a;
background-image:url(../img/ico-face.png);
background-repeat:no-repeat;
background-position:10px 8px;
}

.social-bar .btn-twitter {
color: white;
background-color: #019fdc;
border-color: #019fdc;
background-image:url(../img/ico-twitter.png);
background-repeat:no-repeat;
background-position:10px 8px;
}

.social-bar .btn-google-plus {
color: white;
background-color: #d3423e;
border-color: #d3423e;
background-image:url(../img/ico-gplus.png);
background-repeat:no-repeat;
background-position:10px 8px;
}
	
	

.xs-view span{
float: left;
line-height: 40px;
 color:#5bb6ff;
}

.xs-view .btn-facebook,
.xs-view .btn-twitter,
.xs-view .btn-google-plus,
.xs-view .btn-whatsapp {
display:none;
}

.xs-view .btn-facebook {
background-color: #fff;
background-image:url(../img/ico-face-xs.png);
background-repeat:no-repeat;
background-position:10px 10px;
border:none;
}

.xs-view .btn-twitter {
background-color: #fff;
background-image:url(../img/ico-twitter-xs.png);
background-repeat:no-repeat;
background-position:10px 10px;
border:none;
}

.xs-view .btn-google-plus {
background-color: #fff;
background-image:url(../img/ico-gplus-xs.png);
background-repeat:no-repeat;
background-position:10px 10px;
border:none;
}


.xs-view .btn-whatsapp {
background-color: #fff;
background-image:url(../img/ico-whatsapp-xs.png);
background-repeat:no-repeat;
background-position:10px 8px;
border:none;
}

	
.btn-lg, .btn-group-lg > .btn {
font-size: 22px;
text-transform:uppercase;
}

hr {
  border-top: 1px solid #ccc;
}

.btn-lg, .btn-group-lg > .btn {
font-size: 20px;
border-radius: 0px;}

.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
color: #fff;
background-color: #5bb6ff;
border-color: #adadad;
}

.btn-group-justified {
margin-top:25px;}

p { 
font-family: VejaSerif,Georgia,"Times New Roman",Times,serif;
font-size:18px;
color:#333;
}

footer p { 
font-size:12px;
color:#666666;
font-family:VejaFranklinCondensed,"Open Sans",sans-serif;
}

	
@media (min-width: 320px) {
  .container {
    width: 95%;
  }
.navbar h3 a {
font-size: 24px;  
}  
.navbar img{
height:34px;
}

.md-view{ display:none;}

.xs-view { border:1px dotted #ccc; border-left:none; border-right:none; height:45px; width:100%;}

.xs-view .btn {
width: 40px;
height: 40px;
display:block;
margin-right: 0px;
margin-left:5px;
}
.main-info header h1 {
font-size: 36px;
}

.main-info header h2 {
font-size: 18px;
}

p { 
font-size:15px;
}

.navbar .ubber-area a {
margin: 0 0 0 10px;
}
.navbar #ubber-brand {
padding: 5px 10px 0 0px;
}

.frame-leaderboard{ height:2300px;}

.frame-minuto{ height:800px;}

.frame-seguidores{ height:400px;}

}

@media (min-width: 460px) {
.navbar h3 a {
font-size: 30px;  
}    
.navbar img{
height:40px;
}
.md-view{ display:none;}
.xs-view{ display:block;}

.navbar .ubber-area a {
margin: 0 0 0 10px;
}
.navbar #ubber-brand {
padding: 5px 10px 0 0px;
}

.main-info header h1 {
font-size: 40px;
}

.main-info header h2 {
font-size: 18px;
}

p { 
font-size:15px;
}

.frame-leaderboard{ height:2300px;}

.frame-minuto{ height:700px;}

.frame-seguidores{ height:470px;}


}

@media (min-width: 768px) {
  .container {
    width: 95%;
  }
.navbar h3 a {
font-size: 34px;  
}
.navbar img{
height:40px;
}

.navbar .ubber-area a {
margin: 0 0 0 20px;
}
.navbar #ubber-brand {
padding: 5px 20px 0 0px;
}

.main-info header h1 {
font-size: 50px;
}
.main-info header h2 {
font-size: 25px;
}

p { 
font-size:18px;
}

.md-view{ display:block;}
.xs-view{ display:none;}

.frame-leaderboard{ height:1200px;}

.frame-minuto{ height:600px}

.frame-seguidores{ height:350px}

}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
.navbar h3 a {
font-size: 40px;  
}
.navbar img{
height:auto;
}

.navbar .ubber-area a {
margin: 0 0 0 20px;
}
.navbar #ubber-brand {
padding: 5px 20px 0 0px;
}

.md-view{ display:block;}
.xs-view{ display:none;}
}

@media (min-width: 1200px) {
  .container {
    width: 1040px;
  }
.navbar img{
height:auto;
}

.navbar .ubber-area a {
margin: 0 0 0 20px;
}
.navbar #ubber-brand {
padding: 5px 20px 0 0px;
}

.md-view{ display:block;}
.xs-view{ display:none;}
}