/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28/12/2018, 08:32:00 AM
    Author     : perlguerra
*/

body
{
	font-family: Arial;
	font-size: 14px;
        padding-top: 0px;
        margin: 0px;
}
a {
    color: blue;
    text-decoration: none;
    font-size: 14px;
}
a:hover
{
	text-decoration: underline;
}
.salir
{
    text-align: right;
}
.logo
{
    text-align: left;
    width:70%;
}
.logo_img
{
    text-align: left;
    height: 25px;
}
.header
{
    width: 100%;
}

.navbar-default .navbar-nav>li>a {
    color: #e2e2e2 !important;
    background-color: #000000 !important;
   
}
.navbar-default {
    background-color: #000000 !important;
    border-color: #000000 !important;
     border-radius: 0px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #e2e2e2 !important;
    background-color: #4a4a4a !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #8c8c8c !important;
}

.m-b{
    display:none;
}

.m-b .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    width: 100%;
}

.m-b .navbar-brand>img {
    display: inline-block;
}

.dropdown .btn {
    background-color: black;    
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #000000;
}
.dropdown-menu {
    padding: 5px 0;
    margin: 0;    
    background-color: #000;
    border: 1px solid rgba(0,0,0,0.15);
}
.dropdown-menu>li>a {
    display: block;
    padding: 13px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
span.caret {
    color: white;
}
.only-mobiles .btn{
    background-color: white;  
}

.only-mobiles .dropdown-menu {
    padding: 5px 0;
    margin: 0;    
    background-color: white;
    border: 1px solid rgba(0,0,0,0.15);
}

.only-mobiles .dropdown-menu>li>a {
    color: black;
    padding: 3px 20px;
}
.only-desktops .btn{
    background-color: white;  
}

.only-desktops .dropdown-menu {
    padding: 5px 0;
    margin: 0;    
    background-color: white;
    border: 1px solid rgba(0,0,0,0.15);
}

.only-desktops .dropdown-menu>li>a {
    padding: 3px 20px;
    color: black;
}

.dropdown-submenu .dropdown-menu {
    padding-left: 15px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: black !important;
    border-color: black !important;
}
.columna-u {
    margin-top: 5%;
}

.columna-u img {
    width: 10%;
}
.table-bordered > thead > tr > th {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

#contenedor {
    border: solid lightgrey 1px;
    width: 100%;
}
#contenedor td {
    border: solid lightgrey 1px;
}
#tnoticias td {
    border: none;
    width: 50%;
    text-align: justify;
    padding: 10px 15px 0px 15px;
}
#tnoticias h3 {
    color: red;
    text-decoration: underline;
    font-size: 1.2em;
}
.btnvert{
	/*display:none;*/
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 57px;
	float: left;
	position: relative;
	width: 5%;
	height: 500px;
	font-size: 10px;
	text-align: center;
}
.btnvert2{
	/*display:none;*/
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 5px;
	float: left;
	position: relative;
	width: 5%;
	height: 40px;
	font-size: 15px;
	text-align: center;
}
.div2
{
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 30px;
	float: left;
	position: relative;
	width: 62%;
}
.div22
{
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 30px;
	float: left;
	position: relative;
	width: 82%;
}
.div3
{
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 10px;
	position: relative;
	float: left;width: 20%;
}
.tdd3
{
	background:#d3d3d3;
}

#myProgress {
  width: 80%;
  background-color: #ddd;
  margin: 0 auto;
  text-align: center;
}

#myBar {
  width: 0%;
  height: 30px;
  background-color: #04AA6D;
  text-align: center;
  line-height: 30px;
  color: white;
}
.contenedordiv{

    text-align: center;
    display: flex;
}

.columnadiv{
    margin: 0 auto;
    float: left;
    width: 50%;
    padding: 50px;
    height: 400px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.current-row{background-color:#B24926;color:#FFF;}
.current-col{background-color:#1b1b1b;color:#FFF;}
.tbl-qa{width: 100%;font-size:0.9em;background-color: #CCCCCC;}
.tbl-qa th.table-header {padding: 5px;text-align: left;padding:10px;}
.tbl-qa .table-row td {padding:10px;background-color: #FAFAFA;}

@media only screen and (max-width: 768px) {
    .navbar-default {
        display:none !important;
    }
    .m-b{
        display:block;
    }    
    .columna-u img {
        width: 30%;
    }
}
.contenedorpro222
 {
	width: 400px;
	height:500px;
	margin: 5px;
	display: flex;
 
	
 }
 .contenedorpro333
 {
	width: 1000px;
	height:900px;
	margin: 0;
	display: flex;
	margin: 20px auto;
	
 }
.btnvert222{
	/*display:none;*/
	padding-right: 10px;
	padding-top: 10px;
	margin-right: 10px;
	float: right;
	position: relative;
	width: 80px;
	height: 100%;
	font-size: 15px;
	text-align: center;
	border:1px,1px,1px,1px;
}
.div222
{
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 10px;
	float: right;
	position: relative;
	width: 100%;
}
.txred222 {
	color: red;
	font-size: 2.4rem;
	font-weight: bold;
  text-align: center;
}
.txblack222 {
	color: black;
	font-size: 2.4rem;
	font-weight: bold;
  text-align: center;
}
//cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css