@CHARSET "UTF-8";

* {
    font-family: arial;
}

#div-encabezado {
	width:60%;
	height:25px;
	text-align:center;
	margin:auto;
	border: 2px solid blue;
	background-color: #c7e7ff;
}


#div-encabecalif {
	width:60%;
	height:25px;
	text-align:center;
	margin:auto;
	border: 2px solid blue;
	background-color: #c7e7ff;
}

#tbl-encab {
	width:100%;
	height:100%;
	border:0;
	border-collapse:collapse;
}
#td-encab {
	width:100%;
	height:100%;
	text-align:center;
	border:1px transparent;
}

#tbl-encabcalif {
	width:100%;
	height:100%;
	border:0;
	border-collapse:collapse;
}
#td-encabcalif {
	width:100%;
	height:100%;
	text-align:center;
	border:1px transparent;
}

#div1 {
	width:60%;
	/*height:auto;*/
	text-align:center;
	margin:auto;
        /*box-shadow: 0px 0px 5px 0px blue;
	/*
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 33px 33px 33px 33px;
	-webkit-border-radius: 33px 33px 33px 33px;
	*/
	/*border: 2px solid #0000f;
	/*background-color: #c7e7ff;*/
}   

#div-buscar {
	width: 40%;
	text-align:center;
	margin:0 auto;
	border: 2px solid #0000ff;
	background-color: #c7e7ff;
}
#div-menu {
	width:59.5%;
	/*height:400px;*/
	text-align:center;
	margin:0 auto;
	border:2px solid blue;
	background-color: #c7e7ff;
	padding:5px;
}

fred{
    color: red;
    background: transparent;
}

fgreen{
    color: green;
    background: transparent;
}
fgrn{
    color: green;
    background: transparent;    
}
fyellow{
    color: yellow;
    background: transparent;
}



fbd{
    font-weight: bold;
}


textarea {
    background-color: white;
    border-radius: 10px;
}

textarea:focus{
    border: transparent;
    box-shadow: 0px 0px 2px 2px orange;
    outline: 0px;
}
textarea:read-only{
    border: solid blue 1px;
    background-color: transparent;
    box-shadow: none;    
}
textarea:-moz-read-only{
    border: solid blue 1px;
    background-color: transparent;
    box-shadow: none;    
}

.button_menu_ppl {
	background-color: blue;
        color: white;
	width:50%;
        height: 1.8em;
	text-align:center;
	padding:0;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.button_menu_ppl:hover {
	background-color: lightcyan;
        color: blue;
	/*transition: all 0.1s ease-in-out;*/
        box-shadow: 0px 0px 2px 2px blue;
}
.button_menu_ppl:focus {
    outline: 0px;
}
.button_menu_ppl:active{
    background-color: white;
}

.tbl_menu_ppl{
	width:100%;
	border:0;
	border-collapse:collapse;
	text-align:center;
	padding:5px;
	border-spacing:5px;
}

.tbl_menu_ppl td{
	width:100%;
	border:1px transparent;
	text-align:center;
	padding:5px;
	border-spacing:5px;
	
}
/*
#tbl-titulo-buscar {
	width:100%;
	border-collapse: collapse;
	text-align:center;
	border:1px solid blue;
	padding:5px;
	border-spacing:5px;
}
#td-titulo-buscar {
	width:100%;
	border:1px solid blue;
	text-align:center;
	padding:5px;
	border-spacing:5px;
}
#td-cuadro-buscar {
	width:100%;
	border:1px solid blue;
	text-align:center;
	padding:5px;	
	border-spacing:5px;
}
#td-accion-buscar {
	width:100%;
	border:1px solid blue;
	padding:5px;	
	text-align:right;
	border-spacing:5px;
}
*/

.tbl_buscar {
	width:100%;
	border-collapse: collapse;
	text-align:center;
	border:1px solid blue;
	padding:5px;
	border-spacing:5px;
}
.tbl_buscar td {
	width:100%;
	border:1px solid blue;
	text-align:center;
	padding:5px;
	border-spacing:5px;
	font-weight:bold;
}
#td-cuadro-buscar {
	width:100%;
	border:1px solid blue;
	text-align:center;
	padding:5px;	
	border-spacing:5px;
}
#td-accion-buscar {
	width:100%;
	border:1px solid blue;
	padding:5px;	
	text-align:right;
	border-spacing:5px;
}



#div-error {
	width:40%;
	border:2px solid red;
	text-align:center;
	color:red;
	margin:0 auto;
	padding:5px;
	line-height:150%;
}

