/****************VERSION 2019

0.Datos generales
1.Tags generales (h1, h2, h3, p, ul, li,a)
2.Destacados
3.Tables para informes
4.Páginas autonavegación contenido Santander
5.Contenido Santander (tablas como celdas)
6.Navegación grupos de textos
7.Imagenes 
8.Navegación por pestañas
9.Página inicio simuladores
10.Decisiones
12.Periodos en menu superior
13.Guía rápida
14.Pasos en Textos
15.timmers (css compartido por todos los simuladores).
16.Menus izquierdo
17.Menu superior
18.Modal maximize
19.Noticias
20.Bankstrategy container-title 
99.A asignar

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


/*********PARAMETRIZACION DE PARAMETROS*/
:root {
  --CuadroMandoIconoNaranja_background:gray;
  --divDeshacerSimulacionTituloClase_background:none repeat scroll 0% 0% gray;
  --menuslider_color:gray;
  --menuslider_color_hover:gray;
  --menuslider_color_active_hover:gray ;
  --menuslider_background_active_hover:gray;
  --menuslider_color_active_a:gray ;
  --flxmenu_color_a:gray;
  --flxmenu_color_a_hover:gray; 
  --flxmenu_filter_botontop:gray;
  --recuerda_p_color:gray;
  --h1_color:gray ;
  --h1titurla_background_image:url(/web/comunes/imagenes/H1-remate-dd840a.png);  
  --recuerda_background:gray;
}






/*************datos generales******************/
html {
    height:100%;
    font-size: 1em;
    }

body {
    width:100%;
    background-color:#FFF;
    font-size: 1em;
    font-family:"Arial","Verdana",sans-serif;
    color:#333;
    border:0 0 0 0;
    margin:0;
    color:black;
    }
    
    /***********tags generales*****************/
h1 {  
    padding-bottom:2px;
    color: var(--h1_color) !important;      /* arte2 */
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 1.5rem;
    border-bottom: solid 8px #ccc;

}

h1.titularh1 {
    background-image:var(--h1titurla_background_image);      /* arte2 */
    background-repeat: no-repeat;
    background-position: bottom left;
    font-size: 36px !important;
    text-align: left;
}

.logo-cg-right {
    float: right;
    max-width: 250px;
}
    
.h1b,th1,th0 {
    font-size:22px;
    text-align:left;
    font-weight:700;
    line-height:1.1em;
    margin-top:0;
}


h2, .h2b, th2 {
      color: #585858;
  }
h2,.h2b,th2 {
    font-size:19px;
    text-align:left;
    line-height:1.1em;
    margin-top:0;    
    border-bottom: solid 4px #ccc;
    font-weight:700;


}

h3,.h3b,th3 {
    font-size:17px;
    text-align:left;
    font-weight:700;
    line-height:1.1em;
    margin-top:0;
}
    
h4,.h4b,th4 {
    font-size:17px;
    text-align:left;
    font-weight:normal;
    line-height:1.1em;
    margin-top:0;
	padding-top:10px
    }

h1.tit-aula {
    font-size:13px;
    font-weight:700;
    color:#148FEB;
}
        
h2.tit-aula {
    font-size:11px;
    font-weight:700;
    color:#148FEB;
}
    
ul,li,ul1 {
    font-size:14px;
    line-height:130%;
    text-align:justify;
    margin-top:10px;
    padding-right:5px;
    list-style:square;
    margin-left:0px;
    color:#333;
    }   
    
li,li {
    font-size:14px;
    text-align:justify;
    margin-top:10px;                                
}

hr
{
  border: 1px solid var(--h1_color);
}
#hrsimple, .hrsimple
{
border: 1px solid gray;
}

#hrpunto, .hrpunto
{
  border: 1px dashed gray;

}

#hrsimpleAzul, .hrsimpleAzul
{
  border: 1px solid blue;

}
#hrsimpleRojo, .hrsimpleRojo
{
  border: 1px solid red;

}

p,p {

    color:#333;
    text-align:justify;
    line-height:130%;
    }
                
A:active {
text-decoration:underline;
color:#ededed;
}

A:hover {
text-decoration:underline;
color:#ededed;
}

A:link {
text-decoration:underline;
color:blue;
}

A:visited {
text-decoration:underline;
color:#09C;
}

a {
color:#039;
text-decoration:underline;
outline:none!important;
}

a:hover {
text-decoration:underline;
}

small {
    color:#777;
    font-style:italic;
    }






#container {
width: 100%;
font-size: 12px;
background: white;
}

#container-title {
_background:#AEC0D8;
background:#fff;
color:#666;
margin-top:5px;
margin-left:5px;
font-size:12px;
font-weight:700;
line-height:10px;
height:15px;
float:left;
}

#containerSup {
background:#ededed;
height:30px;
font-size:12px;
}


/*container en datos generales*/
/*************datos generales******************/
#container  html {
  height:100%;
  font-size: 1em;
  }

  #container body {
  width:100%;
  background-color:#FFF;
  font-size: 1em;
  font-family:"Arial","Verdana",sans-serif;
  color:#333;
  border:0 0 0 0;
  margin:0;
  color:black;
  }
  
  /***********tags generales*****************/
  #container h1 {
  
  padding-bottom:2px;
  color: var(--h1_color) !important;      /* arte2 */
  margin-bottom: 3px;
}

#container h1.titularh1 {
  background-image:var(--h1titurla_background_image);      /* arte2 */
  background-repeat: no-repeat;
  background-position: bottom left;
  font-size: 36px !important;
  text-align: left;
}

#container .logo-cg-right {
  float: right;
  max-width: 250px;
}
  
#container .h1b,th1,th0 {
  font-size:22px;
  text-align:left;
  font-weight:700;
  line-height:1.1em;
  margin-top:0;
}


#container h2, .h2b, th2 {
    color: #585858;
}
#container h2,.h2b,th2 {
  font-size:19px;
  font-weight:700;
  text-align:left;
  line-height:1.1em;
  margin-top:0;
  border-bottom: solid 4px #ccc;

}

#container h3,.h3b,th3 {
  font-size:17px;
  text-align:left;
  font-weight:700;
  line-height:1.1em;
  margin-top:0;
}
  
#container h4,.h4b,th4 {
  font-size:17px;
  text-align:left;
  font-weight:normal;
  line-height:1.1em;
  margin-top:0;
padding-top:10px
  }

  #container h1.tit-aula {
  font-size:13px;
  font-weight:700;
  color:#148FEB;
}
      
#container h2.tit-aula {
  font-size:11px;
  font-weight:700;
  color:#148FEB;
}
  
#container ul,li,ul1 {
  font-size:1.1em;
  line-height:130%;
  text-align:justify;
  margin-top:10px;
  padding-right:5px;
  list-style:square;
  margin-left:0px;
  color:#333;
  }   
  
  #container li,li {
  font-size:1.1em;
  text-align:justify;
  margin-top:10px;                                
}

#container #hrsimple, #container .hrsimple
{
border: 1px solid gray;
}

#container #hrpunto, #container .hrpunto
{
border: 1px dashed gray;

}

#container #hrsimpleAzul, #container .hrsimpleAzul
{
border: 1px solid blue;

}
#hrsimpleRojo, #container .hrsimpleRojo
{
border: 1px solid red;

}

#container p,p {

  color:#333;
  text-align:justify;
  line-height:130%;
  }
              
  #container A:active {
text-decoration:underline;
color:#ededed;
}

#container A:hover {
text-decoration:underline;
color:#ededed;
}

#container A:link {
text-decoration:underline;
color:blue;
}

#container A:visited {
text-decoration:underline;
color:#09C;
}

#container a {
color:#039;
text-decoration:underline;
outline:none!important;
}

#container a:hover {
text-decoration:underline;
}

#container #container small {
  color:#777;
  font-style:italic;
  }








@media (max-width: 768px) {
h1 {
font-size: 26px;
}
h1:after {
    top: 42px;
    height: 3px;
    width: 60px;
}
}




/******DESTACADOS********/

#negrita, .negrita
{
    font-size: bold;
    color:black;
}
#fondoGrisRedondo,.fondoGrisRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #5f5f5f;
    background-color:#e4e4e4;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}


#fondoGrisRedondo,.fondoGrisRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #5f5f5f;
    background-color:#e4e4e4;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}


#fondoVerdeRedondo,.fondoVerdeRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #00b135;
    background-color:#b7ffc9;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}

#fondoGrisRedondo,.fondoGrisRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #5f5f5f;
    background-color:#e4e4e4;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}
#fondoGrisOscuroRedondo,.fondoGrisRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #585858;
    background-color:#585858;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}


.fondoGrisEFEFEF
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #EFEFEF;
    background-color:#EFEFEF;
    padding:15px;
    margin-top:5px;
    min-height: 135px;  
    display: table;
}
.fondoGrisEFEFEF .imagen { display: table-cell; 
  width: 150px;
  vertical-align: middle;
  text-align: left;

}

.fondoGrisEFEFEF .text { display: table-cell; 
  padding-top: 20px;

}
.fondoGrisEFEFEF .text>h2 { 
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}

#recuerda,#fondoGrisRedondo  {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0.3px solid #f4f4f4;
  background-color: var(--recuerda_background); /* arte2 */
  padding:15px 20px;
  margin-top:5px;
}

#recuerda p {
  color: var(--recuerda_p_color);      /* arte2 */
  text-align: left;
}
#recuerda img {
  float: right;
  padding-top: 15px;
}




#fondoColorRedondo,.fondoColorRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #2634b6;
    background-color: var(--menuslider_color); /* arte*/
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}

#fondoAzulRedondo,.fondoAzulRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #2634b6;
    background-color: var(--menuslider_color); /* arte*/
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}

#fondoAmarilloRedondo,.fondoAmarilloRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #d8db2f;
    background-color:#ecfaad;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
   
}

#fondoGranateRedondo
{
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0.3px solid #dd0b18;
    background-color:#dd0b18;
    padding:15px;
    margin-top:5px;
    min-height: 135px;
	color:white;
   
}

#fondoGranateRedondo >p,#fondoGranateRedondo >h2
{
	color:white;
   
}
#fondoGrisOscuroRedondo > p,#fondoGrisOscuroRedondo > h2
{
	color:white;
   
}
#DestacadoCG, .DestacadoCG {
    border:1px solid #005d8e;
    border-radius:4px;
    border:1px solid #005d8e;
    background-color:#EBEBEB;
    margin-top:5px;
    margin-bottom:5px;
    width:100%;
    min-height:10px;
    padding:5px;
    }
    
    #DestacadoCG, .DestacadoCG  p {
    margin:2px;
    }
.DestacadoCGE {
    border:1px solid #005d8e;
    border-radius:4px;
    border:1px solid #005d8e;
    background-color:#EBEBEB;
    margin-top:5px;
    margin-bottom:5px;
    width:100%;
    min-height:10px;
    padding:5px;
    }
    
    .DestacadoCGE,.DestacadoCGC {
    display:inline-block;
    width:400px;
    background-color:#F0F4F7;
    float:left;
    margin:5px;
    padding:10px;
    }

    #sentencia {
        background-color:#EBEBEB;
        background-image:url(/web/comunes/imagenes/comillas-openB.png);
        background-position:30px 30px;
        background-repeat:no-repeat;
        margin:20px auto;
        width:50%;
        min-height:10px;
        padding:30px 30px 10px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        behaviour:url(border-radius.htc);
        }
        
        #sentencia .firma,#sentenciablanco .firma {
        font-size:13px;
        color:#d00;
        font-style:italic;
        text-align:right;
        display:block;
        }
        
        #sentenciablanco {
        background-image:url(/web/comunes/imagenes/comillas-openB.png);
        background-position:30px 20px;
        background-repeat:no-repeat;
        float:left;
        margin:auto;
        width:10%;
        height:40px;
        padding:30px 30px 10px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        behaviour:url(border-radius.htc);
        }
        
        #sentenciablancofin {
        background-image:url(/web/comunes/imagenes/comillas-closeB.png);
        background-position:3px 40px;
        background-repeat:no-repeat;
        margin:auto;
        width:10%;
        float:right;
        height:60px;
        padding:30px 30px 10px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        behaviour:url(border-radius.htc);
        }
        
        #tem_curso {
        display:none;
        height:428px;
        width:900px;
        border:1px solid #000 cover;
        background-repeat:no-repeat;
        background-size:100%;
        margin:auto;
        padding-left:20px;
        padding-top:20px;
        padding-right:20px;
        }
        
        #textoSentencia {
        float:left;
        margin-top:20px;
        width:75%;
        background-color:red;
        }

        #Opciones {
            background-color:rgb(208, 208, 208);
            margin:20px 0px;
            width:50%;
            min-height:10px;
            padding:10px 10px 10px;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
            border-radius:6px;
            behaviour:url(border-radius.htc);
			cursor:pointer;
            }
        #idea {
            background-color:rgb(208, 208, 208);
            margin:20px 0px;
            width:90%;
            min-height:10px;
                        height:fit-content;

            padding:30px 30px 20px;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
            border-radius:6px;
            behaviour:url(border-radius.htc);
            }
            
            #idea p {
            margin-top:0;
            }
            
            #ideaB {
            background-color:rgb(208, 208, 208);
            margin:20px auto;
            width:50%;
            min-height:50px;            
            height:fit-content;
            padding:30px 30px 20px;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
            border-radius:6px;
            border:1px solid #333;
            behaviour:url(border-radius.htc);
            font-weight:700;
            font-size:16px;
            }
            
            #ideaL {
            margin:20px auto;
            width:90%;
            min-height:10px;
            height:fit-content;
            padding:30px 30px 20px;
            -webkit-border-radius:6px;
            -moz-border-radius:6px;
            border-radius:6px;
            border:1px solid #333;
            behaviour:url(border-radius.htc);
            font-weight:700;
            font-size:16px;
            }


            
#contenedorSentencia {
    width:90%;
    margin:auto;
    background-color:red;
    border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    border:0 solid #000;
    min-height:80px;
    }
    
    #contenedortextoSentencia {
    float:left;
    margin-top:20px;
    width:75%;
    background-color:red;
    padding-top:10px;
    text-align:center;
    color:#fff;
    font-size:18px;
    font-weight:700;
    }


.divCompleto
{
  width:100%;
  height:1000px;
}

.div80porciento{
  width:80%;
  height:80%;
  margin:auto;
}

.fondoGris 
{
  /*background-color:#EFEFEF;*/
}

.destacadoBlanco
{
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0.2px solid #2634b6;
  background-color:#EFEFEF;;
}

.AccederSimulador{
	display: block;      
	padding: 10px 15px;
	margin: 0 auto;        
	border: 1px solid #163b69; /* Color del borde, debe ser m�s oscuro que fondo */
	background: #1d4f83; /* Fondo */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	behaviour: url(border-radius.htc); /* Bordes redondos */

	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(117,0,0,.9);  /* Sombra del texto */
	
	text-align:center;  /* Alineaci�n del texto */
  font-size: 16px; 
  font-weight:bold;    
  text-align: center;       
  text-decoration: none;    
  color: #FFFFFF;  
  width:60%; 
  cursor: pointer;
}



