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

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

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

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

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

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

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

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

/*** WIDTH ***/
.w_1vw{
	width: 1vw;
}
.w_2vw{
	width: 2vw;
}
.w_3vw{
	width: 3vw;
}
.w_4vw{
	width: 4vw;
}
.w_5vw{
	width: 5vw;
}
.w_6vw{
	width: 6vw;
}
.w_7vw{
	width: 7vw;
}
.w_8vw{
	width: 8vw;
}
.w_9vw{
	width: 9vw;
}
.w_10vw{
	width: 10vw;
}
.w_11vw{
	width: 11vw;
}
.w_12vw{
	width: 12vw;
}
.w_13vw{
	width: 13vw;
}
.w_14vw{
	width: 14vw;
}
.w_15vw{
	width: 15vw;
}
.w_16vw{
	width: 16vw;
}
.w_17vw{
	width: 17vw;
}
.w_18vw{
	width: 18vw;
}
.w_19vw{
	width: 19vw;
}
.w_20vw{
	width: 20vw;
}
.w_10pc{
	width: 10%;
}
.w_20pc{
	width: 20%;
}
.w_30pc{
	width: 30%;
}
.w_40pc{
	width: 40%;
}
.w_50pc{
	width: 50%;
}
.w_60pc{
	width: 60%;
}
.w_70pc{
	width: 70%;
}
.w_80pc{
	width: 80%;
}
.w_90pc{
	width: 90%;
}
.w_100pc{
	width: 100%;
}