/* Estilos Generales */
.texto_centrado{ text-align: center;}
.foto_redonda{ border-radius: 50%;}
.precargar_imagen{display: none;}
a{  cursor:pointer}
.cantidades{text-align: right;}
.titulo_seccion{
    font-weight: bold;
    font-size:25pt;
    font-family:serif;
    color:grey;
    text-align: center;
    border-left: 2px solid gainsboro;
}
.expandir_en_padre{
    width:100%;
}
.negrita{font-weight:bold;}
/* Formularios */

.caja_texto1{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategrey;
    border: 2px solid gainsboro;
    width:100%;
}
.caja_texto2{
    
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategrey;
    border: 2px solid gainsboro;
    width:50%;
}
.caja_texto3{
    background-color:transparent;
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:whitesmoke;
    border: 0px solid gainsboro;
    width:80%;
}
.caja_texto4{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategrey;
    border: 2px solid darkslategrey;
    width:100%;
}
.formulario_1_tabla{
    border:3px solid darkslategray;
    height:300px;
}
.formulario_2_tabla{ 
    height:300px;
}
.formulario_1_encabezado{
     font-weight: bold;
    font-size:20pt;
    font-family:serif;
    color:whitesmoke;
    background-color:darkslategray ; 
}
.formulario_1_texto_a{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:whitesmoke;
    background-color:darkslategray ;
}
.formulario_1_texto_b{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategray;
    background-color:whitesmoke ;
}
.formulario_1_button{
    cursor:pointer;
    background-color: gainsboro;
    color:black;
    font-size:15pt;
    font-family:sans-serif;
}
.formulario_1_encabezado_a{
    text-align: center;
     font-weight: bold;
    font-size:20pt;
    font-family:serif;
    color:whitesmoke;
    background-color:darkslategray ; 
}
.formulario_1_encabezado_b{
    text-align: center;
     font-weight: bold;
    font-size:20pt;
    font-family:serif;
    color:darkslategray;
    background-color:whitesmoke ; 
}
.formulario_2_encabezado{
    font-weight: bold;
    font-size:20pt;
    font-family:serif;
    color:darkslategray;
    background-color:whitesmoke ; 
}
.campo_de_datos_1{
    padding:10px;
    font-weight: bold;
    font-size:20pt;
    font-family:serif;
    color:whitesmoke;
    background-color:darkslategray ; 
}
.formulario_2_button{
    border:3px solid black;
    background-color: silver;
    width:100%;
    height:50px;
    color:darkslategray;
    font-size:20pt;
}
.formulario_3_button{
    cursor:pointer;
    background-color: darkslategray;
    color:white;
    font-size:15pt;
    font-family:sans-serif;
    padding: 10px;
    font-weight: bold;
}
/* Cabeza   */

.cabeza_encabezado_1{
    color:darkslategray;
    background-color: whitesmoke;
    font-size:16pt;
    font-weight: bold;
}
.menu_principal_cabeza{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:grey;
    cursor:pointer;
    text-align: center;
    border-left: 2px solid gainsboro;
}
.menu_principal_cabeza:hover{
    background-color: #77C524;
    color:white;
}

/* Pagina Principal  */

.pagina_principal_explicaciones_texto{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategray;
    cursor:pointer;
    text-align: center;
}
.pagina_principal_explicaciones_texto1{
    font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:#77C524;
    cursor:pointer;
    text-align: center;
}
.pagina_principal_explicaciones_texto2{
    font-weight: bold;
    font-size:13pt;
    font-family:serif;
    color:#606060;
    cursor:pointer;
    text-align: justify;
}

/* Cotizaciones  */

.cotizaciones_texto_1{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategrey; 
}
.cotizaciones_texto_1b{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    background-color:gainsboro; 
}
.cotizaciones_texto_2{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:whitesmoke;
    background-color:darkslategray ;  
}
.cotizaciones_texto_3{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:darkslategrey;
}
.cotizaciones_texto_4{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:grey;
}
 .cotizaciones_texto_5{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:teal;
}
 #escenarios input[id^='esc']{
     text-align: right;
 font-family:serif;
 font-size:12pt!important;
 }


