*{
	margin:0px;
	padding:0px;
	text-align:center;
	//border: solid 1px black;
}

body
{
	background-color: #006400;
	width:100%;
	
}
#menu
{
padding:5px;
width:100%;

-webkit-box-orient:horizontal;
-webkit-box-pack:end;
}

#menu li
{
float:right;
list-style: none;
padding:0;
margin-right:3px;
}

#menu li a{
width:100px;
height:30px;
display:block;
background:-webkit-linear-gradient(top, #66CDAA, #2E8B57);
border-radius:3px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-align:right;
text-decoration:none;
margin-right:10px;
padding-top:10px;
padding-right:10px;
position:relative;
transition:transform 0.4s;
-webkit-transition:-webkit-transform 0.4s;
}

#menu li a:hover
{
transform:scale(1.2,1.2) ; /*rotate(20deg)*/
-webkit-transform:scale(1.2,1.2) ;
}



.flexbox
{

	width: 400px;
	/*background-color:gray;*/
	border:20px;
	margin:auto;
	margin-top:0px;
	display: box; 
	-webkit-box-orient:vertical;
	
	display: -webkit-box; 
	-webkit-box-orient:vertical;
	
	display: -moz-box; 
	-moz-box-orient:vertical;
	
	
}

/*.flexbox > div{
				box-flex:1;
				-webkit-box-flex:1;
				-moz-box-flex:1;			
			}*/
			
#div_banner
{
    margin: auto;
	top: -1px;
	/*background-color: red;*/
	width: 400px;
	padding:4px;
	
	}

#div_titulo
{
width: 400px;
padding:4px;
margin:auto;
/*background-color:lime;*/

}

#div_mant
{
width: 400px;
height: 300px;

padding:4px;
margin:auto;

}

#fls_mant
{
color:#FFFFFF;
width: 270px;
height: 180px;
padding:20px;
margin:auto;

-webkit-transition:Width 2s;
-webkit-transition-timing-function: easy-in;
}

/*
#fls_mant:hover
{
width: 300px;
//padding-left:20px;
}
*/
.frm_mant
{
width: 250px;
height: 150px;
padding-top: 40px;
padding-left: 30px;
}

.frm_mant > div 
{
//border: solid 1px black;
width: 220px;
height: 25px;
margin: 5px;
padding-top:5px;
}

.frm_mant > div label
{
//border: solid 1px black;
float: left;
width: 60px;
text-align: left;
color:white;

}

.frm_mant > div input
{
//border: solid 1px black;
width: 100px;
height: 20px;
text-align: left;
}

#div_botonera 
{
padding-top:20px;
//border: solid 1px black;
width: 250px;
height: 40px;
}

#bt_ingresar , #bt_salir
{
text-align: center;

width: 70px;
height: 30px;
}

.error
{
background-color: orange;
}
	
/*
.flexbox
{
background-color: aqua;
border: 2px solid black;

display: -webkit-box;
-webkit-box-orient:vertical;
}

*/


