* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
body {
	padding: 10px 0px;
	background-color: #03452d;
	text-align: center;
	}

.userName
{
  color: #03652d;
  font-weight: bold;
}  
.Logo
{
  color: #03452d;
  font-size: 30px;
  font-style: oblique;
  font-family: times;
  font-weight: bold;
}
    
body,
tr,
td,
th,
p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	}
a {
	text-decoration: none;
	}
a:hover, 
a:active {
	text-decoration: underline;
	}
ul {
	list-style-type: none;
	}
img.icon {
	float: right; 
	padding-left: 5px;
	}
.button {
	background-color: #333;
	padding: 5px;
	color: #FFF;
	margin: 0px 5px;
	}
.textbox {
	border: solid 1px #CCC;
	color: #696;
	padding: 2px;
	margin-bottom: 4px;
	}

 
/* container */

div#container {
	text-align: left;
	width: 780px;
	background-color: #FFF;
	margin: 0 auto;
	overflow: hidden;
	}

/* main submenu */

div#submenu {
	float: left;
	width: 170px;
  left-margin: 5px;
	color: #FFF;
	}
	div#submenu a,
	div#submenu a.sub,
	div#submenu a.selected,
	div#submenu a.subselected {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #aaa;
		font-weight: bold;
		}
	div#submenu a.selected {
		color: #999;
		}
	div#submenu a.sub {
		font-weight: normal;
		}
	div#submenu a.subselected {
		color: #696;
		font-weight: bold;
		}
	div#submenu p {
		font-size: 10px;
		padding-left: 22px;
		padding-bottom: 10px;
		}
		div#submenu p.img {
			padding: 0px;
			margin: 22px 0px;
			}
	div#submenu h1 {
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		padding: 1px 1px 1px 1px;
		margin-bottom: 5px;
    margin-left: 5px;
		background-color: #FFFFFF;
		text-transform: uppercase;
		color: #669966;
    BACKGROUND-POSITION: 50% bottom; 
    BACKGROUND-IMAGE: url(MenuTable.gif); 
    BACKGROUND-REPEAT: repeat-x
		}
	div#submenu ul {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 5px 20px 5px;
		margin-bottom: 0px;
		}
	div#submenu li {

		padding-bottom: 4px;
		margin-bottom: 4px;
		}
		div#submenu li.last {
			border-bottom: 0px;
			margin-bottom: 0px;
			}
      
	div#submenu li.SubMenuConte {
		padding-bottom: 0px;
		margin-bottom: 0px;
		}       
    
	div#submenu li.area {
		padding-bottom: 0px;
		margin-bottom: 0px;
 
    BACKGROUND-POSITION: top; 
    BACKGROUND-IMAGE: url(MenuTable.gif); 
    BACKGROUND-REPEAT: repeat-x    
		}      
      
	div#submenu .textbox {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		}
		
/* main content */