.cotizaciones_cabeza_1{
     font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:white; 
    text-align: center;
    background-color:black ;
}
.ficha_cotizaciones_subtitulo{
      font-weight: bold;
    font-size:15pt;
    font-family:sans-serif;
    color:whitesmoke;
    background-color:darkslategray ; 
}
.ficha_cotizaciones_subtitulo2{
      font-weight: bold;
    font-size:13pt;
    font-family:serif;
    color:whitesmoke;
    background-color:darkslategray ; 
}
.vista_previa_cotizacion_encabezado_principal{
     font-weight: bold;
    font-size:20pt;
    font-family:sans-serif;
    color:whitesmoke;
    background-color:darkslategray ; 
}
.vista_previa_cotizacion_texto1{
     font-weight: bold;
    font-size:13pt;
    font-family:sans-serif;
    color:whitesmoke;
    background-color:darkslategray ; 
    text-align: justify;
}
.vista_previa_cotizacion_texto2{
     font-weight: bold;
    font-size:13pt;
    font-family:sans-serif;
    color:darkslategray;
    background-color:whitesmoke ; 
    text-align: justify;
}
#cotizacion_esquema{
    overflow-x: hidden;
}
.tooltipFrameCg1{ 
    background-color: transparent;
}
.tooltipFrameCg2{
    
} 
#informacion_de_cliente{
    width:820px;
    height:200px;
   display:none;
    background-color: whitesmoke;
    position:absolute;
    overflow:hidden;
    padding:5px;
}


/* Panel de Control */

#main_control_panel_table{
    height:800px;
}
.tabla_principal_menu{
    background-color:darkslategray ;
}
.texto_menu_administracion{
    cursor:pointer;
       font-weight: bold;
    font-size:15pt;
    font-family:serif;
    color:whitesmoke;
}
.texto_menu_administracion:hover{
  background-color:#77C524;
  color:darkslategray;
}
.encabezado_panel{
     font-weight: bold;
    font-size:25pt;
    font-family:serif;
    color:darkslategray;
}

/* Cotizaciones Guardadas */

.cg_encabezado_1{
    font-size:13pt;
    font-family: sans-serif;
    background-color: darkslategray;
    color:whitesmoke;
    text-align: left;
}
.cg_texto_1{
    font-size:11pt;
    font-family: sans-serif;
    background-color:whitesmoke ;
    color:darkslategray;
    text-align: left;
}
.cg_texto_2{
    font-size:11pt;
    font-family: sans-serif;
    background-color:darkslategray ;
    color:whitesmoke;
    text-align: left;
}
.cg_texto_3{
    font-size:13pt;
    font-family: sans-serif;
    background-color:darkslategray;
    color:whitesmoke;
}
tr[class^='plieguecg']{  display:none;}
div[class^=ventana_cambiar_estatus]{
    background-color: whitesmoke;
    width:200px;
    height:300px;
    position: absolute;
    overflow: hidden;
    display:none;
    border:black 3px solid;
}
.boton_estatus{
    width:100%;
    border:black 1px solid;
    text-align: center;
    height:35px;
}
img[id^='imagen_estatus']{
    width:118px;
    height:82px;
}
#resultado_autocompletar_cg{
    width:300px;
    position:absolute;
    font-size: 12pt;
    text-align: justify;
    padding-left:7px;
    border-top-width: 0px;
    background-color: whitesmoke;
    color:darkslategray;
    height:300px;
    overflow-y: auto;
    display:none;
}
#album_de_fotos{
    width:100%;
    background-color: whitesmoke;
    height:300px;
    overflow-y: auto;
    
}
/* Conocer Mas */

.conocer_temas_encabezado{
    text-align: center;
    font-size:20pt;
    background-color: darkslategray;
    color:whitesmoke;
    font-family: Arial;
}
.conocer_temas_texto_1{
     text-align: justify;
    font-size:20pt;
    background-color: whitesmoke;
    color:darkslategray;
    font-family: Arial;
}
.imagen_conoce_1{
    width:800px;
    height:600px;
}

/* Versión Móvil -- Página Principal */

.encabezado_movil_1{
    font-family: Arial;
    font-size: 40pt;
    background-color: gainsboro;
     padding: 20px;
}
.seccion_movil_1{
    font-size:45pt;
    font-family: Arial;
    border:4px solid darkslategray;
    padding: 20px;
    height:350px;
    vertical-align: middle;
}
.seccion_movil_2{
    font-size:45pt;
    font-family: Arial;
    border:4px solid darkslategray;
    padding: 20px;
    vertical-align: middle;
}
.pagina_principal_explicaciones_texto3{
    font-weight: bold;
    font-size:18pt;
    font-family:serif;
    color:#606060;
}
.pagina_principal_explicaciones_texto4{
    font-weight: bold;
    font-size:18pt;
    font-family:serif;
    color:#77C524;  
}

/* Lista de Productos */
#productos_energia_das{
    width:100%;
}
#productos_energia_das div{
    width:100%;
    height:700px;
    overflow:auto;
}

/* Cotizaciones con Precio  */

#cotizaciones_tabs div{
    /*height:1200px;*/
}
#material_necesario{
    height:1700px;
}