.AccederSimulador:hover {
	text-shadow: 1px 1px rgba(0,0,0,.3);  /* Sombra del texto */
	background:#1d4f83;  /* Fondo m�s oscuro que el original */
	box-shadow:inset 4px 4px 4px rgba(0,0,0,.3), inset -3px -3px 3px rgba(255,255,255,.2);	
}







/*********3. Tables para informes***********/

/********** Tabla **********/
table
{
margin:8px;
}
.tableCSS {
	font-size: 0.9em;
	border-collapse:separate;
  border:solid black 1px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-box-shadow: 5px 5px 3px 0px rgba(82,78,78,0.75);
  -moz-box-shadow: 5px 5px 3px 0px rgba(82, 78, 78, 0.75);
  box-shadow: 5px 5px 3px 0px  rgba(82, 78, 78, 0.75);
  }

/********** Borde y espacio **********/
.tdCSS, .tdNumCSS, .thCSS {
	border: 1px dotted var(--h1_color) !important;      /* arte2 */
	padding: 0.3em;
	color: #03476F;
  }
  
/********** Titulos **********/
.theadCSS .thCSS, .tfootCSS .thCSS {
    border: 1px solid #03476F;
    text-align: center;
    background:  var(--h1_color) !important;      /* arte2 */
    color: #FFFFFF;
  }

/********** Alineado **********/
.tbodyCSS .thCSS, .tbodyCSS .tdCSS {
    vertical-align: top;
    text-align: left;
  }

.tdNumCSS {
    vertical-align: top;
    text-align: right;
}

.tdNumCSS>p {
  line-height: 0px;
}
.td.negrita,.tdCSS.negrita {
    font-weight: bold !important;  
    color: #000000 !important;  
}
td.destacado
{
    border-top:1px !important;  
    border-top-style:solid !important;  
    border-top-color:#000000 !important;  
}

td.destacado1px
{
    border-top:1px !important;  
    border-top-style:solid !important;  
    border-top-color:#000000 !important;  
}

td.destacado3px
{
    border-top:3px !important;  
    border-top-style:solid !important;  
    border-top-color:#000000 !important; 
}
td.separador3
{
	 border-top:4px !important;  
	 border-top-style:double !important;  
	 border-top-color:#000000 !important;  
}

td.separador4
{
	 border-top:2px !important;  
	 border-top-style:dashed !important;  
	 border-top-color:#000000!important;  
}

td.separador5
{
	 border-top:2px !important;  
	 border-top-style:dotted !important;  
	 border-top-color:#000000 !important;  
}


