/* CSS Document */
/* navbar - menu*/

.navbar-default {
    background-color: #E64D26;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #FFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #222222;
    color: #FFF;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #222222;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #E64D26;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFF;
    }
}
/* fin - navbar - menu*/

/* cambiar de color cuando poner el mouse*/
a:hover{

	color: #E64D26;
    text-decoration: none;
}

/*cambiar de color a box cuando escribes*/
.form-control:focus {
	border-color: #E64D26;
	box-shadow: inset 0 1px 1px rgba(85, 121, 37, 1), 0 0 8px rgba(85, 121, 37, 1);
}

/* colores */
.plomo{
	color: #666666;
}
.plomoclaro{
	color: #e4e4e4;
}
.celeste{
	color: #a0caf9;
}
.blanco{
	color: #ffffff;
}
.verde{
	color: #51A32B;
}
.rojo{
	color:#ff3e3e;
}
.amarillo{
	color:#D8CB16
}
.azul{
	color: #367AD7;
}
.verdeoscuro{
	color: #324915;
}

/* Posiciones */
.izquierdo{
	text-align: left;
}
.medio{
	text-align: center;
}
.derecho{
	text-align: right;
}
.justificado{
	text-align:justify;
}

/* Fondos */
.fondopie{
	background: #363435;
}
.fondofirma{
	background: #242424;
}
.fondoverde{
    background: #557926;
}

.fondorojo{
    background: #E64D26;
}

/* Margenes */
.margenvertical{
	margin-top:30px;/* Margen superior (margin separa las divisiones)*/
	margin-bottom:0px;	/* Margen inferior */
}
.margenpie{
	padding:15px;/* Anchura de todas las zonas de relleno (padding separa el texto)*/
}
.margenfirma{
	padding-top:10px;
}
.oculto{
    display:none;
}
.video-responsive{
    width:100%;
}

/*Menu izquierda*/
.caret-container {
    float: right;
}

.nav-container {

    background-color: #E64D26;
    text-transform: uppercase;
    font-weight: bold;
    background-image: none;
    color: #ffffff;
    padding:10px;

}

.nav-sub-container {
    background-color: #dff0d8;
    font-weight: bold;
    cursor: pointer;
    color: #222222;

}

ul.nav-stacked ul.nav-stacked > a {
    color: #222222;
    padding-left: 30px;

}

ul.nav-stacked ul.nav-stacked > li {
    color: #222222;
    background-color: #f2f2f2;

}

ul.nav-stacked ul.nav-stacked > li > a:hover,
ul.nav-stacked ul.nav-stacked > li > a:focus {
    background-color: #222222;
    color: #ffffff;
}

/*Lista*/
.panel > .panel-heading {
    background-image: none;
    background-color: #e7e6a8;
    color: #444444;

}

.panel > .panel-footer {
    background-image: none;
    background-color: #f6f5bf;
    color: #444444;

}

#chatbox {
    text-align:left;
    margin:10px;
    margin-bottom:25px;
    padding:10px;
    background:#fff;
    height:250px;
    width:90%;
    /*border:1px solid #ACD8F0;*/
    overflow:auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.instructor{
    margin-left: 10px;
}

.listacurso{
    margin-bottom: 20px;
}

.boton2 {
    border: 1px solid #2e518b; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: #E64D26; /*color botón*/
    color: #ffffff; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
    border-radius: 50px; /*bordes redondos*/

}





.video-responsive2 {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-responsive2 iframe, .video-responsive2 object, .video-responsive2 embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}