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

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

body
{
    color       : #000000;
    margin      : 0px;
    font-family : 'Open Sans',Arial,sans-serif;
    font-weight : normal;
    font-variant: normal;
    font-style  : normal;
    font-size   : medium;
    white-space : normal;
}

a, a:hover, a:focus
{
    text-decoration: none;
    outline: 0px auto -webkit-focus-ring-color;
}

td, th
{
    font-size: inherit;
}

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

textarea
{
    padding: 10px;
    font-family : courier, consolas;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
}

form
{
    font-size: 14px;
}

.form-control
{
    color: #000000;
}

#cnv
{
    border : 1px solid #ccc;
    display: none;
}

#hlp
{
    border: 1px solid #ccc;
    font-family: courier, consolas;
    font-size  : 8pt;
}

#out
{
    border : 1px solid #ccc;
    width  : 100%;
    display: none;
    resize : none;
    border-radius: 0px;
}

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

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

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

.anchor
{
    position: relative;
    display : block;
    top     : -60px;
}

.adsense
{
    padding-top   : 20px;
    padding-bottom: 20px;
    text-align    : center;
}

.mobile
{
    padding-top   : 0px;
    padding-bottom: 20px;
    text-align    : center;
}

.vinculos
{
    padding-top: 5px;
    text-align : center;
    padding-bottom: 15px;
}

.img-user
{
    margin    : -10px -8px -10px -8px;
    max-height: 40px;
    max-width : 40px;
}

.img-social
{
    margin: 0px 4px 10px 0px;
    _width : 32px;
    _height: 32px;
    border-radius: 0px;
}

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

/* --------------- */
/* -- ANIMACION -- */
/* --------------- */

.img-animate-zoom
{
    animation: zoom .2s ease-in-out infinite alternate;
    -webkit-animation: zoom .5s ease-in-out infinite alternate;
}

.img-animate-spin
{
    -animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
}

@-webkit-keyframes zoom
{
    0% {-webkit-transform: scale(1.0); transform: scale(1.0);}
    100% {-webkit-transform: scale(0.8); transform: scale(0.8);}
}

@-webkit-keyframes spin
{
    from { -webkit-transform: rotate(0deg); transform: scale(1) rotate(0deg);}
    to { -webkit-transform: rotate(360deg); transform: scale(1) rotate(360deg);}
}

/* ------------------------- */
/* -- BARRA DE NAVEGACION -- */
/* ------------------------- */

.navbar-brand
{
    font-family: Anton, impact, arial;
    font-weight: normal;
    font-size: 20px;
}

.navbar-nav
{
    font-family: inherit;
    font-weight: normal;
    font-size  : 14px;
}

.navbar-inverse .navbar-nav>li>a:hover
{
    background-color: #334c66;
    border-color: #334c66;
}

.navbar-inverse
{
    background-color: #26394c;
    border-color: #26394c;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{
    color: #fff;
    background-color: #334c66;
}

.navbar-inverse .navbar-nav>li>a
{
    color: #CCCCCC;
    outline: none;
}

.navbar-inverse .navbar-brand
{
    color: #CCCCCC;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
    background-color: #334c66;
}
.navbar-inverse .navbar-toggle
{
    border-color: #334c66;
}

.dropdown-menu>li>a:hover
{
    background-color: #DDDDDD;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover
{
    color: #808080;
}

/* ---------------- */
/* -- CELULARES  -- */
/* ---------------- */

@media (max-width: 767px)
{
    .navbar-brand
    {
        font-size: 18px;
    }
}

/* --------------- */
/* -- BOTON TOP -- */
/* --------------- */

#myTopBtn
{
    display  : none;        /* Hidden by default */
    position : fixed;       /* Fixed/sticky position */
    bottom   : 20px;        /* Place the button at the bottom of the page */
    right    : 30px;        /* Place the button 30px from the right */
    z-index  : 99;          /* Make sure it does not overlap */
    border   : none;        /* Remove borders */
    outline  : none;        /* Remove outline */
    font-size: 18px;        /* Increase font size */
    color    : white;       /* Text color */
    cursor   : pointer;     /* Add a mouse pointer on hover */
    padding  : 15px;        /* Some padding */
    background-color: #555; /* Set a background color */
    border-radius: 10px;    /* Rounded corners */
    opacity  : 0.8;
    filter   : alpha(opacity=80); /* For IE8 and earlier */
}

#myTopBtn:hover
{
    background-color: #222; /* Add a dark-grey background on hover */
}