body{  color:#666; line-height: 1.70; font-size:14px; margin:0px; padding:0px; width:100%; font-family: 'Open Sans', sans-serif; font-weight: 400; background-color:#FFF; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  background-color:#FFF;}

html, body{ background-color:transparent;}

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

.clear{ display:block; float:none; clear:both;}

#framelopd{ position:absolute; display:none; top:0px; width:100%; height:100%; left:0px; right:0px; bottom:0px; box-sizing:border-box; border:10px solid #666; background-color:#FFF; z-index:9999; }

.area{ box-shadow:0 0 20px 0 rgba(0,0,0,0.1); min-height:200px; border:1px SOLID #eee; box-sizing:border-box; border-left:34px solid #333; border-top-left-radius:15px; border-bottom-left-radius:15px; }

.line{ height:1px; border-bottom:10px solid #EFF2F8; margin:20px;}

h2{ font-size:180%; color:#999; margin-left:35px; margin-top:55px;}


.bigresume{ text-align:center; color:#390; background-color:#F2F9F3; display:inline-block;  box-sizing:border-box; height:160px; margin:18px; padding-left:15px; padding-right:15px; }
.bigresume .icon{ font-size:30px; padding:3px; border-bottom:1px solid rgba(51,153,0,1);  }
.bigresume .number{ font-size:46px; font-weight:bold; margin:2px;}
.bigresume .text{ font-size:14px; font-style:normal; margin:2px;}

.txtarea{ width:98%; height:110px; margin-top:4px;}


.resume{ padding:25px; background-color:#fafafa; border-radius:5px; border:#FBFBFB; margin-top:2px}

.estado0{ background-color:#FFEDEA}
.estado1{ background-color:#F4FCF3; color:#390}
.estado2{ background-color:#FFEDEA}


.glyphicon-menu-hamburger{ font-size:25px} 

.mnubtn{ float:right; padding:1px; cursor:pointer}

#client_details{ display:none; margin-top:15px;}
#order_details{ display:none; margin-top:15px;}


.iconbig{ font-size:45px}

.nifs{ padding: 5px; list-style:none; border:1px solid #eee; width:99%; margin-top:7px; column-count:2; height:150px; overflow-y:scroll }
.nifs td{ padding:1px; margin:2px; background-color:#fafafa; text-align:CENTER; border:2px solid #FFF }


a:hover img{ text-decoration:none}




.loginbox{ margin-top:15%; max-width:350px ; display:inline-block; box-sizing:border-box; padding:15px; box-shadow:0 15px 65px 0 rgba(0,0,0,0.3); background-color:#FFF}
.form-group label{ font-size:12px; font-weight:normal }
.logintitle{ font-size:16px; font-weight:bold; padding:3px; margin:3px;}
.loginstatus{ color:#69C}
.loginbox hr{ margin-bottom:5px; margin-top:5px;}


.unlogin_button{ padding:2px; float:right; cursor:pointer;}

nav{ max-width:1200px; margin:0 auto;}
.menuitem{ display:inline-block; padding:4px; border:1px solid #CCC; padding-left:10px; padding-right:10px; margin-left:15px; cursor:pointer}
.menuitem.active{ background-color:#69F; color:#FFF; }

.nombreempresa{ font-size:24px; color:#F60; padding:4PX; background-color:#fafafa; padding-left:15px; padding-right:15px;}


@media only screen and (max-width: 990px){
	
	body{ line-height:1.5; font-size:12px;}
	
	h2{ font-size:15px; font-weight:bold; margin-left:5px;}
	
	ul{ padding-left:5px;}
	
	.area{ box-shadow:0 0 15px 0 rgba(0,0,0,0.1); border-left:10px solid #333; border-top-left-radius:5px; border-bottom-left-radius:5px; }
	
	.resume{ padding:7px;  margin-top:2px}
	
	.bigresume{ text-align:center; color:#390; background-color:#F2F9F3; display:inline-block;  box-sizing:border-box; height:110px; margin:10px; padding-left:10px; padding-right:10px; }
	.bigresume .icon{ font-size:20px; padding:3px; border-bottom:1px solid rgba(51,153,0,1);  }
	.bigresume .number{ font-size:35px; font-weight:bold; margin:2px;}
	.bigresume .text{ font-size:12px; font-style:normal; margin:2px;}
	
	
	
}