body { background-color: #e6e6e6; margin:0; font-family: verdana, helvetica, arial; }
#main_frame { margin: 0 auto; max-width:900px; }
/* #top_frame { background-position: 15px 50%; background-repeat:no-repeat;background-image:url(/__web-partes/logo.site.gif);background-color: #374548;  } */
#top_frame { margin-bottom:12px; background-position: 0 20px; background-repeat:no-repeat;background-image:url(/__web-partes/fondo.top.gif);background-color: #374548;  }
#top_frame { border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft: 5px; }
#top_frame ul { list-style:none; margin:0; padding:0; display:block; padding-top:60px; padding-bottom:15px; margin-right:15px;	 }
#top_frame ul li { border-right: #333 1px solid; background-repeat:no-repeat; background-position: 10px 50%; float:right; background-color:#808080; padding: 5px 0; }
#top_frame ul li a { color:white; margin: 0 5px; text-decoration:none; margin-left:30px; margin-right:10px; }
#logo_frame { float:left; background-image:url(/__web-partes/logo.site.gif); background-repeat:no-repeat; margin: width:65px; height:56px; display:block; }
.mormen { color: #666; cursor:pointer; margin-right: 5px; }
.mormen:hover { background-color: #fff; }
#top_frame ul li.fst { border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; -moz-border-radius-topleft:3px; }
#top_frame ul li.lst { border-right-width:0; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-top-right-radius:3px; -moz-border-radius-topright:3px;  }

#top_frame ul li:hover { background-color: #fea; }
#top_frame ul li:hover a { color:#484848; }
#top_frame ul li.cur { background-color: #eee; }
#top_frame ul li.cur a { color:#484848; font-weight:bold;  }

#content_frame { background-color:white; margin-right:200px; }
#content_frame { border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;  }
#baribar_frame { background-color: #e9ddaf; }
#baribar_frame { border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px;  }
#baribar { width:200px; float:right; }

#smenu { list-style:none; margin:0; padding:0; margin-left:12px; margin-right:12px; margin-top:1.5em;}
#smenu li { list-style:none; margin:0; padding:0; margin-bottom:1em; }
#smenu li a { text-decoration:none; }
#smenu li h5 { display:block; color: #333; background-position:0 50%; background-repeat:no-repeat; margin:0; padding:0; font-size: 90%; }
#smenu li h5 span { margin-left: 18px; }
#smenu li p { margin:0; font-size: 82%; color:#787878;}

#bottom_frame { margin-top:12px; background-repeat:no-repeat; background-image:url(/__web-partes/logos.gif); background-position: 15px 50%;  background-color: #374548; }
#bottom_frame { border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px;  } 

#bottom_frame ul { text-align:center; height:40px; list-style:none; margin: 0; padding:0; margin-left:175px; padding-top:15px; }
#bottom_frame ul li { display:inline;margin-left:15px; }

#bottom_frame ul a { line-height: 25px; text-decoration:none; color: #ccc; }
#bottom_frame ul a:hover { text-decoration:underline; }
#bottom_frame #uservers { float:right; text-decoration:none; }
#bottom_frame #uservers img { border-width:0; margin:10px 15px; }

#cl_label { margin-left:10px; background-color: #c8ab37; width: 180px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; }
#cl_label label { color: #484848; margin-left:10px; font-size: 90%; }
#customer_list { border: #999 1px solid; background-color: #ffc; width:160px; margin-left:10px; }

h1 { font-size: 150% ;}
h2 { font-size: 115% ;}

.titleicon { background-repeat:no-repeat; background-position:0 50%; }
.titleicon h1 { margin:0; margin-left: 40px; }
.titleicon div { font-size: 85%; color: #666; margin-left: 40px; }

.title2icon { padding:0.5em; }
.title2icon h3 { color: #333; font-weight:normal; margin:0; }
.title2icon p { margin:0; color: #666; }

.errorbox { margin: 1em; background-color: #fea; padding:5px; border: #ccc 1px solid; }
.errorbox div { background-image:url(/__web-partes/farm-fresh/32x32/cancel.png); background-repeat:no-repeat; background-position: 10px 10px; }
.errorbox h2 { margin:0;  margin-left: 55px; }
.errorbox p { color:#484848; margin:0; padding:0;  margin-left: 55px;  }

.infobox { border-radius:5px; -moz-border-radius:5px; margin: 1em; background-color: #d5e5ff; padding:5px; border: #ccc 1px solid; }
.infobox div { background-image:url(/__web-partes/farm-fresh/32x32/information.png); background-repeat:no-repeat; background-position: 10px 10px; }
.infobox h2 { margin:0;  margin-left: 55px; }
.infobox p { color:#484848; margin:0; padding:0;  margin-left: 55px;  }


.tbl { width:100%; }
.tbl thead { background-color: #afc6e9; }
.tbl th { text-align:left; font-weight:normal; border-bottom: #666 1px solid; }
.tbl tr.a { background-color:#eef; }
.tbl tr.b { background-color:#f8f8f8; }

.tabbar {   }
.tabbar div {
	height:18px; padding:2px 0;
	border-top-right-radius:3px; -moz-border-radius-topright:3px;border-top-left-radius:3px; -moz-border-radius-topleft:3px;
	margin-right:5px; float:left; background-color: #ccc;border: #ccc 1px solid;  border-bottom-width:0; 
}

.tabbar div a { text-decoration:none; display:block; font-size: 90%; color: #484848; background-repeat:no-repeat; background-position: 5px 50%; }
.tabbar div a span { margin: 0 5px 0 25px; }

.tabbar div:hover { background-color:#fea; }
.tabbar div.seld { position:relative; top:1px; background-color: #f9f9f9; }
.tabbar div.seld a { color: #33c; }
.tab_canvas { background-color: #f9f9f9; border: #999 1px solid; border-top-width:0;  }

.htab {
	width:180px; background-color: white; margin-bottom:15px;
	border-top-right-radius:3px; -moz-border-radius-topright:3px;
	border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px;
	font-size: 90%;
	/*background-image:url(/__web-partes/shadow.tabs-h.gif); background-repeat: repeat-y; background-position:0 0;*/ 
	background-color:#e6e6e6;
}
.htab div { padding:5px 0; margin: 0 5px;}  
.htab h5 { color: #111; font-weight:normal; font-size: 110%; margin:0; }
.htab p { color: #333; font-weight:normal; font-size:90%; margin:0; }

.gframe { width:90%; margin: 1em auto; }
.gframe .lbl { font-size: 90%;  padding: 3px 0; }
.gframe .lbl label { color:#666;float:right; }
.gframe span { color:#333; }
.gauge { border-radius:3px; -moz-border-radius:3px; position:relative; border: #999 1px solid;height:26px; background-position: 0 0; background-image:url(/__web-partes/fondo.gauge.png); }
.gauge span { margin-right:5px;float:right; display:block; line-height:26px; font-size:80%;margin-left: 1em; color:#787878; }
.gauge_gr { height:26px; background-image:url(/__web-partes/fondo.gauge.png); background-position: 0 100%; }
.gauge_gr div { line-height:26px; position:absolute; width:100%; text-align:center; }
input.ip { background-color: #fff; font-size: 100%; padding: 2px; border: #999 1px solid; }

div.dialog { width:400px; border:#999 2px solid; padding: 1em; display:none; background-color:white; border-radius: 3px; -moz-border-radius:3px; }
div.dialog div.iconpane { background-position: 5px 5px; background-repeat:no-repeat;  }
div.dialog h3 { margin:0; font-weight:normal; font-size: 110%; }
div.dialog p { margin: 0.25em 0; font-size: 90%; color: #666; }
div.dialog div.iconpane h3 { margin-left:40px; }
div.dialog div.iconpane p { margin-left:40px; }
div.dialog div.btn_bar { border-top: #ccc 1px solid; padding: 0.5em 0 0.2em 0; text-align:right; }
div.dialog div.btn_bar a.cn { text-decoration:none; float:left; color: #33c; }
div.dialog div.btn_bar a.cn:hover { background-color:#fea; }
div.dialog div.btn_bar a.cn span { color:#c33; font-weight:bold; }

/* mostrador de screenshots*/
#imagedor { display:none; padding: 1em 0; background-color:white; border: #999 1px solid; }
#imagedor #imgr { background-position: 50% 50%; background-repeat:no-repeat; margin: 1em 0; }
#imagedor h3 { color: #333; font-size: 120%; font-weight: bold; margin:0; margin-left: 15px; }
#imagedor .btn { border-top:#ccc 1px solid; padding: 0.5em; margin: 0 15px; }
#imagedor .btn a { margin-right: 1em; text-decoration: none; color: #33c; }
#imagedor .btn a:hover { background-color: #fea; }
#imagedor .btn a span { color: #c33; font-weight:bold; }

#flist { padding-top: 0.75em; float:right; font-size: 90%; color:#eee; }
#flist a { color:#aaa;  text-decoration:none; }
#flist a.cur { text-decoration:underline; }

/* dialogo de invites */
#invitr {  }
#invitr .in { text-align:right; width: 90%; margin: 1em auto; }
#invitr .in input { width:100%;  background-color: #f8f8f8; border: #999 1px solid;font-size:110% }
#invitr .in label { float:left; }
#invitr .in_uuid { text-align:left; width: 90%; font-size: 85%; margin: 1em auto; }

.twtr-ft img { display:none; }

