@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 800px){
    .fixed-top {
        position:relative;
    }
    
    .top175p {
        margin-top:0px!important;
    }
    
   
    
.tabla1 {
    
    font-size: 12px!important;
}
}
.logo {
    max-height: 60px;
    padding: 7px 0;
}



.cerrado {
    display: none!important;
}

.pointer {cursor: pointer!important;}

.hidden {
    display: none!important;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.strong {
  font-weight: bolder;
}

.obscuro span:hover{
    background-color: gray;
}

.blink {
 -webkit-animation: blink 1.5s linear infinite;
 -moz-animation:blink 1.5s linear infinite;
 -o-animation:blink 1.5s linear infinite;
 animation: blink 1.5s linear infinite;
}



@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}

@-webkit-keyframes blink{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}
@-moz-keyframes blink{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}
@-o-keyframes blink{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}


.alerta {
    background-color: indianred!important;
    color:white!important;
}


.subrayado:hover {
  color: #0056b3;
  text-decoration: underline;
}

/********* inicio - imagen de fondo *************/
/*
#inicio.section {
	background: url(../img/intro-bg.png) no-repeat center right fixed;    
	-webkit-background-size: conver;
	-moz-background-size: conver;
	-o-background-size: conver;
	background-size: conver;
}

*/
#inicio.section {
  width: 100%;
  position: relative;
  background: url("../img/fondogris.png") center bottom no-repeat;
  background-size: cover;
  padding: 200px 0 120px 0;
}


.bg-panel {
    background: #f2f2f2;
}


.titulo {
	font:bolder 12pt Arial ;
	align-content: center;
	background-color: lightgrey;
	width: 100%;
	border-left: 6px solid green;
    border-radius: 0px;	    
	padding: 6px 20px;
    margin: 8px 0;
    display: inline-block;    
    box-sizing: border-box;	
}

.titulo-botones {
	cursor:pointer;
	width: auto;
	float: right;
	padding-top: 0px;	
    color: #000;
    font-size: 20px;
    font-weight: bold;		
}
.peligro {
    color:red;
 /*   background: white; */
}

.correcto {
    color:green;
}

.xsmall {
  font-size: 80%!important;  
}

.w-20p {
    width:20px;
}
.w-30p {
    width:30px;
}
.w-45p {
    width:45px;
}

.w-75p {
    width:75px;
}

.w-100p {
    width:100px;
}

.w-125p {
    width:125px;
}
.w-150p {
    width:150px;
}

.w-200p {
    width:200px;
}

.w-300p {
    width:300px;
}
.h-30p {
    height: 30px;
}
.top175p {
   margin-top:175px;
}

.toplicencias {
    margin-top:290px!important;
}

.autoSize {
  overflow:hidden;
}

/* lo cambié por uno que está al final 
.acordeon {
  transition: max-height 0.4s ease-out;
  max-height: 0;
  overflow: hidden;
}
*/

.faq-solucion {
 background: white;
 overflow: hidden;
}

.faq-motivo {
 background: rgba(236,236,236,1.00);
 overflow: hidden;    
}


.faq-recomendacion {
background: white;  
overflow: hidden;    
}

/******** TABLA 1 ***********/

.tabla1 {
    table-layout: auto;
    width: 100%;
    text-align: center;
    font-size: 18px;
}
.tabla1 thead {
  background-color:rgba(14,36,64,1.00);
  color:white;
}

.tabla1 tbody th {
  background-color: rgba(48,84,150,1.00);
  color:white;
}


.tabla1 tr:nth-child(even) {
    background-color: rgba(238,238,238,1.0); 
}


.tabla1-tr-gray {
   background-color: rgba(238,238,238,1.0)!important;    
}

.tabla1-tr-white  {
   background-color: white!important;    
}

.tabla1 .tabla1-cell-left {
    text-align: left;
}
.tabla1 .tabla1-cell-right {
    text-align: right;
}
.tabla1 td {
  border: 1px solid rgba(223,215,215,1.00);
}

.tabla1 th {
  border: 1px solid rgba(255,255,255,1.00);
}

.tabla1-font-bold {
    font-weight: bold!important;
}

.tabla1 tr:hover {
    background-color:rgba(179,179,179,1.00)!important;
}


.tabla1-font2 {
    font-size: 12px;
}


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

/**** ACORDEON *****/

button.acordeon {
/*    width: 100%;
    background-color: whitesmoke;
    border: none;
    outline: none;
    text-align: left;
    padding: 15px 20px;
    font-size: 18px;
    cursor: pointer; 
    transition: background-color 0.2s linear;     */
}

button.acordeon::after {
    content: '\f055';
    font-family: 'Font Awesome\ 5 Free','Font Awesome\ 5 Brands';
    font-size: 14px;
    float:right;
    font-weight: 900;
}

button.acordeon.esta-abierto::after {
     content: '\f056'; 
}

button.acordeon:hover {
  /*  background-color: #ddd; */
}

.acordeon-contenido {
    padding: 0 1px;
/*    border-left: 1px solid  whitesmoke;
    border-right: 1px solid whitesmoke; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;    
}

.icono-img::after  {
    content: "\f1c5"!important;
    font-family: 'Font Awesome\ 5 Free','Font Awesome\ 5 Brands','Open Sans', Arial, sans-serif;    
}

.icono-img {
    content: "\f1c5"!important; 
    font-family: 'Font Awesome\ 5 Free','Font Awesome\ 5 Brands','Open Sans', Arial, sans-serif;   
}

.icono-folder::after  {
    content: "\f07b" !important; 
    font-family: 'Font Awesome\ 5 Free','Font Awesome\ 5 Brands','Open Sans', Arial, sans-serif;    
}

.icono-folder {
    content: "\f07b" !important; 
    font-family: 'Font Awesome\ 5 Free','Font Awesome\ 5 Brands','Open Sans', Arial, sans-serif;
}


.form-control::-webkit-input-placeholder { color: slategray; font-style: italic;}  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: slategray; font-style: italic;}  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: slategray; font-style: italic;}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: slategray; font-style: italic;}  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: slategray; font-style: italic;}  /* Microsoft Edge */
.form-control::placeholder { color: slategray; font-style: italic;}  /* Microsoft Edge */



.unalinea 
{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
 }