/* Your styles here */
body{
    font-family: 'Roboto', sans-serif;
}
a {
    color: #8e2140;
    text-decoration: none;
}
h2{
    font-family: 'Ubuntu', sans-serif;
    border-bottom: 1px solid #8e2140;
    color: #8e2140;
}
h3, h4, h5, h6{
    font-family: 'Ubuntu', sans-serif;
    color: #8e2140;
}
h3.facebook, #contatos h4{
    margin-top:0px;
}
header #logo{
    width: 300px;
    margin: 0px auto;
    position: relative;
    top: 25px;
}
.tab-content{
    padding: 5px;
    border: 1px solid #ddd;
    border-top: 0px solid;
}
.links-uteis{
    font-size: 18px;
}
.links-uteis dd{
    padding-left: 25px;
}
.btn-middle{
    margin-top: 25px;
    margin-left: -15px;
}
.navbar-default{
    border:0px;
    border-radius:0px;
    margin-top: 25px;
    background-color: #8e2140;
    position: relative;
    left: -5px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    background-color: #a44d66 !important;
    color: #fff !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{
    background-color: #a44d66 !important;
    color: #fff !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 15px;
}
.navbar-default .navbar-toggle .icon-bar{
    color: #fff;
    background-color: #ddd;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
    background-color: #a44d66;
}
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.carousel-control.right, .carousel-control.left{
    background: none;
}
#carousel-principal, section{
    padding: 0px 5px;
}
.acessorapido{
    display: inline-block;
}
.acessorapido ul{
    width:100%;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    -khtml-padding-start: 0px;
    -o-padding-start: 0px;
    padding-start: 0px;
    padding: 0px;
}
.acessorapido li{
    float: left;
    list-style-type: none;
    text-align: center;
    margin: 4.2px;
    padding:2px;
    position: relative;
    overflow: hidden;
}
.acessorapido li:hover{
    border: 2px solid #a44d66;
    padding:0px;
}
.acessorapido li span{
    display: block;
    width:100%;
    font-size: 50px;
    position: relative;
    top: 20px;
}
.acessorapido li span .socicon{
    top: 28px !important;
}
/* 140px */
.acessorapido li.small{
    width: 200px;
    height: 118px;
}
.acessorapido li.medio{
    width: 222px;
    height: 118px;
}
.acessorapido li.verde{
    background:#008E8E !important;
    color:#fff;
}
.acessorapido li.verde:hover{
    background-color:#fff !important;
    color:#008E8E;
    border-color:#008E8E;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.amarelo{
    background:#E1B700 !important;
    color:#fff;
}
.acessorapido li.amarelo:hover{
    background-color:#fff !important;
    color:#E1B700;
    border-color:#E1B700;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.roxo-escuro{
    background:#9E165B !important;
    color:#fff;
}
.acessorapido li.roxo-escuro:hover{
    background-color:#fff !important;
    color:#9E165B;
    border-color:#9E165B;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.azul{
    background:#094AB2 !important;
    color:#fff;
}
.acessorapido li.azul:hover{
    background-color:#fff !important;
    color:#094AB2;
    border-color:#094AB2;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.orange{
     background:#DC572E !important;
     color:#fff;
 }