/********************/
.CSSCuadroMandoIconoIgual{
  border: 1px dotted #03476F;
  padding: 0.2em;
  /*background-image: url(_images/CuadroDeMandoIgual.gif);*/
  background-repeat: no-repeat;
}
.CSSCuadroMandoIconoSube{
  border: 1px dotted #03476F;
  padding: 0.2em;
  /*background-image: url(_images/CuadroDeMandoSube.gif);*/
  background-repeat: no-repeat;
}
.CSSCuadroMandoIconoBaja{
  border: 1px dotted #03476F;
  padding: 0.2em;
  /*background-image: url(_images/CuadroDeMandoBaja.gif);*/
  background-repeat: no-repeat;
}

  
  /**** Informes del Cuadro de Mando   ****/
  
  .CSSCuadroMandoVerde{
    background: #e2f0ca !important;
    }
    
    .CSSCuadroMandoVerdeValor10, .CSSCuadroMandoVerdeValor11{
    background-color: #E8F3B6!important;
    }
    
    .CSSCuadroMandoVerdeValor12{
    background: #EEF6A2!important;
    }
    
    .CSSCuadroMandoVerdeValor13{
    background: #e2f0ca!important;
    }
    
    .CSSCuadroMandoVerdeValor14{
    background: #E8F3B6!important;
    }
    
    .CSSCuadroMandoVerdeValor15{
    background: #EEF6A2!important;
    }
    
    .CSSCuadroMandoVerdeValor16{
    background: #00FF00!important;
    color:white
    }
    
    .CSSCuadroMandoVerdeValor17{
    background: #E8F3B6!important;
    }
    
    .CSSCuadroMandoVerdeValor18{
    background: #e2f0ca!important;
    }
    
    .CSSCuadroMandoVerdeValor19{
    background: #e2f0ca!important;
    }
    
    .CSSCuadroMandoRojo{
    background:  #FFB6C1!important;
    }
    
    .CSSCuadroMandoRojoValor20{
    background:  #FFC5CD!important;
    }
    
    .CSSCuadroMandoRojoValor21{
    background: #FFD3DA!important;
    }
    
    .CSSCuadroMandoRojoValor22{
    background:  #FFB6C1;
    }
    
    .CSSCuadroMandoRojoValor23{
    background:  #FFC5CD!important;
    }
    
    .CSSCuadroMandoRojoValor24{
    background: #FFD3DA!important;
    }
    
    .CSSCuadroMandoRojoValor25{
    background:  #FFB6C1!important;
    }
    
    .CSSCuadroMandoRojoValor26{
    background: #FF0000!important;
    color:white
    }
    
    .CSSCuadroMandoRojoValor27{
    background: #FFD3DA!important;
    }
    
    .CSSCuadroMandoRojoValor28{
    background:  #FFB6C1!important;
    }
    
    .CSSCuadroMandoRojoValor29{
    background:  #FFC5CD!important;
    }
    
    .CSSCuadroMandoAzul{
    background: #ADD8E6!important;
    }
    
    .CSSCuadroMandoAzulValor1{
    background: #BDE0EB!important;
    }
    
    .CSSCuadroMandoAzulValor2{
    background:#CEE8F0!important;
    }
    
    .CSSCuadroMandoAzulValor3{
    background: #ADD8E6!important;
    }
    
    .CSSCuadroMandoAzulValor4{
    background: #BDE0EB!important;
    }
    
    .CSSCuadroMandoAzulValor5{
    background: #CEE8F0!important;
    }
    
    .CSSCuadroMandoAzulValor6{
    background: #123CCB!important;
    color:white;
    }
    
    .CSSCuadroMandoAzulValor7{
    background:#BDE0EB!important;
    
    }
    
    .CSSCuadroMandoAzulValor8{
    background: #ADD8E6!important;
    }
    
    .CSSCuadroMandoAzulValor9{
    background: #ADD8E6!important;
    }
    
    .CSSCuadroMandoIconoNaranja{
    color: #363636!important;
    background: var(--CuadroMandoIconoNaranja_background);     /* arte1 */
    }
    .CSSCuadroMandoIconoGris{
    color: #363636!important;
    background: Gray!important;
    }
    .CSSCuadroMandoIconoAmarillo{
    color: #363636;
    background: Yellow!important;
    }
    
    .CSSCuadroMandoNaranja{
    background: #FFA500!important;
    }
    
    .CSSCuadroMandoNaranjaValor31{
    background: #FFB733!important;
    }
    
    .CSSCuadroMandoNaranjaValor32{
    background: #FFC966!important;
    }
    
    .CSSCuadroMandoNaranjaValor33{
    background: #e67600!important;
    }
    
    .CSSCuadroMandoNaranjaValor34{
    background: #FE9321!important;
    }
    
    .CSSCuadroMandoNaranjaValor35{
    background: #FFA649!important;
    }
    
    .CSSCuadroMandoNaranjaValor36{
    background: #e67600!important;
    color:white;
    }
    
    .CSSCuadroMandoNaranjaValor37{
    background: #FFB733!important;
    }
    
    .CSSCuadroMandoNaranjaValor38{
    background: #FFC966!important;
    }
    
    .CSSCuadroMandoNaranjaValor39{
    background: #FFA500!important;
    }
    
    .CSSCuadroMandoGris{
    background: #A9A9A9!important;
    }
    
    .CSSCuadroMandoGrisValor41{
    background: #BABABA!important;
    }
    
    .CSSCuadroMandoGrisValor42{
    background: #CBCBCB!important;
    }
    
    .CSSCuadroMandoGrisValor43{
    background: #A9A9A9!important;
    }
    
    .CSSCuadroMandoGrisValor44{
    background: #BABABA!important;
    }
    
    .CSSCuadroMandoGrisValor45{
    background: #CBCBCB!important;
    }
    
    .CSSCuadroMandoGrisValor46{
    background: #A9A9A9!important;
    color:white
    }
    
    .CSSCuadroMandoGrisValor47{
    background: #BABABA!important;
    }
    
    .CSSCuadroMandoGrisValor48{
    background: #CBCBCB!important;
    }
    
    .CSSCuadroMandoGrisValor49{
    background: #A9A9A9!important;
    }
    
    .CSSCuadroMandoAmarillo{
    background: #FFFF00!important;
    }
    
    .CSSCuadroMandoAmarilloValor51{
    background: #FFFF33!important;
    }
    
    .CSSCuadroMandoAmarilloValor52{
    background: #FFFF66!important;
    }
    
    .CSSCuadroMandoAmarilloValor53{
    background: #FFFF00!important;
    }
    
    .CSSCuadroMandoAmarilloValor54{
    background: #FFFF33!important;
    }
    
    .CSSCuadroMandoAmarilloValor55{
    background: #FFFF66!important;
    }
    
    .CSSCuadroMandoAmarilloValor56{
    background: #FFFF00!important;
    }
    
    .CSSCuadroMandoAmarilloValor57{
    background: #FFFF33!important;
    }
    
    .CSSCuadroMandoAmarilloValor58{
    background:  #FFFF66!important;
    }
    
    .CSSCuadroMandoAmarilloValor59{
    background: #FFFF00!important;
    }
    
    .CSSCuadroMandoMarron{
    background: #8B4513!important;
    }
    
    .CSSCuadroMandoMarronValor61{
    background: #A26A42!important;
    }
    
    .CSSCuadroMandoMarronValor62{
    background: #B98F71!important;
    }
    
    .CSSCuadroMandoMarronValor63{
    background: #8B4513!important;
    }
    
    .CSSCuadroMandoMarronValor64{
    background: #A26A42!important;
    }
    
    .CSSCuadroMandoMarronValor65{
    background: #B98F71!important;
    }
    
    .CSSCuadroMandoMarronValor66{
    background: #8B4513!important;
    color:white;
    }
    
    .CSSCuadroMandoMarronValor67{
    background: #A26A42!important;
    }
    
    .CSSCuadroMandoMarronValor68{
    background: #B98F71!important;
    }
    
    .CSSCuadroMandoMarronValor69{
    background: #8B4513!important;
    }
    
    .CSSCuadroMandoMagenta{
    background: #FF00FF!important;
    }
    
    .CSSCuadroMandoMagentaValor71{
    background: #FF33FF!important;
    }
    
    .CSSCuadroMandoMagentaValor72{
    background: #FF66FF!important;
    }
    
    .CSSCuadroMandoMagentaValor73{
    background: #FF00FF!important;
    }
    
    .CSSCuadroMandoMagentaValor74{
    background: #FF33FF!important;
    }
    
    .CSSCuadroMandoMagentaValor75{
    background: #FF66FF!important;
    }
    
    .CSSCuadroMandoMagentaValor76{
    background: #FF00FF!important;
    color:white;
    }
    
    .CSSCuadroMandoMagentaValor77{
    background: #FF33FF!important;
    }
    
    .CSSCuadroMandoMagentaValor78{
    background: #FF66FF!important;
    }
    
    .CSSCuadroMandoMagentaValor79{
    background: #FF00FF!important;
    }
    
    .CSSCuadroMandoNegro{
    background: #191919!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor81{
    background: #4D4D4D!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor82{
    background: #808080!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor83{
    background: #191919!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor84{
    background: #4D4D4D!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor85{
    background: #808080!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor86{
    background: #191919!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor87{
    background: #4D4D4D!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor88{
    background: #808080!important;
    color:white;
    }
    
    .CSSCuadroMandoNegroValor89{
    background: #191919!important;
    color:white
    }
  
  
  
  /**** Informes del Cuadro de Mando   ****/
  
  .CSSCuadroMandoVerde{
    /*  background: #0B8F01;
    background: #0B8F01!important;*/
    }
    
    .CSSCuadroMandoRojo{
    /*  background: #C70000;
       background: #C70000!important;*/
    
    }
    
    .CSSCuadroMandoAzul{
    /*  background: #01588F;
       background: #01588F!important;*/
    }
    
    
    
    .CSSCuadroMandoVerdeSube{
            width:20px;
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #0B8F01;
            background-image: url(../images/CuadroDeMandoSube.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoVerdeBaja{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #0B8F01;
            background-image: url(../images/CuadroDeMandoBaja.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoVerdeIgual{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #0B8F01;
            background-image: url(../images/CuadroDeMandoIgual.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoAzulSube{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #01588F;
            background-image: url(/web/comunes/images/CuadroDeMandoSube.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoAzulBaja{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #01588F;
            background-image: url(/web/comunes/images/CuadroDeMandoBaja.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoAzulIgual{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #01588F;
            background-image: url(/web/comunes/images/CuadroDeMandoIgual.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoRojoSube{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #C70000;
            background-image: url(/web/comunes/images/CuadroDeMandoSube.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoRojoBaja{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #C70000;
            background-image: url(/web/comunes/images/CuadroDeMandoBaja.png);
            background-repeat: no-repeat;
    }
    
    .CSSCuadroMandoRojoIgual{
            border: 1px dotted #03476F;
            padding: 0.7em;
            color: #363636;
            background: #C70000;
            background-image: url(/web/comunes/images/CuadroDeMandoIgual.png);
            background-repeat: no-repeat;
    }
    
  
  
  
  
  


  



/**************4.PÁGINAS AUTONAVEGACION CONTENIDO SANTANDER****************/
#indiceTemario {
    height:428px;
    width:900px;
    border:1px solid #000 cover;
    background-repeat:no-repeat;
    background-size:100%;
    margin:auto;
    padding-left:20px;
    padding-top:20px;
    padding-right:20px;
    }
    
    #iraTexto {
    cursor:pointer;
    font-weight:700;
    }
    
    #menu > li > div,#menu2 > li > div {
    display:none;
    }
    
    #menu > li:hover > div,#menu2 > li:hover > div {
    display:inline-block;
    background-color:#fff;
    z-index:1;
    position:fixed;
    border:1px solid #DEDEDE;
    padding:2px;
    }
    
    #menu a,#menu2 a {
    color:#373737;
    }
    
    #menu li,#menu2 li {
    text-align:center;
    margin:4px;
    background-color:#DEDEDE;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #DEDEDE;
    behaviour:url(border-radius.htc);
    padding-left:8px;
    }
    
    #menu li:hover,#menu2 li:hover,menu2 li:hover,menu2 li:hover {
    background-color:#FFF;
    border:1px solid #ADACAA;
    }
    
    #menu,#menu2 {
    list-style:none;
    margin:85px 0 0;
    }
    
    #migasManual {
    font-size:14px;
    font-weight:700;
    }
    
    
    
    #navegador {
    width:600px;
    height:250px;
    background-repeat:no-repeat;
    margin:auto;
    }
    
    
    #tiempoRestante {
    float:left;
    padding-left:25px;
    padding-top:20px;
    }
.pagina,.pagina2 
{
    cursor:pointer;
    float:left;
    margin:2px;
    border:#666 thin solid;
    width:16px;
    text-align:center;
    color:#000;
}
    
.pagina2 
{
    background-color:#313d55;
    color:#fff;
}
    
.paginaEnlace 
{
    font-size:10px;
    text-decoration:none;
}
    
.paginaTitular {
    float:left;
    margin:3px;
    }
    
.paginacion {
    top:750px;
    position:absolute;
    width:900px;
    height:50px;
    text-align:left;
    padding-left:15px;
}
    
.paginas {
    margin:0 5%;
    min-height:600px;
    background-image:url(imagenes/paginasbackground.gif);
    background-position:bottom right;
    background-repeat:repeat-x;
    padding-bottom:0;
    overflow:hidden;
    border-bottom:1px double red;
    padding-bottom:10px;
    margin-bottom:10px;
}

/***************5.Contenido Santander*********************/
#cela {
    min-width:70px;
    min-height:10px;
    display:table-cell;
    padding-right:10px;
    vertical-align:top;
    }

.table {
    display: table;
    width: 95%;
    border-spacing: 0px;
    margin-left: 30px;
}
 .celarow
{
  display: table;
  width: 95%;
  border-style:solid;
  background-color:#FFF;
  border:1px lightgray solid;
}   
.celaleft {
    min-width: 70px;
    width: 42%;
    min-height: 10px;
    display: table-cell;
    vertical-align: top;
    padding-right: 40px;
    border-right: 0.2px solid rgb(219, 219, 219);
    _padding-left: 25px;
    _border:1px solid black;
}
    
    .celaright {
    min-width:70px;
    width:30%;
    min-height:10px;
    display:table-cell;
    vertical-align:top;
    text-align:right;
    }
    
    .celdaIzq {
    border-style:solid;
    background-color:#EBEBEB;
    border:1px #000 solid;
    min-width:70px;
    padding:2px;
    display:table-cell;
    vertical-align:middle;
    margin:0;
    font-size:14px;
    }
    
    .celdaTabla {
    border-style:solid;
    background-color:#FFF;
    border:1px #000 solid;
    min-width:70px;
    padding:15px;
    display:table-cell;
    vertical-align:top;
    margin:0;
    text-align:center;
    font-size:14px;
    }
        
    .celda-inicial
    {
        border-style:none;
        vertical-align: top;

    }
.celda-inicial40
    {
        width:40%;
    }
.celda-inicial25
    {
        width:25%;
    }
	.celda-inicial35
    {
        width:35%;
    }

    .cell {
    border-style:solid;
    background-color:#EBEBEB;
    border-bottom:4px solid #FFF;
    border-top:4px solid #FFF;
    border-left:0 solid #FFF;
    border-right:0 solid #FFF;
    min-width:70px;
    min-height:10px;
    padding:10px;
    display:table-cell;
    vertical-align:middle;
    }
    
    .cellazul {
    background-color:#339;
    vertical-align:middle;
    text-align:center;
    color:#fff;
    width:100px;
    border-style:solid;
    border-color:#000;
    border-width:thin;
    min-height:10px;
    padding-right:10px;
    display:table-cell;
    padding-left:5px;
    }
    
     .cellgris {
    background-color:gray;
    color:#fff;
    border-style:solid;
    border-color:#000;
    border-width:thin;
    min-width:70px;
    min-height:10px;
    padding-right:10px;
    display:table-cell;
    padding-left:5px;
    }
    
    .cellrojo {
    background-color:#D00;
    vertical-align:middle;
    text-align:center;
    color:#fff;
    width:100px;
    border-style:solid;
    border-color:#000;
    border-width:thin;
    min-height:10px;
    padding-right:10px;
    display:table-cell;
    padding-left:5px;
    }
    
  
    
    .cellbusiness {
    border-style:solid;
    border-width:thin;
    min-width:70px;
    min-height:10px;
    display:table-cell;
    padding:10px 10px 10px 5px;
    }
    
    .cellcreacion {
    border-style:solid;
    border-width:thin;
    min-width:70px;
    min-height:10px;
    display:table-cell;
    padding:10px 10px 20px 5px;
    }
    

    
    .celldestacadosleft {
    background-color:#DEDEDE;
    color:#d00;
    font-size:17px;
    font-weight:700;
    vertical-align:middle;
    text-align:center;
    width:100px;
    border-style:solid;
    padding:10px;
    min-height:10px;
    padding-right:10px;
    display:table-cell;
    padding-left:5px;
    -webkit-border-radius:10px 0 0 10px;
    -moz-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px;
    border-bottom:4px solid #FFF;
    border-top:4px solid #FFF;
    border-left:0 solid #FFF;
    border-right:0 solid #FFF;
    behaviour:url(border-radius.htc);
    }
    
    .celldestacadosright {
    border-style:solid;
    background-color:#EBEBEB;
    min-width:70px;
    min-height:10px;
    padding-right:10px;
    padding-top:6px;
    display:table-cell;
    padding-left:5px;
    vertical-align:middle;
    -webkit-border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
    border-radius:0 10px 10px 0;
    border-bottom:4px solid #FFF;
    border-top:4px solid #FFF;
    border-left:0 solid #FFF;
    border-right:0 solid #FFF;
    behaviour:url(border-radius.htc);
    text-align:center;
    }
    
    .celldestacadosright:hover,.celldestacadosright:active {
    border-radius:-.3em -.3em -.3em -.3em;
    -moz-border-radius:-.3em -.3em -.3em -.3em;
    -webkit-border-radius:-.3em -.3em -.3em -.3em;
    border:.2em solid red;
    padding-top:-.6em;
    -moz-box-shadow:0 0 1.875em red;
    -webkit-box-shadow:0 0 1.875em red;
    box-shadow:0 0 1.875em red;
    }
    
    
    


    .PaginaTexto {
        width:800px;
        height:600px;
        display:none;
        border-style:solid;
        border-width:1px;
        border-color:#000;
        }
        
        .PaginaTextoTablas {
        float:left;
        padding:7px;
        }

        .celaright {
            min-width: 70px;
            width: 42%;
            min-height: 10px;
            display: table-cell;
            vertical-align: top;
            text-align: right;
            margin-left: 5%;
            padding-left: 25px;
            _padding-left: 25px;
            _border:1px solid black;
        
        }
        
        #container-title, #cierrepagina, .cierrepagina 
        {
        
            background-color: var(--menuslider_color);
            color: #fcf7f7;
            font-size: 18px;
            font-weight: bold;
            line-height: 100%;
            float: left;
            width: 100%;
            margin:auto;
            height: 50px;
            padding-left: 30px;
            padding-top:10px;
            clear: both;
            margin-top:25px;
        }

/************NAVEGACION GRUPOS DE TEXTO****************/
.cssNavegacioEJEH_boton {
    width:90%;
    background-color:#c52733;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:5px;
    border-right:solid 1px #900;
    margin-left:0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    cursor:pointer;
    }
    
    .cssNavegacioEJEH_boton {
    width:100%;
    }
    
    .cssNavegacioEJEH_boton {
    background-color:blue;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:5px;
    border-right:solid 1px #900;
    margin-left:0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    cursor:pointer;
    }
    
    .cssNavegacioEJEH_boton::before {
    background-color:#e3632d;
    content:url(_images/adelante.png);
    width:35px;
    max-height:34px;
    height:100%;
    position:absolute;
    text-align:center;
    display:block;
    padding-top:8px;
    top:0;
    left:100px;
    font-size:20px;
    font-weight:700;
    color:#8fd1ea;
    text-shadow:1px 1px 0 #07526e;
    border-left:solid 1px #fff;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    }
    
    .cssNavegacioEJEH_boton::before {
    background-color:#e3632d;
    content:url(_images/adelante.png);
    width:35px;
    max-height:34px;
    height:100%;
    position:absolute;
    text-align:center;
    display:block;
    padding-top:8px;
    top:0;
    left:100px;
    font-size:20px;
    font-weight:700;
    color:#8fd1ea;
    text-shadow:1px 1px 0 #07526e;
    border-left:solid 1px #fff;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    }
    
    .cssNavegacioEJEH_boton:active {
    top:3px;
    }
    
    .cssNavegacioEJEH_boton:active {
    top:3px;
    }
    
    .cssNavegacioEJEH_boton:active::before {
    top:-3px;
    border-color:transparent;
    -webkit-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -moz-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -o-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    }
    
    .cssNavegacioEJEH_boton:active::before {
    top:-3px;
    border-color:transparent;
    -webkit-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -moz-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -o-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    }
    
    .cssNavegacioEJEH_boton:focus {
    color:#FFF;
    }
    
    .cssNavegacioEJEH_boton:focus {
    color:#FFF;
    }
    
    .cssNavegacioEJEH_boton:hover {
    color:#FFF;
    }
    
    .cssNavegacioEJEH_divBoton {
    clear:both;
    }
    
    .cssNavegacioEJEH_divContenedor {
    width:400px;
    height:200px;
    margin:10px;
    padding:5px;
    float:left;
    text-align:center;
    background-color:rgba(255,255,255,.7);
    padding:10px;
    box-shadow:0 4px 5px #666;
    }
    
    .cssNavegacioEJEH_divImagen {
    text-align:center;
    clear:both;
    }
    
    .cssNavegacioEJEH_divTexto {
    font-size:12px;
    text-align:left;
    width:100%;
    border:0;
    clear:both;
    float:left;
    color:blue;
    height:50px;
    padding:5px;
    }
    
    .cssNavegacioEJEH_divTextoNoCumpleCondicion {
    width:100%;
    height:100%;
    background-color:#fff;
    padding:20px;
    }
    
    .cssNavegacioEJEH_imagen {
    width:380px;
    height:140px;
    margin:auto;
    }
    
    .cssNavegacioEJE_boton {
    width:100%;
    background-color:#c52733;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:5px;
    border-right:solid 1px #900;
    margin-left:0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    cursor:pointer;
    }
    
    .cssNavegacioEJE_boton::before {
    background-color:#e3632d;
    content:url(_images/adelante.png);
    width:35px;
    max-height:34px;
    height:100%;
    position:absolute;
    text-align:center;
    display:block;
    padding-top:8px;
    top:0;
    left:100px;
    font-size:20px;
    font-weight:700;
    color:#8fd1ea;
    text-shadow:1px 1px 0 #07526e;
    border-left:solid 1px #fff;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    }
    
    .cssNavegacioEJE_boton:active {
    top:3px;
    }
    
    .cssNavegacioEJE_boton:active::before {
    top:-3px;
    border-color:transparent;
    -webkit-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -moz-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -o-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    }
    
    .cssNavegacioEJE_boton:focus {
    color:#FFF;
    }
    
    .cssNavegacioEJE_boton:hover {
    color:#FFF;
    }
    
    .cssNavegacioEJE_divBoton {
    clear:both;
    }
    
    .navegacionGT_divContenedor {
    width:300px;
    height:300px;
    margin:10px;
    padding:5px;
    float:left;
    text-align:center;
    background-color:rgba(255,255,255,.7);
    padding:10px;
    box-shadow:1px 1px 4px 5px #666;
    }
    

    .cssNavegacioEJE_divContenedor {
      width:180px;
      height:180px;
      margin:10px;
      padding:5px;
      float:left;
      text-align:center;
      background-color:rgba(255,255,255,.7);
      padding:10px;
      box-shadow:0 4px 5px #666;
      }
      



    .cssNavegacioEJE_divImagen,.navegacionGT_divImagen {
    text-align:center;
    clear:both;
    }
    
    .cssNavegacioEJE_divTexto,.navegacionGT_divTexto {
    font-size:12px;
    text-align:left;
    width:100%;
    border:0;
    clear:both;
    float:left;
    color:blue;
    heigth:50px;
    padding:5px;
    }
    
    .cssNavegacioEJE_divTextoNoCumpleCondicion {
    width:100%;
    height:100%;
    background-color:#fff;
    padding:20px;
    }
    
    .cssNavegacioEJE_imagen {
    width:80%;
    height:80%;
    margin:auto;
    }
    
    .cssNavegacion_boton,.navegacionGT_boton {
    /*width:100%;*/
    background-color:#c52733;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:5px;
    border-right:solid 1px #900;
    margin-left:0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    cursor:pointer;
    }
    
    .cssNavegacion_boton::before,.navegacionGT_boton::before {
    background-color:#e3632d;
    content:url(_images/adelante.png);
    width:35px;
    max-height:34px;
    height:100%;
    position:absolute;
    text-align:center;
    display:block;
    padding-top:8px;
    top:0;
    left:100px;
    font-size:20px;
    font-weight:700;
    color:#8fd1ea;
    text-shadow:1px 1px 0 #07526e;
    border-left:solid 1px #fff;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    }
    
    .cssNavegacion_boton:active,.navegacionGT_boton::active{
    top:3px;
    }
    
    .cssNavegacion_boton:active::before,.navegacionGT_boton:active::before {
    top:-3px;
    border-color:transparent;
    -webkit-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -moz-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    -o-box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    box-shadow:inset 0 0 0 #666,-1px 3px 3px #666;
    }
    
    .cssNavegacion_boton:focus {
    color:#FFF;
    }
    
    .cssNavegacion_boton:hover {
    color:#FFF;
    }
    
    .cssNavegacion_divBoton {
    clear:both;
    }
    
    .cssNavegacion_divContenedor {
    width:280px;
    height:220px;
    margin:30px;
    padding:5px;
    float:left;
    text-align:center;
    background-color:rgba(255,255,255,.7);
    padding:10px;
    box-shadow:1px 0 4px 5px rgb(143, 141, 141);
    margin-bottom: 60px;
    }
    
    .cssNavegacion_divImagen {
    text-align:center;
    clear:both;
    padding-top:15px
    }
    
    .cssNavegacion_divTexto {
    font-size:12px;
    text-align:left;
    width:100%;
    border:0;
    clear:both;
    float:left;
    color:blue;
    height:50px;
    padding:5px;
    }
    
    .cssNavegacion_divTextoNoCumpleCondicion {
    width:100%;
    height:100%;
    background-color:#fff;
    padding:20px;
    }
    
    .cssNavegacion_imagen {
    width:180px;
    height:180px;
    }

    .navegacionGT_imagen {
      width:30%;
      margin-bottom:15px;
      /*height:180px;*/
      }

/************* 7 IMAGENES ********************/
.rounded-xs {
    border-radius: 20px !important;
    padding-left: 20px;
    padding-right: 20px;
    background: #DDDDDD;
    color: #333333;
}
.btnDocs {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
        padding-right: 12px;
        padding-left: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loaderimg{
background-image: url("/exes110/imagenes/reload.gif");
background-position: center;
background-repeat: no-repeat;
}
    
    .imgC {
    clear:both;
    float:center;
    margin:auto auto 20px 20px;
    box-shadow:0 4px 8px rgba(0,0,0,0.46),0 3px 6px rgba(0,0,0,0.43);
    }
    
    .imgD {
    float:right;
    margin:5px 20px 20px;
    box-shadow:0 4px 8px rgba(0,0,0,0.46),0 3px 6px rgba(0,0,0,0.43);
    }
    
    .imgI {
    float:left;
    margin:5px 20px 20px;
    box-shadow:0 4px 8px rgba(0,0,0,0.46),0 3px 6px rgba(0,0,0,0.43);
    }

    /**********seguimiento***************/
    .followIcon
{
    width:50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    float:left;

}

.followIcon--ActLeft
{
    background-image: url('imagenes/ActividadPendiente.png')
}

.followIcon--ActOk
{
    background-image: url('imagenes/ActividadOK.png')
}

.followIcon--ActKo
{
    background-image: url('imagenes/ActividadKO.png')
}

/**************8 NAVEGACIÓN POR PESTAÑAS EN TEXTOS******************/


#divpestanaInforme0,#divpestanaInforme1, #divpestanaInforme2, #divpestanaInforme3,
#divpestanaDecision0,#divpestanaDecision1,#divpestanaDecision2,#divpestanaDecision3,#divpestanaDecision4,
#divpestanaDecision5,#divpestanaDecision6,#divpestanaDecision7,#divpestanaDecision8
{
/*width:45%;*/
padding:0%;
}



.fija,    .fija2visitada ,.fijavisitada{
    float:left;
    height: auto;
    font-size: .9em;
    color: #666666;
    text-align: center;
    border-radius: 25px;
    background-color: #eeeeee;
    margin: 2px;
    padding: 8px 14px 8px 14px;
    line-height: 1;
    border-bottom: #cdcdcd 3px solid;

    }

    .fijavisitada {
        border-bottom: #00cc00 3px solid;
        }

    .fija2 {

    }
    .fija2visitada {
        color: white;
        background-color: var(--flxmenu_color_a_hover);/*#bdf4bd;*/
        border-bottom: #03cd03 3px solid;
        }
    /*
    .fija2D {
    float:left;
    background-image:url(_images/boton-der-s.png);
    height:38px;
    width:6px;
    }
    *
    .fija2DPasos {
    float:left;
    background-image:url(_images/boton-der.png);
    height:38px;
    width:6px;
    }
    
    .fija2I {
    float:left;
    background-image:url(_images/boton-iz-s.png);
    height:38px;
    width:6px;
    margin-left:5px;
    }
    
    .fija2IPasos {
    float:left;
    background-image:url(_images/boton-iz.png);
    height:38px;
    width:6px;
    margin-left:5px;
    }
    */

    
    .fija2visitadaPasos {
    float:left;
    background-image:url(_images/boton-med.png);
    color:#fff;
    height:38px;
    font-size:12px;
    text-align:center;
    font-weight:700;
    }
    
    /*
    .fijaD {
    float:left;
    background-image:url(_images/boton-der.png);
    height:38px;
    width:6px;     
    }
    
    .fijaDPasos {
    float:left;
    background-image:url(_images/boton-der-s.png);
    height:38px;
    width:6px;
    }
    
    .fijaI {
    float:left;
    background-image:url(_images/boton-iz.png);
    height:38px;
    width:6px;
    margin-left:5px;
    }
    
    .fijaIPasos {
    float:left;
    background-image:url(_images/boton-iz-s.png);
    height:38px;
    width:6px;
    margin-left:5px;
    }
    */
    .fijaPasos {
    background-image:url(_images/boton-med-s.png);
    color:#000;
    float:left;
    height:38px;
    font-size:12px;
    text-align:center;
    text-decoration:none;
    }
    

    
    .fijavisitadaPasos {
    float:left;
    background-image:url(_images/boton-medv.png);
    height:38px;
    font-size:11px;
    color:#FFF;
    text-align:center;
    text-decoration:underline;
    }
    
/***********9.PAGINA INICIO SIMULADORES***************/

#DivCalendario {
float:left;
}

#DivCentral {
float:left;
width:300px;
margin-right:40px;
}

#DivConexiones {
float:left;
}

#DivDerecho {
float:left;
width:240px;
border:1px solid #e0e0e0;
margin-right:60px;
}

#DivDerecho .celldestacadosright:hover,#DivDerecho .celldestacadosright:active {
border-radius:-.3em -.3em -.3em -.3em;
-moz-border-radius:-.3em -.3em -.3em -.3em;
-webkit-border-radius:-.3em -.3em -.3em -.3em;
border:.2em solid red;
padding-bottom:-.5em;
padding-top:-.6em;
-moz-box-shadow:0 0 1.875em red;
-webkit-box-shadow:0 0 1.875em red;
box-shadow:0 0 1.875em red;
}

#DivDerecho .table {
width:350px;
float:left;
margin-right:30px;
}

#DivDerecho .table .row .celldestacadosleft {
padding:15px 0;
}

