.encabezado
{
	color:#e83643;
	font-size:20px;
}

.resaltado
{
	color:#e83643;
	font-weight:bold;
}

p,ol li
{
	font-size:16px;
}

.circulo
{
	width:200px;
	height:200px;
	padding:50px;
	margin:10px;
	display:inline-table;
	background-color:#e83643;
	border-radius:360px;
	-moz-border-radius:360px;
	-o-border-radius:360px;
	-webkit-border-radius:360px;
	-ms-border-radius:360px;
}

.contenedor-circulos
{
	text-align:center;
}

.texto-circulo
{
	color:#FFF;
	text-align:center;
}

/*
* Uses Font Awesome and Bootstrap 3
* Both aren't required for this demo
*/
#site-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  
  height: 5000px; /* Temp: Simulates a tall page. */
}
#site-canvas {
  width: 100%;
  height: 100%;
  position: relative;
  
  -webkit-transform: translateX(0);
  transform: translateX(0);
  
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  
  
    
  padding: 5% 0; /* Temp: Just spacing. */
}
.show-nav #site-canvas {
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}
#site-menu {
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -300px;
  background: #428bca;
  padding: 15px;
}


.botonrotar{background: black;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    padding: 6px;
    border: none;
}