/*ajax load*/
.working{position: relative;}
.working:after{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .8;
    background: rgba(247, 247, 247, 1) url('../images/load.svg') no-repeat center center;
    z-index: 999;
}

/*clase para los errores*/
.error {
    color: #ff0000;
    font-weight: normal;
}
/* =========================================================== */
.header{
    background: #CEECF5;
/* 	height: 66px; */
}
.seccion-top{    
	height: 80px;
    margin-top: -20px;
	margin-bottom: 5px;
	padding-top: 2px;
}
.logo{	
	background-repeat: no-repeat;
	background-position: center;
/*  	padding-top: 20px;  */
/* 	height: 126px; */
}
.titulo{
	text-align: center;
    color:#0080FF;
}
.titulo a {
	text-decoration:none;
}
.titulo a:hover{
	color: #013ADF;
}
.box_login {
	text-align: center;	
 	height: 80px; /* 66px; */
    color: #585858;
}


.box_login a {
	text-decoration: none;
    color:#585858;
}
.box_login a:hover {
/* 	color: #36ADB3; */
    color: #000;
}

.login_img{
		background-image: url('../images/icons/user.png');
		background-repeat: no-repeat;
	background-position: top;
/*	text-align: center;*/	
	width: 64px;
	height: 34px;
	
}
.login_img:hover {
	background-color:red;
	background-image: url('../images/icons/user-turquesa-32x32.png');	
	background-repeat: no-repeat;
	background-position: top;
	
}
/*.img_user{
	background-image: url('../images/icons/user.png');
	background-repeat: no-repeat;
	background-position: top;

	
}*/
/*
.img_user:hover{
	background-image: url('../images/icons/user-turquesa-32x32.png');	
	background-repeat: no-repeat;
	background-position: top;
}*/

.aside{
	background: #F6CEEC;
	height: 434px;
}

#principal {
	height: auto; /*640px;*/
 } 
#header {
    height: auto; /*80px;*/
}
#footer{
	height: 150px;
}
.footer{
    background: #F2F2F2;
    color: #848484;
	text-align: center;	
}
.footer-logo {
 	padding-top: 24px; 
 	 
}
/* .footer-center {
	position: relative;
	padding-top: 56px;
} */
/* .footer-left{
	background-image: url('../images/logo-pais-digital-64x64.png');
	height: 86px;
    color:red;
    background-repeat: no-repeat;
	background-position: center;
}  */
/* .footer-right {
	background-image: url('../images/logo-modernizacion-310x64.png');
	height: 86px;
	background-repeat: no-repeat;
	background-position: center;
} */

.formulario {
	border: 1px solid #D8D8D8;
	padding: 15px;
/* 	background:  #FBEFFB; */
	border-radius: 5px;
}
.leyenda {
	font-size: 1.2em;
	text-align: center;
	border: none;
	width: inherit;
	padding: 0 10px;
	
}
.resaltado {
	background: #F5F6CE;
}
.align-derecha {
	text-align: right;
	float: right;
}
.mensajeOk {
	color: green;
}
.mensajeError{
	color: red;
}
.bordeSuperior{
	border-top: 1px solid #D8D8D8;
	padding-top:10px;
}
/*                                             */
/* menu operation -- iconos edit, delete, send */
/*                                             */ 
.operation a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:22px;
  height:22px;	
}
.operation a:hover { background-position: 0 -22px; text-decoration: none; }
.operation .alt { display:none; }
.operation a#enviar { background-image: url(../images/icons/operations/send.png) }
.operation a#editar { background-image: url(../images/icons/operations/edit.png) }
.operation a#eliminar { background-image: url(../images/icons/operations/delete.png) }
.operation a#eliminar-digesto { background-image: url(../images/icons/operations/digesto-delete.png) }
.operation a#agregar-digesto { background-image: url(../images/icons/operations/digesto-agregar.png) }
.operation a#adjuntar { background-image: url(../images/icons/operations/attach.png) }


/* estilo para mostrar el borde de un input/textarea */
.error {
  border-color: red;
}

.warning {
  border-color: yellow;
}
.submenu-item {
	padding-top: 8px;
}

@media (max-width: 768px) {
    * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
}
 /*css para menus*/
.activo {
    background: #314C63 !important; 
    border-left: 12px solid #C9E7FF;
    color: #FFF;

}

#menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 180px;
    font-size: 11pt;
    
}
#menu ul li {
      background-color: #3C709A;
}

#menu ul li a {

    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 10px 10px 10px 20px;
    color: #fff;
}

.menu-rigth {
	text-align:center;
	/*border-right: 1px solid #A4A4A4;*/
}

.fondo-capa {
	background-color: gray;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 7px, rgba(255,255,255,.5) 7px, rgba(255,255,255,.5) 14px),
                      repeating-linear-gradient(180deg, transparent, transparent 7px, rgba(255,255,255,.5) 7px, rgba(255,255,255,.5) 14px);
}

