@import 'https://fonts.googleapis.com/css?family=Muli';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';

body { background: #fff url("images/bg.jpg") repeat-x top fixed; font-family: 'Muli',sans-serif; font-size: 18px; }
h1 { color: #000; font-size: 24px; font-weight: normal; text-decoration: none; }
h2 { color: #333; font-size: 20px !important; font-weight: normal; text-decoration: none; }

/* Slide */
.slide { border:1px inset #111 !important; }
.slide img { padding:2px;/* max-height: 200px;*/ }

/* Vitrine */
.menu img { margin-bottom: 10px; }
.panel-custom { background: #333 !important; color: #fff !important; border-radius:0px; }
.img-thumbnail { margin-bottom: 10px; }

/*
.btn-text { text-decoration: none !important; color:#046EAA !important; border-radius: 0px; background-color: #fff ; border:1px solid #046EAA; white-space: normal;  margin:3px;  }
.btn-text:hover { text-decoration: none !important; color:#fff !important; font-weight: normal !important; background-color: #046EAA; }
*/
.btn { font-size: 18px; margin-bottom: 3px; }
.btn-text { transition-duration: .3s; text-decoration: none !important; color:#294B8B !important; border-radius: 0px; background-color: #fff ; border:1px solid #294B8B ; white-space: normal; margin:5px;   }
.btn-text:hover { padding-left: 20px; font-weight: bold !important; background-color: #E7EBF3; border: 1px solid #294B8B; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,.07); -moz-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,.07); box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,.07); }
.btn-text:hover::after{ transition-delay: 1.5s; content: " \27A1  "; }
.btn-left { text-align: left; }

/* Containers */
.slide-col { background-color: #fff;  padding:0 30px; }
.container-content { padding:20px 0px; background-color: #fff; text-align: justify; }
.container-rodape { font-size: 14px; text-align: left; }
.container-footer { font-size: 14px; color:#333; background-color: #fff; }
/* TOPO */
.col-top { border: 1px solid #fff; text-align: right; font-size: 12px; min-height: 120px; }
.col-top h1 { font-size: 15px; }

/*Social*/
.btn-social { padding-top:5px; }
.btn-social .btn { margin-bottom:5px !important; width: 195px; }

/* Fix screens */
 @media (max-width: 460px) and (min-width:1px) {
  .container-slide  { display: none; }
  .col-top { text-align: center !important; padding-bottom: 10px; }
   body { font-size: 17px; background-color: #fff; font-family: 'Muli',sans-serif; }
   h1 { font-size: 20px; text-align: center; }
   h2 { font-size: 20px; text-align: center; }
  .btn { font-size: 18px; margin-bottom: 10px; }
  .container-footer { font-size: 13px; color:#333; background-color: #fff; text-align: center; }
  .container-rodape { font-size: 13px !important; text-align: center !important; }
  .btn-social { font-size: 18px !important; padding-top:5px; }
  .btn-social .btn { font-size: 18px !important; margin-bottom:5px !important; width: 255px; }
  .img-thumbnail { margin-bottom: 15px; }
   }

/**/
.carousel img { width:100% }
.carousel-caption { background-color: rgba(51,51,51,0.7); color: #fff; text-align: left; position: absolute; right: 2px; bottom: 2px; left: 2px; z-index: 10; padding: 3px 0px 8px 10px; width: auto !important; }
.carousel-caption h3 { font-size: 55px; text-shadow: 2px 1px 2px rgba(0,0,0,0.9); font-style: normal; margin-bottom: 0; margin-top: 6px !important; text-align: left; }
.carousel-caption p { font-size: 14px; margin-top: 0; text-align: left; }
.carousel-control { width: /*15%*/ 8% }
