/* ------------------------------------------------------------
** ESTILOS GENERALES
** ------------------------------------------------------------ */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';

body
{
    font-family: 'Open Sans', arial;
    font-size: medium;
}

.jumbotron
{
	background:#6699cc;
	color:#fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.jumbotron h1,
.jumbotron .h1
{
    margin: 0px;
}
.categoria
{
    padding: 2px;
    background-color: #eee;
    border-radius: 5px;
}

@media screen and (min-width: 768px)
{
  .jumbotron {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 48px;
    margin: 0px;
  }
}

.social
{
    height: 48px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

.social:hover
{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.footer
{
    margin-top: 20px;
    border-top: 5px solid #5985b2;
    background-color: #192633;
    color: #AAAAAA;
    padding: 20px 20px 30px 20px;
}

.footer a
{
	color: #6699cc;
	text-decoration: none;
}

.footer a:hover
{
    color: #EEEEEE;
    text-decoration: none;
}

/* ------------------------------------------------------------
** MINIATURAS
** ------------------------------------------------------------ */

.miniatura:hover, .miniatura:visited, .miniatura:focus, .miniatura:active
{
    text-decoration: none;
}

.miniatura .txt
{
    font-family: inherit;
    font-size: small;
    text-align: center;
    padding: 5px 0px 10px 0px;
}

.miniatura .img
{
    text-align: center;
    border: 2px solid #CCCCCC;
    padding: 2px;
}

.miniatura:hover .img
{
    border: 2px solid #666666;
    filter: brightness(0.75);
}

/* ------------------------------------------------------------
** ESTILOS PARA MANEJAR TABS
** ------------------------------------------------------------ */

.tab
{
    padding-top  : 10px;
    overflow     : hidden;
    border-bottom: 1px solid #5985b2;
    background-color: #ffffff;
}

.tab button
{
    background-color: inherit;
    color      : #5985b2;
    float      : left;
    border     : none;
    outline    : none;
    cursor     : pointer;
    padding    : 14px 16px;
    font-family: inherit;
    font-size  : inherit;
    font-weight: bold;
    transition : 0.3s;
}

.tab button:hover
{
    color: #192633;
}

.tab button.active
{
    color: #ffffff;
    background-color: #5985b2;
}

.tabcontent
{
    display: none;
    padding: 6px 12px;
}

/* ------------------------------------------------------------
** SCROLL BAR
** ------------------------------------------------------------
** $darkGray  : #222;
** $mediumGray: #999;
** $gray      : #d9d9d9;
** $lightGray : #f5f5f5
** ------------------------------------------------------------ */

::-webkit-scrollbar
{
    width : 5px;
    height: 5px;
}

::-webkit-scrollbar-track
{
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb
{
    background: #999;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb:hover
{
    background: #888;
}