#div-acciones {
	width:59.5%;
	margin:0 auto;
	text-align:right;
	border: 2px solid #0000ff;
	background-color: #ffe0e0;
	padding:5px;
}

#div-accionescalif {
	width:59.5%;
	margin:0 auto;
	text-align:right;
	border: 2px solid #0000ff;
	background-color: #ffe0e0;
	padding:5px;
}

#div-ok {
	width:59.5%;
	border:2px solid blue;
	background-color: #ffe0e0;
	text-align:right;
	color:blue;
	position: relative;
	top: -16px;
	margin: 0 auto;
	padding:5px;
	line-height:150%;
}

.tabla-alumno {
	border:0;
	padding:5px;
	background-color:#c2d8ff;
}

.tabla-alumno-datos {
	border:0;
	background-color:#c2d8ff;
	border-spacing:2px;	
}

.tabla-datos-extra {
	border:0;
	width:60%;
	background-color:#d0def5;
	border-spacing:5px;
	padding:5px;	
}

.tabla-datos-escuela {
	border:0;
	width:100%;
	background-color:#e8ddb1;
	border-spacing:5px;
	padding:3px;
}

.button_aceptar {
	background-color:Blue;
	color:white;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.button_aceptar:hover{
        background-color:white;
        color:blue;
        box-shadow: 0px 0px 1px 1px blue
}
.button_aceptar:active{
    background-color: lightblue;
}
.button_aceptar:focus{
    outline:0px;
}

.button_naranja {
	background-color:orange;
	color:white;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.button_naranja:hover{
        background-color:white;
        color:blue;
        box-shadow: 0px 0px 1px 1px blue
}
.button_naranja:active{
    background-color: lightsalmon;
}
.button_naranja:focus{
    outline:0px;
}

.button_cancelar{
	background-color:Red;
	color:white;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.button_cancelar:hover{
        background-color: white;
        color:red;
        box-shadow: 0px 0px 1px 1px red;
}
.button_cancelar:active{
    background-color: lightpink;
}
.button_cancelar:focus{
    outline: none;
}
.button_menu {
	background-color:green;
	color:white;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.button_menu:hover{
        background-color: white;
        color: green;
        box-shadow: 0px 0px 1px 1px green;
}
.button_menu:focus{
    outline: 0px;
}
.button_menu:active{
    background-color: lightgreen;
}

.button_otro {
	background-color:DarkBlue;
	color:white;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.button_otro:hover{
        background-color: white;
        color: darkblue;
        box-shadow: 0px 0px 1px 1px darkblue;
}
.button_otro:active{
    background-color: lightblue;
}
.button_otro:focus{
    outline: transparent;
}

.button_calif{
    background: transparent;
    border: solid transparent 1px;
    transform: scale(1.2);
}
.button_calif:hover{
    background: pink;
    border: solid purple 1px;
}

.texto-lg {
	width:300px;
	text-align:left;
	text-transform:uppercase;
	padding:3px;	
	border:1px solid white;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
	background:MintCream;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.texto-lg:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
        outline: 0px;
}
.texto-lg:-webkit-focus{
    outline: 0px;
}
.texto-lg:-moz-read-only{
        width:300px;
        border:1px solid white;
        background:transparent;
	border-radius: 10px;
}

.texto-lg:read-only{
        width:300px;
        border:1px solid white;
        background:transparent;
}

.texto-xlg {
	width:90%;
	text-align:left;
	text-transform:uppercase;
	padding:3px;	
	border:1px solid white;
	border-radius: 5px 5px 5px 5px;
	background:MintCream;
        border-radius: 10px;
        border-color: transparent;
}
.texto-xlg:read-only{
        width:90%;
        border:1px solid white;
        background:transparent;
    
}
.texto-xlg:-moz-read-only{
        width:90%;
        border:1px solid white;
        background:transparent;
        border-radius: 10px;
    
}
.texto-xlg:-webkit-focus{
    outline: 0px;
}
.texto-mail{
	width:70%;
	text-align:left;
	padding:3px;	
	border:1px solid white;
	border-radius: 5px 5px 5px 5px;
	background:MintCream;
        border-radius: 10px;
        border-color: transparent;
}
.texto-mail:read-only{
        width:70%;
        border:1px solid white;
        background:transparent;
    
}
.texto-mail:-moz-read-only{
        width:70%;
        border:1px solid white;
        background:transparent;
        border-radius: 10px;
}
.texto-mail:-webkit-focus{
    outline: 0px;
}


.texto-co {
	width:180px;
	text-align:left;
	text-transform:uppercase;
	padding:3px;	
	/*box-shadow 0px 0px 0px 1px black;*/
	background:MintCream;
	border-radius: 5px 5px 5px 5px;
        border: transparent;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.texto-co:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
        border: transparent;
        outline: 0px;
}
.texto-co:read-only{
	border:1px solid white;
	background:transparent;    
}
.texto-co:-moz-read-only{
        border:1px solid white;
	background:transparent;    
}
.texto-co:-webkit-focus{
    outline: 0px;
}

.texto-xco {
	width:30px;
	text-align:center;
	text-transform:uppercase;
	padding:3px;	
	border:1px solid white;
	/*box-shadow:0px 0px 0px 1px black;*/
        border:1px solid blue;
	border-radius: 5px 5px 5px 5px;
	font-weight:bold;
        border-radius: 10px;
}

.texto-xco:read-only{
        border:1px solid white;
	background:transparent;        
}

.texto-xco:-moz-read-only{
        border:1px solid white;
	background:transparent;    
}

.texto-xco:focus {
	box-shadow:0 0 2px 2px orange;
	background:MintCream;
        outline: 0px;
}

.texto-auto {
	width:auto;
	text-align:left;
	text-transform:uppercase;
	padding:3px;	
	border:1px solid white;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
	background:MintCream;
	font-weight:bold;
        border-radius: 10px;
        border-color: transparent;
}
.texto-auto:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
        outline: 0px;
}
.texto-auto:-webkit-focus{
    outline: 0px;
}
.texto-auto:-moz-read-only{
        width:300px;
        border:1px solid white;
        background:transparent;
	border-radius: 10px;
}

.texto-auto:read-only{
        width:300px;
        border:1px solid white;
        background:transparent;
}


.text-area {
	width: 100%;
	border:1px solid blue;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
	background:white;
}

.text-area:focus {
	border: 1px solid white;
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;	
}

.texto-vertical {
    text-wrap: wrap;
    writing-mode: vertical-rl;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    text-align: left;
}

.numero {
	width:50px;
	text-align:right;
	text-transform:uppercase;
	padding:3px;	
	border-radius: 10px 10px 10px 10px;
	border:1px solid blue;
	/*box-shadow:0px 0px 0px 1px black;*/
	/*
	background:transparent;
	readonly;
	*/
	font-weight:bold;
}
.numero:focus {
	box-shadow:0 0 2px 2px orange;
	background:MintCream;
        outline: 0px;
}


.numero_corto {
	width:25;
	text-align:center;
	padding:3px;
	border:1px solid white;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
}
.numero_corto:focus {
	box-shadow:0 0 2px 2px orange;
	background:MintCream;
}

.doc {
	width:90px;
	text-align:center;
	text-transform:uppercase;
	padding:3px;	
	border:solid white 1px;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
	background:whitesmoke;
}
.doc:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
}

.cuil {
	width:120px;
	text-align:center;
	text-transform:uppercase;
	padding:3px;	
	border:1px solid white;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
	background:transparent;
	font-weight:bold;
}
/*.cuil:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
}*/

.select {
	border-radius:10px 10px 10px 10px;
	padding:3px;
	border:0;
	/*box-shadow:0px 0px 1px 0px black;*/
	background:whitesmoke;
	text-align:center;
}
.select:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
        outline: none;
}
.tblAnDiv {
	width:100%;
	border:1px solid blue;
	border-collapse:collapse;
	text-align:left;
	background-color:#c7e7ff;
	list-style-type: none;
	overflow:hidden;
        color: black;
}
.tblAnDiv th {
	text-align:center;
	font-weight:bold;
	font-size:10pt;
        color: black;
}

.tblAnDiv tr:first-child td {
	border:1px solid blue;
	background:#c7e7ff;
	font-weight:bold;
	text-align:center;
	font-size:10pt;	
        color: black;
}
.tblAnDiv tr {
	border:1px solid blue;
	background:#F0F8FF;
	font-size:10pt;
        color: black;
}

.tblAnDiv td:first-child {
	border:1px solid blue;
	text-align:left;
	padding:0px;
	/*width:25px;*/
	overflow:hidden;
	
}
.tblAnDiv td {
	max-width:50px;
	border:1px solid blue;
	text-align:center;
	padding:0px;
	overflow:hidden;
	word-wrap: break-word;
        color: black;
}
.tblanDiv a{
	display:block;
	width:100%;
        color: black;
}

.tblAnDiv {
	background: blue;
        color: black;
        font-weight: bold;
 	-o-transition: all 0.1s ease-in-out;
 	-webkit-transition: all 0.1s ease-in-out;
 	-moz-transition: all 0.1s ease-in-out;
 	-ms-transition: all 0.1s ease-in-out;
 	transition: all 0.1s ease-in-out;
}

#td-AnDiv-Alu {
	width:60%;
	border:1px solid blue;
	padding:2px;
	background-color:#cfffff; 
}
#td-AnDiv-Dni {
	width:10%;
	border:1px solid blue;
	padding:2px;
	text-align:center;
	background-color:#cfffff; 
}
#td-AnDiv-ad {
	border:1px solid blue;
	text-align:center;
	padding:2px;
	background-color: #cfffff; 
}
/*
select {
	background-color:GhostWhite;
}
*/

