* { 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;
}

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

.carousel-inner .item img,
.carousel-inner .item img               { width: 100%;}
.container .carousel-indicators .active { background-color:orange;}
.container .carousel-indicators li      { border: 1px solid orange;}
.container .ejercicio                   { margin-top:20px; }
.container .panel-footer                { margin-top:20px; margin-left: auto; margin-right: auto; }

body{color:black;
	background: rgb(224,243,250); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 39%, rgba(184,226,246,1) 75%, rgba(182,223,253,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 39%,rgba(184,226,246,1) 75%,rgba(182,223,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 39%,rgba(184,226,246,1) 75%,rgba(182,223,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a{color:#ff0000;font-weight:bold;}
a:hover{color:#000000;}

#num{-moz-box-shadow: 7px 4px 5px #3d373d;
-webkit-box-shadow: 7px 4px 5px #3d373d;
box-shadow: 7px 4px 5px #3d373d;}

.saludo{
	font-family: 'Pangolin';
	font-size: xx-large;
	text-align: center;
	border-radius: 30px 30px 30px 30px; 
	-moz-border-radius: 30px 30px 30px 30px; 
	-webkit-border-radius: 30px 30px 30px 30px; 
	border: 3px dotted #80185A;
		
}

.calculadora{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;border-radius: 30px;border:3px solid #FFFF00;background-color:#E3A20B;
	-webkit-box-shadow: #B3B3B3 8px 8px 8px;-moz-box-shadow: #B3B3B3 8px 8px 8px; box-shadow: #B3B3B3 8px 8px 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(243,226,199); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 49%, rgba(182,141,76,1) 76%, rgba(182,141,76,1) 98%, rgba(182,141,76,1) 98%, rgba(233,212,179,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 49%,rgba(182,141,76,1) 76%,rgba(182,141,76,1) 98%,rgba(182,141,76,1) 98%,rgba(233,212,179,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 49%,rgba(182,141,76,1) 76%,rgba(182,141,76,1) 98%,rgba(182,141,76,1) 98%,rgba(233,212,179,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */	-moz-box-sizing: border-box;
	
  font-family: 'Pangolin';
  height:270px;
  width:300px;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;}

.boton {
   border-top: 1px solid #96d1f8;
   background: #d6658e;
   background: -webkit-gradient(linear, left top, left bottom, from(#fac3e2), to(#d6658e));
   background: -webkit-linear-gradient(top, #fac3e2, #d6658e);
   background: -moz-linear-gradient(top, #fac3e2, #d6658e);
   background: -ms-linear-gradient(top, #fac3e2, #d6658e);
   background: -o-linear-gradient(top, #fac3e2, #d6658e);
   padding: 5px 1px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Pangolin, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
   }
.boton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.boton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

#Xelevado2{width: 18%;}
#inverso{width: 18%;}
#entero{width: 18%;}
#raiz2{width: 18%;}
#factorial{width: 18%;}
#mas{width: 17%;}
#menos{width: 17%;}
#multiplicar{width: 17%;}
#dividir{width: 17%;}
#XelevadoY{width: 17%;}
#sumatorio{width: 45%;}
#producto{width: 45%;}

#calcular{
	width: 100%;
}