oloman

/* Menú de círculos rotando CSS */

ul.circulos { 
width: 100%;  
margin: 20px auto;  
text-align: center;
list-style-type: none;  
font:  bold 14px arial; 
text-transform: uppercase; 

oloman

/* Otro semáforo CSS */

.semaforo,
.semaforo:before,
.semaforo:after {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
background: lightgrey;

oloman

/* Semáforo realista CSS */

ul.semaforo {
float:left;
position: relative;
width: 100px;
margin: 0 50px;
padding: 15px;
list-style-type: none;

oloman

/* Semáforo CSS */

ul.semaforo {
position: relative;
width: 60px;
margin: 40px auto;
padding: 0;
list-style-type: none;
}
ul.semaforo li {

oloman

/* Presentando al equipo con CSS */

.presentar a, .presentar img, .presentar a span {
border:0;
padding:0;
margin:0;
}
.presentar a {
position: relative;
display: block;

oloman

/* Rotating Words with CSS Animations */
/* Codrops: http://goo.gl/utC04 */

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url('http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff') format('woff');
}
.rw-wrapper{

oloman

.rotulo {
  background: #000;
  height: 80px;
  position: relative;
  border:1px solid grey; 
  color: white;
}
.rotulo span {
  font-family: Arial, sans-serif;
  font-size:50px;