@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
body {
margin-top: 20px;
padding: 5px;
font-family: 'Roboto', sans-serif;
}

/* AJUSTE */

/* ESPACIADO ARRIBA */
.pt_5 { padding-top: 5px;}
.pt_10 { padding-top: 10px;}
.pt_20 { padding-top: 20px;}
.pt_30 { padding-top: 30px;}
.pt_40 { padding-top: 40px;}


/* ESPACIADO ABAJO */
.pb_5 { padding-bottom: 5px;}
.pb_10 { padding-bottom: 10px;}
.pb_20 { padding-bottom: 20px;}
.pb_30 { padding-bottom: 30px;}
.pb_40 { padding-bottom: 40px;}

/* ESPACIADO IZQUIERDA */
.pi_5 { padding-left: 5px;}
.pi_10 { padding-left: 10px;}
.pi_20 { padding-left: 20px;}
.pi_30 { padding-left: 30px;}
.pi_40 { padding-left: 40px;}

/* ESPACIADO DERECHA */
.pd_5 { padding-right: 5px;}
.pd_10 { padding-right: 10px;}
.pd_20 { padding-right: 20px;}
.pd_30 { padding-right: 30px;}
.pd_40 { padding-right: 40px;}


/* MARGEM ARRIBA */
.mt_10 { margin-top: 10px;}
.mt_20 { margin-top: 20px;}
.mt_30 { margin-top: 30px;}
.mt_40 { margin-top: 40px;}


/* MARGEM ABAJO */
.mb_5 { margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_20 { margin-bottom: 20px;}
.mb_30 { margin-bottom: 30px;}
.mb_40 { margin-bottom: 40px;}

/* MARGEM IZQUIERDA */
.mi_10 { margin-left: 10px;}
.mi_20 { margin-left: 20px;}
.mi_30 { margin-left: 30px;}
.mi_40 { margin-left: 40px;}

/* MARGEM DERECHA */
.md_10 { margin-right: 10px;}
.md_20 { margin-right: 20px;}
.md_30 { margin-right: 30px;}
.md_40 { margin-right: 40px;}

/* --- CURSOR --- */

.pointer { cursor: pointer; }

/* --- TIPOGRAFIA --*/

.label {
  font-weight: 300;
}

/* --- CABECERA --- */

.logo {
  padding: 10px;
}
.logo img {
    max-width: 390px;
  width: 100%;
}

.usuario {
  margin: 10px 10px 20px;
  *zoom: 1;
}
.usuario:before,
.usuario:after {
  display: table;
  content: "";
  line-height: 0;
}
.usuario:after {
  clear: both;
}
.usuario figure {
  margin: 0;
  float: right;
  width: 230px;
  *zoom: 1;
}
.usuario figure:before,
.usuario figure:after {
  display: table;
  content: "";
  line-height: 0;
}
.usuario figure:after {
  clear: both;
}
.usuario img {
  float: right;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 0 20px;
  border: 1px solid #e7e7e7;
  padding: 5px;
}
.usuario figcaption {
  float: right;
  margin-left: 10px;
  padding-top: 4px;
}
.usuario figcaption strong {
  display: block;
  font-size: 16px;
  line-height: 14px;
}
.usuario figcaption strong a {
  color: transparent;
}
.usuario figcaption strong a:hover {
  text-decoration: none;
}
.usuario figcaption ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
}
.usuario figcaption ul:before,
.usuario figcaption ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.usuario figcaption ul:after {
  clear: both;
}
.usuario figcaption ul > li {
  float: right;
  display: block;
  padding: 5px 0;
}
.usuario figcaption ul > li a {
  color: transparent;
}
.usuario figcaption ul > li a:hover {
  text-decoration: none;
}
.usuario figcaption ul > li + li {
  margin-left: 8px;
}
.ie8 .usuario figure {
  width: 290px;
}

.dividir {
  border-top: 1px solid #E7E7E7;
}

/* --- NAVEGACION -- */

.navbar {
  border:1px solid transparent;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  margin-bottom:20px;
  min-height:50px;
  position:relative;
  z-index:1000;
}

.navbar-default {
  background-color:#fff;
  border-color:#E7E7E7;
}

.navbar-brand {
  font-size:16px;
  border-right: 1px solid #E7E7E7;
  font-weight: 700;
}




/* MODULO */

.modulo.iconos {
  -webkit-transition:all 300ms ease;
  display:block;
  text-align:center;
  transition:all 300ms ease;
}

.modulo {
  background-color:#fff;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  margin-bottom:20px;
  position:relative;
  border: 1px solid #E7E7E7;
}

.modulo section {
  padding:20px;
}

.modulo.iconos {
  text-align: center;
}

.modulo.iconos section > span, .modulo.iconos strong, .modulo.iconos [class^="fa-"], .modulo.iconos [class*=" fa-"] {
  display:block;
  font-size:47.6px;
  line-height:1;
}

.modulo.iconos strong {
  font-size:16px;
  margin-top:15px;
}

/* FORMULARIO LOGIN */

.form-signin {
  max-width: 330px;
  padding: 15px 15px 50px 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* --- PIE DE PAGINA --- */

footer {
  border-top: 1px solid #E7E7E7;
  padding: 10px 0;
  text-align: center;
}

footer p {
  color: #999;
  font-weight: 300;
}