@font-face {
    font-family: startrek;
    src: url(../fonts/star_trek_future.ttf);
}
hr.star-light:after,
hr.star-primary:after {
    content: "£";
    font-family: startrek;
    font-size: 5rem;
}
/*
hr.star-light::after,
hr.star-primary::after {
content: "£";
font-family: startrek;
font-size: 5rem;
}
*/
a.navbar-brand{
    /*  #fbae22 */
    color:rgba(251,174,34,1) !important;	
    text-shadow:0 0 5px white;
}
#sobremi a:focus {
    width:0px;height:0px;outline:0px;
}
/* logo yo */
.jazimg1{
    display:block;
    position: fixed;
    left:0;	
    top: 0;
    z-index: 10;
}

.jazimg2{
    display:block;
    position: fixed;
    /*right:10px;*/
    left:48%;
    top:20px;
    z-index: 10;
}
@media (max-width: 767px){
    .jazimg1{
        display: none !important;
    }
    .jazimg2{
        top:0;
    }
}
@media (min-width: 768px) and (max-width: 880px){
    a.navbar-brand{
        transform:translate(70px,0);
    }
}
/**************************************/
/*color menu*/
.navbar-custom .navbar-nav li a:hover{
    color:rgba(251,174,34,1);	
}
.navbar-custom .navbar-nav li.active a:hover, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:active{
    background:rgba(251,174,34,1);
}
.navbar-custom .navbar-nav li.active a{
    background:rgba(251,174,34,1);
}
/*************************************/
header{
    background: #fbae22;
}
hr.star-light:after {
    background-color: #fbae22;
    color: white;
}
header img{	
    cursor: pointer;
}
header img:hover{	
    transition:all 1s !important;
    transform: rotate(360deg) !important;	
}
/**********************************************/
#portfolio .portfolio-item .portfolio-link .caption{
    background: rgba(251,200,34,0.9);
}
section.success{
    background: #fbae22;
}
#btn1{
    background: #fbae22 !important;
    border-color: rgba(251,174,100,1);
}
#btn1:hover{
    background: rgba(251,200,34,1) !important;
}

/* icono subir */

#iconup{
    display: block;
    display: none;
    width: 4rem;
    height:4rem;
    border-radius: 50%;
    border: 1px solid grey;
    background-color: rgba(128, 128, 128, 0.5);
    text-decoration: none;
    text-align: center;
    line-height: 3.5rem;
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    z-index: 100;
}
#iconup>span{
    font-size: 2rem;
    color:rgba(255,255,255,1);
}

#iconup:hover{
    background-color: rgba(128, 128, 128,1);
}
#iconup:hover>span{
    color:rgba(251,174,34,1);
}
/***********************************/
.acceso{
/*    position: relative;*/
/*    float: right;*/
    /*margin-left: 120%;*/
/*    width: 100px;*/
    text-align: center;	
/*    z-index: 100;*/   
}
/************** formulario de acceso ****************************/
#formulario{
    background-color: #2c3e50;
    text-align: center;
}
.ui-widget-header{
    background:  #fbae22;
}
.ui-dialog .ui-dialog-titlebar-close{
    background-color: #2c3e50;
}
.ui-dialog .ui-dialog-titlebar-close::after{
    position: relative;
    content: "x";
    font-size: 2rem;
   top: -10px
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #666666;
    background: #555555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eeeeee;
}
/************* modal ejercicios ****************************/
.ejercicios .modal-content img{
    width: 35%;
}
/************************************/

input{
    color:darkblue;
}