/* Estilos aplicables a Presentismo */

select {
	border-radius:5px 5px 5px 5px;
	padding:3px;
	border:0;
	/*box-shadow:0px 0px 1px 0px black;*/
	background:whitesmoke;
}
select:focus {
	box-shadow:0px 0px 2px 2px orange;
	background:MintCream;
}


#tbl-Present {
	width:100%;
	border:1px solid blue;
	border-collapse:collapse;
	background-color: #F0F8FF;
}
#td-Present-Alu {
	width:90%;
	border:1px solid blue;
	text-align:left;
	padding:2px;
	background-color: #F0F8FF;
}
#td-Present-Alu-Com {
	width:80%;
	border:1px solid blue;
	text-align:left;
	padding:2px;
	background-color: #F0F8FF;
}
#td-Present-pat {
	border:1px solid blue;
	text-align:center;
	padding:2px;
	background-color: #F0F8FF;
}

.tblPresent {
	width:100%;
	border:1px solid blue;
	border-collapse:collapse;
	background-color: #F0F8FF;
}
.tblPresent tr:first-child td{
	border-bottom:4px solid blue;
	text-align:center;
	font-weight:bold;
}
.tblPresent tr {
	background-color:#f0f8ff;
	border:2px solid blue;
}

.tblPresent tr:hover td {
 	background: aqua;
        box-shadow: 1px 1px blue;
}