#DivDerecho .table .row .celldestacadosright {
text-align:center;
}

#DivDerecho .table .row .celldestacadosright img {
cursor:pointer;
height:10%;
width:15%;
}

#DivDerecho .table .row .celldestacadosright p {
cursor:pointer;
margin:0;
text-align:center;
}

#DivInformacion {
width:100%;
float:left;
margin-bottom:2px;
padding:2px;
}

#DivLateral {
float:left;
width:220px;
marging-left:100px;
}

#DivMensajes {
float:left;
width:300px;
height:350px;
padding-left:20px;
padding-top:60px;
margin-bottom:15px;
background-image:url(mensajes.jpg);
background-repeat:no-repeat;
}

#DivPCM {
width:1000px;
height:100%;
margin:auto;
}

#DivRanking {
float:left;
}

#DivTutor {
float:left;
}

#DivtPie {
border-bottom:1px solid #19556C;
width:900px;
clear:both;
margin:10px;
}

#DivtTitulo {
border:1px solid #E1E1E1;
width:900px;
float:left;
margin:10px;
}

.divCuestionario {
background-image:url(/web/comunes/imagenes/cuestionarioCuerpo.jpg);
background-repeat:no-repeat;
clear:left;
}

.divCuestionarios {
clear: both;
width: 100%;
margin: 10px;
display: block;
border: 1px solid gray;
}

.divIndice {
border-radius:4px;
border:1px solid #005D8E;
display:inline-block;
width:200px;
background-color:#F0F4F7;
float:left;
margin-left:-240px;
margin-top:-0x;
padding:10px;
line-height:1.2em;
}


/**************10.DECISIONES*****************/
.ObservacionesDeLasVariables {
    width:400px;
    float:left;
    color:#666;
    font-size:12px;
    margin:5px;
    height:100px;
    overflow:auto;
    }


.botonSliderTipo2 {
    width:20px;
    height:25px;
    text-align:center;
    }
    
.botonSliderTipo2Inferior {
    margin-top:5px;
    }

.conjuntoSliderTipo2 {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    position:relative;
    top:20px;
    }
    
    .conjuntoSliderTipo2SinRangos {
    float:left;
    width:100%;
    }
    .contenedorBotonSliderTipo2 {
    width:20px;
    height:20px;
    float:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding-left:18px;
    margin-top:-20px;
    margin-right:-20px;
    }
    
    .contenedorMinimoYMaximoSliderTipo2 {
    float:left;
    width:100%;
    padding-top:20px;
    _margin-left:-8px;
    }
    
    .contenedorSliderTipo2 {
    padding:5px 0;
    width:auto;
    height:auto;
    _background:url(/web/comunes/imagenes/fondoSlider.PNG);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    _margin:0 15px 0 0;
    margin:0;
    }
    
    .contenedorValorUltimoSliderTipo2 {
    color:#949494;
    font-size:10px;
    margin-top:4px;
    vertical-align:top;
    }


.decision-box-historial {
    float:right;
    height:12px;
    width:12px;
    }
    
    .decisionBox_Manejador {
    width:42%;
    float:left;
    margin-top:3px;
    padding-left:10%;
    padding-right:1%;
    }
    
    .decisionBox_ManejadorMax {
    width:49%;
    float:left;
    text-align:right;
    float:right;
    color:#949494;
    font-size:10px;
    }
    
    .decisionBox_ManejadorMin {
    width:49%;
    float:left;
    text-align:left;
    float:left;
    color:#949494;
    font-size:10px;
    }
    
    .decisionBox_checkbox {
    width:9%;
    float:right;
    margin-left:0;
    margin-top:0;
    }
    
    .decisionBox_checkboxImagenes {
    float:left;
    border:1px solid;
    height:auto;
    border-radius:30px 30px 30px 30px;
    -moz-border-radius:30px 30px 30px 30px;
    -webkit-border-radius:30px 30px 30px 30px;
    }
    
    .decisionBox_checkboxUnaImagen {
    float:left;
    padding:10px;
    }
    
    .decisionBox_container {
    width:390px;
    background-color:#FFF;
    background:#FFF;
    border:1px;
    clear:both;
    text-align:center;
    float:left;
    margin:0 auto;
    }
    
    .decisionBox_container_SinSlider {
    width:300px;
    background-color:#FFF;
    background:#FFF;
    border:1px;
    clear:both;
    text-align:center;
    float:center;
    margin:0 auto;
    }
    
    .decisionBox_contenedorUltimoNuevo {
    width:63%;
    border:1px;
    text-align:center;
    float:center;
    margin:0 auto;
    float:left;
    }
    
    .decisionBox_contenedorUltimoNuevo_SinSlider {
    width:50%;
    border:1px;
    text-align:center;
    float:center;
    margin:0 auto;
    float:left;
    }
    
    .decisionBox_contenedorValores {
    width:63%;
    border:1px;
    text-align:center;
    margin:0 auto;
    float:left;
    display: inline;

    }
    
    .decisionBox_contenedorValores_SinSlider {
    width:50%;
    border:1px;
    text-align:center;
    float:center;
    margin:0 auto;
    float:left;
    }
    
    .decisionBox_enviar {
    width:100%;
    display:block;
    text-align:center;
    float:center;
    float:left;
    }
    
    .decisionBox_hr {
    float:left;
    border:1px;
    width:100%;
    margin-top:1px;
    }
    
    .decisionBox_lineaenblanco {
    width:100%;
    display:block;
    float:left;
    }
    
    .decisionBox_preguntacheckbox {
    color:#515151;
    font-size:12px;
    float:left;
    width:90%;
    margin-top:3px;
    }
    
    .decisionBox_presupuestacion {
    width:100%;
    border:2px solid #FFF;
    }
    
    .decisionBox_titulo_general {
    width:100%;
    float:left;
    color: var(--h1_color) !important;      /* arte2 */
    font-size:17px;
    margin-top:0;
    margin-bottom:2px;
    text-align:left;
    }
    
    .decisionBox_titulovariable {
    width:100%;
    font-weight:700;
    color:#515151;
    font-size:13px;
    float:left;
    text-align:left;
    float:left;
    padding-left:3px;
    }
    
    .decisionBox_totalDecisiones {
    clear:left;
    background:none;
    font-size:13px;
    font-weight:700;
    text-align:left;
    _margin-bottom:20px;
    margin-top:20px;
    _padding-bottom:20px;
    padding-top:20px;
    width:100%;
    }
    
    .decisionBox_totalDecisionesInput {
    border:0;
    _color:#090;
    color:blue;
    font-size:10px;
    text-align:right;
    _width:80px;
    width:auto;
    margin-left:10px;
    }
    
    .decisionBox_totalGrupoDecision {
    clear:left;
    background:none;
    font-size:13px;
    font-weight:700;
    text-align:center;
    margin-bottom:20px;
    margin-top:20px;
    padding-bottom:20px;
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
    }
    
    .decisionBox_totalGrupoDecisionInput {
    border:0;
    color:#090;
    font-size:9px;
    text-align:right;
    width:80px;
    margin-left:10px;
    }
    
    .decisionBox_ultimovalor {
    width:100%;
    float:left;
    text-align:left;
    align:left;
    }
    
    .decisionBox_ultimovalorTitulo {
    width:28%;
    float:left;
    color:#949494;
    font-size:10px;
    margin-top:4px;
    padding-left:3px;
    vertical-align:top;
    text-align:right;
    align:right;
    }
    
    .decisionBox_ultimovalorTitulo_SinSlider {
    width:50%;
    float:left;
    color:#949494;
    font-size:10px;
    margin-top:4px;
    padding-left:3px;
    vertical-align:top;
    text-align:right;
    float:right;
    }
    
    .decisionBox_ultimovalorValor {
    width:28%;
    float:left;
    color:#06C;
    font-size:9px;
    margin-top:4px;
    padding-left:1px;
    padding-right:5px;
    text-align:right;
    vertical-align:top;
    }
    
    .decisionBox_ultimovalorValor_SinSlider {
    width:49%;
    float:left;
    color:#06C;
    font-size:9px;
    margin-top:4px;
    padding-left:1px;
    padding-right:5px;
    text-align:right;
    vertical-align:top;
    }
    
    .decisionBox_valor {
    width:100%;
    float:left;
    text-align:left;
    float:left;
    }
    
    .decisionBox_valorTitulo {
    width:28%;
    float:left;
    color:var(--h1_color) !important;      /* arte2 */
    font-size:10px;
    margin-top:4px;
    padding-left:3px;
    vertical-align:top;
    text-align:right;
    float:right;
    }
    
    .decisionBox_valorTitulo_SinSlider {
    width:50%;
    float:left;
    color:var(--h1_color) !important;      /* arte2 */
    font-size:10px;
    margin-top:4px;
    padding-left:3px;
    vertical-align:top;
    text-align:right;
    float:right;
    }
    
    .decisionBox_valorValor {
    width:28%;
    float:left;
    color:#090;
    margin-top:3px;
    margin-bottom:3px;
    padding-left:1px;
    padding-right:4px;
    text-align:right;
    display: inline-block;
    vertical-align:top;
    }
    
    .decisionBox_valorValorInput {
    background:#FFF;
    border:1px solid #666;
    color:#090;
    font-size:10px;
    text-align:right;
    float:right;
    }
    
    .decisionBox_valorValor_SinSlider {
    width:50%;
    float:left;
    color:#090;
    margin-top:3px;
    margin-bottom:3px;
    padding-left:1px;
    padding-right:5px;
    text-align:right;
    float:right;
    vertical-align:top;
    }
    
    .decisionBox_valoresvariable {
    width:100%;
    font-weight:700;
    color:#515151;
    font-size:13px;
    float:left;
    background:#FFF;
    border:1px solid #666;
    }
    
    .decisionBox_valoresvariable_UltimaFilaSinSlider {
    width:100%;
    float:left;
    color:#949494;
    font-size:10px;
    float:left;
    margin-top:4px;
    }
    
    .decisionBox_valoresvariable_nombrevariable {
    width:35%;
    font-weight:700;
    font-size:13px;
    float:left;
    margin-top:5px;
    margin-bottom:2px;
    text-align:left;
    float:left;
    padding-left:3px;
    }
    
    .decisionBox_valoresvariable_nombrevariable_SinSlider {
    width:48%;
    font-weight:700;
    font-size:13px;
    float:left;
    margin-top:5px;
    margin-bottom:2px;
    text-align:left;
    float:left;
    padding-left:3px;
    }
    
    .decisionBox_variascolumnas_Manejador {
    border:#000 thin;
    width:90%;
    float:left;
    margin-top:3px;
    margin-left:7px;
    margin-right:7px;
    }
    
    .decisionBox_variascolumnas_ManejadorMax {
    width:49%;
    float:left;
    text-align:right;
    float:right;
    color:#949494;
    font-size:10px;
    }
    
    .decisionBox_variascolumnas_ManejadorMin {
    width:49%;
    float:left;
    text-align:left;
    float:left;
    color:#949494;
    font-size:10px;
    }
    
    .decisionBox_variascolumnas_container {
    width:100%;
    border:1px;
    clear:both;
    }
    
    .decisionBox_variascolumnas_container,.decisionBox_variascolumnas_presupuestacion,.decisionBox_variascolumnas_titulo_general,.decisionBox_variascolumnas_separadorVariables,.decisionBox_variascolumnas_entidad,.decisionBox_variascolumnas_titulovariable,.decisionBox_variascolumnas_valoresvariable,.decisionBox_variascolumnas_valoresvariable,.decisionBox_variascolumnas_valoresvariable_nombrevariable,.decisionBox_variascolumnas_valoresvariable_UltimaFilaSinSlider,.decisionBox_variascolumnas_ultimovalorTitulo,.decisionBox_variascolumnas_ultimovalorValor,.decisionBox_variascolumnas_valorTitulo,.decisionBox_variascolumnas_valorValor,.decisionBox_variascolumnas_valorValorInput,.decisionBox_variascolumnas_Manejador,.decisionBox_variascolumnas_ManejadorMin,.decisionBox_variascolumnas_ManejadorMax,.decisionBox_container,.decisionBox_container_SinSlider,.decisionBox_contenedorValores,.decisionBox_contenedorValores_SinSlider,.decisionBox_presupuestacion.decisionBox_titulovariable,.decisionBox_valoresvariable_nombrevariable,.decisionBox_valoresvariable_nombrevariable_SinSlider,.decisionBox_valoresvariable_UltimaFilaSinSlider,.decisionBox_ultimovalor,.decisionBox_ultimovalorTitulo,.decisionBox_ultimovalorTitulo_SinSlider,.decisionBox_ultimovalorValor,.decisionBox_ultimovalorValor_SinSlider,.decisionBox_valor,.decisionBox_valorTitulo,.decisionBox_valorTitulo_SinSlider,.decisionBox_valorValorInput,.decisionBox_Manejador,.decisionBox_ManejadorMin,.decisionBox_ManejadorMax,.decisionBox_variascolumnas_container_checkbox,.decisionBox_preguntacheckbox,.decisionBox_checkbox,.decisionBox_hr,.decisionBox_enviar,.decisionBox_lineaenblanco {
    font-family:Arial,Helvetica,sans-serif;
    }
    
    .decisionBox_variascolumnas_container_checkbox {
    padding-top:15px;
    width:375px;
    border:1px;
    clear:both;
    float:left;
    }
    
    .decisionBox_variascolumnas_entidad {
    width:25%;
    float:left;
    font-weight:700;
    color:#515151;
    font-size:13px;
    margin-left:0;
    float:left;
    text-align:center;
    float:center;
    }
    
    .decisionBox_variascolumnas_presupuestacion {
    background-color:#FFF;
    border:2px solid #FFF;
    }
    
    .decisionBox_variascolumnas_separadorVariables {
    width:100%;
    float:left;
    height:1px;
    }
    
    .decisionBox_variascolumnas_titulo_general {
    width:100%;
    float:left;
    color:var(--h1_color) !important;      /* arte2 */
    font-size:17px;
    margin-top:0;
    height:25px;
    }
    
    .decisionBox_variascolumnas_titulovariable {
    font-weight:700;
    color:var(--h1_color) !important;      /* arte2 */
    background:#000;
    font-size:13px;
    width:24%;
    float:left;
    }
    
    .decisionBox_variascolumnas_ultimovalorTitulo {
    float:left;
    color:var(--h1_color) !important;      /* arte2 */
    font-size:10px;
    float:left;
    margin-top:3px;
    margin-left:3px;
    vertical-align:top;
    }
    
    .decisionBox_variascolumnas_ultimovalorValor {
    width:62%;
    float:left;
    color:var(--h1_color) !important;      /* arte2 */
    font-size:10px;
    margin-top:4px;
    margin-left:1px;
    text-align:right;
    vertical-align:top;
    }
    
    .decisionBox_variascolumnas_valorTitulo {
    width:29%;
    float:left;
    color:var(--h1_color) !important;      /* arte2 */
    font-size:10px;
    float:left;
    margin-top:3px;
    margin-left:3px;
    vertical-align:top;
    }
    
    .decisionBox_variascolumnas_valorValor {
    width:64%;
    float:left;
    color:#090;
    margin-left:1px;
    margin-top:5px;
    margin-bottom:5px;
    padding-right:2px;
    text-align:right;
    float:right;
    vertical-align:top;
    }
    
    .decisionBox_variascolumnas_valorValorInput {
    background:#FFF;
    border:1px solid #666;
    color:#090;
    font-size:10px;
    text-align:right;
    float:right;
    }
    
    .decisionBox_variascolumnas_valoresvariable {
    font-weight:700;
    color:#515151;
    font-size:13px;
    width:24%;
    float:left;
    background:#FAFAFA;
    border:1px solid #666;
    margin-top:3px;
    margin-left:0;
    }
    
    .decisionBox_variascolumnas_valoresvariable_UltimaFilaSinSlider {
    width:100%;
    float:left;
    color:#949494;
    font-size:10px;
    float:left;
    margin-top:4px;
    }
    
    .decisionBox_variascolumnas_valoresvariable_nombrevariable {
    font-weight:700;
    color:#515151;
    font-size:13px;
    width:24%;
    float:left;
    background:#FFF;
    border:1px solid #FFF;
    text-align:left;
    }

