@font-face { 
    font-family: 'Roboto Condensed'; 
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');    
}


.ex1 {
  margin: auto;
  width: 90%;
}


#contenido .glyphicon  {
	padding-left: 10px;
	padding-right: 10px;
}

#barra_superior {
	width: 100%;
	height: 100px;
	background: #CACC2E;
	
}


#barra_inferior {
	width: 100%;
	height: 80px;
	background: #CACC2E;
	-webkit-transition: margin 0.5s; 
	-moz-transition: margin 0.5s; 
	-o-transition: margin 0.5s; 
    transition: margin 0.5s;
}

#contenido {
	width: 90%;
	margin: 0 auto;
	
}

#contenido img {
	margin: 4px;
	max-width: 100%;
	max-height: 100px;
}

#contenido h1 {
	float: right;
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 250%;
}

#contenido p {
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 75%;
	text-align: center;
	margin: 0;
	padding-top: 4px;
}
/*.modal-body{
  
  
}*/