@charset "utf-8";

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
/*body { padding-top: 70px; }*/
.section { padding: 10px 0 !important; }

.btn { font-family: 'montserratregular'; }

h1 { color: #555 !important; }
h3 { color: #00a0de !important; }
blockquote h3 { margin-top: 5px; }
h4 { color: #555 !important; }
p, blockquote, ul li, .table td { color: #555; }

.breadcrumb { background: #fae5e4; }

.list-group-item { border: 0 !important; }
.list-group-item:hover { background: #e6e6e6 !important; }
.list-group-item .badge { float: left !important; width: 80px; }

.thumbnail { background: #00a0de !important; border: 0 !important; padding: 10px !important; }
.thumbnail * { color: #fff !important; }
.thumbnail img { border-radius: 4px; }

.panel .panel-body { color: #555; }
.panel h3 { margin-top: 0; }
.panel-primary h3, .panel-primary h3 a { color: #fff !important; }
.panel .panel-heading a:hover, .panel .panel-footer a:hover { text-decoration: none; }
.panel-body-video { padding: 15px 0 !important; }

.table h3 { margin-top: 0; }
.table th { text-align: center; }

.well { margin-top: 20px; padding: 5px 10px; }
.well h4 { line-height: 20px; margin-bottom: 0; }
.well h4 .badge { line-height: 20px; }

.btn-primary {
	background-color: #0b77bd;
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.3));
	background-image: -o-linear-gradient(bottom, transparent, rgba(0,0,0,.3));
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0,0,0,.3));
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
}

/* NAVBAR */
.navbar {
	border: 0;
	background-color: #0b77bd;
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.3));
	background-image: -o-linear-gradient(bottom, transparent, rgba(0,0,0,.3));
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0,0,0,.3));
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
}
.navbar-nav li a { font-size: 16px; color: #fff !important; }
.navbar-nav li.active a, .navbar-nav li.open a, .navbar-nav li.open ul { background: #245784 !important; }
.navbar-nav li ul { padding: 0; }
.navbar-nav li ul li a:hover { background: #00a0de !important; }
.navbar-nav li ul li a { padding: 10px; }

.navbar form { padding-right: 0; }
.navbar form button { padding: 10px 12px 9px 12px; }

#col-top-banner img { margin-top: 23px; }

/* PAGE-HEADER */
.page-header {
	border-radius: 4px;
	border-bottom: 0px !important;
	background-color: #0b77bd;
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.3));
	background-image: -o-linear-gradient(bottom, transparent, rgba(0,0,0,.3));
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0,0,0,.3));
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
	margin-top: 0 !important;
	padding-bottom: 0 !important;
}

.page-header h2 {
	font-size: 20px !important;
	color: #fff;
	margin-top: 0 !important;
	padding: 7px;
}

.page-header h2 small { line-height: 27px; }
.page-header h2 small a { color: #fff; }

/* NAV TABS */
.nav-tabs { margin-top: 20px; }
.nav-tabs li { font-size: 16px; }
.nav-tabs li.active a { background: #00a0de !important; color: #fff !important; border: 2px solid #00a0de !important; }
.nav-tabs li a { color: #00a0de; border-bottom: 2px solid #00a0de !important; }

.tab-content { margin-top: 20px; }

/* PAGINATION */
.pagination li a { color: #00a0de; }
.pagination li a:hover { color: #245784; }
.pagination li.active a, .pagination li.active a:hover { background: #00a0de; border-color: #00a0de; }

/* Home */
.panel-featured { margin-bottom: 0; }

.panel-edition { position: relative; margin-bottom: 0; }
.panel-edition .panel-footer { position: absolute; bottom: 0; background: none; padding: 0; border-top: 0; }
.panel-edition .panel-footer h3, .panel-edition .panel-footer p { color: #fff !important; }
.panel-edition .panel-footer a {
	background: #000;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,1)); /*Standard*/
}
.panel-edition .panel-footer a:hover { background: #000 !important; }

/* Advertise */
.btn-group-advertise { margin-bottom: 20px; }
.btn-group-advertise button { padding: 0; }
.btn-group-advertise a { display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; }
.btn-group-advertise a:hover { text-decoration: none; }

/* FORM */
form { margin-top: 25px; }
legend, label { color: #555 !important; }
.error-message { font-size: 12px; font-weight: bold; color: #0b77bd; font-style: italic; margin-top: 5px; }

/* FOOTER */
footer.section {
	background-color: #0b77bd;
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.8));
	background-image: -o-linear-gradient(bottom, transparent, rgba(0,0,0,.8));
	background-image: -moz-linear-gradient(bottom, transparent, rgba(0,0,0,.8));
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.8));
	margin-top: 15px; padding: 10px 0 !important;
}
footer h3, footer p { color: #fff !important; }
footer ul li a { color: #fff; padding: 1px 0 !important; }
footer ul li a:hover { color: #fff; background: none !important; }

.btn-whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 25px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 33px;
  box-shadow: 1px 1px 2px #888;
  z-index: 1000;
  padding-top: 12px;
}
.btn-whatsapp:hover { color: #877a61; }