/*___ GERAL _________________________________________________________________*/
* {	margin: 0;	padding: 0;}

body{
margin: 0;
padding:0;
color: #333333;
font: 13px "Trebuchet MS", Tahoma, sans-serif;
background: #F8F3DF url(http://www.fashionretro.com/images/bg-2.gif) repeat-x;
 }
  
#left{
	top: 122px;
	left: 0;
	width: 153px;
	margin: 0px;
	padding: 0 0 5px 5px;
	float:left;}

#content{
margin: 0px 5px 0px 165px;
background: none;
color: #333333;
padding: 0 0px 10px 5px;
}

/*___ HEADER _________________________________________________________________*/
#header{
	width:100%;
	height: 88px;
	margin: 0;
	padding:0;
}

#header  img{
margin: 0;
padding:0;
border:none;
}

#header img.img1{
position:absolute;
top:10px;
right:20px;}

/*____  NAV - HORIZONTAL  _________________________________________________________________*/
#tabsH {
	margin:0;
	position:absolute;
	top:59px;
	right:2px;
	font: 11px "Trebuchet MS", Tahoma, sans-serif;
}
#tabsH ul {
margin:0 ;
padding:0;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
float:left;
background:url("http://www.fashionretro.com/images/tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("http://www.fashionretro.com/images/tabrightH.gif") no-repeat right top;
padding:3px 15px 2px 6px;
color:#FFF;
}
#tabsH a span {float:none;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a:hover span {color:#FFF;}
#tabsH a:hover {background-position:0% -42px;}
#tabsH a:hover span {background-position:100% -42px;}

/*___ NAVEGATION _________________________________________________________________*/
#leftNav {
width:146px;
margin: 3px 0;
padding: 0;
font: 10px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #D8CFA5;
}
#leftNav  li {
display: block;
width: 146px;
margin: 0px;
padding: 0px;
}
#leftNav  li.navtitle {
font-weight: bold;
padding: 5px 0;
text-indent: 5px;
color: #444;
background: #EAE4CF ;
}
#leftNav  li a {
width: 146px;
text-decoration: none;
display: block;
padding: 3px 0;
text-indent:20px;
background: #F6F2E6 url(http://www.fashionretro.com/images/seta1.gif) no-repeat 10px center;
color: #990000;
}

#leftNav  li a:hover, #leftNav  li strong a:hover  {
color: #330000;
background: #EFEAD8 url(http://www.fashionretro.com/images/seta1.gif) no-repeat 15px center;
text-indent:25px;

}

/*___ FOOTER _________________________________________________________________*/
#footer {
	color: #fff;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	background: url(http://www.fashionretro.com/images/bg-3.gif);
	border-top:5px solid #000;
}

#footer p {
margin:0;
padding:0;
	color: #fff;

}

#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {color: #000;}

#footer p.p1 {
	margin:0;
	padding:5px 40px;
	color: #fff;
	font: 16px "Trebuchet MS", Tahoma, sans-serif;
}

/*______ NAVEGAO - HORIZONTAL - PAINEL ALUNO ____________________________________________*/
#tab {
width:90%; 
margin-bottom:5px;
font-weight:bold;
border-bottom:1px solid #776655;
height:37px;
display:block;
}

#tab	ul {
padding-right: 10px; 
margin: 0px; 
padding-top: 10px; 
list-style-type: none
}

#tab li {
padding-left: 9px; 
background: url(images/left.gif) no-repeat left top; 
float: left; 
margin: 0px}

#tab a {
padding-right: 15px; 
display: block; 
padding-left: 6px; 
font-weight: bold; 
background: url(images/right.gif) no-repeat right top; 
float: left; 
padding-bottom: 4px; 
color: #765; 
padding-top: 5px; 
text-decoration: none
}

#tab a {float: none}
#tab a:hover {color: #333}

#texto_obs {
		color: #0066FF;
	font: 11px Arial, Tahoma, sans-serif;
}