/* Diseños generales y estándares. */
body{
  font-family: Myriad Pro, Arial, Helvetica;
  margin:0;
}

.titulo{
  background-image: url("../images/fondotitulo.png");
  width:100%;
  height:60px;

}
.contenedor{
  color:#fff;
  text-align: center;
  position: relative;
  left: 56%;
  z-index: 100;
  height:120px;
  border-radius: 5px;
  background-color: #0071BC;
  width: 450px;
  margin-left: -300px;
}

.contenedor form{
  margin-top: 50px

}
.contenedor button{
  margin-top: 10px;
  float:right;

}
.contenedor ul{
  padding-top: 25px;

}

h1{
  text-align: center;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding-top: 15px;
}
h2{
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding: 30px 0px 10px 0px;

}
h1, h2{
  color: #808080;
}
ul{
  list-style-type: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
li{
  margin-bottom: 1%;
}


#wrapper{
  max-width: 1000px;
  margin:auto;
}

#sidebar{
  float: left;
  margin-right: 10px;
  border-right: 1px #22bce0 solid;
  width: 220px;
  /*margin-top:72px;*/
}
#sidebar a{
  text-decoration: none;
  background-color: #0F6CB6;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  color:#FFF;
  padding-left: 10px;
  padding-right: 10px;
}
#sidebar a:hover{
  color:#808080;
  background-color: #f5f5f5;
  border-right: 3px #22bce0 solid;
}
#sidebar ul{
  -webkit-padding-start: 0px;
}
#content{
  display: inline-block;
  max-width:80%;
    min-width: 40%;
}
#content ul{
  -webkit-padding-start: 0px;
}

/* Diseños tablas */
table{
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
  border-spacing: 0px;

}
table tbody, thead{
  border-spacing: 0px;
  border-collapse: collapse;
  border: 1px solid #808080;
}
table img,a img{
  margin-left:5px;
  width: 25px;
  float: left;
}
tbody td{
border-collapse: collapse;
    border: 1px solid #808080;
}
form{
  width: 79%;
}
form input,form select{
  float: right;
   width: 250px;
}
form input[type="number"]{
   width: 100px;
}
form input[type="file"]{
   width: 250px;
}
form div{
  margin-bottom: 2%;
}
td a,.summary{
  text-decoration: none;
  display: block;
  /*padding:5px;*/
  color:#808080;
}
.summary{
 color:#FFF; 
}
.boton a{
  text-decoration: none;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  color:#808080;
  padding-left: 10px;
  padding-right: 10px;
  float:right;
}
table ul li{
  float: left;
}
th{
  padding: 10px 25px 5px 25px;
  background-color: #808080;
  /*text-align: center;*/
  /*color: #fff;*/
}
th.center{
  text-align: center;
}
td{
  text-align: center;
  /*color: #fff;*/
}
.r{
  border-right: 2px solid;
}
.t{
  border-top: 2px solid;
}
.l{
  border-left: 2px solid;
}
.b{
  border-bottom: 2px solid;
}

/* Diseños formularios */
textarea{
  width: 500px;
  height: 250px;
}

.selection label{
  display: block;
}

/* Búsqueda */
div.busqueda input{
  margin-top: 4%;
  margin-right: 2px;
}
div.busqueda form{
  float: right;
}
div.busqueda button{
  border: none;
  background: none;
  float: right;
  margin-top: 2%;
}
div.busqueda button img{
  width: 25px;
  cursor: pointer;
}

.textarea.search{
  width: 80%;
  height: 50px
}

.selection.search input{
  float: none;
  width: 20%;
}

.selection.search label{
  display: inline;
}

.selection.campos input{
  float: none;
  width: 7%;
}

.selection.campos label{
  display: inline-block;
  width: 87%;
}

/* Paginación */
.pagination a {
  text-decoration: none;
  color: #808080;
}

table.dataTable tbody td {
  padding: 0px 0px;
}

.sorting_disabled{
  background-color: #FFF;
}