/* Located in the top of the web site, this layout contains the corporative identity (logo) and the registered access */
#header {width:790px; margin:auto;border-top:7px solid #0067C3;background:#fff url(http://www.finanfacil.com/img/backaccess.gif) no-repeat right top;} 
/*#header {width:790px; margin:auto;border-top:7px solid #0067C3;background:#ffffff;}*/


/* This path "http://kaneda/finanfacil/web/" should be change dynamically (it's a constant, not a fixed value) */



/* Layout that contains the identity (logo)*/
#logo {float:left;height:75px;vertical-align:middle;padding-top:10px;padding-left:20px;}

/* Layout that contains the links to registered zones, this layout is located in the righ top of the web site */
#access {width:185px;float:right;color:#fff;}

/* Complementary menu inside de header */
#headeroptions {margin-right:10px;text-align:right;margin-top:25px;}

/* Located under the header, this layouot will contain the flash */
#communication {background:#F2F2F2;text-align:center;clear:both;}

/* This is a main layout that contains central information (menus and contents) */
#content {width:790px;margin:auto;background:#F2F2F2;border-top:1px solid #fff;}

/* Located in the right side of the web site, inside this layout is the main menu to acces all sections of the web site */
#leftcontent {float:left;background:#F2F2F4;border:1px solid #ffffff;margin:6px;}

/* This is the layout that will contain the content */
#maincontent {float:left;background:#fff;border:1px solid #E9E9E9;margin-left:0px;margin-top:6px; margin-bottom:6px;width:515px;padding:20px;color:#454246;text-align:justify;}

/* This layout is located in the right side of the main content, and inside this will be the complementary section menu */
#rightcontent {float:right;width:150px;border:1px solid #E3EEF8;margin-left:10px;padding:10px;}
#rightcontent_office {float:right;width:150px;border:1px solid #E3EEF8;height:200px;margin-left:10px;padding:10px;}

/* located in the foot side of the web this layout contains other complementary menu (3rd level); use conditions, web map, etc.. */
#footer {width:790px;margin:auto;text-align:center;font-size:11px;font-family:arial;color:#999;padding-bottom:50px;clear:both}

/* located in the foot of the section, links to other content in the same level in the information arquitecture */
#others {border:1px dashed #DDD;padding:10px;margin-top:50px;}


    #tabs {
	  margin-bottom:5px;
      float:left;
      width:100%;
      background: url("http://news.doceos.com/img/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("http://news.doceos.com/img/left.gif") no-repeat left top;
      margin:0;
	  margin-right:1px;
	  margin-left:1px;
      padding:0 0 0 2px;
	  font-size:12px;
	  color:#98989B;
      }
    #tabs a {
      display:block;
      background:url("http://news.doceos.com/img/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:normal;
      color:#98989B;
      }
    #tabs a:hover {
      color:#0068C4;
      }
    #tabs .selected {
      background-image:url("http://news.doceos.com/img/left_on.gif");
      }
    #tabs .selected a {
      background-image:url("http://news.doceos.com/img/right_on.gif");
      color:#000000;
	  font-weight:bold;
	  font-size:12px;
      padding-bottom:5px;
      }
	  #access_contact {width:520px;float:right;margin-bottom:50px;}