*{
    box-sizing: border-box;
	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;    
  }
    .carousel-inner .item img               { width: 100%;}
    .container .carousel-indicators .active { background-color:yellow;}
    .container .carousel-indicators li      { border: 1px solid yellow;}
    .container .panel-footer                { margin-top:20px; background: #333; color: white; overflow: auto; width: 100%}
    .container .panel-footer>div      		{float: right; padding-top: 15px;}
    .container .panel-footer>ul         	{float: left; color: white;}
    .container .panel-footer a        		{color: white;}

/*CSS para estilizar la calculadora*/

    #main{
      max-width: 300px;
      height: 425px;
      max-height: 100%;
      margin: 0 auto;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 10px;
      background-color: #c2c2c2;
      font-size: 15px;
    }
    #botonera {
      padding-top: 17px;
      width: 100%;
      overflow: auto;
    }
    #num{
      width: 95%;
      height: 40px;
      margin: 10px auto;
    }
    #botonera button{
      background: #ccc;
      border-radius: 5px;
      margin: 3px;
      width: 35px;
      height: 35px;
      float: left;
    }
    button#sumatorio, button#mas, button#calcular {
      clear: both;
    }
    button#calcular{
      width: 50%;
    }
    #memo{
      overflow: auto;
    }
    #memo button{
      background: red;
      border-radius: 5px;
      margin: 3px;
      width: 60px;
      height: 35px;
      float: right;
      margin-bottom: 10px;
    }
    #memo p{
      clear: both;
      width: 95%;
      height: 40px;
      margin-top: 15px;
      background: #ffffcc;
      border: solid #000;
    }
/*CSS para la página puzzle*/
	.ejercicio {width: 100%;}
    #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%;}}