.box-logo {
	margin: 15 15 15 15px;
/* 	margin-left: 15px; */
/* 	margin-rigth: 15px; */
	background-color:  rgba(247, 247, 247, 1);
}
.box-foto-perfil {
	background: #E4E4E4;
	height: 100%;
	width: 100%;
	/*float: none;*/
    /*position: relative;*/
    margin: 0 auto;
    top: 7px;
    border: 1px solid #A4A4A4;
}
.foto-perfil {
	width: 100%;
	height: 100%;
	
}

.thumb{
     height: 300px;
     border: 1px solid #000;
     margin: 10px 5px 0 0;
}

/*
 * Estilo para la carga de archivo :: upload
 */
.vista-previa {
    height: 90px;
    float: none;
    position: relative;
    padding: 5px;
} 

form .progress {
    line-height: 125%;
}

.progress {
    display: inline-block;
    width: 100%;
    border: 1px solid #CCC;
}

.progress div {
    font-size: medium;
    background: #81DAF5;
    width: 0;
    hight: 100%;
}

/**
 *  
 *
 */
.error-msj {
	border: 1px solid red;
	background: yellow;
}
.error-msj b {
	color: red;
}

.block-ui-estilo .block-ui-message {
/* 	width: 100%; */
	border-radius: 0px;
	text-align: center;
	background-color: #1C1C1C;
    color: #f5f5f5;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
}

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width:500px;
    height:350px;
    border: 1px solid #A4A4A4;
}

.box-barProgress {
	margin-top: 16px;
}
.estilo-tabla {
	border-left: 1px solid black;
}
.barra-separadora {
	height: 24px;
}
.open-txt {
	color: #04B404;
}
.close-txt {
	color: #FA8258;
}
.close-txt a {
	color: #FA8258;
}
.espacio-boton {
	width: 16px;
}
.activelo {
	background: #D8D8D8;
	border-left: 3px solid #2E9AFE;
}
.activoNavbarTop {
	background: #D8D8D8;
	border-bottom: 3px solid #2E9AFE;
}

.navbar-default .navbar-nav > li > a  {
	color: #2E2E2E;
}
.enviado {
	color: #848484;
}
.enviado > td > a {
	color: #819FF7;
}
.fila-resaltada {
	background: #EFF2FB;
	border: 2px solid #2E2EFE;
}
.navbar-brand {
	font-size: small;
	padding: 4px 15px 4px 15px;
	text-align:center;
	border-right: 2px solid #e7e7e7;
}


/*
   *********************************
*/

.titulo-reproductor {
	display: inline-block;
	text-align: left;
	float: left;
	width: 940px;
	height: 32px;
/* 	background: #BDBDBD; */
    border: solid 1px red;
}
.titulo-screen {
	float: left;
	width: 640px;
/* 	height: 32px; */
	font-weight: bold; 
}
.titulo-lista {
	float:left;
	text-align: center;
	width: 300px;
/* 	height: 32px; */
	font-weight: bold; 
}
.reproductor {
	text-align: left;
	width:940px;
}
.screen {
    float: left;
    width: 640px;
    height: 480px;
   	background: #2e3436;
	
}
.lista-reproduccion {
 	float: left; 
	width: 300px;
	height: 480px;
	background: #2e3436;
	overflow-y: scroll;
}
.item-lista {
	float: left;
	width:100%;
	color: #BDBDBD;
	border-bottom: 1px solid #1C1C1C;  
}
.miniatura {
	float:left;
	margin: 4px;
/* 	background: white; */
}

.lista-item {
	list-style: none;
	margin-left: -30px;
}
.lista-item  li {
	width: 100%;
	height: 76px;
	color: #babdb6;
	border-bottom: 1px solid #1C1C1C;  
	padding: 4px;
}
.lista-item li a {
	color: #888a85;
	text-decoration: none;
}
.lista-item li a:hover {
	color: #d3d7cf;
}
.playActive{
	color: red;
}

.resaltarTexto {
	background: yellow;
	font-weight: bold;
}

.add-boton {
	background: #4d91cb;
	border: 1px solid #4d91cb;
}
.input-group a {
	color: #eeeeec;
}
.input-group a:hover {
	text-decoration: none;
	color: #ffffff;
}

.articulo h4 {
	font-weight: bold;
}
.articulo-contenido {
	font-size: 16px;
	font-family : Arial, Helvetica, Sans-serif;
	color: #555753;
} 
.articulo-fecha {
	font-size: 12px;
	color: #6E6E6E;
}

/*
 * Estilo de las votaciones, colores. 
 */
.afirmativo {
	color: green;
}
.negativo {
	color: red;
}

.titulo-primary {
	color: #4d91cb;
}