/*****************MODIFICACIONES SOBRE JQUERY********************/

ui-widget.ui-widget-content {
    border: 1px solid gray;
}

.ui-slider-horizontal {
    height: .3em;
    background-color:gray;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 0.6em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background-color: #515151;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active ,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover ,
.ui-state-default {
    border: 1px solid #090909;
    background: gray url() 50% 50% repeat-x;
        background-color: rgb(0, 0, 0);
        background-position-x: 50%;
        background-position-y: 50%;
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
    font-weight: normal;
    color: gray;
}




/**********INFORMACION SOBRE DECISIONES****************/


.InformacionDecision_Contenedor {
	width : 70%;
	border-bottom : 1px solid #03476F;
	float : left;
	text-align : left;
	margin-left : 25px;
	}
	.InformacionDecision_ContenedorT {
	width : 100%;
	margin-top : 5px;
	border : #03476F solid 0;
	float : left;
	text-align : left;
	font-size : 12px;
	font-weight : bold;
	margin-left : 25px;
	}
	.InformacionDecision_descripcion {
	width : 90%;
	text-align : left;
	border : 0;
	float : left;
	font-size : 12px;
	margin : 10px;
	}
	.InformacionDecision_decisionNoTomada {
	text-align : left;
	width : 90%;
	border : 0;
	float : left;
	color : blue;
	font-size : 12px;
	font-weight : bold;
  margin-left : 25px;
  display:none;
  }
  
	.InformacionDecision_decisionTomada {
	text-align : left;
	width : 90%;
	border : 0;
	float : left;
	color : green;
	font-size : 12px;
	font-weight : bold;
  margin-left : 25px;
  display:none;
	}
	.tituloDecisiones {
	width : 100%;
	margin-top : 15px;
	float : left;
	text-align : left;
	font-size : 22px;
	font-weight : bold;
	margin-left : 25px;
	}
	.subtituloDecisiones {
	width : 100%;
	margin-top : 5px;
	float : left;
	text-align : left;
	font-size : 12px;
	margin-left : 25px;
	}
	.InformacionDecision_ContenedorT, .InformacionDecision_decisionTomada, .tituloDecisiones, .subtituloDecisiones, .InformacionDecision_decisionNoTomada, .InformacionDecision_descripcion, .InformacionDecision_ContenedorT, .InformacionDecision_Contenedor, .content-box-content, .content-box, .InformacionGrupoTexto_descripcion, .InformacionGrupoTexto_Contenedor, .InformacionGrupoTexto_detalle, .InformacionGrupoTexto_decisionTomada, .InformacionGrupoTexto_link {
	font-family : Arial, Helvetica, sans-serif;
	}

/**********CONTENEDORES DE INFORMES Y DECISIONES****************/
.content-box {
    background:#fff;
    border:1px solid #c4c4c4;
    margin-bottom:5px;
    margin-right:10px;
    float:left;
    }
    
    .content-box-content {
    padding:10px;
    float:left;
    }
    
    .content-box-content {
    padding:10px;
    }
     
    
    .content-box-content-decisiones {
    padding:10px;
    height:75%;
    clear:both;
    }
    
    .content-box-content-informes {
    padding:10px;
    height:75%;
    }
    
    .content-box-decisiones {
    background:#fff;
    width:60%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-decisiones100 {
    background:#fff;
    width:100%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-decisiones30 {
    background:#fff;
    width:35%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-decisiones50 {
    background:#fff;
    width:45%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-decisiones70 {
    background:#fff;
    width:60%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-header {
    background:#ededed;
    border-bottom:0 solid #ededed;
    border-top:0 solid #ededed;
    height:41px;
    padding:0 3px;
    background-repeat:repeat;
    }
    
    .content-box-informes {
    background:#fff;
    width:35%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-informes100 {
    background:#fff;
    width:100%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-informes30 {
    background:#fff;
    width:35%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-informes50 {
    background:#fff;
    width:45%;
    margin-bottom:5px;
    float:left;
    }
    
    .content-box-informes70 {
    background:#fff;
    width:60%;
    margin-bottom:5px;
    float:left;
    }
    

/****************13 CADENA DE VALOR CLICABLE **************/
   
#guiaRapida {
    float:left;
    width:320px;
    height:346px;
    padding-top:20px;
    padding-left:20px;
    cursor:pointer;
    border:1px gray solid;
    }
    
    #guiaRapida_esq {
    height:270px;
    padding:5px;
    }
    
    #guiaRapida_esq h2 {
    margin-bottom:20px;
    }
    
    #guiaRapida_esq img {
    width:90%;
    }
    
    #guiaRapida_esq p {
    color:gray;
    }
    
    #guiaRapida_inferior {
    width:100%;
    height:42px;
    float:left;
    border:1px #fff solid;
    background-color:#fff;
    margin-top:10px;
    padding-top:3px;
    }
    
    #guiaRapida_inferior_img {
    width:30%;
    height:32px;
    float:left;
    border:1px #fff solid;
    background-color:#fff;
    }
    
    #guiaRapida_inferior_img img {
    height:30px;
    }
    
    #guiaRapida_inferior_texto {
    width:70%;
    height:32px;
    float:left;
    background-color:#fff;
    border:1px #fff solid;
    padding:5px;
    }

.borderAguamarina {
        border:3px #0FF solid;
        }
        
        .borderAmarillo {
        border:3px #FF0 solid;
        }
        
        .borderAzul {
        border:3px #00F solid;
        }
        
        .borderGris {
        border:3px #669 solid;
        }
        
        .borderMagenta {
        border:3px #F0F solid;
        }
        
        .borderMarron {
        border:3px #630 solid;
        }
        
        .borderMorado {
        border:3px #309 solid;
        }
        
        .borderNaranja {
        border:3px #C30 solid;
        }
        
        .borderNegro {
        border:3px #000 solid;
        }
        
        .borderRojo {
        border:3px solid red;
        }
        
        .borderSalmon {
        border:3px #F99 solid;
        }
        
        .borderVerde {
        border:3px solid #0F0;
        }
        
        .borderVerde2 {
        border:3px #090 solid;
        }
        .GloboUsuarioEmpresaAbajo {
            width:250px;
            position:relative;
            left:50px;
            top:320px;
            }
            
            .GloboUsuarioEmpresaAbajo,.GloboUsuarioEmpresaArriba,.GloboUsuarioEmpresaCentrado {
            padding:5px;
            font-size:14px;
            color:#fff;
            background-color:blue;
            border-radius:10px 10px 10px 10px;
            -moz-border-radius:10px 10px 10px 10px;
            -webkit-border-radius:10px 10px 10px 10px;
            border:1px dashed #fff;
            }
            
            .GloboUsuarioEmpresaArriba {
            width:250px;
            position:relative;
            left:50px;
            top:130px;
            }
            
            .GloboUsuarioEmpresaCentrado {
            width:700px;
            }

/****************14. PASOS EN TEXTOS************************/
.pasoBotonAnterior,.pasoBotonSiguiente {
    padding:10px 15px;
    margin:10px;
    border:1px solid #8a8a8a;
    background:#cecece;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    behaviour:url(border-radius.htc);
    box-shadow:inset 3px 3px 3px rgba(255,255,255,.7),inset -2px -2px 3px rgba(0,0,0,.1),2px 2px 10px rgba(0,0,0,.1);
    text-shadow:1px 1px 1px rgba(117,0,0,.9);
    text-align:justify;
    font-size:16px;
    font-weight:700;
    text-align:justify;
    text-decoration:none;
    color:#FFF;
    }
    
    .pasoBotonAnterior:hover,.pasoBotonSiguiente:hover {
    text-shadow:1px 1px rgba(0,0,0,.3);
    background:#8a8a8a;
    box-shadow:inset 4px 4px 4px rgba(0,0,0,.3),inset -3px -3px 3px rgba(255,255,255,.2);
    }
    
    .pasos {
    clear:left;
    text-align:right;
    padding-right:20px;
    padding-top:20px;
    }

/*****************15 timmers*******************/

/*clases para apartados*/

.apartadoIcono{
    padding:5px;
    cursor:pointer;
    float: left;
    width: 50px;
    clear: left;
    background-color: #fbfbfb;
    text-align: center;
    margin: 5px;
    border: 1px solid gray;
}

.apartadoTitulo{
  font-weight: bold;
  float:left;
  padding: 10px;
  margin-top:5px;
  width:95%;
}