.tblPresent td:first-child{
	width:90%;
	border:1px solid blue;
	text-align:left;
	padding:2px;
}

.tblPresent td {
	border:1px solid blue;
	text-align:center;
	padding:2px;
}

.tblSelect{
	width:100%;
	border:0;
	border-collapse:collapse;
	text-align:center;
	
}
.tblSelect td {
	width:100%;
	border:1px transparent;
	padding:2px;
	text-align:center;
}

/* para usar en buscador por texto */

#div-buscar-xl {
	width: 50%;
	text-align:center;
	margin:0 auto;
	border: 2px solid #0000ff;
	background-color: #c7e7ff;
}

#div-Listas {
	width: 60%;
	border: 2px solid blue;
	margin: 0 auto;
	background-color: #c7e7ff;
        color: black;
}

a {
	text-decoration:none;
	overflow:hidden;
}

a:link {
	color:black;
	overflow:hidden;
}
a:visited {
	color:black;
	overflow:hidden;
}

.anc{
    text-decoration:none;
    color: blue;
    overflow:hidden;
}
.anc:link{
    	color:blue;
	overflow:hidden;
}
.anc:visited{
    color:blue;
    overflow:hidden;
}
.anc:hover{
    text-decoration:none;
    background: transparent;
}

.tabla {
	border:2px solid blue;
	border-collapse:collapse;
	overflow:hidden;
}
table {
    font-size:1.1em;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    overflow:hidden;
}

 .bordered {
 border: solid blue 1px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 -webkit-box-shadow: 0 1px 1px #ccc;
 -moz-box-shadow: 0 1px 1px #ccc;
 box-shadow: 0 1px 1px #ccc;
 }
 
 .bordered tr {
 	border:1px solid blue;
 	background: #F0F8FF;
 }
 
 .bordered td:first-child {
 	border:1px solid blue;
 	text-align:left;
 }
 
 .bordered td {
 	border:1px solid blue;
 	text-align:center;
 	overflow:hidden;
 }
 .bordered a{
 	display:block;
 	width:100%;
 }
 
/*
.bordered tbody tr:nth-child(even) {
 background: #f5f5f5;
 -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
 -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
 box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
 }
  */
  
