@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 100px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 100px;
    background-color: #f5f5f5;
    padding-top: 20px;
}

/* Custom page CSS
-------------------------------------------------- */
.navbar-big{
    height: 105px;
    border-top: 10px solid #e5e5e5;
}

.bg-home{
	position: absolute;
	top: 105px;
	background: #02172c url("../img/bg-home.jpg") no-repeat center 50%;
    background-size: 100% auto;
	/*background: #333;*/
	bottom: 100px;
	left:0;
	right:0;
	z-index:-1;
}
body>.container{
    padding-top: 115px;
    padding-bottom: 20px;
}

.navbar-brand{
    height: auto;
}

.navbar-default .navbar-nav>li>a{
    border-top: transparent solid 3px;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>li>a:hover{
    color: #712043;
    border-top: #712043 solid 3px;
    background: none;
}
.navbar-default .navbar-nav>.active>a:hover{
    color:#712043;
    background: none;
}
/*.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    border-top: #712043 solid 3px;
    color: #712043;
    background: none;
}*/
.navbar-default .navbar-collapse{background:rgb(248, 248, 248);}

@media (min-width: 768px){
    .navbar-nav>li>a {
        padding-top: 30px;
        padding-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .bg-home{background-size: auto;}
}

/*@media (max-width: 1024px){
    .bg-home{background-size: 100% auto;}
}*/

.nav>li>a {
    padding-left: 2px;
    padding-right: 2px;
    margin: 0 15px;
}

.jumbotron{background: none;color: #fff;text-shadow:0 0 7px rgba(0,0,0,.9);font-family: Roboto}
.jumbotron h1{font-size: 60px}
.jumbotron h2{margin-bottom: 20px}
.jumbotron p.text-nota{font-size: 15px}
.jumbotron p.text-nota a{text-decoration: none;color: #FF9800}
.jumbotron p.text-nota a:hover{color: #FFC107;}

.row-circulos .thumbnail{
	background: none;
	border: none;
        display: inline-block;
}
.row-circulos .thumbnail:focus{
	outline: none;
}
.row-circulos a:hover .img-container{
	/*box-shadow: 0px 0px 0 7px #6B2142;*/
	box-shadow: 0px 0px 5px 3px #6B2142;
}
.row-circulos .img-container{
	width: 193px;
	height: 193px;
	border-radius: 97px;
	/*background: #000;*/
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,.3);
}

.btn-purpura{
    font-size: 14px;
    font-weight: bold;
    padding: 16px 36px;
    background: #9e0039;
    border-color: #7d012e;
}
.btn-purpura:hover,.btn-purpura:active,.btn-purpura:focus,.btn-purpura:active:focus{
    background: #b80143;
    border-color: #9e0039;
}

.footer a{color:#777}
.footer a:hover{color:#000}

article h1{
	font-size: 26px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: Roboto;
}

article h3{
	font-size: 18px;
	font-weight: bold;
}
article h4{font-size: 16px;margin-top: 20px;font-weight: bold;}

.ribbon {
  background-color: #a00;
  overflow: hidden;
  white-space: nowrap;
  /* top left corner */
  position: fixed;
  left: -50px;
  top: 40px;
  z-index: 9999;
  /* 45 deg ccw rotation */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  /* shadow */
  -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}
.ribbon a {
  border: 1px solid #faa;
  color: #fff;
  display: block;
  font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 1px 0;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  /* shadow */
  text-shadow: 0 0 5px #444;
}

a#arrow-up{
    width: 64px;
    height: 64px;
    background:transparent url(../img/icon-up.png) no-repeat center center;
    border-radius: 5px;
    z-index: 9999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all .3s ease-in;
    display: none;
    outline: none;
}

a#arrow-up:hover{
    background-color: rgba(0,0,0,.2);
}
/*
OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }*/

.panel-title>a{display:block}