.box{
    margin: 20px; padding: 15px;
    background: #eee;
    height: 500px;
}
#navbar{
    position: fixed;
    bottom: 0; left: 20px;
    width: 100%;
    background: #fff;
}
.nav li a{
    float: left;
    width: 80px;
    padding: 15px 0;
}
.nav li a:hover{
    color: #0066CC !important;
    background: none;
}

.nav li.active a{
 	 color:#0066CC; 
	/* background: #EEEEEE;*/
    /*text-decoration: underline;*/
}

.btn-fundacion {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0745A3;
  *background-color: #0745A3;
  background-image: -moz-linear-gradient(top,  #0066CC, #0745A3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066CC), to(#0745A3));
  background-image: -webkit-linear-gradient(top, #0066CC, #0745A3);
  background-image: -o-linear-gradient(top, #0066CC, #0745A3);
  background-image: linear-gradient(to bottom, #0066CC, #0745A3);
  background-repeat: repeat-x;
  border-color: #0745A3 #0745A3 #0745A3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CC', endColorstr='#0745A3', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-fundacion:hover,
.btn-fundacion:focus,
.btn-fundacion:active,
.btn-fundacion.active,
.btn-fundacion.disabled,
.btn-fundacion[disabled] {
  color: #ffffff;
  background-color: #0745A3;
  *background-color: #003bb3;
}

/*
.btn-fundacion {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0745A3;
	*background-color: #0745A3;
	background-image: -moz-linear-gradient(top, #0066CC, #0745A3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066CC), to(#0745A3));
	background-image: -webkit-linear-gradient(top, #0066CC, #0745A3);
	background-image: -o-linear-gradient(top, #0066CC, #0745A3);
	background-image: linear-gradient(to bottom, #0066CC, #0745A3);
	background-repeat: repeat-x;
	border-color: #0745A3;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CC', endColorstr='#0745A3', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-fundacion:hover,
.btn-fundacion:active,
.btn-fundacion.active,
.btn-fundacion.disabled,
.btn-fundacion[disabled] {
	color: #FFFFFF;
	background-color: #0745A3;
	*background-color: #003bb3;
}*/
.btn-fundacionMini {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0745A3;
	*background-color: #0745A3;
	background-image: -moz-linear-gradient(top, #0066CC, #0745A3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066CC), to(#0745A3));
	background-image: -webkit-linear-gradient(top, #0066CC, #0745A3);
	background-image: -o-linear-gradient(top, #0066CC, #0745A3);
	background-image: linear-gradient(to bottom, #0066CC, #0745A3);
	background-repeat: repeat-x;
	border-color: #0745A3;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CC', endColorstr='#0745A3', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-fundacionMini:hover,
.btn-fundacionMini:active,
.btn-fundacionMini.active,
.btn-fundacionMini.disabled,
.btn-fundacionMini[disabled] {
	color: #FFFFFF;
	background-color: #0745A3;
	*background-color: #003bb3;
}

.btn-fundacionSmall {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0745A3;
	*background-color: #0745A3;
	background-image: -moz-linear-gradient(top, #0066CC, #0745A3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066CC), to(#0745A3));
	background-image: -webkit-linear-gradient(top, #0066CC, #0745A3);
	background-image: -o-linear-gradient(top, #0066CC, #0745A3);
	background-image: linear-gradient(to bottom, #0066CC, #0745A3);
	background-repeat: repeat-x;
	border-color: #0745A3;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066CC', endColorstr='#0745A3', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-fundacionSmall:hover,
.btn-fundacionSmall:active,
.btn-fundacionSmall.active,
.btn-fundacionSmall.disabled,
.btn-fundacionSmall[disabled] {
	color: #FFFFFF;
	background-color: #0745A3;
	*background-color: #003bb3;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*letras*/
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}


textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
 */
  /* IE6-9 */
/*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
*/

  /* In IE7, the height of the select element cannot be changed by height, only font-size */
/*
  *margin-top: 4px;
*/
  /* For IE7, add top margin to align select with labels */
/*
  line-height: 30px;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
*/