.bordered tr:hover {
     background: aqua;

}
 
 /* Lista de Usuarios */
 
 .divListaUsr {
 	width:60%;
	/*height:400px;*/
	text-align:center;
	margin:0 auto;
	border:2px solid blue;
	background-color: #c7e7ff;
  }
  
  .tblListaUsr {
  
  }
  
  	/* estilo para lo q este dentro de la ventana modal 
  	        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
  	*/
    .modal {
        background: #fafafa;
		color: #333;
        z-index:1002;
        overflow: auto;
    }
 
 .dtabla {
 	display:table;
 	border:1px solid blue;
 	display:none;
 }
 .dtr {
 	display:table-row;
 	text-align:center;
 }
 .dtd {
 	float:left;
 	font-size:10pt;
 	/* display:table-cell;*/
 	border:1px solid blue;
 	overflow:hidden;
 	white-space:nowrap;
 	text-overflow:ellipsis;
 }
 .dtd-titulo {
 	float:left;
 	border:1px solid blue;
 	overflow:hidden;
 	white-space:nowrap;
 	text-overflow:ellipsis;
 	font-weight:bold;
 	text-align:center;
 }
 
 .listaEdit{
        width:40%;
	text-align:left;
	text-transform:uppercase;
	padding:3px;	
	border:1px solid white;
	/*box-shadow:0px 0px 0px 1px black;*/
	border-radius: 5px 5px 5px 5px;
	background:MintCream;
	font-weight:bold;
 }


@media print{
	#noprint {display:none;}
}

.texto{
    color:red;
    /*font-size: 12px;*/
    font-family: Arial;
    font-weight: bold;
    border-radius: 10px;
}

.parpadea{
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    
    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
  
}


@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

[class*="-c-"]{
    text-align: center;
}

@media screen and (max-width: 980px){
    #div-menu {
            width:100%;
            /*height:400px;*/
            text-align:center;
            margin:auto;
            border:2px solid blue;
            background-color: #c7e7ff;
            /*padding:5px;*/
    }
 
    #div-encabezado {
            width:100%;
            height:25px;
            text-align:center;
            margin:auto;
            border: 2px solid blue;
            background-color: #c7e7ff;
    }

    #div-encabecalif {
            width:95%;
            height:25px;
            text-align:center;
            margin:auto;
            border: 2px solid blue;
            background-color: #c7e7ff;
    }
    
    #div-buscar-xl {
            width: auto;
            text-align:center;
            margin:0 auto;
            border: 2px solid #0000ff;
            background-color: #c7e7ff;
    }
 
    #div-Listas {
            width: 95%;
            border: 2px solid blue;
            margin: 0 auto;
            background-color: #c7e7ff;
            color: black;
    }

    #div-acciones {
            width:auto;
            margin:0 auto;
            text-align:right;
            border: 2px solid #0000ff;
            background-color: #ffe0e0;
            padding:5px;
    }
    
    #div-menu {
            width:auto;
            /*height:400px;*/
            text-align:center;
            margin:0 auto;
            border:2px solid blue;
            background-color: #c7e7ff;
            padding:5px;
    }

    #div1 {
            width:100%;
            height:auto;
            text-align:center;
            margin:0 auto;
            /*
            border-radius: 15px 15px 15px 15px;
            -moz-border-radius: 33px 33px 33px 33px;
            -webkit-border-radius: 33px 33px 33px 33px;
            */
            border: 2px solid #0000ff;
            background-color: #c7e7ff;
    }

    .divListaUsr {
           width:auto;
           /*height:400px;*/
           text-align:center;
           margin:0 auto;
           border:2px solid blue;
           background-color: #c7e7ff;
     }

     #div-buscar {
	width: auto;
	text-align:center;
	margin:0 auto;
	border: 2px solid #0000ff;
	background-color: #c7e7ff;
    }

    
    .tabla-alumno {
            border:0;
            padding:5px;
            background-color:#c2d8ff;
            width:100%;
    }
    
    .tabla-datos-extra {
            border:0;
            width:600px;
            background-color:#d0def5;
            border-spacing:5px;
            padding:5px;	
    }

    .tabla-datos-escuela {
            border:0;
            width:auto;
            background-color:#e8ddb1;
            border-spacing:5px;
            padding:3px;
    }
    
    .texto-lg {
            width:auto;
            text-align:left;
            text-transform:uppercase;
            padding:3px;	
            border:1px solid white;
            /*box-shadow:0px 0px 0px 1px black;*/
            border-radius: 5px 5px 5px 5px;
            background:MintCream;
            font-weight:bold;
            border-radius: 10px;
            border-color: transparent;
    }
    
    .button_menu_ppl {
        width: 80%;
    }
    
}