/*@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 200;
  src: local('BenchNine Light'), local('BenchNine-Light'), url(http://themes.googleusercontent.com/static/fonts/benchnine/v1/ah9xtUy9wLQ3qnWa2p-piXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 300;
  src: local('BenchNine Regular'), local('BenchNine-Regular'), url(http://themes.googleusercontent.com/static/fonts/benchnine/v1/xmB9oJNpSFKa3qTF2JABPj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 600;
  src: local('BenchNine Bold'), local('BenchNine-Bold'), url(http://themes.googleusercontent.com/static/fonts/benchnine/v1/qZpi6ZVZg3L2RL_xoBLxWXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Ropa Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Ropa Sans'), local('RopaSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ropasans/v2/QnguTd82yEUxQZygH2gm8D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}*/
body
{
	font-family: BenchNine;
	/*padding-bottom: 180px;*/
	padding-bottom: 230px;
}
p{
	font-size: 14px;
	padding-bottom: 10px;
	color: #818181;
}
h1{
	font-size: 70px;
    padding-bottom: 21px;
}
.navbar-inner
{
	background: #4e4e50;
	padding-left: 0;
	padding-right: 0;
}
.navbar-inner .container .brand
{
	margin-left: -50px;
	width:330px;
	color:#fff;
	text-shadow: none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus 
{
	/*background: #8fd80c;*/
	background: #85008f;
	color:#fff;
	text-shadow: none;
}
.navbar .nav{
	background: #4e4e50;
	width: 100%;
}
.navbar .nav > li{
	font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
	
	width: 16.4%;
}
.ladofin{
	border-left: 0;
}
.navbar .nav > li > a 
{
	color:#fff;
	text-shadow: none;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar .nav >li > a:hover
{
	/*background: #8fd80c;*/
	background: #8E0A98;
	color:#fff;
}
h1
{
	/*font-family: xperia !important;*/
	text-align: center;
}
h2{
	margin-top: -10px;
	font-size: 25px;
	margin-bottom: -10px;
	font-weight: normal !important;
}
.loguito
{
	height: 40px;

}
.span4 p 
{
	text-align: justify;
}
.span4  a
{
	margin-left: 260px;
	margin-top: 10px;
}
.calcetin{
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;*/
	box-sizing: border-box;
	padding: 0 50px 50px 50px;
	position: relative;
	z-index: 2;
}
.black{
	background: #000;
	color: #fff;
}
.white{
	background: #fff;
	color: #000;
}
.purple{
	background: #85008f; /* Old browsers */
	background: -moz-linear-gradient(top, #85008f 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #85008f 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #85008f 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85008f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.fondo{
	background: #4e4e50;
	color: white;
	float: left;
	position: absolute;
	margin-top: -30px;
	height: 170px;
	width: 100%;
	z-index: 1;
	padding-top: 70px;
}
.navbar .nav > .hola{
	border-right: 2px dashed #4e4e50;
}
.mensaje{
	text-align: right;
}
.center{
	text-align: center;
}
.purple2{
	margin-top: 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e4e50+0,a3a2a5+100 */
	background: #4e4e50; /* Old browsers */
	background: -moz-linear-gradient(top, #4e4e50 0%, #a3a2a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4e4e50 0%,#a3a2a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4e4e50 0%,#a3a2a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e50', endColorstr='#a3a2a5',GradientType=0 ); /* IE6-9 */
}
.borde{
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 2px dashed #4e4e50;
	/*border-left: 2px dashed #4e4e50;*/
}
.noborde{
	padding-top: 10px;
	padding-bottom: 10px;
}
.purple2 h2{
	font-size: 26px;
	color: #fff;
}
.panel{
	background: #4e4e50; /* Old browsers */
	background: -moz-linear-gradient(top, #4e4e50 0%, #a3a2a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4e4e50 0%,#a3a2a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4e4e50 0%,#a3a2a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e50', endColorstr='#a3a2a5',GradientType=0 ); /* IE6-9 */
}
.medio{
	border-right: 2px dashed #4e4e50;
	border-left: 2px dashed #4e4e50;
}
.panel h2{
	font-size: 20px;
	/*padding: 15px;*/
	color: #C1C1C1;
}
.panel h4{
	padding: 15px 40px 40px 40px;
	color: #FFF;
}
.panel img{
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.panel p{
	color: #fff;
}
.top{
	padding-top: 40px;
}
.btn-arriba{
	margin-top: -50px;
	margin-right: 40px;
	float: right;
}
dl, dt{
	font-size: 16px;
}
.errores
{
 background-color: #BC1010;
    padding: 6px 12px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
   position: absolute;
    
    float: left;

    

}
.errores:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
    float: left;
}
.img-estado{
	position: absolute;
	height: 80px;
}