@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);
/*-------------------------------------------------------------------*/
/* -- Modified 2017 -- */
/* -- Ruben Chambilla 2016 -------*/
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/* --media querie-- */
/*-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.post .thumb{
		width: 100%;
		margin-bottom: 20px;
	}
}

/*-------------------------------------------------------------------*/
/* --Banner-- */
/*-------------------------------------------------------------------*/
.banner
{
    width:auto;
    background-color:#ddd;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    color:#877C7C;
    font-size:14px;
}

.banner p
{
    text-align: left;
    margin-top:10px;
}
.lang{
        margin-top:10px;
}
.lead {
  margin: 60px 0px 60px 0px;
  font-weight: 400;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;;
}
.lead-lg {
  font-size: 1.8em;
  font-weight: 300;
}
.lead-lg strong {
  font-weight: 400;
}
.lead-sm {
  font-size: 1.2em;
}

/*-------------------------------------------------------------------*/
/* Header full configuration */
/*-------------------------------------------------------------------*/
.header-full {
  background-image: none;
  background-color: #0099da;
  color: #fff;
}
.header-full .header-full-title h1 a {
  margin-bottom: 5px;
  margin-top: 15px;
  font-family: "Muli";
  word-spacing: -7px;
  color: #fff;
  font-size: 25px;
}

.header-full-title {
  float: left;
  overflow: hidden;
  padding-left: 75px;
  background-image: url("../images/logo_big.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.header-full-title h1 {
  margin-bottom: 5px;
  margin-top: 15px;
  font-family: "Muli";
  word-spacing: -7px;
  color: #000;
  font-size: 25px;
}
.header-full-title h1 a {
  color: #000;
  text-decoration: none;
}
.header-full-title h1 span,
.header-full-title h1 span a {
  color: #444;
}
.header-full-title p {
  margin-bottom: 15px;
  font-size: 1.2em;
  text-align: center;
}
.social{
        margin-top:40px;
}

/*-------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------*/
#myFooter {
    background-color: #3c3d41;
    color: #ababab;
    padding-top: 30px;
}
#myFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}
#myFooter .footer-copyright p {
    margin: 10px;
    color: #ababab;
}
#myFooter h5 {
    font-size: 14px;
    color: #0099DA;
    font-weight: bold;
    margin-top: 0px;
}

