body {
    background: url(../web_images/noise.jpg); 
    font-family: "Helvetica Neue", Helvetica, Arial;
    padding: 0px 15px 50px 15px;			}

* { font-family:sans-serif;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;		}
	
.container {float: center;
	padding-top:70px;
    width: 406px;
    max-width: 406px;
    margin: 0 auto;		}

.Botones {float: left;
	padding-top:40px;
	padding-left:140px;
	padding-bottom:50px;
    width: 406px;
    max-width: 406px;
    margin: 0 auto;		}
    
div#derecha{float:Right;
	margin-top:45px;
	Color: #cde6f2;
	font-weight:bold;
	text-align: center;
	font-size: 250%;
	width: 75%;
	text-shadow:2px 2px 2px #191970;
	}
    
h3 {padding: 15px 15px 15px 100px;	
	margin-bottom: 10px;
	color: grey;
	font-size: 220%;		}

select{
	width:93%;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 23px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #2C3E50;
	font-size: 110%;}
	
input[type=date]{
width:354px;
border-radius: 15px;
font-size: 85%;
}
input[type=month]{
width:308px;
border-radius: 15px;
font-size: 85%;
}

input[type=text]{
width:85%;
font-size: 85%;
}

input[type=text], input[type=password], input[type=number] {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 23px;
	margin-bottom: 8px;
	margin-top: 5px;
	color: #2C3E50;
	font-size: 150%; }
	
input[type=number]{
	text-align: right;
	width:85%;
	font-size: 100%;
}

input[type=checkbox]{ 
    width: 36px;
    text-align: Center;
	border: 1px solid black;
    padding:30px 0px 10px;
    text-shadow:1px 1px 1px #444;
	background-color:white;
         } 
input:checked{ 
	border: 1px solid white;
}
input[name=usuario], input[name=clave] {
	float:left;
   	width:78%;		}

input[name=entrar] {float:right;
   	width:20%;
	padding-top:20px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);		}
		
input[name=Eliminar] {float:right;
   	width:80px;
	padding-top:30px;
	padding-right:40px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);		}

input[name=Grabar] {float:right;
   	width:30%;
	padding-top:30px;
	padding-right:40px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);		}

footer {position: relative;
	font-size: 150%;
	height: 30px;
    padding:15px 25px;
    clear: both;
    background: #eee;
	text-align: right;
    color: #696969;  }

											/*	----------------------------- */
											/*	Formatos Tabla				  */
											/*	----------------------------- */	
table {padding-top: 0em;
	margin-top: 0em;
    border-collapse: collapse;
    width: 100%;
   	font-size: 200%;	}
       	
th, td {color:#474343;
    text-align: Center;
    border-bottom: 1px solid #ddd;	}

table tr#Gris {background-color: #eee;}

table tr#Blanco {background-color: none;}


tr td#Columna{color: #cde6f2;
	text-shadow:2px 2px 2px #191970;
	text-align:Center;	}
	
tr td#Num{
	color:#696969;
	padding-left:40px;
	text-shadow:2px 2px 2px #cde6f2;
	text-align:left;	}

tr td#NumRight{color:#191970;
	padding-right:40px;
	text-shadow:2px 2px 2px #cde6f2;
	text-align:right;	}

tr td#NumEND{ color: #191970;
    font-weight: 600;
    padding-right:40px;
    text-align:right;
    text-shadow:2px 2px 2px #cde6f2;	}
	
tr td#NumRed{color:Red;
	padding-right:40px;
	text-shadow:2px 2px 2px #cde6f2;
	text-align:right;	}
	
tr td#NumCenter{
	color:#696969;
	padding-left:40px;
	text-shadow:2px 2px 2px #cde6f2;
	text-align:Center;	}
	
tr:hover {background-color:#cde6f2;} 		
		
											/*	----------------------------- */
											/*	Formatos del menu desplegable */
											/*	----------------------------- */
.nav > li {float:left;
	width: 40px;
	font-size: 220%;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding:3px 0px;		}
 
.nav li a {width: 350px;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	Color:#474343; }
 
.nav li a:hover {background:none;		
	}

.nav li ul {background:#cde6f2;
	width: 350px;
	display:none;
	position:absolute;
	min-width:140px;		}

.nav li ul li:hover {
	background:Red;
	color:white;	
	}

.nav li:hover > ul {display:block;		
	}
									
											/*	 Texto menu principal */
.nav li ul li {position:relative;		
	}				

.nav li ul li a:hover {width: 340px;					
	background:Red;
	color:white;	}	

.nav li ul li ul {							/*	 fondo sub menu */
	left:350px;
	top:0;
	background:#474343;		}
											/*	 Texto Sub menu */
.nav li ul li ul a {color:White;		
	}
	
.nav li ul li ul a:hover {width: 340px;	
	background:Red;
	color:white;	
	}