@import url(https://fonts.googleapis.com/css?family=Muli);
*{
	font-family:Muli;
}
body{
	margin:0;
	padding:0;
}
#contenedor{
	position:relative;
	width:100%;
	float:left;
}
#header{
	position:relative;
	width:100%;
	float:left;
	background-color:black;
}
.inheader{
	position:relative;
	width:90%;
	float:left;
	left:5%;
}
.inheader table{
	color:white;
}
.inheader h2{
	margin:0;
	padding:0;
}
.inicioses{
	width:100%;
	position:relative;
	float:left;
	margin-top:20px;
}
.inp{
    height: 2em;
    border: 1px solid gainsboro;
	max-width:100%
}
.but{
	background-color:black;
	padding-top:5px;
	padding-bottom:5px;
	color:white;
	border:1px solid black;
}
.out{
	color:red;
	text-decoration:none;
}
.back {
    color: green;
    text-decoration: none;
}
.out:hover{
	color:black;
}
.back:hover{
	color:black;
}
#logout{
	width:100%;
	position:Relative;
	float:left;
}
.inlogout{
	position:relative;
	float:left;
	width:90%;
	left:5%;
	margin-top:10px;
	margin-bottom:10px;
}
.line{
    display:block;
	width:100%;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
}
#contenido{
	position:Relative;
	float:left;
	width:100%;
}
.incontenido{
	position:Relative; 
	float:left;
	width:90%;
	left:5%;
}
/* Sweep To Right */
.hvr-sweep-to-right {
   text-decoration:none;
   padding: 1em;
   background-color: black;
   color: white;
   font-weight: bolder;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  margin-top: 12px;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: gray;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/*=========AGREGAR==============*/




.envia{
	background-color: black;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    border: 1px solid black;
	width: 30% !important;
}


.reporte{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 7%;
}

.reporte table{
	position: relative;
	float: left;
	text-align: center;
	width: 90%;
	left: 5%;
	border: 1px solid #2b2b2b;
}

.reporte td{
	border: 1px solid #2b2b2b;
}

.reporte td table{
	border: none;
}

.reporte td table td{
	border: none;
}

.reporte a{
	text-decoration: none;
	color: #2b2b2b;
	font-weight: 600;
}

.reporte a:hover{
	color: #0062dc;
}

.boton{
	position: relative; 
	float: left; 
	width: 33%;
}

/*============	EDITANDO	==============*/

.editando{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 5%;
}

.editando > .boton{
	width: 20%;
}

.agregar textarea{
	width: 100%;
	height: 150px;
}

.altas{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 3%;
}

.altas table{
	position: relative;
	float: left;
	width: 33%;
	left: 33%;
}

.altas input{
	width: 100%;
}

.altas select{
	width: 100%;
}

/*--Galeria--*/

.galeria{
	position: relative;
	float: left;
	width: 90%;
	left: 5%;
}

.in_galeria{
	position: relative;
	float: left;
	width: 23%;
	background: #000;
	margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-top: 1%;
}

.gal{
	position: relative;
	float: left;
	width: 90%;
	left: 5%;
}

.gal img{
	max-width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
}

.acciones{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 5%;
}

.in_acc{
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}

.in_acc a{
	color: #fff;
	text-decoration: none;
	font-size: 18pt;
}

#edita:hover{
	color: yellow;
	transition: color 420ms linear;
}

#elimina:hover{
	color: red;
	transition: color 420ms linear;
}
/*==============================================*/
.editable{
    position: relative;
    float: left;
    width: 100%;
}
#titulo{
    background-color: #000;
    color: #fff;
    text-align: center;
}
.editable table{
    position: relative;
    float: left;
    width: 90%;
    border: 1px solid #000;
    left: 5%;
}
.editable td{
    width: 33%;
    border: 1px solid #000;
    padding: 5px 10px;
}
.editable a{
    color: deepskyblue;
    text-decoration: none;
}
.editando{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 5%;
}
.editando table{
    position: relative;
    float: left;
    width: 90%;
    left: 5%;
    text-align: center;
}
.editando textarea{
    width: 40%;
    height: 150px;
}