/*GENERAL*/
* { margin: 0; border: 0; font-size: 13px; color: #333333; font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Verdana, sans-serif; }
body { background-color: #eeeeee; }  
ul {list-style: none; }
li {display: inline; }
.content { width: 980px; margin: auto; }

#main_loader { position: fixed; bottom: 20px; right: 20px; opacity: 0.5; filter:alpha(opacity=50); filter: "alpha(opacity=50)" }

a { padding: 0px 2px 0px 2px; text-decoration: none; }

h1,h2,h3,h1 a,h2 a,h3 a { font-weight: normal !important; }

.hidden_until_loaded { visibility: hidden;-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.popup .hidden_until_loaded { visibility: visible; }
.nobg { background: none !important; }
.hidden, .loading { display: none; }
.rounded_corners, .rounded_corners:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.transition { -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.shadow {text-shadow: 1px 1px 1px #000;}

/*SYSTEM MENU*/
#admin_area { display: none; height: 44px; line-height: 44px; text-align: right; background-color: #45372d; }
#admin_area ul { float: right; }
#admin_area p { width: 400px; font-size: 11px; text-align: left; float: left; padding: 0 !important; color: #ffffff; }
#admin_area a, #admin_area a:hover { color: #ffffff; margin: 0 8px 0 0; padding: 20px 0 0 19px; }
#admin_area a#usuarios { background: url('https://admin.pisunyer.org/backoffice/templates/images/users_icon.png') no-repeat left bottom; }
#admin_area a#logs { background: url('https://admin.pisunyer.org/backoffice/templates/images/logs_icon.png') no-repeat left bottom; }
#admin_area a#ftp { background: url('https://admin.pisunyer.org/backoffice/templates/images/ftp_icon.png') no-repeat left bottom; }
#admin_area a#tu_cuenta { padding-left: 16px; background: url('https://admin.pisunyer.org/backoffice/templates/images/user_icon.png') no-repeat left bottom; }
#admin_area a#salir { padding-left: 17px; background: url('https://admin.pisunyer.org/backoffice/templates/images/salir_icon.png') no-repeat left bottom; }

/*HEADER*/
#header { width: 100%; height: 70px; line-height: 70px; padding: 0; background-color: #1A1107; }
#header h1 a { display: block; width: 270px; float: left; color: #ffffff; font-size: 2.5em; }
#header h1 a:hover { color: #dddddd; }

#main_menu { display: block; height: 70px; margin: 0; float: right; padding:0; border-top: 4px #45372d solid; }
#main_menu.system_menu { border-top-color: transparent !important; }
#main_menu li { display: block;	float: right; margin: -4px 0 0 0; line-height: 70px; height: 70px; }
#main_menu li a { display: block; height: 70px; color: #ffffff; padding: 0 8px 0 8px; font-size: 1.1em; border-top: 4px transparent solid; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;}	
#main_menu li.selected a, #main_menu li:hover a { color: #88AE4A; border-top: 4px #88AE4A solid; }
#main_menu li a.inhibit { color: #ffffff !important; border-top: 4px transparent solid !important; }	

#main_menu li ul { display: none; position: absolute; background-color: #88AE4A; margin: -4px 0 0 0; padding: 0 10px 0 10px; opacity:.95; filter:alpha(opacity=95); filter: "alpha(opacity=95)"; }
#main_menu li ul li { clear: both; float: none; margin: 0; padding: 0; text-align: left; height: 35px !important; line-height: 35px !important; }
#main_menu li ul li:hover { color: #000; }
#main_menu li ul li a { margin: 0; padding: 0; color: #fff !important; height: 35px !important; line-height: 35px !important; border-top: 0 !important; }
#main_menu li ul li a:hover,#main_menu li ul li.selected a  { color: #000 !important; } 
#main_menu li:hover ul { display: inline-block; }

#main_menu #admin_tab { color : #897b6f; padding-right: 16px; background: url('https://admin.pisunyer.org/backoffice/templates/images/admin_tab_arrow.png') no-repeat !important; background-position: right 31px !important; }
#main_menu #admin_tab:hover,#main_menu #admin_tab.selected { color : #88AE4A; border-top-color: #88AE4A; background-position: right -53px !important; }

/*WORK AREA*/
#work_area { width: 100%; background-color: #ffffff; padding: 25px 0 50px 0; }

/*FORMS*/
textarea, input, select { padding: 2px; border: 1px #cccccc solid; background-color: #fff;  border-top: 1px #666666 solid; color: #666666; }
textarea:focus, input:focus { background-color: #ffffaa; border: 1px #999955 solid; border-top: 1px #444400 solid; }
input[type="file"], input[type="checkbox"] { border: 0; background: none; }
label { display: block; }
.button,button { padding: 3px 8px 3px 8px; text-transform: uppercase; font-size: 0.9em; font-family: Helvetica, Verdana, Arial; }
.button:hover,button:hover { opacity:.80; filter:alpha(opacity=80); filter: “alpha(opacity=80)”; }
.green_button { background-color: #88AE4A; color: #fff; }

/*FOOTER*/
#footer { clear: both; width: 100%; height: 80px; line-height: 80px; background-color: #eeeeee; border-top: 1px #dddddd solid;}
#footer .left { width: 600px; float: left; }
#footer .right { width: 300px; float: right;  text-align: right; margin: 15px 0 0 0; }
#footer img { float: right; margin-left: 10px; }
#footer a:hover { text-decoration: underline; }

/*COMUNICACIONES*/
#saving-box, #alerts { margin: 0 0 20px 0; padding: 10px; border-bottom: 1px #ffdad7 solid; color: #333333; background-color: #ffebe8; }
#saving-box .content, #alerts .content { font-size: 1.1em; }
#saving-box { display: none; }

#saving-box, #alerts.info { border-bottom: 1px #d3ecaa solid; background-color: #e4fdbb; }
#saving-box { border: 1px #d3ecaa solid; text-align: right; margin: 20px 0 0 0; }

/*BOX*/
.box { margin: 0 auto 25px auto; width: 980px; overflow: hidden; }
.box .title { text-align: left; padding: 0;  margin-bottom: 5px; cursor: pointer; }
.box .title span { display: inline-block; font-size: 1.3em; height: 30px; line-height: 30px; background: url('https://admin.pisunyer.org/backoffice/templates/images/box_title.png') no-repeat; background-position: right -30px; padding-right: 35px; }
.box .body { padding: 10px 20px 10px 20px; border: 1px #eee solid; background-color: #fbfbfb; }
.box .body.info { float: right; padding-bottom: 30px; margin-left: 17px; }
.box .body.info p { width: 540px; float: right; padding: 15px 10px 0 0;  }
.box .body.info a { text-decoration: underline; }
#work_area.login { padding: 0 0 50px 0; background: none !important; text-align: center; }
#work_area.login .content { padding-top: 60px; }
h1 { font-size: 2.5em; margin-bottom: 15px; text-shadow: 1px 1px #fff; }
.loginbox { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px #ddd solid;  background-color: #fff; margin: auto;  text-align: center; display: inline-block; padding: 30px 30px; margin-bottom: 20px; box-shadow: 1px 1px 1px #ddd; }
label, input { display: block; width: 200px; text-align: left; font-size: 1.2em; margin: 0 0 0 0;}
label { margin-bottom: 4px; }
input { margin-bottom: 20px; background-color: #fafafa; }

#login-link { background-color: #88AE4A; color: #fff; padding: 5px 10px 5px 10px;}
#loading { clear: both; width: 100%; text-align: center; }
#alerts { position: absolute; font-size: 1.1em; width: 100%; text-align: center; margin: 0 auto 20px auto; display: none; }