.acessorapido li.orange:hover{
    background-color:#fff !important;
    color:#DC572E;
    border-color:#DC572E;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.roxo{
    background:#4C2C66 !important;
    color:#fff;
}
.acessorapido li.roxo:hover{
    background-color:#fff !important;
    color:#4C2C66;
    border-color:#4C2C66;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.vermelho{
    background:#fa3031 !important;
    color:#fff;
}
.acessorapido li.vermelho:hover{
    background-color:#fff !important;
    color:#fa3031;
    border-color:#fa3031;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido li.unimed{
    background:#00995d !important;
    color:#fff;
}
.acessorapido li.unimed:hover{
    background-color:#fff !important;
    color:#00995d;
    border-color:#00995d;
    webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.acessorapido .box-text{
    width: 100%;
    position: absolute;
    bottom: 6px;
    font-size: 18px;
    left: 0;
    line-height: 20px;
}
.acessorapido li:hover .box-text{
    bottom: 4px;
}
.acessorapido li:hover .live-title span{
    margin-top: -2px;
}
.acessorapido li:active {
    transform: perspective(1200px) translateZ(-24px);
    -o-transform: perspective(1200px) translateZ(-24px);
    -moz-transform: perspective(1200px) translateZ(-24px);
    -webkit-transform: perspective(1200px) translateZ(-24px);
}
.live-title.carousel{
    position: static !important;
}
.color-red{
    color:red;
}
.conteudo{
    padding: 10px;
}
.panel-default, .panel-default>.panel-heading, .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-color: #a44d66;
}
.pergunta{
    font-size: 18px;
    color: #8e2140 !important;
}
.diretoria {
    height:250px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 10px;
}
.diretoria img{
    max-width: 150px;
    padding: 15px
}
.diretoria .help-block{
    font-size: 16px;
}
/* Clientes - HomePage **/
#clientes{
    width: 99.3%;
    padding-top: 15px;
}
#clientes .thumbnail{
    border: 0px;
}
#clientes .carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
#clientes .carousel-control.left {
    left: -32px;
    width: 100px;
}
#clientes .carousel-control.right {
    right: -32px;
    width: 100px;
}
/* Changes the position of the indicators */
#clientes .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
#clientes .carousel-indicators li {
    background: #c0c0c0;
}
#clientes .carousel-indicators .active {
    background: #333333;
}
.btn-primary {
    color: #fff;
    background-color: #8E2140 !important;
    border-color: #8E2140 !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #a44d66 !important;
    border-color: #a44d66 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #8E2140 !important;
    border-color: #8E2140 !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>a, .pagination>li>span{
    color: #8E2140;
}
footer{
    font-family: 'Roboto', sans-serif;
    width: 99.2%;
}
footer a{
    color:#8e2140;
}
#footer-content{
    padding: 5px 20px;
}
#footer-content strong,#footer-content b{
    color: #8e2140;
}
.ident{
    text-indent: 10px;
}
.border-right-form{
    border-right: 1px solid #8e2140;
    padding-right: 30px;
}
#ans img{
    width:100px;
}
#copyright{
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}
#copyright a {
    color: #8e2140;
}

@media (max-width: 767px) {
    .btn-middle{
        margin-top: 0px;
        margin-left: 0px;
    }
}
@media (max-width: 1000px) {
    header #logo {
        margin-bottom: 20px;
    }
    .navbar-nav>li>a{
        padding: 10px 8px;
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a{
        font-size: 15px;
    }
    .nav>li>a{
        padding: 20px 8px;
    }
}
.card-coop{
	min-height:28rem;
	min-width:27rem;
}
@media screen and (min-width:751px) and (max-width: 1366px) {
    
	/* body {
        background-color: red
    } */
	/* .list-unstyled a {
		margin-top: 15%;
	} */
	.abrev span {display:none}    /*esconde um pedaço*/
  	.abrev::after {content:"."}   /*acrescenta o ponto*/
	.card-coop{
		display: block;
		min-height: 28rem;
		min-width:27rem;
	}
.btn-primary {
    color: #fff;
    margin-top: 1%;

}
.row-header{
	width: auto;
	height: auto;
	margin-bottom:10%;
}

}
@media screen and (min-width: 599px) and (max-width: 750px) {
    
	/* body {
        background-color: green;
    } */
	/* .list-unstyled a {
		margin-top: 15%;
	} */

.btn-primary {
    color: #fff;
    margin-top: 2px;
}
.row-header{
	width: auto;
	height: auto;
	margin-bottom:10%;
}

}
@media screen and (min-width: 100px) and (max-width: 599px) {
/*     
	body {
        background-color: blue;
    } */
	/* .list-unstyled a {
		margin-top: 15%;
	} */

.btn-primary {
    color: #fff;
    margin-top: 2px;
}
.row-header{
	width: auto;
	height: auto;
	margin-bottom:10%;
}

}

@media screen and (min-width: 100px) and (max-width: 1200px) {

.container .panel-default{
font-size: 22px;
}

.container .form-group{
font-size: 20px;
}

}