.button {  background-color: #4CAF50; border: none; color: white;
           margin: 0 auto; text-align: center; text-decoration: none;
           display: block; font-size: 1em; cursor: pointer;
           border-radius: 25px; transition-duration: 0.8s; }

.button:hover {  background-color: red; color: white; }

#bplai { font-size: 200% ; width:60% ; height:30% ; }
#bset { background-color: black;  width: 70%; height:20%; }

div.inner { position:relative; overflow:hidden; z-index:1; margin: 0 auto;
            background-color: rgb(190,160,160); color: black; border-radius: 13px; }

div.kaixa2 {text-align: center; color: black; box-sizing: border-box; font-size: 1em; border-color: black ;
            border-radius: 25px; position: absolute; border-style: solid;  border-width: 1px;}
	
div.kaixa {font-size: 100%; text-align: center; color: black; border-radius: 25px; box-sizing: border-box;
           position: absolute; border-style: solid; border-width: 1px; border-color: rgb(190,160,160); left: 0px;}
    
div.cop { font-size: 1em; text-align: center; color:pink; position: absolute;}
    
i.fa-fw {color:white; font-size:500%; margin: 13% 11%; cursor: pointer;}

div.le {position:absolute; width:100%; text-align:center; color:LemonChiffon; cursor:default; 
        border-style: solid; box-sizing: border-box; border-color: rgb(190,160,160);}

#cbarra { position:absolute; display: block; left: 0px;}
#cositas { position:absolute; float:right; display:none; left: 2px; }
#copnext { position:absolute; font-size: 1em; z-index:1; left: 0px; text-align: center;
           color:grey; background-color: #333333; border: 1px none #000000; }

#colen1 { border-width: 1px 1px 0px 1px; }

#colen2 { border-width: 0px 1px 1px 1px; }

div.lepo {position:absolute; width:100%; text-align:center; color:white; cursor:default;}