@charset "ISO-8859-1";

body, html {
	font-family: "Roboto", sans-serif;
    background: url("../imagenes/imagenFondo.jpg")center center no-repeat fixed;
}

h1, h2 {
	font-family: "Roboto", sans-serif;
	font-size: 3.5em;
    font-weight: 300px;
	text-align: center;
	color: white;   
}

h3 {
	color: white;
}

img { max-width: 100%; }

form {
	margin: 0em;
}

.form-control {
	background: rgba(0,0,0,0.4);
	color: white;
	border: 0em;
	border-radius: 0em;
	margin: 0em;	
} 

.form-top {
	padding-top: 1em;
	overflow: hidden;
}

.form-top-left {
	margin-top: 1em;
	float: left;
	width: 75%;
	display: block;		
}

.form-top-right{
	float: right;
	width: 25%;
	display: block;	
	padding-right: 1em;
}

.form-top-right i {
	color:white;
	font-size: 6em;
	width: 100%;
	text-align: right;	
}
.form-bottom {
	
}

table {
	background-color: white;
	width: 100%;
	height: 100%;
	text-align: center;
}

thead {
	color:white;
	background-color: orange;
}

a{
	padding-bottom: 1em;
	padding-top: 1em;
}
input {
	margin: 0em;
		
}

p{
	color: white;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 2em;
	margin-bottom:2em;	
}

.login-box {
	box-shadow: -1px 1px 50px 10px black;
	margin-top: 6em;
	margin-bottom: 6em;
	padding-bottom: 1em;
}

.login-box button.btn {    
    border-radius: 0;        
}

.detail-box {
	background: rgba(0,0,0,0.4);
	box-shadow: -1px 1px 50px 10px black;
	padding-top: 1em;
	padding-bottom: 1em;
	color: white;
}
.btn{
 font-weight:300;
 text-transform:uppercase;
 border:none;
 border-radius:0;
 font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}
 
.subidaFichero {	  
       
}

<!-- Márgenes -->
.margenSup1 {margin-top: 1em}
.margenSup2 {margin-top: 2em}
.margenSup3 {margin-top: 3em}
.margenInf1 {margin-bottom: 1em}
.margenInf2 {margin-bottom: 2em}
.margenInf3 {margin-bottom: 3em}
.margenDer1 {margin-right: 1em}
.margenDer2 {margin-right: 2em}
.margenDer3 {margin-right: 3em}
.margenIzq1 {margin-left: 1em}
.margenIzq2 {margin-left: 2em}
.margenIzq3 {margin-left: 3em}

<!-- Padding -->
.rellenoDer0 {padding-right: 0em}

.color-danger { color: rgba(216, 83, 79, 1)}
.ancho100 {width: 100%}
.ancho33 {width: 32%}

<!-- Barra navegación lateral -->
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;   
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#imagen-fondo {
	background-image: url("../img/header.jpg") !important;
  	background-position: center;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 0;
    }

    #wrapper.toggled {
        padding-left: 250px;
    }

    #sidebar-wrapper {
        width: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }