[#] hm X_Shell Backd00r [#]

*{
margin: 0px;
padding: 0px;
}

@media (max-width: 1000px) {

body{
 
}

body{

     background-repeat: no-repeat; 
   height: 100%;
}

 }
h2{
 text-align: center;
 color: #337AB7;
}

h3{

  color: #fff;
  text-align: center;
}
h4{
 text-align: center;
 color: #337AB7;
}

.titulo-banner{
 color: #337AB7;
 font-size: 18px;
}

h5{
 text-align: center;
 color: #337AB7;
}

hr{
    height: 4px;
    background-color: #FBFBFB;
}

tr{
   
}

.trash{

  color: #B82015;
}

.pencil{
  color: #3c763d;
}
textarea{
  resize: vertical;
}


.iconn{
  color: #337ab7;
}
.contenedor2{
  max-width: 350px;
  position: absolute;
  background-color: rgba(14, 45, 76, 0.75);
  left: 50%;
  top: 50%;
  list-style: none;   
/*  background-image: url('../imagenes/logo_negro.png');
    background-repeat: no-repeat;
    background-size: 100%;
*/

  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding-top:3px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 7px;
  box-shadow: 2px 2px 5px #999;	 
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;

}
.b1{
background-color: #a7a7a7;
}
.b1:hover{
background-color: #a7a7a7;
}

.box1{

	background-color: #fff;
	border-radius: 10px;
  padding: 30px;

}
.glyphicon-edit { 
   color: #337ab7;
}
.glyphicon-book{ 
   color: #337ab7;
}
.glyphicon-remove-circle{ 
   color: #337ab7;
}

.j-size{
resize:vertical;
} 

.alert-success{
    background-color: #dff0d8 !important;
    cursor: row-resize;
}

.alert-danger{
   background-color: #f2dede !important;
   cursor: row-resize;
}
.alert-success1{
    background-color: #8C3333 !important;
}
.alert-danger1{
   background-color: #8C3333 !important;
   color:#fff;
}
#mensaje{
  color: #fff; 
  text-align: center; 
  border-radius: 3px; 
  height: 30px;
 }
.alert{
      margin-bottom: -1px;
}


/*----- -----------------------------*/
.caja-consejo{
  width: 350px;

  color: #337ab7;
  margin-top: -14px;
}
.consejo {
position: relative; /*Para poder ubicar la info dentro de la consejo*/
margin: 10px auto;
}
.consejo img {
border:2px solid black;
}
.info {
position: absolute; /*Info sobre la imagen*/
top: 5%;
left: 10%; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding: 5px;
color: white;
background: black;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
}
.consejo:hover .info {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la consejo hacemos visible los datos*/
}

/*------------------------------------------*/

.heder-i{
  height: 17px;
  background-color: #2E3133;
  text-align: center;
  color: #fff;
}

.footer-i{
background-color: #DCD6D6;
text-align: right;

}
.contend-image{
  max-width: 200px;
}
.active{
    background-color: #dff0d8 !important;
}
.separador{
width: 50px;
 
}
.contenido_principal{
 display: inline-flex;
}

span{
  cursor: pointer;
}

.contenido_principal{
   
}


.un{color: #337AB7;}
 
 .nube{cursor: pointer;}

.sesion{
  float: right;
  color: #337ab7;
  margin-top: -14px;
}

 #comprobar{
 float: right;
 }

#drop{
  float: right;
}

.btn-default1{
  color: #337ab7;
  border-color: #fff;
  margin-top: -30px;
  background-color: #fff;
}
.btn-default1:hover{
  border-color: #fff;
  color: green;
}

.columna{
  display: block;


  text-align: justify;
 
}
.columna_encabezado{
  width: 100%
  height: 5%;
  text-align: center;
  padding-top: 4%;
}

.estilos_columnas{
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
margin: 3%;
}

.btn-file {
    position: relative;
    overflow: hidden;
    background-color: #269ABC;
    color: #fff;
    font-size: 14px;
}

.btn-file:hover {
 background-color: #31B0D5;
 color: #fff;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.ok{
 color: #35DE38;
 padding-top: 30px;
 cursor: default;
}

.input-group-addon{
  cursor: default;
}

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

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

.navbar-collapse.collapse {
  color: #337AB7 !important;

}
.active{
    background-color: #DFF0D8 !important;
}

 @media only screen and (max-width : 500px) {

#encabezado{
  display: none;
}

.sesion{
  float: left;
}
}