/*-------------------------------------------------------------------*/
/* Configuration Menu Navbar */
/*-------------------------------------------------------------------*/
  .navbar-default .navbar-nav > li > a {
    padding-top: 16px;
    padding-bottom: 15px;
    margin-top: -1px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
  }
  .navbar-default .navbar-nav > li.dropdown > a {
    padding-right: 30px;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:active,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a {
    background-color: #0099da;
    background-image: -webkit-linear-gradient(bottom, #0087c1, #0099da);
    background-image: -moz-linear-gradient(bottom, #0087c1, #0099da);
    background-image: -o-linear-gradient(bottom, #0087c1, #0099da);
    background-image: linear-gradient(to top, #0087c1, #0099da);
    color: #fff;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #0099da;
    background-image: -webkit-linear-gradient(bottom, #0087c1, #0099da);
    background-image: -moz-linear-gradient(bottom, #0087c1, #0099da);
    background-image: -o-linear-gradient(bottom, #0087c1, #0099da);
    background-image: linear-gradient(to top, #0087c1, #0099da);
    color: #fff;
  }

  /*-------------------------------------------------------------------*/
/* Configuration Panel */
/*-------------------------------------------------------------------*/
.panel-default .panel-heading {
  border-color: #e5e5e5;
}
.panel-primary {
  border-color: #0099da;
}
.panel-primary .panel-heading,
.panel-primary .panel-footer {
  background-color: #0099da;
  color: #fff;
}
.panel-heading {
  border-radius: 0;
  font-family: "Calibri", "Open Sans", sans-serif;
}
.panel-heading a {
  font-weight: 500 !important;
}
.panel-heading i {
  margin-right: 5px;
  font-size: 1.1em;
}
.panel-title {
  padding: 7px;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-heading-link,
.panel-plus-link {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  font-family: "Calibri", "Open Sans", sans-serif;
}
.panel-plus-link a {
  background-color: inherit;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.panel-plus-link a:hover,
.panel-plus-link a:focus,
.panel-plus-link a:active {
  background-color: transparent !important;
}
.panel-group .panel > .panel-heading.panel-plus-link a.collapsed:before {
  font-family: 'FontAwesome';
  content: "\f067";
  font-size: 1.4em;
  margin-right: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  *margin-right: .3em;
}
.panel-group .panel > .panel-heading.panel-plus-link a:before {
  font-family: 'FontAwesome';
  content: "\f068";
  font-size: 1.4em;
  margin-right: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  *margin-right: .3em;
}
.panel-primary .panel-heading a,
.panel-primary-dark .panel-heading a,
.panel-info-dark .panel-heading a,
.panel-success-dark .panel-heading a,
.panel-warning-dark .panel-heading a,
.panel-danger-dark .panel-heading a,
.panel-royal-dark .panel-heading a,
.panel-primary .panel-plus-link a,
.panel-primary-dark .panel-plus-link a,
.panel-info-dark .panel-plus-link a,
.panel-success-dark .panel-plus-link a,
.panel-warning-dark .panel-plus-link a,
.panel-danger-dark .panel-plus-link a,
.panel-royal-dark .panel-plus-link a {
  color: #fff;
}
.panel-primary .panel-heading a:hover,
.panel-primary-dark .panel-heading a:hover,
.panel-info-dark .panel-heading a:hover,
.panel-success-dark .panel-heading a:hover,
.panel-warning-dark .panel-heading a:hover,
.panel-danger-dark .panel-heading a:hover,
.panel-royal-dark .panel-heading a:hover,
.panel-primary .panel-plus-link a:hover,
.panel-primary-dark .panel-plus-link a:hover,
.panel-info-dark .panel-plus-link a:hover,
.panel-success-dark .panel-plus-link a:hover,
.panel-warning-dark .panel-plus-link a:hover,
.panel-danger-dark .panel-plus-link a:hover,
.panel-royal-dark .panel-plus-link a:hover {
  background-color: none;
}
.panel-primary .panel-header a,
.panel-primary .panel-footer a,
.panel-primary-dark .panel-header a,
.panel-primary-dark .panel-footer a,
.panel-info-dark .panel-header a,
.panel-info-dark .panel-footer a,
.panel-success-dark .panel-header a,
.panel-success-dark .panel-footer a,
.panel-warning-dark .panel-header a,
.panel-warning-dark .panel-footer a,
.panel-danger-dark .panel-header a,
.panel-danger-dark .panel-footer a,
.panel-royal-dark .panel-header a,
.panel-royal-dark .panel-footer a,
.panel-primary .panel-header a,
.panel-primary .panel-footer a,
.panel-primary-dark .panel-header a,
.panel-primary-dark .panel-footer a,
.panel-info-dark .panel-header a,
.panel-info-dark .panel-footer a,
.panel-success-dark .panel-header a,
.panel-success-dark .panel-footer a,
.panel-warning-dark .panel-header a,
.panel-warning-dark .panel-footer a,
.panel-danger-dark .panel-header a,
.panel-danger-dark .panel-footer a,
.panel-royal-dark .panel-header a,
.panel-royal-dark .panel-footer a {
  color: #fff;
}
.panel-default .panel-heading-link a,
.panel-default .panel-plus-link a {
  color: #333;
}
.panel .panel-footer i {
  margin: 0 5px;
}
.panel .panel-heading-link a:after {
  font-family: 'FontAwesome';
  content: "\f107";
  font-size: 1.2em;
  float: right;
  background-color: #0099da;
  color: #fff;
  padding: 4.5px 0px;
  margin-top: -6px;
  margin-right: -15px;
  width: 33px;
  text-align: center;
}
.panel-primary .panel-heading-link a:after,
.panel-primary-dark .panel-heading-link a:after,
.panel-info-dark .panel-heading-link a:after,
.panel-success-dark .panel-heading-link a:after,
.panel-warning-dark .panel-heading-link a:after,
.panel-danger-dark .panel-heading-link a:after,
.panel-royal-dark .panel-heading-link a:after {
  background-color: #333;
}
.panel .panel-heading-link a.collapsed:after {
  content: "\f104";
}
.panel-success .panel-heading-link a:after {
  background-color: #02c66c;
}
.panel-info .panel-heading-link a:after {
  background-color: #54c8eb;
}
.panel-warning .panel-heading-link a:after {
  background-color: #f0ad4e;
}
.panel-danger .panel-heading-link a:after {
  background-color: #d9534f;
}
.panel-royal .panel-heading-link a:after {
  background-color: #ac60d0;
}
.panel-success .panel-plus-link a,
.panel-success .panel-heading-link a {
  color: #017a43;
}
.panel-info .panel-plus-link a,
.panel-info .panel-heading-link a {
  color: #19add9;
}
.panel-warning .panel-plus-link a,
.panel-warning .panel-heading-link a {
  color: #df8a13;
}
.panel-danger .panel-plus-link a,
.panel-danger .panel-heading-link a {
  color: #b52b27;
}
.panel-royal .panel-plus-link a,
.panel-royal .panel-heading-link a {
  color: #8834b0;
}
.panel-heading.panel-plus-link > a,
.panel-heading-link > a {
  display: block;
  padding: 5px 15px;
}
.panel-heading-link > a > i {
  margin-right: 10px;
}
.panel .panel-heading a {
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
}
.panel .panel-primary .panel-heading a:hover,
.panel .panel-success .panel-heading a:hover,
.panel .panel-info .panel-heading a:hover,
.panel .panel-warning .panel-heading a:hover,
.panel .panel-danger .panel-heading a:hover,
.panel .panel-royal .panel-heading a:hover,
.panel .panel-primary-dark .panel-heading a:hover,
.panel .panel-info-dark .panel-heading a:hover,
.panel .panel-success-dark .panel-heading a:hover,
.panel .panel-warning-dark .panel-heading a:hover,
.panel .panel-danger-dark .panel-heading a:hover,
.panel .panel-royal-dark .panel-heading a:hover {
  background-color: transparent !important;
}
.panel-body-no-padding {
  padding: 0 !important;
}
.panel-default .panel-heading,
.panel-default .panel-footer {
  background-color: #f3f3f3;
  color: #333;
}
.panel-royal .panel-heading,
.panel-royal .panel-footer {
  background-color: #dfc2ed;
  color: #5a2275;
  border: solid 1px #d5afe7;
}
.panel-royal .panel-body {
  border: solid 1px #dfc2ed;
}
.panel-primary-dark .panel-heading,
.panel-primary-dark .panel-footer {
  background-color: #0075a7;
  color: #fff;
}
.panel-success-dark .panel-heading,
.panel-success-dark .panel-footer {
  background-color: #5ca43f;
  color: #fff;
}
.panel-info-dark .panel-heading,
.panel-info-dark .panel-footer {
  background-color: #288ec3;
  color: #fff;
}
.panel-warning-dark .panel-heading,
.panel-warning-dark .panel-footer {
  background-color: #e4c016;
  color: #fff;
}
.panel-danger-dark .panel-heading,
.panel-danger-dark .panel-footer {
  background-color: #a94242;
  color: #fff;
}
.panel-royal-dark .panel-heading,
.panel-royal-dark .panel-footer {
  background-color: #792e9c;
  color: #fff;
}
.panel-primary-dark .panel-body {
  border: solid 1px #0075a7;
}
.panel-success-dark .panel-body {
  border: solid 1px #5ca43f;
}
.panel-info-dark .panel-body {
  border: solid 1px #288ec3;
}
.panel-warning-dark .panel-body {
  border: solid 1px #e4c016;
}
.panel-danger-dark .panel-body {
  border: solid 1px #a94242;
}
.panel-royal-dark .panel-body {
  border: solid 1px #792e9c;
}


/*-------------------------------------------------------------------*/
/* Configuration Box */
/*-------------------------------------------------------------------*/
.content-box {
  display: block;
  text-align: center;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 5px;
}
.content-box.box-default {
  background-color: #f6f6f6;
  border: solid 1px #e5e5e5;
}
.content-box.box-default:hover {
  background-color: #f3f3f3;
}
.content-box.box-primary .content-box-title,
.content-box.box-info .content-box-title,
.content-box.box-success .content-box-title,
.content-box.box-warning .content-box-title,
.content-box.box-danger .content-box-title,
.content-box.box-royal .content-box-title {
  color: #fff;
}
.content-box.box-primary {
  background-color: #0099da;
  color: #fff;
  border: solid 1px #005174;
}
.content-box.box-success {
  background-color: #02c66c;
  color: #fff;
  border: solid 1px #016135;
}
.content-box.box-info {
  background-color: #54c8eb;
  color: #fff;
  border: solid 1px #179bc2;
}
.content-box.box-warning {
  background-color: #f0ad4e;
  color: #fff;
  border: solid 1px #c77c11;
}
.content-box.box-danger {
  background-color: #d9534f;
  color: #fff;
  border: solid 1px #a02622;
}
.content-box.box-royal {
  background-color: #ac60d0;
  color: #fff;
  border: solid 1px #792e9c;
}
.content-box.box-primary:hover {
  background-color: #0087c1;
}
.content-box.box-success:hover {
  background-color: #02ad5e;
}
.content-box.box-info:hover {
  background-color: #3dc1e8;
}
.content-box.box-warning:hover {
  background-color: #eea236;
}
.content-box.box-danger:hover {
  background-color: #d43f3a;
}
.content-box.box-royal:hover {
  background-color: #a24cca;
}

/*-------------------------------------------------------------------*/
/* Boutom */
/*-------------------------------------------------------------------*/
.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 130px !important;
  height: 85px !important;
  font-size: 11px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}

/*-------------------------------------------------------------------*/
/* Click */
/*-------------------------------------------------------------------*/
.clickable
{
    cursor: pointer;
}

.clickable .glyphicon
{
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 6px;
    border-radius: 4px
}

.panel-heading span
{
    margin-top: -4px;
    font-size: 15px;
    margin-right: -9px;
}
a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }

.miga-de-pan{
 
 font-size: 12px;

}