* {padding:0; margin:0;}   
body {min-width:1000px; min-height:635px; background:#f2f2f2; font-family:'Roboto', sans-serif;}   
a {text-decoration:none;}  
ul, ol, li {list-style:none;}   
         
.stl_barra_superior {width:100%; height:4.5%; background:#ffffff; font-size:0.7em; color:#000000;}
.stl_barra_superior .stl_logo_sistema, .stl_nombre_sistema, .stl_nombre_negocio {float:left; display:inline-block; vertical-align:top;}
.stl_logo_sistema img {position:relative; height:80%; padding:0px 10px; margin-top:5%;}
.stl_nombre_sistema p {display:flex; height:100%; align-items:center;}
.stl_nombre_sistema span {font-weight:bold;}
.stl_nombre_negocio p {display:flex; padding:0px 5px; height:100%; align-items:center;}

.stl_pestana_superior {float:left; width:100%; height:4.1%; background:#ffffff;}
.stl_pestana_superior .stl_panel_control, .stl_caja_pestana {float:left; display:inline-block; vertical-align:top;}
.stl_panel_control {width:14.9%; height:100%; background:#ffcc2a; border-radius:5px 5px 0px 0px; box-shadow:inset 3px 3px 3px rgb(255 255 255 / 70%), inset -2px -2px 3px rgb(0 0 0 / 10%), 2px 2px 10px rgb(0 0 0 / 10%), 0px 0px 0px 1px #ffcc2a;}
.stl_panel_control p {text-align:center; display:flex; height:100%; align-items:center; padding:0px 15%; font-size:0.8em; color:#000000; font-weight:bold; cursor:pointer;}
.stl_panel_control:hover {background:#f9c318;}
    
.stl_caja_pestana {width:85.1%; height:100%;}
.panel_pestana {float:left; display:flex; padding:0px 0.9%; height:100%; align-items:center; background:#f2f2f2; cursor:pointer; border:1px solid #929292; border-radius:5px 5px 0px 0px; box-shadow:inset 3px 3px 3px rgba(255,255,255,.7), inset -3px 3px 0px rgba(0,0,0,.1), 0px 0px 0px rgba(0,0,0,.1);}
.panel_pestana a, .panel_pestana button {font-size:0.8em; color:#000000; border:none; outline:none;}
.panel_pestana:hover {background:#ffffff;}
.close_pestana {width:20px; background:none; cursor:pointer; font-size:0.9em !important;}
.close_pestana:hover {font-weight:bold;}