#apartadoContenido_1,#apartadoContenido_2,#apartadoContenido_3,#apartadoContenido_4,#apartadoContenido_5,#apartadoContenido_6,#apartadoContenido_7,
#apartadoContenido_8,#apartadoContenido_9,#apartadoContenido_10,#apartadoContenido_11,#apartadoContenido_12,#apartadoContenido_13,#apartadoContenido_14,
#apartadoContenido_15,#apartadoContenido_16,#apartadoContenido_17,#apartadoContenido_18,#apartadoContenido_19,
#apartadoContenido_20,#apartadoContenido_21
{
  display: inline-block;
  width:100%;
}

/*Ocultar boton por defecto del grupo de decisiones*/
.BOTON_ENVIAR
{
  display:none;
}


/*
botoneras de deshacer y reiniciar en ejectuarSimlacion.asp
*/


.botonera
{
background-color:#F3CFD0; 
text-align:justify; 
padding:8px;"
}
.botoneraAviso
{
background-color:#F3CFD0; 
text-align:justify; 
padding:8px;
}
/*botones de simulacion, desahacersimulacion y volver a empezar*/ 



.PanelInformacionEjecutar, .resumenDecisionesEjecutar
{
width:450px;
min-height:400px;
padding:0px;
border:1px solid gray;
float:left;
margin:50px;
float:left;
padding:10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
-webkit-box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.42);
box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.42);

}
.PanelInformacionEjecutar
{
background-color:#f0d49c;
}


.divPanelSimulacionContenedorClase{
  width:98%;
  text-align:center;
}

.divEjecutarCondicionadoClase,.divDeshacerSimulacionClase,.divReiniciarSimulacionClase, .noTodasLasPestanas,.noTodasLasDecisiones, .guardarDecisionesB{
  clear:left;
  width:98%;
  border:1px gray solid;
  min-height:50px;
  margin-top:5px;
  margin-left:auto;
  border-radius: 6px;
  background-color:white;
  padding:5px;
}
.guardarDecisionesB{
  display:block;
  margin-top:30px;
  text-align:center;
}

.divEjecutarCondicionadoTituloClase, .divDeshacerSimulacionTituloClase,.divReiniciarSimulacionTituloClase
{
  margin:30px;
    display: block;
    padding: 10px 15px;
    /*margin: 0px auto;*/
    border: 1px solid #750000;
    background: none repeat scroll 0% 0% green;
    border-radius: 6px;
    box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) inset, -2px -2px 3px rgba(0, 0, 0, 0.1) inset, 2px 2px 10px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 1px rgba(117, 0, 0, 0.9);
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
    text-decoration: none;
    color: #FFF;
   cursor:pointer;
   text-align:center;
   clear:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
   
}

 .divDeshacerSimulacionTituloClase
 {    background: var(--divDeshacerSimulacionTituloClase_background)}   /* arte1 */
 
 .divReiniciarSimulacionTituloClase
{    background: none repeat scroll 0% 0% red;}

.divEjecutarCondicionadoTituloClase:hover, .divDeshacerSimulacionTituloClase:hover, .divReiniciarSimulacionTituloClase:hover{
	color:black;
}

.divEjecutarCondicionadoTextoClase,.divDeshacerSimulacionTextoClase,.divReiniciarSimulacionTextoClase{
	
   color:black;
   font-size:14px;
   font-weight:bold;
    margin-top:15px;
  	display: inline-block;
	vertical-align:top;
	width:70%;
	text-align:left;

}
.divEjecutarCondicionadoIconoClase,.divDeshacerSimulacionIconoClase,.divReiniciarSimulacionIconoClase{
     float:left;
     background-image:url("/web/comunes/imagenes/santandercursos/ejecutaricono.jpg");
     background-repeat:no-repeat; 
     min-width:65px;
     min-height:65px;
     margin:5px;
     display: inline-block;
     vertical-align:top;
}


.divDeshacerSimulacionIconoClase{
    background-image:url(/web/comunes/imagenes/santandercursos/volverAtrasRojo.png);
}

.divReiniciarSimulacionIconoClase{
    background-image:url(/web/comunes/imagenes/santandercursos/reiniciaROJO.png);
}

