.miformulario {
   max-width: 500px;
    margin: 0 auto;
    margin-top: 20px;
    border: 5px solid orange;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px orange;
    margin-bottom: 50px;
    border-radius: 10px;
}

.miformulario h3{
	color:orange;
	    padding-top: 0px;
    margin-top: 0px;
}

.miformulario input[type="text"]{

background:url("../imagenes/usuario.png") no-repeat;
background-color: #FFF;
background-size: 30px;
padding-left: 40px;
}



.miformulario input[type="password"]{

background:url("../imagenes/contrasena.png") no-repeat;

background-color: #FFF;
background-size: 30px;
padding-left: 40px;
}


.base{
	border:1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	    padding: 0;
}
.col-md-3.subbase1 {
    padding: 0;
}
.cargar_archivos{
	padding:20px;
	margin: 0 auto;text-align: center;
}
.mib{
	background: orange;
	border:none;
}
.mib:hover{
	border:none;
	background: orange;
}
.opcion_sistema {
padding: 20px;
border: 1px solid #ccc;
border-right: none;
border-left: none;
}

.opcion_sistema:hover{
	background: black;
}
.opcion_sistema p{
margin:0px;
}
.opcion_sistema img {
    margin-right: 10px;
}
.opcion_sistema p a:hover{
	color:white;text-transform: none;text-decoration: none;
}

.p_s_a{
	background: black;
}

.contenedor_archivos h1{
font-size: 26px;
text-align: center;
color:red;
}
.opciones_archivo input[type="text"]{
background:url("../imagenes/buscar.png") no-repeat;
background-color: #FFF;
background-size: 25px;
padding: 3px;
padding-left: 40px;
padding-top: 5px;
width: 100%;
border-radius: 5px;
    border: 1px solid orange;
}

.opciones_archivo select{
border-radius: 5px;
	background:orange;
	    height: 30px;color:white;
}
.col-md-9.subbase2 {
    padding: 0;
}

.item.list-group-item img {
    /* float: left; */
    cursor: pointer;
}

.opciones_archivo {
    height: auto;
    padding: 50px;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.contenidolista{
	border-bottom:1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;

}

.subbase2{
	border-left: 1px solid #ccc;
}

.opciones_documentos{
	padding: 10px;
	background: orange;
	margin-bottom: 5px;
    color:white;
    border-radius: 5px;text-align:center;
    width: 50px;
}

#Modalcompartir input[type="text"]{
background:url("../imagenes/usuario.png") no-repeat;
background-color: #FFF;
background-size: 30px;
padding: 6px;
padding-left: 40px;
width: 100%;
border-radius: 5px;
}

.back{
	    background: white;
    padding-bottom: 20px;
    padding-top: 10px;
padding:10px;
}

.compa h5{
font-size: 25px;
text-align: center;
}

.compa p{
	font-size: 18px;
	text-align: center;
}

.compa span{
font-size: 50px;
}

.bobo{
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}

.col-md-12.ctodo {
    background: #ccc;
    
       padding: 6px;

    /* margin-bottom: 20px; */
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); */
}

@media (max-width: 767px) {
.me {
    width: 100%;
}

.me2 {
    width: 50%;
    margin-top:10px;
    margin-bottom: 10px;
}

.opciones_archivo{
     border-bottom: 0px solid #ccc;
}

}
.nmenu{
display:none;
}
@media (max-width: 500px) {
.modal-title {
    font-size: 14px;
}
.alin{
width: 50%;
}
.mib{
display:none;
}
.nmenu{
display:block;float:right;
}

.cto{
padding:0;
}

.cargar_archivos .mib{
display:inline-block;
}
#form_compartir .mib{
display:inline-block;
}
.bobo h4{
font-size:14px;
}
.modal-footer .mib{
display:inline-block;
}
}

@media (max-width: 360px) {
.alin{
width: 100%;
}
}
select#opciones {
    height: 25px;
    /* padding: 0px; */
}