#main-header {
    
	background: #424242;
	color: red;
	height: 50px;
}	
	#main-header a {
		color: white;
		font-size: 15px;
    font-family: sans-serif;

	}
 
/*
 * Logo
 */
#logo-header {
	float: left;
	text-decoration: none;
}
    
	#logo-header .site-name {
		display: block;
        font-family: sans-serif;
		font-weight: 700;
		font-size: 17px;
	}
	
	#logo-header .site-desc {
		font-weight: 300;
		font-size: 16px;
		color: #999;
	}
	/*
 * Navegación

nav {
	float: right;
    font-weight: bold;
    font-family: monospace;
    font-size: 15px;
            
}
	nav ul {

		margin: 0;
		padding: 0;
		list-style: none;
		padding-right: 80px;
	}
	
		nav ul li {
			display: inline-block;
			line-height: 50px;
		}
			
			nav ul li a {
				display: block;
				padding: 0 3px;
				text-decoration: none;
			}
			
				nav ul li a:hover {
					background: #B71C1C;
				}
				
				 */
a{ 
color:white; 
    text-decoration: none;
    user-select: none;

} 
a:hover{ 
color:white;
    
} 



#nav {
list-style:none inside;
margin:0;
padding:0;
text-align:center;

    font-weight: bold;
    font-family: monospace;
    font-size: 15px;


}
#nav li {
display:block;
position:relative;
float:right;
 background: #424242; /* menu background color */
}
#nav li a {
display:block;
padding:0;
text-decoration:none;
width:100px; /* this is the width of the menu items */
line-height:50px; /*  this is the hieght of the menu items */
color:#ffffff; /* list item font color */
}
#nav li li a {font-size:80%;} /* smaller font size for sub menu items */
#nav li:hover {background:#B71C1C;} /* highlights current hovered list item and the parent list items when hovering over sub menues */
#nav ul {
position:absolute;
padding:0;
left:0;
display:none; /* hides sublists */
}
#nav li:hover ul ul {display:none;} /* hides sub-sublists */
#nav li:hover ul {display:block;} /* shows sublist on hover */
#nav li li:hover ul {
display:block; /* shows sub-sublist on hover */
margin-left:200px; /* this should be the same width as the parent list item */
margin-top:-35px; /* aligns top of sub menu with top of list item */
}


img {
    padding: 10px 20px;
}

 body {
     
    background: rgba(0,0,0,0.1);
    background-image: url(images/fd_body.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 0;
    font-family: monospace;
    background-position: bottom left;
}

#formLogin { 
    width: 350px;
    margin: auto;
    background: transparent;
    padding: 18px 20px;
    box-sizing: border-box;
    margin-top: 325px;
    border-radius: 5px;
    border: 1px solid #CCC;
}

#formLlamar { 
    width: 100px;
    margin: auto;
    background: transparent;
    padding: 18px 20px;
    box-sizing: border-box;
    margin-top: 325px;
    border-radius: 5px;
    border: 1px solid #CCC;
}


#formSolicitud { 
    width: 500px;
    margin: auto;
    background: transparent;
    padding: 18px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 5px;
    border: 1px solid #CCC;
}



#formRegact { 

    width: 900px;
    margin: auto;
    background: transparent;
    padding: 18px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 5px;
    border: 1px solid #CCC;
}
input [type = radio] + label, input [type = checkbox] + label {display: inline! important; }


.imput30 { 
    width: 318px;
    }
#imput30 { 
    width: 318px;
    }
        #imputReport, #boton_reporte { 
    width: 182px;
    }

#tablaUsuarios1 {
    width: 500px;
    margin: auto;
    background: rgba(0,0,0,0.0);
    padding: 18px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #000;
    border-collapse: collapse;
    border-radius: 5px;

}


#tablaUsuarios {
    font-family: sans-serif;
    font-size: 12px;
    border-spacing: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#tablaVentas {

    font-family: sans-serif;
    font-size: 12px;
    border-spacing: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}

#linknuevo {



    color: red;
}

#linkactualizar {



    color: green;
}
#linkeliminar {



    color: black;
}


tfoot td{
    text-align: center;
    color: #FFF;
}
td, th{
    padding: 5px 10px;
}
tbody td{
    color: #0A0A2A;
}
tbody tr{
    background: #F2F2F2;
}

/* poner la última columna en negrita */
/*tbody tr td:last-child{
    font-weight: bold;
 
/* poner la última columna en negrita */
/*tbody tr td:last-child{
    font-weight: bold;
}
 
/* intercalar color de fondo para filas impares */
tbody tr:nth-child(2n+1){
    background: #E6E6E6;
}
 



#divEnviado { 
    width: 500px;
    margin: auto;
    background: rgba(0,0,0,0.0);
    padding: 18px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    webkit-transform: translate(-50%, -50%);
    border-radius: 5px;
    border: 1px solid #CCC;
}


h2 { 
    color: #DF0101;
    text-align: center;
    margin: 0;
     font-family: ms sans serif;
    font-size: 28px;
    margin-bottom: 14px;
}

#tituloForm { 
    background: deepskyblue;
    color: #DF0101;
    text-align: center;
    margin: 0;
     font-family: ms sans serif;
    font-size: 33px;
    margin-bottom: 14px;
}

label {

    letter-spacing:1px;
    color: dimgray;
    margin: 0;
    font-size: 14px;
    margin-bottom: 20px;

}

input, textarea {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 5px;
    padding: 7px;
    box-sizing: border-box;
    font-family: verdana, ms sans serif;
    font-size: 16px;
    text-indent:3px;
    border: 1px solid #CCC;
    border-radius: 5px;
   
}

textarea {
    min-height: 200px;
    max-height: 300px;
    max-width: 100%;   
}
#comentario {
    min-height: 200px;
    max-height: 200px;
    min-width: 100%;
    max-width: 100%; 
}


select {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 5px;
    padding: 7px;
    box-sizing: border-box;
    font-family: verdana, ms sans serif;
    font-size: 16px;
    border: 1px solid #CCC;
    border-radius: 5px;
}

select:required:invalid {
  color: darkgray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: darkgray;
    opacity: 1; /* Firefox */
}

#botonBorrar {
    width: 49%;
    height: 40px;
    background: linear-gradient(#DF0101, #B71C1C);
    border: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 0;  
}

#botonEnviar {
    float: right;
    width: 49%;
    height: 40px;
    background: linear-gradient(#DF0101, #B71C1C);
    border: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 0;  
}

#botonLogin {
    padding: 8px;
    background: linear-gradient(#DF0101, #B71C1C);
    border: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 0;  
}

#botonEnviado {
    text-align: center;
    padding: 8px;
    background: linear-gradient(#DF0101, #B71C1C);
    border: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 0; 
}


footer {
  position: absolute;
  bottom: 0;
  width: 100%;

  color: darkgray;
    text-align: center;
}


@media (max-width:480px) {
#formSolicitud, #main-header, #pie, #carpeta {
    width:98%;
    }