/*comun*/

* { user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    margin:0;
    padding:0;
}

#sortable { 
  list-style-type: none;
   margin-left:auto;
   margin-right:auto;
}

#sortable li { 
  float: left; 
  width: 33%; 
}

#sortable li img {
  vertical-align:bottom;
  width: 100%; 
  height: auto;
}

#pie {
  
  width:33%;
  margin: 0 auto;
  text-align: center;
}

@media (orientation:landscape){ #sortable {width:100vh;}}
@media (orientation:portrait) { #sortable {width:100%;}}

/*calculadora*/
#caja_principal{
	text-align: center;
	margin-bottom: 2em;
}

#calculadora{
	width:35em;
	text-align: center;
	background-color: gray;
	margin:0 auto;
	padding: 1%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 3px 3px 2px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 2px 1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 2px 1px rgba(0,0,0,0.75);
}

.display{
	font-family: Arial, Verdana, sans-serif;
	margin-top: 0em;
	color: black;
	padding-right: 1em;
	padding-left: 1em;
	height: 1.5em;
	width:10em;
	margin-bottom: 0.2em;
	font-size: 2.7em;
	font-weight: bold;
	text-align: right;
	background: rgba(233,235,220,1);
	background: -moz-linear-gradient(top, rgba(233,235,220,1) 0%, rgba(233,235,220,1) 27%, rgba(233,235,220,1) 38%, rgba(219,223,195,1) 44%, rgba(219,223,195,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,235,220,1)), color-stop(27%, rgba(233,235,220,1)), color-stop(38%, rgba(233,235,220,1)), color-stop(44%, rgba(219,223,195,1)), color-stop(100%, rgba(219,223,195,1)));
	background: -webkit-linear-gradient(top, rgba(233,235,220,1) 0%, rgba(233,235,220,1) 27%, rgba(233,235,220,1) 38%, rgba(219,223,195,1) 44%, rgba(219,223,195,1) 100%);
	background: -o-linear-gradient(top, rgba(233,235,220,1) 0%, rgba(233,235,220,1) 27%, rgba(233,235,220,1) 38%, rgba(219,223,195,1) 44%, rgba(219,223,195,1) 100%);
	background: -ms-linear-gradient(top, rgba(233,235,220,1) 0%, rgba(233,235,220,1) 27%, rgba(233,235,220,1) 38%, rgba(219,223,195,1) 44%, rgba(219,223,195,1) 100%);
	background: linear-gradient(to bottom, rgba(233,235,220,1) 0%, rgba(233,235,220,1) 27%, rgba(233,235,220,1) 38%, rgba(219,223,195,1) 44%, rgba(219,223,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ebdc', endColorstr='#dbdfc3', GradientType=0 );
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;	
	-webkit-box-shadow: inset 5px 5px 5px 0px rgba(34,41,34,1);
	-moz-box-shadow: inset 5px 5px 5px 0px rgba(34,41,34,1);
	box-shadow: inset 5px 5px 5px 0px rgba(34,41,34,1);
}
span{
	color:white;
}

button{
	font-family: Arial, Verdana, sans-serif;
	color:white;
	width: 3em;
	height: 2em;
	font-size: 2.5em;
	font-weight: bold;
	margin-left: 0.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;	
	-webkit-box-shadow: 3px 3px 2px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 2px 1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 2px 1px rgba(0,0,0,0.75);
}

.boton_mem{
	background: rgba(192,134,212,1);
	background: -moz-linear-gradient(top, rgba(192,134,212,1) 0%, rgba(192,134,212,1) 27%, rgba(185,67,224,1) 41%, rgba(185,67,224,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,134,212,1)), color-stop(27%, rgba(192,134,212,1)), color-stop(41%, rgba(185,67,224,1)), color-stop(100%, rgba(185,67,224,1)));
	background: -webkit-linear-gradient(top, rgba(192,134,212,1) 0%, rgba(192,134,212,1) 27%, rgba(185,67,224,1) 41%, rgba(185,67,224,1) 100%);
	background: -o-linear-gradient(top, rgba(192,134,212,1) 0%, rgba(192,134,212,1) 27%, rgba(185,67,224,1) 41%, rgba(185,67,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(192,134,212,1) 0%, rgba(192,134,212,1) 27%, rgba(185,67,224,1) 41%, rgba(185,67,224,1) 100%);
	background: linear-gradient(to bottom, rgba(192,134,212,1) 0%, rgba(192,134,212,1) 27%, rgba(185,67,224,1) 41%, rgba(185,67,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c086d4', endColorstr='#b943e0', GradientType=0 );
	width:6.3em;
	height: 1.5em;
}

.boton_numero{
	background: rgba(75,75,75,1);
	background: -moz-linear-gradient(top, rgba(75,75,75,1) 0%, rgba(75,75,75,1) 27%, rgba(0,0,0,1) 41%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,75,75,1)), color-stop(27%, rgba(75,75,75,1)), color-stop(41%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(75,75,75,1) 0%, rgba(75,75,75,1) 27%, rgba(0,0,0,1) 41%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(75,75,75,1) 0%, rgba(75,75,75,1) 27%, rgba(0,0,0,1) 41%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(75,75,75,1) 0%, rgba(75,75,75,1) 27%, rgba(0,0,0,1) 41%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(75,75,75,1) 0%, rgba(75,75,75,1) 27%, rgba(0,0,0,1) 41%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#000000', GradientType=0 );
}

.boton_op_uno{
	background: rgba(160,141,134,1);
	background: -moz-linear-gradient(top, rgba(160,141,134,1) 0%, rgba(160,141,134,1) 27%, rgba(116,86,79,1) 41%, rgba(116,86,79,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(160,141,134,1)), color-stop(27%, rgba(160,141,134,1)), color-stop(41%, rgba(116,86,79,1)), color-stop(100%, rgba(116,86,79,1)));
	background: -webkit-linear-gradient(top, rgba(160,141,134,1) 0%, rgba(160,141,134,1) 27%, rgba(116,86,79,1) 41%, rgba(116,86,79,1) 100%);
	background: -o-linear-gradient(top, rgba(160,141,134,1) 0%, rgba(160,141,134,1) 27%, rgba(116,86,79,1) 41%, rgba(116,86,79,1) 100%);
	background: -ms-linear-gradient(top, rgba(160,141,134,1) 0%, rgba(160,141,134,1) 27%, rgba(116,86,79,1) 41%, rgba(116,86,79,1) 100%);
	background: linear-gradient(to bottom, rgba(160,141,134,1) 0%, rgba(160,141,134,1) 27%, rgba(116,86,79,1) 41%, rgba(116,86,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08d86', endColorstr='#74564f', GradientType=0 );
}

.boton_op_var, .boton_coma{
	background: rgba(191,184,191,1);
	background: -moz-linear-gradient(top, rgba(191,184,191,1) 0%, rgba(191,184,191,1) 27%, rgba(117,111,117,1) 41%, rgba(117,111,117,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,184,191,1)), color-stop(27%, rgba(191,184,191,1)), color-stop(41%, rgba(117,111,117,1)), color-stop(100%, rgba(117,111,117,1)));
	background: -webkit-linear-gradient(top, rgba(191,184,191,1) 0%, rgba(191,184,191,1) 27%, rgba(117,111,117,1) 41%, rgba(117,111,117,1) 100%);
	background: -o-linear-gradient(top, rgba(191,184,191,1) 0%, rgba(191,184,191,1) 27%, rgba(117,111,117,1) 41%, rgba(117,111,117,1) 100%);
	background: -ms-linear-gradient(top, rgba(191,184,191,1) 0%, rgba(191,184,191,1) 27%, rgba(117,111,117,1) 41%, rgba(117,111,117,1) 100%);
	background: linear-gradient(to bottom, rgba(191,184,191,1) 0%, rgba(191,184,191,1) 27%, rgba(117,111,117,1) 41%, rgba(117,111,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfb8bf', endColorstr='#756f75', GradientType=0 );	
	width: 4.65em;
}

.boton_coma{
	width: 3em;
}

.boton_op_bin{
	background: rgba(253,183,122,1);
	background: -moz-linear-gradient(top, rgba(253,183,122,1) 0%, rgba(253,183,122,1) 27%, rgba(255,130,2,1) 41%, rgba(255,130,2,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,183,122,1)), color-stop(27%, rgba(253,183,122,1)), color-stop(41%, rgba(255,130,2,1)), color-stop(100%, rgba(255,130,2,1)));
	background: -webkit-linear-gradient(top, rgba(253,183,122,1) 0%, rgba(253,183,122,1) 27%, rgba(255,130,2,1) 41%, rgba(255,130,2,1) 100%);
	background: -o-linear-gradient(top, rgba(253,183,122,1) 0%, rgba(253,183,122,1) 27%, rgba(255,130,2,1) 41%, rgba(255,130,2,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,183,122,1) 0%, rgba(253,183,122,1) 27%, rgba(255,130,2,1) 41%, rgba(255,130,2,1) 100%);
	background: linear-gradient(to bottom, rgba(253,183,122,1) 0%, rgba(253,183,122,1) 27%, rgba(255,130,2,1) 41%, rgba(255,130,2,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb77a', endColorstr='#ff8202', GradientType=0 );
}

.boton_ce{
	background: rgba(235,136,123,1);
	background: -moz-linear-gradient(top, rgba(235,136,123,1) 0%, rgba(235,136,123,1) 27%, rgba(239,48,25,1) 41%, rgba(239,48,25,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,136,123,1)), color-stop(27%, rgba(235,136,123,1)), color-stop(41%, rgba(239,48,25,1)), color-stop(100%, rgba(239,48,25,1)));
	background: -webkit-linear-gradient(top, rgba(235,136,123,1) 0%, rgba(235,136,123,1) 27%, rgba(239,48,25,1) 41%, rgba(239,48,25,1) 100%);
	background: -o-linear-gradient(top, rgba(235,136,123,1) 0%, rgba(235,136,123,1) 27%, rgba(239,48,25,1) 41%, rgba(239,48,25,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,136,123,1) 0%, rgba(235,136,123,1) 27%, rgba(239,48,25,1) 41%, rgba(239,48,25,1) 100%);
	background: linear-gradient(to bottom, rgba(235,136,123,1) 0%, rgba(235,136,123,1) 27%, rgba(239,48,25,1) 41%, rgba(239,48,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb887b', endColorstr='#ef3019', GradientType=0 );
}

p{
	margin:0.45em auto;
	padding: 0;
}