@charset "utf-8";

a:link {
	color: #00315E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00315E;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #00315E;
}
@font-face {
font-family: 'tipo_sca';
src: url('../IMAGENES/tiposca.ttf') format("truetype");
}
@font-face {
    font-family: 'ubuntu';
    src: url('../IMAGENES/tiposca.ttf') format("truetype");
}
#flotante {
    position: absolute;
    display: none;
    font-family: Arial;
    font-size: 0.8em;
    border: 1px solid #947e60;
    border-radius: 8px;
    background-color: #fffdd9;
    padding: 5px;
    -webkit-box-shadow: 2px 0px 45px -2px rgba(0,0,0,0.63);
    -moz-box-shadow: 2px 0px 45px -2px rgba(0,0,0,0.63);
    box-shadow: 2px 0px 45px -2px rgba(0,0,0,0.63);
}

.Background {
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: 0.1;
}

.Popup {
    width: 932px;
    position: relative;
    margin: auto auto;
    padding: 5px 10px 13px 10px;
    border-radius: 10px;
    background: #fff;
    top: 0px;
    left: 0px;
    height: 567px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(246,246,246,1) 70%, rgba(237,237,237,1) 89%, rgba(222,222,222,1) 99%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(70%, rgba(246,246,246,1)), color-stop(89%, rgba(237,237,237,1)), color-stop(99%, rgba(222,222,222,1)), color-stop(100%, rgba(222,222,222,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(246,246,246,1) 70%, rgba(237,237,237,1) 89%, rgba(222,222,222,1) 99%, rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(246,246,246,1) 70%, rgba(237,237,237,1) 89%, rgba(222,222,222,1) 99%, rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(246,246,246,1) 70%, rgba(237,237,237,1) 89%, rgba(222,222,222,1) 99%, rgba(222,222,222,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(246,246,246,1) 70%, rgba(237,237,237,1) 89%, rgba(222,222,222,1) 99%, rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=1 );
    -webkit-box-shadow: 0px 17px 83px 5px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 17px 83px 5px rgba(0,0,0,0.43);
    box-shadow: 0px 17px 83px 5px rgba(0,0,0,0.43);
}

.modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

.center {
    z-index: 1000;
    margin: 250px auto;
    padding: 10px;
    width: 143px;
    background-color: White;
    border-radius: 10px;
    height: 123px;
    color: #333333;
    text-align: center;
}

    .center img {
        height: 128px;
        width: 128px;
    }

.Subtablalogin
{
position: relative;
padding: 15px;
color: #000;
background: #036;
border-radius: 10px;
background: #036;

-webkit-box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
        top: 0px;
        left: 0px;
    }
.Subtablalogin:after
{
content: "";
display: block; /* reduce the damage in FF3.0 */
position: absolute;
bottom: 410px;
left: 45%;
width: 0;
border-width: 0px 32px 32px;;
border-style: solid;
border-color: #036 transparent;
}
.Subtablalogin2
{
position: relative;
padding: 15px;
color: #000;
background: #036;
border-radius: 10px;
background: #036;

-webkit-box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
        top: 0px;
        left: 0px;
        height: 313px;
    }
	.Subtablalogin3
{
padding: 15px;
color: #000;
background: #036;
border-radius: 10px;
background: #036;

-webkit-box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
box-shadow: 0px 23px 41px 2px rgba(0,0,0,0.51);
        top: 0px;
        left: 0px;
        height: 313px;
    }
.Subtablalogin2:after
{
content: "";
display: block; /* reduce the damage in FF3.0 */
position: absolute;
bottom: 310px;
left: 45%;
width: 0;
border-width: 0px 32px 32px;;
border-style: solid;
border-color: #036 transparent;
}
.Tipo_ubuntu_textnormal2 {
    font: 12px "ubuntu";
    color: #00315E;
    font-size: 18px;
}

/* form starting stylings ------------------------------- */
.group 			  { 
position:relative; 
margin-bottom:25px; 
}
input 				{

padding:10px 10px 10px 5px;
display:block;
width:100%;
border:none;
border-bottom:1px solid #ffffff;
background-color:transparent;
color:white;
font: 18px "tipo_sca", sans-serif;
font-weight:bold;
}
input:focus
{ outline:none; }

/* LABEL ======================================= */
label.lbltext				 {
color:#fff; 
font: 13px "tipo_sca", sans-serif;
font-weight:normal;
position:absolute;
pointer-events:none;
left:5px;
top:10px;
transition:0.2s ease all; 
-moz-transition:0.2s ease all; 
-webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label.lbltext, input:valid ~ label.lbltext 		{
top:-20px;
font-size:14px;
color:#fff;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:300px; }
.bar:before, .bar:after 	{
content:'';
height:4px; 
width:0;
bottom:1px; 
position:absolute;
background:#0CF; 
transition:0.2s ease all; 
-moz-transition:0.2s ease all; 
-webkit-transition:0.2s ease all;
}
.bar:before {
left:50%;
}
.bar:after {
right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
position:absolute;
height:60%; 
width:100px; 
top:25%; 
left:0;
pointer-events:none;
opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
-webkit-animation:inputHighlighter 0.3s ease;
-moz-animation:inputHighlighter 0.3s ease;
animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
from { background:#5264AE; }
to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
from { background:#5264AE; }
to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
from { background:#5264AE; }
to 	{ width:0; background:transparent; }
}

.dropbtn 
{
    background-color: transparent;    
	font: 14px "tipo_sca", sans-serif;
	color: #036;
	font-weight: bold;
	text-align:start;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;	
    border-radius: 5px;
    text-align:left;
    min-width: 230px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font: 13px "ubuntu", sans-serif;
	color: #003366;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,fcfcfc+80,ffffff+100 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(252,252,252,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(252,252,252,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(252,252,252,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Links inside the dropdown */
.dropdown-content a 
{
    color: #003366;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
	background-color: #E2E2E2; border-radius: 0px;	
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn 
{
    background-color: transparent;  
}

       .floated_box {
 float: left;
 width: 150px;
 border-radius:10px; 
 margin: 10px;
}
.Subtitulo_ubuntu_blanco_normaltipe {
	font: 13px "tipo_sca", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.Subtitulo_ubuntu_blanco_extra {
	font: 25px "tipo_sca", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.Tipo_ubuntu_opcionesmenu {
	font: 22px "tipo_sca", sans-serif;
	color: #00315E;
}
.Subtitulo_ubuntu_azul_normaltipe {
	font: 13px "tipo_sca", sans-serif;
	color: #00315E;
	font-weight: bold;
}
.Tipo_ubuntu {
	font: 30px "tipo_sca", sans-serif;
	color: #002C53;
}
.Subtitulo_ubuntu_blanco {
	font: 15px "tipo_sca", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.textonormal {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
.textomenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.tituloscampos {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
}
.titulomodulo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #666;
}
.titulomenor {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.titulomenor-gris {
	color: #333333;
}
.titulomenor-gris {
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
	font-weight: bold;
}
.titulos-menu-derecha {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.pestaña_selected
{
background: rgba(0,17,31,1);
background: -moz-linear-gradient(top, rgba(0,17,31,1) 0%, rgba(0,44,83,1) 58%, rgba(0,44,83,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,17,31,1)), color-stop(58%, rgba(0,44,83,1)), color-stop(100%, rgba(0,44,83,1)));
background: -webkit-linear-gradient(top, rgba(0,17,31,1) 0%, rgba(0,44,83,1) 58%, rgba(0,44,83,1) 100%);
background: -o-linear-gradient(top, rgba(0,17,31,1) 0%, rgba(0,44,83,1) 58%, rgba(0,44,83,1) 100%);
background: -ms-linear-gradient(top, rgba(0,17,31,1) 0%, rgba(0,44,83,1) 58%, rgba(0,44,83,1) 100%);
background: linear-gradient(to bottom, rgba(0,17,31,1) 0%, rgba(0,44,83,1) 58%, rgba(0,44,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111f', endColorstr='#002c53', GradientType=0 );
}
.fondo_pestañas
.fondo_separadorpestañas2 {	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,44,83,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,44,83,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,44,83,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,44,83,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,44,83,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(0,44,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#002c53', GradientType=0 );
}
.Tipo_ubuntu_textnormal {
	font: 12px "ubuntu";
	color: #00315E;
	font-size: 18px;
}
.Ubuntu_tipo_grilla_normal {
	font: 11px "ubuntu";
	color: #00315E;
}
.buntu_tipo_subSilver {
	font: 12px "ubuntu";
	font-weight:bold;
	color: #666;
}
.myButton 
{
	font-size:1.1em; padding:4px 6px; 
	display:inline-block; margin:5px; 
	border-radius:6px; border:solid rgba(0,0,0,0.2); 
	border-width:1px 1px 5px; box-shadow:0 5px 0 rgba(0,0,0,0.1), inset 0 0 3px rgba(255,255,255,0.3); 
	cursor:pointer; user-select:none; 
	transition:0.4s ease;
	background:hsla(0, 0%, 100%, 1);
	
	font: 15px "tipo_sca", sans-serif;
	color: #666666;
	font-weight: bold;
}
.myButton:hover 
{
	transform:translateY(-3px); 
	box-shadow:0 6px 0 rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.4); 
	border-bottom-width:8px;
}
.myButton:active 
{
	position:relative;
	top:1px;
}
.textbox
        {
            font-size:16px; 
            border: 1px solid #b4b2b2;
            padding: 3px;
            border-radius:6px; 
            text-align:left; 
            box-shadow: 0px 0px 0px 0px rgba(42,42,42,.75); 
            outline:none;
            font-size: 15px;
        }
		.FONDO_BLANCO_DEGRADE_SCA
{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(235,235,235,1) 49%, rgba(224,220,224,1) 50%, rgba(255,255,255,1) 92%, rgba(230,230,230,1) 98%, rgba(255,255,255,1) 99%, rgba(133,131,133,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(255,255,255,1)), color-stop(49%, rgba(235,235,235,1)), color-stop(50%, rgba(224,220,224,1)), color-stop(92%, rgba(255,255,255,1)), color-stop(98%, rgba(230,230,230,1)), color-stop(99%, rgba(255,255,255,1)), color-stop(100%, rgba(133,131,133,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(235,235,235,1) 49%, rgba(224,220,224,1) 50%, rgba(255,255,255,1) 92%, rgba(230,230,230,1) 98%, rgba(255,255,255,1) 99%, rgba(133,131,133,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(235,235,235,1) 49%, rgba(224,220,224,1) 50%, rgba(255,255,255,1) 92%, rgba(230,230,230,1) 98%, rgba(255,255,255,1) 99%, rgba(133,131,133,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(235,235,235,1) 49%, rgba(224,220,224,1) 50%, rgba(255,255,255,1) 92%, rgba(230,230,230,1) 98%, rgba(255,255,255,1) 99%, rgba(133,131,133,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(235,235,235,1) 49%, rgba(224,220,224,1) 50%, rgba(255,255,255,1) 92%, rgba(230,230,230,1) 98%, rgba(255,255,255,1) 99%, rgba(133,131,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#858385', GradientType=0 );
}
.textbox_tablaredonda_azulEMIN
        {
            border: 1px solid #004C91;
            padding: 3px;
            border-radius:10px; 
            box-shadow: 0px 0px 0px 0px rgba(42,42,42,.75); 
            outline:none;
            background: -webkit-linear-gradient(top, #004C91, #004C91); 
            background: -moz-linear-gradient(top, #004C91, #004C91); 
            background: -o-linear-gradient(top, #004C91, #004C91); 
            background: -ms-linear-gradient(top, #004C91, #004C91);
        }
		.fondo_selected_verde_redondoesquinas
		{			
			border: 3px solid #66FF00;
			background:#6AC259;
            padding: 3px;
            border-radius:10px
		}

.textbox_tablaredonda_blanco_EMIN
        {
            border: 1px solid #FFFFFF;
            padding: 3px;
            border-radius:10px; 
            -webkit-box-shadow: inset 0px 0px 30px 6px rgba(50, 50, 50, 0.19);
            -moz-box-shadow:    inset 0px 0px 30px 6px rgba(50, 50, 50, 0.19);
            box-shadow:         inset 0px 0px 30px 6px rgba(50, 50, 50, 0.19);
            outline:none;
            background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); 
            background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); 
            background: -o-linear-gradient(top, #FFFFFF, #FFFFFF); 
            background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
        }
		.textbox_tablaredonda_blancoPURO_EMIN
        {
            border: 1px solid #FFFFFF;
            padding: 3px;
            border-radius:10px; 
            background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); 
            background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); 
            background: -o-linear-gradient(top, #FFFFFF, #FFFFFF); 
            background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
        }
		.textbox_tablaredonda_azul_soloSuperior
        {
            border: 0px solid #004C91;
            padding: 1px;
            border-radius:10px; 
            box-shadow: 0px 0px 0px 0px rgba(42,42,42,.75); 
            outline:none;
            background: -webkit-linear-gradient(top, #004C91, rgba(0,0,0,0.0));
            background: -moz-linear-gradient(top, #004C91, rgba(0,0,0,0.0)); 
            background: -o-linear-gradient(top, #004C91, rgba(0,0,0,0.0)); 
            background: -ms-linear-gradient(top, #004C91, rgba(0,0,0,0.0));
        }

		.TEXTBOX_SCA2
		{ 
		  border-style:solid; font-size:13px; border-radius:5px; border-width:1px; padding:8px; border-color:#a6a4a6; background-color:#ffffff; box-shadow          :inset 0px 0px 6px 0px rgba(42,42,42,.36);
          font: 13px "tipo_sca", sans-serif;
	      color: #00315E;
	      font-weight: bold;  
	}
	.Separador_bordesredondos
{
	display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #004C91;
    border-width: 0 0 2px 0;
    border-radius: 20px;
}
	.Separador_bordesredondos_blanco
{
	display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0 0 2px 0;
    border-radius: 20px;
}
	.Separador_bordesredondos_invertido
{
	display: block;
    content: "";
    height: 30px;
    margin-top: 0px;
	margin-bottom: 0px;
    border-style: solid;
    border-color: #004C91;
    border-width: 2px 0 0 0;
    border-radius: 20px;
}
	.Separador_bordesredondos_invertido2
{
	display: block;
    content: "";
    height: 30px;
    margin-top: -4px;
	margin-bottom: 0px;
    border-style: solid;
    border-color: #004C91;
    border-width: 2px 0 0 0;
    border-radius: 20px;
}
	.Separador_bordesredondos_invertido3
{
	display: block;
    content: "";
    height: 30px;
    margin-top: 0px;
	margin-bottom: -20px;
    border-style: solid;
    border-color: #004C91;
    border-width: 2px 0 0 0;
    border-radius: 20px;
}
.separador_degrade 
{ 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #00315E, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #00315E, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #00315E, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #00315E, #f0f0f0); 
}
.separador_degrade_TOS 
{ 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #00315E, #f0f0f0, #00315E);
  background-image: -moz-linear-gradient(left, #00315E, #f0f0f0, #00315E);
  background-image: -ms-linear-gradient(left, #00315E, #f0f0f0, #00315E);
  background-image: -o-linear-gradient(left, #00315E, #f0f0f0, #00315E); 
}
.triangle-isosceles 
{
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  background: #FFF;
  border: 3px solid #036;
  border-radius: 10px;
  background: linear-gradient(top, #036, #05A);
  
  font: 12px "tipo_sca", sans-serif;
	color: #036;
	font-weight: bold;
}

/* creates triangle */
.triangle-isosceles:after 
{
  content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  bottom: -15px;
  left: 40%;
  width: 0;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #036 transparent;
}
.cuadro_hora 
{
	position: relative;
	border: 3px solid #036;
	border-radius: 10px;
}
.triangle-isosceles_soloEspaciador 
{
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  background: #FFF;
  border: solid #CCC;
  border-width: 0 0 2px 0;
  border-radius: 10px;
  background: linear-gradient(top, #036, #05A);
  
  font: 12px "tipo_sca", sans-serif;
	color: #036;
	font-weight: bold;
}
.cuadro_hora:after 
{
	 content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  bottom: 24px;
  left: 20%;
  width: 0;
  border-width: 0px 10px 10px;
  border-style: solid;
  border-color: #036 transparent;
}
.scroller::-webkit-scrollbar 
{
    width: 10px;
    margin-right: 2px;
}
.cuadro_ficha 
{
	position: relative;
	border: 1px solid #036;
	border-radius: 10px;
}
.cuadro_ficha:after 
{
	 content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  bottom: -10px;
  left: 45%;
  width: 0;
  border-width: 8px 8px 0px;
  border-style: solid;
  border-color: #036 transparent;
}

.cuadro_nombreuser
{
	font-size:1.1em; padding:4px 6px; 
	display:inline-block; margin:5px; 
	border-radius:6px; border:solid rgba(0,0,0,0.2); 
	border-width:1px 1px 5px; box-shadow:0 5px 0 rgba(0,0,0,0.1), inset 0 0 3px rgba(255,255,255,0.3); 
	transition:0.4s ease;
	background:hsla(0, 0%, 100%, 1);
	
	font: 15px "tipo_sca", sans-serif;
	color: #666666;
	font-weight: bold;
}
.cuadro_nombreuser:after 
{
	 content: "";
  display: block; /* reduce the damage in FF3.0 */
  position: absolute;
  bottom: -10px;
  left: 45%;
  width: 0;
  border-width: 10px 10px 0px;
  border-style: solid;
  border-color: #CCC transparent;
}
.scroller::-webkit-scrollbar 
{
    width: 10px;
    margin-right: 2px;
}
.scroller::-webkit-scrollbar-track 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
    background-color: #FFFFFF;
}

.scroller::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background-color: #003E75;
}
.borde_redondoyazul_sinfndo {
	
	border: 2px solid #004C91;
	border-radius: 10px;
	padding: 2px;
}
.BTN_SIRS 
{	
	font-size:1.1em; padding:4px 6px; 
	display:inline-block; margin:5px; 
	border-radius:6px; border:solid rgba(0,0,0,0.2); 
	border-width:1px 1px 5px; box-shadow:0 5px 0 rgba(0,0,0,0.1), inset 0 0 3px rgba(255,255,255,0.3); 
	cursor:pointer; user-select:none; 
	transition:0.4s ease;
	background:hsla(209, 100%, 28%, 1);
	
	font: 15px "tipo_sca", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.BTN_SIRS:hover 
{
	transform:translateY(-3px); 
	box-shadow:0 6px 0 rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.4); 
	border-bottom-width:8px;
}
.BTN_SIRS:active 
{
	position:relative;
	top:1px;
}
.CHECKBOX_GRANDE
{
  width:23px; height:23px;     	
  vertical-align:middle;
  horizontal-align:center;
  font: 12px "tipo_sca", sans-serif;
}
	.Separador_bordesredondos_gris
{
	display: block;
    content: "";
    height: 30px;
    margin-top: -21px;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 2px 0;
    border-radius: 20px;
}
.Separador_bordesredondos_gris_TITULOS
{
	display: block;
    content: "";
    height: 20px;
    margin-top: -20px;
	margin-left: -12px;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 2px 0;
    border-radius: 20px;
	width:95%;
}

.TFtable tr:nth-child(even) 
{
	background-color:#f2f2f2;
}
label.css-label
{
  width:60px;
  height:28px;
  box-sizing:border-box;
  border:2px solid;
  float:left;
  border-radius:100px;
  color:white;
  position:relative;
  cursor:pointer;
  transition:.3s ease;
}
input[type=checkbox].css-checkbox
{
	display:none;
}
input[type=checkbox].css-checkbox:checked + label.css-label
{
  background:white;
}
input[type=checkbox].css-checkbox:checked + label.css-label:before
{
  left:30px;
}
label.css-label:before{
  transition:.3s ease;
  content:'';
  width:25px;
  height:20px;
  position:absolute;
  background:white;
  left:2px;
  top:2px;
  box-sizing:border-box;
  border:2px solid;
  color:white;
  border-radius:100px;
}
.fondo_sca_titulopage
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+6,f1f1f1+28,f1f1f1+28,f1f1f1+30,e1e1e1+30,e1e1e1+30,e1e1e1+36,f6f6f6+88,cecece+89,cecece+89,f2f2f2+93,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 6%, #f1f1f1 28%, #f1f1f1 28%, #f1f1f1 30%, #e1e1e1 30%, #e1e1e1 30%, #e1e1e1 36%, #f6f6f6 88%, #cecece 89%, #cecece 89%, #f2f2f2 93%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 6%,#f1f1f1 28%,#f1f1f1 28%,#f1f1f1 30%,#e1e1e1 30%,#e1e1e1 30%,#e1e1e1 36%,#f6f6f6 88%,#cecece 89%,#cecece 89%,#f2f2f2 93%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 6%,#f1f1f1 28%,#f1f1f1 28%,#f1f1f1 30%,#e1e1e1 30%,#e1e1e1 30%,#e1e1e1 36%,#f6f6f6 88%,#cecece 89%,#cecece 89%,#f2f2f2 93%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.fondo_opcionSCA 
{
	position: relative;
	top:-2px;
	border: 2px solid #CCC;
	border-bottom-color: #036;
	border-top-left-radius: 10px;
	border-top-right-radius: 20px;
	
	font: 12px "tipo_sca", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	height:30px;	
	
}
.fondo_opcionSCA a:hover
{
	color:white;
}
td.fondo_opcionSCA:hover
{
	background-color: #036;
}
.fondo_opcionSCA_SELECTED 
{
	position: relative;
	top:-2px;
	border: 2px solid #036;
	border-top-left-radius: 10px;
	border-top-right-radius: 20px;
	background-color:#036;
	
	font: 12px "tipo_sca", sans-serif;
	color: white;
	font-weight: bold;
}
    .fondo_opcionSCA_SELECTED a:active {
        color: white;
    }

    .fondo_opcionSCA_SELECTED a:link {
        color: white;
    }

    .fondo_opcionSCA_SELECTED a:visited {
        color: white;
    }
.fondo_tabla_menuSCA
{
   display: block;
   content: "";
   height: 105px;
   margin-top: 0px;
   border-style: solid;
   border-color: #004C91;
   border-width: 0 0 2px 0;
   border-radius: 20px;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(241,241,241,1) 93%, rgba(246,246,246,1) 98%, rgba(246,246,246,1) 98%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(241,241,241,1) 93%,rgba(246,246,246,1) 98%,rgba(246,246,246,1) 98%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(241,241,241,1) 93%,rgba(246,246,246,1) 98%,rgba(246,246,246,1) 98%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.Separador_superusuario
{
	display: block;
    content: "";
    height: 30px;
    margin-top: -21px;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 0 2px 0;
    border-radius: 20px;	
}
.dropbtn 
{
    background-color: transparent;    
	font: 14px "tipo_sca", sans-serif;
	color: #036;
	font-weight: bold;
	text-align:start;
    border: none;
    cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown 
{
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content 
{
    display: none;
    position: absolute;	
    border-radius: 5px;
    text-align:left;
    min-width: 310px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font: 13px "ubuntu", sans-serif;
	color: #003366;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,fcfcfc+80,ffffff+100 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(252,252,252,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(252,252,252,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(252,252,252,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Links inside the dropdown */
.dropdown-content a 
{
    color: #003366;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover 
{
	background-color: #E2E2E2; border-radius: 0px;	
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn 
{
    background-color: transparent;  
}
#flotante
	{
		position: absolute;
		display:none;
		font-family:Arial;
		font-size:0.8em;
		border:1px solid #947e60;
		border-radius: 8px;
		background-color:#fffdd9;
		padding:5px;
		-webkit-box-shadow: 2px 0px 45px -2px rgba(0,0,0,0.63);
        -moz-box-shadow: 2px 0px 45px -2px rgba(0,0,0,0.63);
        box-shadow: 2px 0px 45px -2px rgba(0,0,0,0.63);
	}
.fondo_degradeEMIN
{
	background: rgba(0,51,102,1);
background: -moz-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(0,51,102,1) 53%, rgba(0,33,66,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,51,102,1)), color-stop(53%, rgba(0,51,102,1)), color-stop(100%, rgba(0,33,66,1)));
background: -webkit-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(0,51,102,1) 53%, rgba(0,33,66,1) 100%);
background: -o-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(0,51,102,1) 53%, rgba(0,33,66,1) 100%);
background: -ms-linear-gradient(top, rgba(0,51,102,1) 0%, rgba(0,51,102,1) 53%, rgba(0,33,66,1) 100%);
background: linear-gradient(to bottom, rgba(0,51,102,1) 0%, rgba(0,51,102,1) 53%, rgba(0,33,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#002142', GradientType=0 );
border-radius: 10px 10px 10px 10px;
}
.ttable td{padding: 30px;}
.ttable tr:nth-child(odd){background-color: #4C8BF5; color: #fff;}
@keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 60px 0;
    }
}

@keyframes auto-progress {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.progress-bar {
    background-color: #030;
    height: 55px;
    width: 215px;
    border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}

.stripes {
    background-size: 30px 30px;
    background-image: linear-gradient(
        135deg,
        rgba(255, 255, 255, .15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, .15) 50%,
        rgba(255, 255, 255, .15) 75%,
        transparent 75%,
        transparent
    );
}

.stripes.animated {
  animation: animate-stripes 0.6s linear infinite;
}

.stripes.animated.slower {
  animation-duration: 1.25s;
}

.stripes.reverse {
  animation-direction: reverse;
}

.progress-bar-inner {
  display: block;
  height: 45px;
  width: 0%;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
  position: relative;
  animation: auto-progress 10s infinite linear;
}
.sidebar {
  padding: 5px;
  width: 99.8%;
  color: #fff;
  
background: rgba(212,228,239,1);
background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 93%, rgba(134,174,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(93%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 93%, rgba(134,174,204,1) 100%);
background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 93%, rgba(134,174,204,1) 100%);
background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 93%, rgba(134,174,204,1) 100%);
background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(212,228,239,1) 93%, rgba(134,174,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=0 );


}
.sidebar h3 {
  margin: 0;
}
.content,
.sidebar {
  float: left;
}


/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.vinculos_colab {
    font: 15px "tipo_sca", sans-serif;
    color: white !important;
    font-weight: bold;
}
.vinculos_colab:hover 
{
        color: #fffa00 !important;
}