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

*{margin: 0; padding:0}

html, body {overflow-x: hidden;}

body{overflow-x:hidden; background: url("../imgs/background-01-01.jpg"); background-size: cover; background-position: center; padding: 0; margin: 0; }

h4{color: rgba(231,55,59,1.00); padding-top: 5px;}

.logo{padding: 60px 15px 10px 15px; margin: 0 auto;}
.logo-other-pages{margin-top:30px;}

img{max-width: 100% !important; height: auto !important}

.btn-primary{border:0; padding:8px 50px 10px 50px !important; margin-bottom:0px; border-radius:10px; font-size: 16px; color: #ffffff; background: rgba(231,55,59,1.00); text-decoration: none;}

.btn-primary:focus{-webkit-box-shadow: 0px 0px 0px 5px rgba(231,55,59,0.15); 
box-shadow: 0px 0px 0px 5px rgba(231,55,59,0.15);}

.btn-primary:hover, .btn-primary:active{background: rgba(231,55,59,0.8);}

#list-teams {list-style: none; margin:0; padding:0;}
#list-teams li{margin-bottom:25px !important;}
#list-teams a{border:0; padding:8px 50px 10px 50px; border-radius:10px; font-size: 16px; color: #ffffff; background: rgba(231,55,59,1.00); text-decoration: none;}

.bar-top{background: rgba(231,55,59,1.00); padding:5px 0 5px 15px; position: fixed; width: 100%;}
.bar-top a{color:#ffffff; text-decoration: none;}
.bar-top-teamlist{border-bottom:1px solid #F7C6CA; padding:5px 0 5px 15px; position: fixed; width: 100%; color:rgba(231,55,59,1.00); background: #ffffff;}

.mt-25{margin-top: 50px;}
.ptb-30{padding:30px 0}
.pb-2-borb{padding-bottom:20px;border-bottom:1px solid #ccc}
.mb-mt{margin:50px 0 50px 0}
.ps-m-auto{padding: 30px 0 10px 0; margin: 0 auto;}
.pds-bord{padding-top:20px; padding-bottom:20px;border-bottom:1px solid #ccc; margin-bottom:10px}
.bar-title-pages{padding-right:20px; color:#fff;}

.container-table{max-width: 80%; margin:30px auto 80px auto;}
.divider-logos-footer{padding:30px 0; border-bottom: 1px solid #ccc; text-align: center}


.table{background: rgba(255,255,255,0.5)}
.destaque{background-color: #f1f1f1; text-align: left;}
.table tr{text-align: left}


@media only screen and (min-width: 100px) and (max-width: 480px) {
	html, body {overflow-x: hidden;}
	.logo img{max-width: 50% !important; height: auto}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	html, body {overflow-x: hidden;}
	.logo{padding: 30px 15px 10px 15px; margin: 0 auto;}
	.logo img{max-width: 50% !important; height: auto}
	
	
	
	
	
}