.semaforoVerdeDec{
  margin-right:10px;width:20px;height:20px;background-color:green;float:left;
}
.semaforoRojoDec{
margin-right:10px;width:20px;height:20px;background-color:red;float:left;
}
/*Estilos de botones*/
.boton_azul_claro{
	display: block;
    width: 250px;
    height: 60px;
    padding: 15px 0 0 0;
    margin: 0 auto;
    
    background: #4682B4;
    background: -moz-linear-gradient(top, #87CEEB 0%, #4682B4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87CEEB), color-stop(100%,#4682B4));
 
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid #62C2F9;
    border-radius: 10px;
    color:black;
    text-align:center;
}
.boton_azul_claro:hover{color:#e3efff; text-decoration: underline;cursor:pointer}


/* Inicio barra pericles */
.divRedireccion{
	clear:left;
	padding-top:20px;
	text-align:center;
}



.cajaPericles{
	padding-top:10px;
	padding-bottom:70px;
	color:black;
    font-size: 14px;
    font-weight: bold;
	
	max-width: 1140px; 
	margin-left: 0;	
	padding-left: 0;	
	
}

.cajaPericlesSuperior{
	background-color:rgb(181,81,29);
	color:white;
	text-align:center;
	height:45px;
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
	
}

.mensajePericles{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	background-color:white;
	text-align:center;
	width: 100%;
	font-size: 19px;
	padding-left:5%;
	padding-right:5%;
}

/* Fin barra pericles */

.x-message-box .ext-mb-download 
{
    background-image: url('/web/comunes/images/loader.gif');
    backgroundRepeat: no-repeat;
    background-size: 100%;
    background-position:left center;
    height: 40px!important;
    width: 40px!important;
}
	
.x-message-box .x-window-body{background-color:#ced9e7;border:1px solid}
.x-message-box .ext-mb-textarea{margin-top:4px}
.x-message-box .x-progress-wrap{margin-top:4px}
.x-message-box .ext-mb-icon{width:47px;height:32px}
.x-message-box .ext-mb-info, .x-message-box .ext-mb-warning, .x-message-box .ext-mb-question,.x-message-box .ext-mb-error{background:transparent no-repeat top left}
.ext-gecko2 .ext-mb-fix-cursor{overflow:auto}
.x-message-box .x-msg-box-wait{background-image:url('/web/comunes/js/extJs/4.0.5/resources/themes/images/default/shared/blue-loading.gif')}
.x-message-box .ext-mb-info{background-image:url('/web/comunes/js/extJs/4.0.5/resources/themes/images/default/shared/icon-info.gif')}
.x-message-box .ext-mb-warning{background-image:url('/web/comunes/js/extJs/4.0.5/resources/themes/images/default/shared/icon-warning.gif')}
.x-message-box .ext-mb-question{background-image:url('/web/comunes/js/extJs/4.0.5/resources/themes/images/default/shared/icon-question.gif')}
.x-message-box .ext-mb-error{background-image:url('/web/comunes/js/extJs/4.0.5/resources/themes/images/default/shared/icon-error.gif')}



.botonEnviarGrupoDecisiones{
	clear:both;
	margin-top:20px;
	text-align:center;
	padding-top:20px;
}

.BOTON_PONER_A_0_DECISIONES_ROJO{
	display: block;      
	padding: 10px 15px;
	margin: 0 auto;        
	border: 1px solid #750000; /* Color del borde, debe ser m�s oscuro que fondo */
	background: #ff0000; /* Fondo */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	behaviour: url(border-radius.htc); /* Bordes redondos */
	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(117,0,0,.9);  /* Sombra del texto */
	text-align:justify;  /* Alineaci�n del texto */
  font-size: 16px; font-weight:bold;    text-align: justify;       text-decoration: none;    color: #FFFFFF;    
  margin:15px;
}

.BOTON_ENVIAR_ROJO{
	display: block;      
	padding: 10px 15px;
	margin: 0 auto;        
	border: 1px solid #750000; /* Color del borde, debe ser m�s oscuro que fondo */
	background: #ff0000; /* Fondo */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	behaviour: url(border-radius.htc); /* Bordes redondos */
	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(117,0,0,.9);  /* Sombra del texto */
	text-align:center;  /* Alineaci�n del texto */
  font-size: 16px; font-weight:bold;    text-align: justify;       text-decoration: none;    color: #FFFFFF;    
  margin:15px;
}

.BOTON_ENVIAR_ROJO_2_BOTONES{
	padding: 10px 15px;
	margin: 10px;        
	border: 1px solid #750000; /* Color del borde, debe ser m�s oscuro que fondo */
	background: #ff0000; /* Fondo */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	behaviour: url(border-radius.htc); /* Bordes redondos */
	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(117,0,0,.9);  /* Sombra del texto */
	text-align:justify;  /* Alineaci�n del texto */
  font-size: 16px; font-weight:bold;    text-align: justify;       text-decoration: none;    color: #FFFFFF;   
  margin:15px; 
}

.BOTON_ENVIAR_ROJO:hover, .BOTON_ENVIAR_ROJO_2_BOTONES:hover, .BOTON_PONER_A_0_DECISIONES_ROJO:hover{
	text-shadow: 1px 1px rgba(0,0,0,.3);  /* Sombra del texto */
	background:#ff0000;  /* Fondo m�s oscuro que el original */
  box-shadow:inset 4px 4px 4px rgba(0,0,0,.3), inset -3px -3px 3px rgba(255,255,255,.2);
  margin:15px;
}

.BOTON_ENVIAR_AZUL,input[type=submit] {
 
	display: block;      
	padding: 10px 15px;
	margin: 0 auto;        
	border: 1px solid #163b69; /* Color del borde, debe ser m�s oscuro que fondo */
	background: var(--h1_color) !important;      /* arte2 */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	behaviour: url(border-radius.htc); /* Bordes redondos */

	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(117,0,0,.9);  /* Sombra del texto */
	

	text-align:justify;  /* Alineaci�n del texto */
  font-size: 16px; font-weight:bold;    text-align: justify;       text-decoration: none;    color: #FFFFFF;
  margin:15px;   
}

.BOTON_ENVIAR_AZUL_2_BOTONES{
	padding: 10px 15px;
	margin: 10px;        
	border: 1px solid #163b69; /* Color del borde, debe ser m�s oscuro que fondo */
	background:var(--h1_color) !important;      /* arte2 */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	behaviour: url(border-radius.htc); /* Bordes redondos */

	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(117,0,0,.9);  /* Sombra del texto */
	

	text-align:justify;  /* Alineaci�n del texto */
  font-size: 16px; font-weight:bold;    text-align: justify;       text-decoration: none;    color: #FFFFFF;  
  margin:15px; 
}

.BOTON_ENVIAR_AZUL:hover, .BOTON_ENVIAR_AZUL_2_BOTONES:hover{
	text-shadow: 1px 1px rgba(0,0,0,.3);  /* Sombra del texto */
	background:#1d4f83;  /* Fondo m�s oscuro que el original */
  box-shadow:inset 4px 4px 4px rgba(0,0,0,.3), inset -3px -3px 3px rgba(255,255,255,.2);
  margin:15px;	
}

.BOTON_ENVIAR_AMARILLO{
  color: yellow;
  margin:15px;
}


.BOTON_ENVIAR_OCULTAR{
  display: none;
  
}
.DecisionCuestionario_Correcto{
	color:blue;
	font-size: 20px;
	font-weight: bolder; 
}

.DecisionCuestionario_Incorrecto{
	color:red;
	font-weight: bolder; 
	font-size: 20px;
}

.DecisionCuestionario_DecisionNoTomada{
}

.decisionCuestionario_Opciones{
	color:black;
	text-align:center;
}

.decisionCuestionario_Opcion1{
	color: #0F0;
	font-size: 22px;
	padding: 0 20px 0 0;
}
.decisionCuestionario_Opcion1 > input{
	width: 40px;
	height: 40px;
}
.decisionCuestionario_Opcion2{
	color: #F00;
	font-size: 22px;
	padding: 0 0 0 20px;
}
.decisionCuestionario_Opcion2 > input{
	width: 40px;
	height: 40px;
}


.EnlaceTexto, .EnlaceTextoP,.EnlaceTexto2
{
background-image:url('/web/comunes/imagenes/manohorizontalP.png');
	background-position:5px 5px;
	background-repeat:no-repeat;
	margin:auto auto;
	width:90%;
	float:right;
	height:60px;
	padding:10px 40px 10px 50px;
	-webkit-border-radius: 6px; 
   	-moz-border-radius: 6px;
   	border-radius: 6px;
   	behaviour: url(border-radius.htc);

font-weight:bold;
color:red;
cursor:pointer;
font-size:14px;

}

.EnlaceTexto2
{
float:left;
}



/*****************16. MENUS IZQUIERDO**********************/


/*El menu generado se crea con listas (ul,li)*/
/*El menu no generado se crea con extjs*/

/*---------------- MENUS GENERADOS ---------------------*/

/*Fondo menus generados */
.menu{
	font-family: Verdana,Arial,Helvetica;
}
.menubody{
	background-color:#D5D5D5;
	background-image: url('imagenes/fondo-menu.png');
	background-repeat:no-repeat;
	background-size:auto auto auto;
	background-attachment:fixed;
	background-position:left top;
    padding-top:5px;
}
.menu ul{
    list-style: none;
    margin:0;
    padding:0;
    width:100%;
}

.menu ul li{
    margin:0;
    padding:0px;
}
/*Fin Fondo menus generados */

/*Nivel 1 menus generados*/

.menuSinSeleccionar{
display:block;
width:85%;
 border-top: 1px solid #ff0303;
   background: #910000;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#910000));
   background: -webkit-linear-gradient(top, #ff0000, #910000);
   background: -moz-linear-gradient(top, #ff0000, #910000);
   background: -ms-linear-gradient(top, #ff0000, #910000);
   background: -o-linear-gradient(top, #ff0000, #910000);
   padding: 8.5px 10px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-weight:bold;
   font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-top:3px;
}


.menuSinSeleccionar:hover{
display:block;
width:85%;
 border-top: 1px solid #ff0303;
/*   background: #910000;*/
   background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#910000));
   background: -webkit-linear-gradient(top, #ff0000, #910000);
   background: -moz-linear-gradient(top, #ff0000, #910000);
   background: -ms-linear-gradient(top, #ff0000, #910000);
   background: -o-linear-gradient(top, #ff0000, #910000);
   padding: 8.5px 10px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
/*   color: white;*/
   font-size: 14px;
   font-weight:bold;
   font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-top:3px;

   border-top-color: #000000;
   background: #000000;
   color:#ffff80;
/*
	_color:#000080;
	color:rgb(237,237,237);
	background:url(/web/comunes/images/boton-selectobg-negro.png);
	background-size: 100% 100%; 
	*/
}

.menuSeleccionado{
display:block;
width:85%;
 border-top: 1px solid #ff0303;
/*   background: #910000;*/
   background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#910000));
   background: -webkit-linear-gradient(top, #ff0000, #910000);
   background: -moz-linear-gradient(top, #ff0000, #910000);
   background: -ms-linear-gradient(top, #ff0000, #910000);
   background: -o-linear-gradient(top, #ff0000, #910000);
   padding: 8.5px 10px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
   font-size: 14px;
   font-weight:bold;
   font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-top:3px;

   border-top-color: #000000;
   background: #000000;
}

.menuPasoPorEncima{
display:block;
width:85%;
 border-top: 1px solid #ff0303;
/*   background: #910000;*/
   background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#910000));
   background: -webkit-linear-gradient(top, #ff0000, #910000);
   background: -moz-linear-gradient(top, #ff0000, #910000);
   background: -ms-linear-gradient(top, #ff0000, #910000);
   background: -o-linear-gradient(top, #ff0000, #910000);
   padding: 8.5px 10px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: yellow;
   font-size: 14px;
   font-weight:bold;
   font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-top:3px;
   
   border-top-color: #000000;
   background: #000000;

}

/*Fin Nivel 1 menus generados*/

/* Menus generados. Caja que agrupa el nivel2*/
.menu ul li ul{
    width:100%;
    display:none;
}
/* FIn Menus generados. Caja que agrupa el nivel2*//

/* Nivel2. Menus generados */

.menu ul li ul a{
    margin-top:2px;
    padding-left: 40px;
    padding-right:5px;
    padding-top:10px;
    display:block;
    text-decoration: none;
    font-size:10px;
    height:35px;
	
	/*afecta al centrado vertical del texto*/
    _line-height:45px; 
    font-weight: bold;
	text-align:left;
	
}

.submenuSinSeleccionar{
    font-weight:bold;
	_color:#000080;
	_background:url(/imagenes/boton-no-selecto.png);
    color:black;
	background:url(/web/comunes/images/botonbg.png);
}


.submenuSeleccionado{
    font-weight: normal;
	_color:#FFFFFF;
	_background:url(/imagenes/boton-selecto.png);
	color:rgb(237,237,237);
	_background:url(/web/comunes/images/boton-selectobg.png);
	background:url(/web/comunes/images/boton-selectobg-negro.png);
}

.submenuPasoPorEncima{
    font-weight: normal;
	_color:#000080;
	_background:url(/imagenes/boton-no-selecto.png);
	color:rgb(237,237,237);
	_background:url(/web/comunes/images/boton-rollover.png);
	background:url(/web/comunes/images/boton-selectobg-negro.png);

	
}

.submenuSinSeleccionar:hover{
	_color:#000080;
	color:rgb(237,237,237);

}
.submenuSeleccionado:hover{
	_color:#FFFFFF;
	color:rgb(237,237,237);
}
.submenuSeleccionado{
	_color:#FFFFFF;
	color:rgb(237,237,237);

}
.submenuSeleccionado:active{
	_color:#FFFFFF;
	color:rgb(237,237,237);
}
.submenuPasoPorEncima:hover{
	_color:#000080;
	color:rgb(237,237,237);

}

/* Fin Nivel2. Menus generados */

 .enlcAleft {
    font-weight: normal;
    font-size: 1.0em;
    font-variant: normal;
  }
  
  #exmp1Trigger ul {
    margin: 0px;
    padding: 0px;
  }

  .menuSlider
  {
    background-color: var(--menuslider_color);   /* arte1 */

  }
  .menuSlider>ul li {
    border-top: 1px solid white;
    padding: 0 !important;
    background: transparent;
    width: auto;
    float: none !important;
    background-color: var(--menuslider_color);   /* arte1 */
    font-size: 1.1em;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.19);

  }

  .menuSlider>ul li a {
    color: white;
    text-decoration: none;
    padding: 5px 7px 5px;
    display: block;

  }

  .menuSlider>ul li li a {
    padding: 5px 7px 5px 25px;
  }

  .menuSlider>ul li:hover,
  .menuSlider>ul li a:hover {
    color: white;
    background-color: var(--menuslider_color_hover);      /* arte4 */
  }

  .menuSlider>ul li li.nivel1.active,
  .menuSlider>ul li.nivel1.active:hover,
  .menuSlider>ul li.nivel1.active a:hover {  
    /*color: var(--menuslider_color_active_hover) !important;       arte5 */
    background-color: var(--menuslider_background_active_hover);      /* arte6 */
    box-shadow: none;
  }

  .menuSlider>ul li.nivel1.active:hover,
  .menuSlider>ul li.nivel1.active a:hover {
     color: var(--menuslider_color_active_a) !important;     /* arte7 */
  }




/*********************** 17. Menu superior ************************/

#logo
{
    padding-top:5px;
    max-width: 90%;
    padding-left:5px;
    margin-top: 8px;
}

.cajaAE {
  margin: 8px 0px 0px;
	height: 75px;
	background-color: rgba(255, 255, 255, 0.8);;
	text-align:left;
	color:gray;	
	font-size: 12px;
  font-weight: normal;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 0px solid white;	
  line-height:180%;
  padding: 5px 5px 10px 10px;

}
.cajaAE .negrita {
    font-weight: bold;
}

.cajaPeriodosTabla{
	max-width:200px;
  margin-top:18px;
  float: left;
  max-height: 80px
}

.cajaPeriodos {
	
	background-color: rgba(223, 223, 223, 0.8);
	text-align:center;
	color: gray;
	font-size: 12px;
	font-weight: bold;
  border-radius: 8px;
	padding: 8px;
  height: 70px;
  line-height: 150%;
    /*width: 200px;
  max-width: 100%;*/
}

.cajaPeriodosPeriodos{
    padding:15px;
}

.cajaPeriodosAnyo{
	color:black;
	font-size: 12px;
}
.caja {
    border-bottom:1px solid #000;
    }
    
.cajaPeriodosAnyo {
text-align:center;
font-size:12px;

}

.cajaPeriodosPeriodos {
text-align:center;

font-size:12px;

}

.cajaPeriodosV1 {
text-align:center;
margin-top:0;
margin-bottom:0;
font-size:10px;
color:#FFF;
}



/*Afegit Desarrollo*/
  #menuTop {
    height: 80px;
    margin-top: 8px;
    float: right;
    
  }
 #menuTop li {
    margin-top: 0px;
    border: solid gray 0px;
  }

 #menuTop ul.flxMenu  {
    margin: 0px;
    padding: 0px;
  }
  .flxInitFrame>ul>li:hover {
    transform: none;
    /*font-size: large;*/
  }

 .flxMenu a  {
    text-decoration: none;
    color: var(--flxmenu_color_a);    /* arte1 */
  }

  .flxMenu a .botonTop {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    margin:0px auto 5px;
    /*background-image: url(https://info.estivalgroup.com/sfiles/img/top-arrow.png);
    background-size: cover;*/
    background-color: rgba(255, 255, 255, 0.8);
  }
   .flxMenu a:hover .botonTop {
    background-color: var(--flxmenu_color_a_hover);   /* arte1 */
  }
  .flxMenu a .botonTop>img {
    filter: var(--flxmenu_filter_botontop); /* arte3 */
    max-width: 50px;
     }
  .flxMenu a:hover .botonTop>img {
    filter: none;

     }
.flxInitFrame > ul > li ul > li {
    position: relative;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.8) !important;
    
}

#menuTop li.hasSubmenu .menuTS {
    padding-bottom: 8px;
    }

#menuTop li li {
    margin-top: 0px;
    border-bottom: solid #D7D7D7 1px;
    padding: 8px;
}

.AltoCX, .barraSup
{
height:90px;
}

/*********************** 18.Modal maximize ************************/


.modal-header .btnGrp{
position: absolute;
top: 8px;
right: 10px;
} /*
.min{
    width: 250px; 
    height: 35px;
    overflow: hidden !important;
    padding: 0px !important;
    margin: 0px;    

    float: left;  
    position: static !important; 
}*/
.min{
    width: 1250px !important; 
    height: 35px;
	  z-index:1000;
    bottom:35px;
    left:-50%;
    overflow: hidden !important;
    float: left;  
    position: absolute; 
}
.min .modal-dialog, .min .modal-content{
    height: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important; 
}
.min .modal-header{
    height: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 3px 5px !important; 
}
.display-none{display: none;}
button .fa{
    font-size: 16px;
    margin-left: 10px;
}
.min .fa{
    font-size: 14px; 
}
.min .menuTab{display: none;}
button:focus { outline: none; }
.minmaxCon{
height: 35px;
bottom: 1px;
left: 1px;
position: fixed;
right: 1px;
z-index: 500;
}
.modal-content {
  border-top-left-radius: 15px !important;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.modal-header {
background-color: #FFFFFF;
padding:3px 5px;
color:black;
/*font-family:Verdana, sans-serif;*/
border-bottom:1px solid #eee;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
justify-content: left;
display: block;
}
.modal-header .close {
/*padding: 0 0;*/
margin: -15px -3px -0px -10px;
}
.modal-title{color:black;line-height: 0.5;}
.modalMinimize
{line-height: 0.5;}
.modal-footer {
background-color: #FFFFFF;
color:#FFF;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
} 
.menuFrame li ul {
display: block;
position: relative;
margin: 0 0 0 20px;
width: 100%;
padding: 0;
overflow: hidden;
}

#iframeVE {
  border-width: 0px;
  border-style: none;
  border-color: transparent;

}






/*********************** 19.Noticias ************************/
.Noticias {
  float: left;
  width: 30%;
  margin: 30px;
  min-height: 325px;
}

.tituloNoticias {
  font-weight: bold;
  font-size: 18px;
}

/*********************** 20.Noticias ************************/


.btn-primary {
    color: #fff;
    background-color: #333333;
    border-color: none;
    border-radius: 25px !important;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
    border: none;
}
.barraInf {
    background-color: #4b4b4b;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    z-index: 1000;
     margin-top:auto;
     bottom:-200px;
    position:relative;
} 

.barraInf a.btn-primary {  
  background-color: #666566;
  color: #fff;
  text-decoration: none;
}

.barraInf a.btn-primary:hover {  
  background-color: #dddcdd;
  color: #373638;
}

/*********************** 19.Chat ************************/
#chatwindow.alert-info {
    color: #585858;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

#chatwindow .panel-success>.panel-heading {
    color: #585858;
    background-color: #dfdfdf; 
    border-color: #C1C1C1 !important; 
}


  #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
  }

  #myBtn:hover {
    background-color: #555;

  }


  /*.botonTop figure {
	background: #1abc9c;
}
.botonTop figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.botonTop figure:hover img {
	opacity: .5;
}*/



  .enlcAleft {
   
    cursor: pointer;

  }

  .nivel0 {
    background-color: whitesmoke;

  }

  .nivel1 {
    padding-left: 5px;

  }

  .nivel2 {
    padding-left: 10px;

  }

  #exmp1Trigger {
    display: block;
  }

  #exmp2Trigger {
    display: none;
  }

  .botonTop {
    /*max-width: 200px;*/
    max-height: 35px;
  }

  .aTS:link {
    text-decoration: none;
    font-variant: small-caps;
  }

  .aTS:hover {
    text-decoration: none;
  }

  /*#menuTop {
    height: 80px;
    margin-top: 10px;
  }*/


  #menuexmp1 .flxMenu li>a {
    display: block;
    color: black;
    font-variant: small-caps;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
  }
  #menuexmp1 .flxMenu li>a:hover {
    background: transparent;
  }

  #menuexmp2 .flxMenu li > a {
	display: block;
	color: black;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: bold;
	background-color: blue;
}

#menuexmp2 .flxMenu li>a:hover {
    background-color: red;
  }

  .flxMenu li {
    list-style: none;
    margin-top: 0px;
    margin-left:0px;
  }

  .flxInitFrame>ul>li {
    float: left;
    min-width: 80px;
    height: 40px;
    /*background-color: whitesmoke;
    opacity: 0.45;
    -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;*/
    z-index: 800;
    padding: 3px;
    transition: transform .2s;
    text-align: center;
    margin-left: 10px;
    margin-top: 0px;
  }
@media (max-width: 1200px) {
.flxInitFrame>ul>li {
    min-width: 80px;
  }
}


  .flxInitFrame ul,
  .flxInitFrame li {
    position: relative;
    /*background-color: whitesmoke;
    opacity: 0.95;*/
    z-index: 800;
  }

  .flxInitFrame>ul>li ul>li {
    position: relative;
    padding: 5px;
  }


  .flxInitFrame #menuExmp1 ul {
    background-color: rgb(231, 235, 232);
  }


 

  #exmp1Trigger {
    padding: 0px;
  }

  #exmp1Trigger ul {
    background-color: rgba(255, 255, 255, 0.3);
  }

  .menuFrame li ul {
    display: block;
    position: relative;
    margin: 0 0 0 20px;
    /*! width: 100%; */
    padding-left: 10px;
    overflow: hidden;
  }

  
  #contenidogeneral
  {
    top:115px;

  }
  #contenidotextosunicos
  {
    top:10px;
  }

  .contenidopestanyas 
  {
    font-size: 1em;
    padding-bottom: 100px;

  }
  .contenidopestanyas h1
  {
    /*clear:both;
    margin-top:1px;
    font-size: 1.3em;*/

    color: var(--h1_color) !important; 
    padding-bottom: 10px; 
    margin-bottom: 20px; 
    font-size: 1.5em; font-weight: 600; 
    border-bottom: solid 8px #ccc;
  }


  .contenidopestanyas ul li
  {
    margin-top:0px;
    margin-left:10px;

  }
  .contenidopestanyas  td
{
  vertical-align: top;
}

.contenidopestanyas  p
{
  margin-top:10px;
}
  #destacadosGlobal {
    float: left;
    width: 200px;
    height: auto;
    margin: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: #777 solid 2px;
    border-radius: 15px;
    box-shadow: 2px 2px 5px 1px #777;
    margin-bottom: 5px;
    padding-right:35px;

}

#destacadosGlobal ul li
  {
    margin-top:0px;
    margin-left:10px;

  }
#destacadosGlobal  img{

  border-top: 3px solid;
 border-left: 3px solid;
 border-right: 3px solid;
 border-bottom: 25px solid;
  border-image: radial-gradient(rgb(255,255,255), rgb(255,255,255)) 1;
}

#destacados {
    float: left;
    width: 200px;
    min-height: 260px;
    margin: 5px;
    margin-bottom: 10px;
    padding: 5px;
    border: #777 solid 2px;
    border-radius: 15px;
    box-shadow: 2px 2px 5px 1px #777;
    margin-bottom: 5px;
    padding:5px;

}



#destacados  h2{
  font-weight: bold;
  text-align: center;
}
#destacados  img{

 border-top: 3px solid;
 border-left: 3px solid;
 border-right: 3px solid;
 border-bottom: 15px solid;

  border-image: radial-gradient(rgb(255,255,255), rgb(255,255,255)) 1;
}


