#g_title p, #g_footer p, #g_description p {

    margin: 0;

  }



  #page-title {

    margin-right: 2%;

  }



  /*



  	-- -- -- -- -- -- --

  	Browser Fixes

  	-- -- -- -- -- -- --

  	

  	This file uses CSS filtering methods to fix various

  	layout bugs.



  	Each of the following three imported files is a 

  	separate, browser-specific CSS file that keeps all 

  	hacks out of the main style sheet.

  	

  	Over time, as supporting these browsers no longer

  	remains a priority, cleaning up the hacks is as

  	easy as deleting the @import statement below, or

  	simply no longer linking this file from the HTML.

  	

  */



  /* 

    fix ie6 "peekaboo bug" using the "holly hack". 

    Note, this style only gets applied to ie6

  */

  * html .wrapper {

    height: 0.1%;

  }



  /* 

   * IE5 mac - overrides the IE/Win hack 

   */



  /*\*//*/



  * html #threecolumn div {

  	height: auto;

  }



  /**/





  /* 

   * IE5/Win-specific CSS -ensures #container wraps all content on window resize

   */



  @media tty {

   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}

  }/* */

  /* Styling for editable elements. Eventually, this will be part of the style. */

  .editable {

    border: 1px dashed blue;

  }

  

  #footer {

    clear: both;

  }

  

  /* Extra divs hidden by default. The custom CSS can override this though */

  #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {

    display: none;

  }

  

  a img,:link img,:visited img {border: none;}





  body {

    text-align: center;

  }

  #container {

    width: 718px;

    text-align: left;

    margin: 0 auto;

  }

  

  /** BEGIN CUSTOM SKIN **/

    /** DESIGN SCHEME, Lines **/

    body {

    	font: 65.5% "Lucida Grande", Verdana, sans-serif;

  		line-height: 1.6;

    }	

    h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em; font-weight: normal; }

    dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}

    a img,:link img,:visited img {border: none;}

    address {font-style: normal;}

    

    #container { padding: 0 10px; }

    #sidebar, #sidebar-alternate { padding: 0 10px; margin: 0 0 1em; }

    #footer { font-size: 1.2em; padding: 1em 0; font-family: Georgia, "Times New Roman", Times, serif;

      font-style: italic;}

    #header { margin: 0;

    	text-align: right; }

    #main-content { margin: 0 0 1em; padding: 0 10px 1em; }

    #g_description { margin: 0 0 0; padding: 0.45em; }

    

    a:link:hover { text-decoration: none; }

    a:visited:hover { text-decoration: none; }

    p,li,blockquote,dl,caption,td,th { font-size: 1.2em; }

    p { margin: 0 0 1em; }

	div#g_description { font-size: 1.2em; }

    blockquote p,dl dl,li p,blockquote li,li li,li blockquote,blockquote blockquote,div#g_description p,td p,td td,td blockquote,td li { font-size: 1em; }

    #header p { margin: 0; }

    blockquote { margin: 1em 0; padding: 0 1em; }

    table { padding: 0.3em; }

    caption { padding: 0.3em; }

    th { padding-bottom: 0.3em; }

    th, caption { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 1.3em; }

    hr { margin: 1em 0; border-style: none; height: 1px; }

    h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0.5em 0; }

    h1 { font-size: 4em; line-height:1.3em; padding: 0.5em 0; margin: 0; }

    h2 { font-size: 2em; line-height:1.3em; font-style: italic; padding: 0 0.2em 0.1em; }

    h3 { font-size: 1.6em; }

    h4 { font-size: 1.3em; font-weight: bold; font-style: italic; letter-spacing: 0.03em; }

    h5 { font-size: 1.3em; font-weight: bold; letter-spacing: 0.03em; }

    h6 { font-size: 1.3em; font-style: italic; letter-spacing: 0.03em; }  

    ul { list-style: circle; }

    ol { padding-right: 1em; }

    

    #onecolumn #main-content { width: 696px; }

    #twocolumn-left #main-content, #twocolumn-right #main-content { width: 455px; }

    #twocolumn-left #sidebar, #twocolumn-right #sidebar { width: 220px; }

    #threecolumn #main-content { width: 394px; }

    #threecolumn #sidebar { width: 130px; }

    #threecolumn #sidebar-alternate { width: 130px; } 

    /** COLOR SCHEME, Landscape **/

    body { background: #FFFFBF url(../tutor_images/body-tile.gif) top center repeat-x; }

    a:link { color: #002C7E; }

    a:visited { color: #2A007D; }

    a:link:hover, a:visited:hover { background: #253D6A; color: #FFF; }

    #container { background: #A9B2BF url(../tutor_images/border-tile.gif) top left repeat-x; }

    #sidebar, #sidebar-alternate { background: #DADEE5; border: 1px solid #253D6A; border-top: 0; }

    #twocolumn-right #sidebar, #threecolumn #sidebar { border-left: 0; }

    #twocolumn-left #sidebar, #sidebar-alternate { border-right: 0; }

    #header { background: #253D6A; border: 1px solid #001A4D; border-top: 0; }

    #main-content { background: #FFF; border: 1px solid #253D6A; border-left: 1px solid #A9B2BF; border-top: 0; }

    #threecolumn #main-content, #twocolumn-right #main-content { border-right: 1px solid #A9B2BF; }

    #twocolumn-right #main-content, #onecolumn #main-content { border-left: 1px solid #253D6A; }

    #g_description { background: #8DC24E url(../tutor_images/subhead-tile.gif) top left repeat-x; border-top: 1px solid #001A4D; }

	#g_body {

		padding:0em 2em 0em 2em;

	}

    blockquote { color: #001A4D; border-left: 2em solid #8DC24E; }

    table { border: 1px solid #A9B2BF; }

    caption { background: #DADEE5; }

    th { border-bottom: 1px dotted #A9B2BF; }

    th, caption { color: #001A4D; }

    hr { color: #8DC24E; background: #8DC24E; border-color: #8DC24E; }

    #footer hr { color: #001A4D; background: #001A4D; border-color: #001A4D; }

    h2,h3,h4,h5,h6 { color: #001A4D; }

    h1 { color: #DADEE5; }

    h2 { border-bottom: 1px dotted #8DC24E; border-left: 1px dotted #8DC24E; background: #DADEE5; }

    #sidebar h2, #sidebar-alternate h2 { border-bottom: 1px dotted #FFF; border-left: 1px dotted #FFF; }

    h3 { border-bottom: 1px dotted #8DC24E; }

    #sidebar h3, #sidebar-alternate h3 { border-bottom: 1px dotted #FFF; }

    

  /** END CUSTOM SKIN **/

  

  /** PERSONAL STYLE TUTORIAIS **/

  .caixa {

	width:40%;

	float:right;

	padding:1%;

	background: #8DC24E;

	margin:1em 1em 1em 2em;

}



acronym {
	border-bottom:1px dashed #660000;
	font-style:italic;
}



h1 acronym, h1 span { color: #FFFF66; font-style:italic; }

dt {background-color: #8DC24E; padding:1em;}







/* Código em bloco e em linha */



code {

	font-weight:bold;

	background-color:#FFFF00;

	padding:0px 3px 0px 3px;

	border:1px dashed #660000;

	display:block;

	line-height:1.1em;

	font-size:1.4em;

	

}



a:link:hover code, a:visited:hover code {

	color: #0000CC;

}



dt code, dd code, p code, h2 code, h3 code, li code, blockquote code {display:inline;}



span.subtitle {

	font-size: 80%;

	color:#000000;

	background-color:#FFFFFF;

	padding:1px 5px 1px 5px; 

}



span[lang] { font-style:italic;}



/* citação curta */



q {

	font-style:italic;

	color:#330000;

}



.figura {background:#8DC24E;

	width:80%;

	padding:1em; 

	margin:0 5% 2% 5%;

	text-align:center;

	line-height:1.3em;

}



.figura p {

font-weight:bold;}



.figura img {

border:1px dashed #660000;

padding:1em;

background:#FFF}



div.importante p {

	border:1px dashed #FFF;

	margin: 2%;

	background:#FF66CC;

	padding:2%;

	

}



div.importante p img, .nota {

	float:left;

	border:1px dashed #FFF;

	padding:1%;

	margin:1%;

}



div.importante hr {

	clear:both;
	color: #FF66CC;
	margin-top:0px;}

.centro {text-align:center; margin:auto auto;}