div#main {
	float: left;
	width: 600px;
	margin: 15px 5px 5px 5px;
	}
	div#nav { /* o menu principal */
		float: left;
		padding-left: 10px;
		width: 587px;
		background: bottom url(contentTopBorder.gif) repeat-x;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    
		}
		div#nav a {
			color: #999;
			}
			div#nav a.fo {
				color: #586C84;
				}
			div#nav a.logout,
			div#nav a.admin {
				color: #C00;
				}
		div#nav ul {
			color: #586C84;
			}
			div#nav ul.admin {
				color: #C00;
			}
			div#nav li.select,
			div#nav li.selected {
				float:left;
				border: 1px solid #CCC;
				padding: 5px;
				margin: 0px 4px;
				}
			div#nav li.select {
				border-bottom: 5px solid #CCC;
				background-color: #ededed;
				}
			div#nav li.selected {
				border-bottom: 5px solid #CCC;/* os #f0faf0 */
				background-color: #f0faf0;
				}
			div#nav li.logout {
				width: 65px;
				padding: 5px 0px 0px 4px;
				float: right;
				}
	div#content { /* os conteúdos */
		width: 595px;
		float: left;
		padding-top: 22px;
		background-color: #f0faf0;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 1px solid #CCC;
		overflow: auto
		}
		div#content a {
			color: #666699;
      font-weight: bold;
			}
		div#content .textbox{
			font: 12px Arial, Helvetica, sans-serif;
			}
			div#content li.right {
				float: right;
				}
			div#content li.left {
				float: left;
				}
		div#content h1,
		div#content h2 {
			padding-bottom: 22px;
			padding-right: 22px;
			padding-left: 22px;
			}
		div#content p,
		div#contentInfo p,
		div#content p.breadcrumb,
		div#content p.img {
			margin-bottom: 22px;
			}
			div#content p.breadcrumb {
				font-size: 10px;
				color: #999;
				}
			div#content p.newsHome {
				float: left;
				width: 136px;
				padding-left: 22px;
				}
			div#content p.imgHome,
			div#content p.img,
			div#content p.status {
				float: left;
				text-align:center;
				background-color: #FFF;
				}			
			div#content p.imgHome,
			div#content p.status {
				margin-bottom: 12px;
				padding: 10px;
				width: 574px;
				}
			div#content p.img,
			div#content h2 {
				margin-bottom: 22px;
				padding-top: 22px;
				width: 551px;
				}
			div#content p.status {
				color: #CCC;
				text-align: left;
				}
		div#content h1 {
			font: normal 18px Verdana, Arial, Helvetica, sans-serif;
			color: #036;
			text-transform: uppercase;
			}
		div#content h2 {
			float: left;
			background-color: #C1DBD1;
			color: #586C84;
			font-size: 16px;
			font-weight: normal;
			}
	div#contentInfo {
			padding-right: 22px;
			padding-left: 22px;
			padding-bottom: 22px;
			}
	div#imgTiny {
		float: center;
		 
		text-align: center;
		margin-bottom:22px;
    margin-top:22px;
		}
	div#sub_box,
	div#sub_admin { /* a informação extra e as imagens */
		float: right;
		margin: 0px 15px;
		width: 230px;
		}
	div#sub_admin{
		margin:0px;
		border: solid 22px #FFF;
		}
		div#sub_box p {
			padding: 15px;
			text-align:center;
			background-color: #FFF;
			margin-bottom: 22px;
			}
		div#sub_box a {
			font-size: 12px;
			}
		div#sub_box ul {
			font-size: 10px;
			color:#999;
			padding: 10px 15px 15px 15px;
			background-color:#FFF;
			margin-bottom: 22px;
			}
		div#sub_admin ul,
		div#sub_admin p {
			border: solid 1px #CCC;
			color: #333;
			background-color: #F4F4F4;
			padding: 10px 15px 15px 15px;
			}
			div#sub_admin p.activo {
				font-weight: bold;
				color: #090;
				border-bottom: 0px;
				}
			div#sub_admin p.desactivado {
				margin-bottom: 0px;
				font-weight: bold;
				color: #F00;
				border-bottom: 0px;
				}
		div#sub_box li,
		div#sub_admin li {
			border-bottom: solid 1px #CCC;
			padding: 5px 0px;
			}
			div#sub_box li.nolink,
			div#sub_box li.nolink_last {
				text-decoration: line-through;
				color:#CCC;
			}
			div#sub_box li.last,
			div#sub_admin li.last,
			div#sub_box li.nolink_last {
				border: 0px;
				padding-bottom: 0px;
				}

/* footer */

div#footer {
	font: 10px Arial, Helvetica, sans-serif;
	float: right;
	margin-left: 196px;
	width: 564px;
	color: #999;
	}
	div#footer li,
	div#footer li.last {
		float: left;
		padding-bottom: 20px;
		height: 55px;
		}
	div#footer li {
		border-right: solid 1px #CCC;
		margin-right: 26px;
		padding-right: 26px;
		}
		div#footer li.last {
			padding-right: 0px;
			margin-right: 0px;
			border: 0px;
			}

/*===========================================================================*\
	CSS ESTRUTURAL
	Exclusivo do Back-Office
\*===========================================================================*/
div#adminWrapper {
	background-color:#FFF; 
	float: left;
	width: 595px;
	}
div#admin, 
div#adminOpt {
	background-color: #FFF;
	padding: 12px;
	border-bottom: dotted 1px #CCC;
	}
div#adminOpt {
	float: left;
	font-weight: bold;
	color: #036;
	background-color: #DCDCDC;
	margin-bottom: 12px;
	width: 571px;
	}
	div#admin p,
	div#adminOpt p {
		padding: 2px 0px;
		}
		div#admin p.warning,
		div#adminOpt p.warning {
			color: #F00;
			font-weight: bold;
			}
div#listButtons {
	width:565px; 
	float:left; 
	margin-bottom: 5px;
	}
	div#listButtons img {
		margin-right: 2px;
		}
	div#listButtons li{
		padding-right: 10px;
		float: left;
		}
		div#listButtons li.sep {
			border-right: solid 1px #CCC; 
			margin-right: 10px;
			}
		div#listButtons li.last {
			border: 0px;
			margin-right: 10px;
			}
		div#listButtons li.warning {
			font-weight: bold;
			color: #BC7C12;
			}