/*contiene un link a un texto*/
.UnMensajeTexto{
    	text-align: left;
        padding-left:1px;
        padding-right:1px;
        padding-top:1px;
        padding-bottom:1px;
    }
    /*es un a href. link al texto*/
    .LinkUnMensajeTexto{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        /*font-weight:bold;*/
        color: #1b284d;
        /*text-decoration:underline;*/
        cursor: pointer;
    text-align: left;
    }
    .LinkUnMensajeTexto:hover{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight:bold;
        color: #1b284d;
        /*text-decoration:underline;*/
        cursor: pointer;
    text-align: left;
    }

    .InformacionGrupoTexto_Contenedor{
        width:300px;
        height:120px;
        margin:15px;
        background-color: #EBEBEB;
        margin: 20px 10px;
        min-height: 10px;
        padding: 5px 5px 5px 5px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    float:left;
        
    }
    
    .InformacionGrupoTexto_descripcion{
    
        width:90%;
        height:1em;	
        text-align:left;
        font-size: 14px;
        border: 0px;
        float:left;
        margin-bottom:30px;
    }
    
    .InformacionGrupoTexto_detalle{
        width:90%;
        height:80px;		
        font-size: 12px;
        text-align:left;
        border: 0px;
        float:left;
    }
    
    .InformacionGrupoTexto_detalle{
        text-align:left;
        font-size: 12px;
         width:100%;
        height:15px;			
        border: 0px;
        clear:both;
        float:left;
        color:black;
        margin-top:3px;
        margin-bottom:3px;
        }
    
    .InformacionGrupoTexto_link{
        border: 0px;
        float:right;
        height:10px;				
        text-align:right;
        border: 0px;
        float:right;
        color:blue;
        font-size:14px;
    }
    

  

  
  /*********20.Bankstrategy*/
  
.botonvolver {
 /* background-image: url(https://www.areadigital.net/usuarios/volver.png);*/
      background-position: 20px 14px;
      background-color: var(--menuslider_color); /* arte*/
      background-repeat: no-repeat;
      max-width: 130px;
      min-width: 130px;
      height: auto;
      text-align: center;
      /* margin: auto auto; */
      float: right;
      padding: 14px 50px 14px 50px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 30px;
      behaviour: url(border-radius.htc);
      font-weight: normal;
      color: white;
      cursor: pointer;
      font-size: 14px;
      vertical-align: middle;
      cursor: pointer;
  }
  
  .fondopuntuacion, .fondopuntuacionverde
  {
  
  background-color: #00c373;
  /*background-color: #ff9000;*/
  /*background-color: #c3c3c3;*/
  margin-top:10px;
  /*float: left;*/
  width: auto;
  height: 26px;
  padding: 4px 10px 4px 10px;
  border-radius: 20px;
  font-weight: normal;
  color: white;
  font-size: 14px;
  vertical-align: middle;
  }
  
  
  .fondopuntuacionrojo
  {
  
  background-color: #cf663a;
  /*background-color: #ff9000;*/
  /*background-color: #c3c3c3;*/
  margin-top:10px;
  /*float: left;*/
  width: auto;
  height: 26px;
  padding: 4px 10px 4px 10px;
  border-radius: 20px;
  font-weight: normal;
  color: white;
  font-size: 14px;
  vertical-align: middle;
  }
  
  .fondopuntuacionazul
  {
  
  background-color: #3784cc;
  /*background-color: #ff9000;*/
  /*background-color: #c3c3c3;*/
  margin-top:10px;
  /*float: left;*/
  width: auto;
  height: 26px;
  padding: 4px 10px 4px 10px;
  border-radius: 20px;
  font-weight: normal;
  color: white;
  font-size: 14px;
  vertical-align: middle;
  }
  
  .fondopuntuacion.XL {
      padding: 4px 14px 4px 14px;
      border-radius: 50%;
  }
  
  
  .EnlaceTexto2
  {
  float:left;
  }
  
  .EnlaceTextoP, .EnlaceTextoPeq, .EnlaceTexto, .EnlaceTexto2,.btn {
      font-weight: bold;
      color: rgb(255, 255, 255);
      vertical-align: middle;
      box-shadow: rgb(48, 57, 72) 1px 4px 10px -8px;
      height: auto;
      width: auto;
      cursor: pointer;
      font-size: 14px !important;
      text-align: center !important;
      background: var(--menuslider_color); /* arte*/
      padding: 1.1em 2em;
      text-decoration: none;
      border-radius: 100px !important;
      border-width: 0px !important;
  }
  
  .EnlaceTextoPeq {
      max-width: 30px;
      width: 30px;
      min-width: 30px;
      margin: 5px;
      border-radius: 50 px !important;
      cursor: pointer;
      padding: 1.1em 2.1em 1.1em 1.6em;
      background: rgb(225, 235, 240);
      var(--menuslider_color); /* arte*/
  }
  
  
  
  
  .EnlaceTextoP,.EnlaceTexto,.btn:hover, .btn:active {
      background:  var(--menuslider_color); /* arte*/
      color: #FFFFFF;
      text-decoration: none;
  }
  
  .EnlaceTexto,.volver, .volver:hover, .volver:active {
     /* background-image: url(https://www.areadigital.net/usuarios/volver.png);*/
      background-position: 2px 14px;
      background-repeat: no-repeat;
      clear:both;
  
    }
  .EnlaceTextoP, .siguiente, .siguiente:hover, .siguiente:active {
      background-image: url(https://www.areadigital.net/usuarios/siguiente.png);
      background-position: right 2px center;
      background-repeat: no-repeat;
    float:none;
    cursor: pointer;
    clear:both;
  
    }
  
  
  
  
  .acceder, .acceder:hover, .acceder {
      background: #609cd4; /* Arte-1 colorbase #609cd4 */
      border-radius: 50% !important;
      background-image: url(https://www.areadigital.net/usuarios/siguiente.png);
      background-position: 13px 12px;
      background-repeat: no-repeat;
      height: 45px !important;
      width: 45px !important;
      max-width: 45px !important;
      min-width: 45px !important;
      vertical-align: middle;
      display: inline-block;
    font-size: 0px;
  cursor: pointer;
  margin: 5px;
    }
  
    .acceder:hover, .acceder:active {
      background: #0268D7; /* Arte-2 colorbase #0268D7 */
      background-image: url(https://www.areadigital.net/usuarios/siguiente.png);
      background-position: 13px 12px;
      background-repeat: no-repeat;
      }
  
  
  
  
.puntuacion, .pun {
  
  float: left;
  width: 100px;
  height: 26px;
  padding: 4px 10px 4px 10px;
  border-radius: 21px;
  font-weight: normal;
  color: white;
  font-size: 14px;
  background-color:var(--h1_color);
  vertical-align: middle;
  
  }
  
  .puntuacion.p70-100 {
    background-color: #00c373 !important;
  }
  .puntuacion.p30-70 {
    background-color: #ff9000 !important;
  }
  /* Estilos de Bootstrap*/
  .progress {
      height: 20px;
      min-width: 125px;
      /*margin-bottom: 20px;*/
      overflow: hidden;
      background-color: #d6f2e7;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
      box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
      vertical-align: middle;
  }
  .progress-bar {
      float: left;
      width: 0;
      height: 100%;
      font-size: 12px;
      line-height: 20px;
      color: #666;
      text-align: center;
      background-color: #337ab7;
      -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
      box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
  }
      .progress-bar-success {
      background-color: #00c373;
      color: #fff;
  }
  .progress-bar-info {
      background-color: #5bc0de;
      color: #fff;
  }
  .progress-bar-warning {
      background-color: #f0ad4e;
      color: #fff;
  }
  .progress-bar-danger {
      background-color: #d9534f;
      color: #fff;
  }
  
  /**/
  
  .progress-less-50 {
    background-color: #80e1b9 ;
    color: #fff;
  }
  .progress-more-50 {
    background-color: #00c373;
    color: #fff;
  }
  
  .lock,
  .unlock {
    height: 18px;
    filter: opacity(0.15);
  }
  
  .dot {
    height: 18px;
    width: 18px;
    background-color: #d4d4d4;
    border-radius: 50%;
    display: inline-block;
  }
  
  .dot.red {
    background-color: #ff7f7f;
  }
  
  .dot.yellow {
    background-color: #ffc77f;
  }
  .dot.green {
    background-color: #24ea85
  }
  .check {
    height: 22px;
    color:green;
    /*filter: opacity(0.55);*/
  }
  .check.ok {
    color:green;
    filter: invert(100%) sepia(47%) saturate(7069%) hue-rotate(69deg) brightness(99%) contrast(86%);
  }
  
  
  
  
  .redo {
    filter: invert(100%) brightness(100%) contrast(100%);
    height: 18px;
    position: relative;
    vertical-align: middle;
    padding-right: 5px;
  }
  
  .textodestacado {
    color:  var(--menuslider_color); /* arte*/
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6em;
  
  }
  
  .textodestacado .numero {
    background-color: var(--menuslider_color); /* arte*/
    color: #FFF;
    
    font-weight: bold;
    padding: 6px 16px; 
    border-radius: 20px;
  }
  
  
  .S{
    font-size: .8em;
    width:auto;
    height: auto;
  
  }
  
  .M {
    font-size: 1.3em;
    width:auto;
    height: auto;
  
  }
  
  .L {
    font-size: 1.6em;
    width:auto;
    height: auto;
  
  }
  .XL {
    font-size: 2.0em;
    width:auto;
    height: auto;
  }
  
  
  .total {
    font-size: 18px;
    font-weight: bold;
    border-top: 0px solid #e0e0e0;
    /*width:100%;
    display:block;
    
    background-color: #e0e0e0;*/
  
  }
  
  .numtotal {
    /*background-color: #609cd4; /* Arte-1 colorbase #609cd4 */
    color: #FFFFFF;*/
    background-color: var(--menuslider_color); /* arte*/
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 16px; 
    border-radius: 20px;
    font-size: 1.3em;
    margin-top: 2px !important;
  }
  /*
  
    .puntoencuentro, .puntoencuentro:hover, .puntoencuentro:active {
      background-image: url(/web/comunes/imagenes/banking/puntoencuentro.png);
      background-position: 20px 14px;
      background-repeat: no-repeat;
      text-align: left !important;       
      padding-left: 70px;
   
    }
   
  .resultados, .resultados:hover, .resultados:active {
      background-image: url(/web/comunes/imagenes/banking/resultados.png);
      background-position: 22px 14px;
      background-repeat: no-repeat;
      text-align: left !important;       
      padding-left: 64px;
      padding-right:20px;
    }
    */
  
    .puntoencuentro, .puntoencuentro:hover, .puntoencuentro:active {
      background-image: url(/web/comunes/imagenes/banking/btn-puntoencuentro.png);
      background-position: 3px 3px;
      background-repeat: no-repeat;
      text-align: left !important;        
      padding-left: 60px;
    clear:none;
    margin-top:0px;
  
  
    }
  
  .resultados, .resultados:hover, .resultados:active {
      background-image: url(/web/comunes/imagenes/banking/btn-resultados.png);
      background-position: 3px 3px;
      background-repeat: no-repeat;
      text-align: left !important;        
      padding-left: 60px;
    margin-right: 10px;
    width:max-content;
    }
  .IzquierdaDiv{
  float:left;
  }
  .DerechaDiv{
  float:right;
  }
  



  /***********21 santander advance textos************/

  .containerQ, .containerE{
	/*position:fixed;*/
	width: 1000px;
	margin-right: auto;
	margin-left: 20px;
	padding-top: 20px;
	background-color: #393;
	/*border-left: #CCCCCC solid;
	border-right:#CCCCCC solid;
	border-bottom:  #CCCCCC solid;*/
	background-color:#FFFFFF;
}
.containerE
{
margin-top:-10px;
/*border: #CCCCCC solid;*/
}
#contmenu{
	float:right;
	background-color: transparent;
	border: none;
}
#contmenu > ul > a{
	display:block;
	margin: 4px;	
	background-color:#DEDEDE;
	-webkit-border-radius: 4px; 
   	-moz-border-radius: 4px;
   	border-radius: 4px;
   	border: 1px solid #DEDEDE;
   	behaviour: url(border-radius.htc);
   	padding-left:8px; 
	width:40px;
	text-align:center;
}
#contmenu > a:hover {
	background-color:#FFFFFF;
    border: 1px solid #ADACAA;
}

#menuP, #menu2P{
	/*position: fixed;   Eliminado porque en pantallas pequeñas el menu desaparecia.*/
	list-style:none;
	margin: 85px 0 0 0;
}

#menuP > li > div, #menu2P > li > div{
	display:none;
}
#menuP  li, #menu2P li {
	text-align:center;
	margin: 4px;	
	background-color:#DEDEDE;
	-webkit-border-radius: 4px; 
   	-moz-border-radius: 4px;
   	border-radius: 4px;
   	border: 1px solid #DEDEDE;
   	behaviour: url(border-radius.htc);
   	padding-left:8px; 
}
#menuP  li:hover, #menu2P li:hover, menu2 li:hover, menu2 li:hover {
	background-color:#FFFFFF;
    border: 1px solid #ADACAA;
}

#menuP > li:hover > div, #menu2P > li:hover > div{
	display: inline-block;
	background-color:white;
	z-index:1;
	position:fixed;
	border: 1px solid #DEDEDE;
	padding:2px;
}
 #menuP a, #menu2P a{
	color:#373737;
    }

  #pestanyas
{
  margin-bottom:5px;
}

@media (max-width: 960px) {
  .fondoGrisEFEFEF .imagen {
    display: table-row; 
      text-align: center;
  }
  .fondoGrisEFEFEF .text {
    display: table-row; 
  }
  /*
  .botonTop{
    display:none;
  }
   .menuTS{
    background-color:white;
    padding:3px;
  }
  
  #exmp1NavBar
  {
    display: block;
  }
  
  .cajaPeriodosTabla {
    display: none;
  }
  
  #menuTop {
    height: 80px;
    margin-top: 8px;
    float: left;
  }
  .row-central{
    position:absolute;
    top:150px;
    margin-left:-40px;
    width:120%;
  }
  #exmp1NavBar
  {
    display:block;
  }
  .AltoCX{height: auto;}


  /*
  .menuSlider > ul {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
  }
  .menuSlider {
    position: absolute;
    overflow: hidden;
    top: 110px;
    background-color: silver;
    box-shadow: 2px 2px 4px gray;
  }
  
  
  */
  }

  /*22. Menu inferior */
.MenubarraInf{
  padding-left:5%;
  padding-top:3px;
   height:40px;
   clear:both;
   position:fixed;
   left:0px;
   bottom:0;
   width:110%;
   z-index:3000;
   background-color: rgb(70, 70, 70);
  }
   .btn {
      font-weight: bold;
      color: black !important;
      vertical-align: middle;
      box-shadow: rgb(48, 57, 72) 1px 4px 10px -8px;
      height: auto;
      width: auto;
      cursor: pointer;
      font-size: 14px !important;
      text-align: center !important;
      background: lightgray;
      text-decoration: none;
      border-radius: 100px !important;
      border-width: 0px !important;
  }
  
  
  
  .btn:active {
      background:  var(--menuslider_color); /* arte*/
      color: #FFFFFF;
      text-decoration: none;
  }