/*
-----------------------------------------------------------
dot . digital oriented technologies - http://dotweb.com.br
Folha de Estilos

Estilo Básico : inicial.css
Hacks do IE   : ie_hacks.css
----------------------------------------------------------- */

body { font-size: 80%; color: #111; background-color: #EBEBD6; }

a, a:link { color: #663300}
a:visited { color: #663300}
a:hover { color: #B78F4B; text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4 { font-weight: normal; line-height:1.2em;}
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 90%; }
h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; }
code, kbd { font-size: 120%; }
hr { height: 1px; border: #BFDCA0 1px solid; background-color: #BFDCA0; }
dt { font-weight: bold; }

/* Helper classes */
.mini { font-size: 90%; }
.hide { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; }
span.explain { border-bottom: #111 1px dotted; }
.floatright { float: right; }
.floatleft { float: left; }
.alignright { text-align: right; }
.alignleft { text-align: left; }

div#wrapper { background-color: #FFF; background: url(../images/bg_diagonal.gif);}

div#header { margin: 0 auto; padding: 0; width: 770px; height: 120px; position: relative; background: url(../images/header_bk.png) #FFF repeat-y center top; border-bottom:#666634 1px solid }
	a#skip { margin: 0; position: absolute; top: 0; left: 1px; width: 768px; display: block; font-size: 80%; line-height: 2em; text-decoration: none; text-transform: uppercase; text-align: center; color: #FFF; }
	a#skip:hover, a#skip:focus { color: #630; background: #EBEBD6; }

	div#header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 219px;
	height: 83px;

}
	p#tagline { margin: 0; padding: 0; position: absolute; bottom: 27px; right: 100px; font-size: 12px; text-transform: lowercase; }
	ul#menu { margin: 0; padding: 0; position: absolute; bottom: 0; left: 30px; list-style: none; font-size: 16px; }
		ul#menu li { margin: 0 20px 0 0; padding: 0; float: left; text-transform: lowercase; }
		ul#menu a { padding: 0 0 20px 0; float: left; color: #000; text-decoration: none; border-bottom: transparent 5px solid; _border-bottom: transparent 0px solid; _padding-bottom:25px }
		ul#menu a:hover { color: #630; border-bottom: #630 5px solid; _padding-bottom:20px}
		ul#menu a.current { color: #B78F4B; border-bottom: #B78F4B 5px solid; _padding-bottom:20px}
		
	/*div#header .back { margin: 0; padding: 0; position: absolute; top: 55px; left: 190px; width:360px;height:360px; background-color:red; background:url(../images/back01.png); _background:  url();	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back01.png',sizingMethod='scale');}*/
	div#header .back0 { margin: 0; padding: 0; position: absolute; top: 55px; left: 190px; width:360px;height:360px; background-color:red; background:url(../images/back01.png); _background:  url();	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back01.png',sizingMethod='scale');display:none;}
	div#header .back1 { margin: 0; padding: 0; position: absolute; top: 55px; left: 190px; width:360px;height:360px; background-color:red; background:url(../images/back02.png); _background:  url();	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back02.png',sizingMethod='scale');display:none;}
	div#header .back2 { margin: 0; padding: 0; position: absolute; top: 55px; left: 190px; width:360px;height:360px; background-color:red; background:url(../images/back03.png); _background:  url();	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back03.png',sizingMethod='scale');display:none;}
	
		
		div#eventoscursosconvenios {margin: 0; padding: 0; position: absolute; top: 297px; right: 0px; list-style: none; font-size: 16px; }
		ul#ecc {margin-left: 0;padding-left: 0;list-style: none;}
		ul#ecc li {padding-left: 0px;width:255px;height:47px;padding-bottom:3px}
		ul#ecc li a {text-indent: -9000px;width:255px;height: 47px; display: block;	text-decoration:none;}
		#eventos {background-image: url(../images/eventosecursos1b.png);background-repeat: no-repeat;background-position: 0 0;}
		#eventos a:hover {background-image: url(../images/eventosecursos2b.png);background-repeat: no-repeat;background-position: 0 0;}
		#cursos {background-image: url(../images/nossosconvenios1b.png);background-repeat: no-repeat;background-position: 0 0;}
		#cursos a:hover {background-image: url(../images/nossosconvenios2b.png);background-repeat: no-repeat;background-position: 0 0;}
		#grupo {position:absolute; width:255px;height:267px;top:130px;right:0px;background:  url(../images/grupo02b.png) no-repeat;_background:  url();	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grupo02b.png',sizingMethod='scale');}
		
div#content { margin: 0 auto; padding: 0 5px; width: 760px; background: url(../images/content_bk.png) no-repeat center top; background-color:#ffffff}

	h2#snippet { margin: 0 -5px; width:770px;height:290px}	
		h2#snippet img { margin-bottom: -1px; }
	
	div#introwrap { background: url(../images/introwrap_bk.jpg) no-repeat center top; float: left; width: 770px; _background-position:right top;}
		div#intro { padding: 10px; background: url(../images/intro_bk.jpg) no-repeat center bottom; float: right; width: 750px; _width:740px;}
			p#blurb { margin: 10px; margin-left:20px; float: left; width: 455px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 168%; margin-bottom:0px}
			p#blurb2 {margin: 10px; margin-left:20px; float: left; width: 455px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 168%;text-align:right;margin-top:13px;margin-bottom:13px;_padding-bottom:7px;*padding-bottom:7px;_width:430px}
			/*showcase back #663300*/
			div#showcase { margin:0px;padding:0px;padding-top: 5px; width: 255px; min-height: 260px; float: right; background: url(../images/showcase_bk.png) no-repeat left top; }
				div#showcase h3 { margin: 0 0 5px 0; }
				div#introwrap h4 { position:absolute;margin:0px;padding:0px;right:0px;width:255px;height:267px;  }
				div#showcase p { margin: 2px 0 0 0; text-align: right; }
	
	div#main { margin: 0 0 0 10px; width: 490px; float: left; }
		body#home div#main { margin: 0; width: 760px; float: none; }
			div#main h2 { color: #663300; font-weight:bold}
				div#main h2 a { color: #663300; text-decoration: none; font-weight:bold;border-bottom:#E2D4C0 1px dotted}
				div#main h2 a:hover { color: #B78F4B; text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
			div#main h3 { color: #663300; }
			div#main h3 a { color: #663300; text-decoration: none;  border-bottom:#E2D4C0 1px dotted}
				div#main h3 a:hover { color: #B78F4B; text-decoration: underline; border-bottom:none}
			div#main h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #666; }
			div#main h5.title { margin-top: -1em; }
			div#main blockquote { margin: 1em 0; padding: 1px 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #663; background-color: #D6D7CC; }
			div#main blockquote cite { display: block; font-size: 90%; text-align: right; }
			div#main dl { margin: 0; }
			div#main dt { margin: 1em 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #333; }
			div#main dd { margin: 0 0 1em 3em; }
			div#main ul, div#main ol { margin-left: 1em; }
			p.details { font-size: 90%; color: #666; }

			div.process { margin: 20px 0; padding: 20px; background-color: #D6D7CC; border-top: #BFDCA0 1px solid; border-bottom: #BFDCA0 1px solid; }
				div#main div.process h3 { margin-top: 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 100%; text-transform: uppercase; color: #9C6; }
				div.process p, div.process ol, div.process ul { font-size: 90%; }
				
			div#featured { margin: 10px 0; padding: 20px; background-color: #D6D7CC; border-top: #BFDCA0 1px solid; border-bottom: #BFDCA0 1px solid; }
				div#featured h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 100%; text-transform: uppercase; color: #630; }
				div#featured img { margin: 20px 0 0 0; border-top: #BFDCA0 1px solid; border-bottom: #BFDCA0 1px solid; }
				div#featured p { margin: 0; }
				div#featured p.link { margin: 0.5em 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%; font-style: italic; text-align: right; }
				div#featured p.link a { text-decoration: none; border-bottom:#E2D4C0 1px dotted}
					div#featured p.link a:hover { text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
				div#featured span { color: #9C6; }

			div.feature { margin: 10px 0 10px 10px; width: 240px; float: left; }
				div.feature h2 { margin: 0 0 0.5em 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 100%; text-transform: uppercase; }
				div.feature h3 { margin: 0; }
					div.feature h3 a { text-decoration: none; border-bottom:#E2D4C0 1px dotted}
					div.feature a:hover { text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
				div.feature h4.date { margin: 0 0 1em 0; font-size: 90%; font-weight: bold; color: #999; }
				div.feature p { margin: 0 0 1em 0; }
				div.feature p.meta { font-size: 90%; }
		
			div.row { margin-bottom: 10px; float: left; width: 100%; border-bottom: #D6D7CC 1px solid; }
				div.row div.feature { margin: 0 10px 0 0; font-size: 90%; }
				div.row div.second { margin: 0; }
				div.row div.feature h3 { margin-bottom: 10px; }
				div.row div.feature img { border-top: #111 1px solid; border-bottom: #111 1px solid; }
			div.last { border-bottom: none; }
			
			div.exhibit { padding: 10px; background-color: #F7F7EE; border: #EBEBD6 1px dotted; }
				div.exhibit img { border: #EBEBD6 2px solid; }
		 		div.exhibit p { margin: 0; font-size: 80%; color: #630; }
				div.lefted { margin: 0 1em 1em 0; float: left; }
				div.righted { margin: 0 0 1em 1em; float: right; }
			
			img.work { border: #EBEBD6 5px solid; }
		
		div.entry h2 { margin-bottom: 0.2em; }
		h3.archived { margin-bottom: 0.2em; }
		p.meta { margin-top: 0; font-size: 90%; color: #663; }
			p.meta a { color: #663; text-decoration: none; border-bottom:#E2D4C0 1px dotted}
			p.meta a:hover { color: #B78F4B; text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
			p.meta span { color: #996; }
		p.dig { font-size: 90%; text-align: right; color: #663; }
		acronym {cursor:pointer;cursor:help}
		div.recently { margin: 20px 0; padding: 20px; background-color: #F7F7EE; border-top: #EBEBD6 1px solid; border-bottom: #EBEBD6 1px solid; }
			div#main h2.recently { margin-top: 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 100%; text-transform: uppercase; color: #666600; }
			div#main dl#recently { font-size: 90%; color: #333; }
			div#main dl#recently dt { margin-top: 1em; font-size: 120%; font-weight: normal; }
			div#main dl#recently dt a { color: #663; text-decoration: none; border-bottom:#C0C18B 1px dotted}
			div#main dl#recently dt a:hover { color: #9FA056; text-decoration: underline; border-bottom:#C0C18B 0px dotted}
			div#main dl#recently dd { margin: 0; }
			div#main dl#recently dd.date { font-size: 80%; color: #777; }
			div#main dl#recently dd.excerpt p { margin: 0; }
			div#main dl#recently dd.categories { font-size: 80%; color: #777; }
			div#main dl#recently dd.categories a { text-decoration: none; }
			div#main dl#recently dd a:hover { text-decoration: underline; }
			
		blockquote.nifty, div#main blockquote.nifty { margin: 0 0 -1em 0; padding: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #663300; background: url(../images/niftybq_bk.png) no-repeat left top; }
			blockquote.nifty p, div#main blockquote.nifty p { margin-top: 0; line-height: 175%; }
		p.niftycite { margin: 0 0 20px 0; padding-top: 25px; text-align: right; background: url(../images/niftycite_bk.png) no-repeat left top; }
			p.niftycite cite { font-style: normal; }
				p.niftycite cite a { text-decoration: none; border-bottom:#E2D4C0 1px dotted}
				p.niftycite cite a:hover { text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
		
		div#sub { margin: 20px 10px 0 0; width: 240px; float: right; }
			
			ul#submenu { margin: 0 0 20px 0; padding: 0; float: left; width: 100%; list-style: none; font-size: 120%; border-top: #666600 1px solid; }
				ul#submenu li { margin: 0; padding: 0; float: left; width: 100%; border-bottom: #666600 1px solid; }
				ul#submenu li a { padding: 0 10px; float: left; width: 220px; line-height: 2.5em; text-align: right; text-decoration: none; color: #663300; }
				ul#submenu li a:hover { color: #663300; background-color: #EBEBD6; }
				ul#submenu li a#submenucurrent { background-color: #EBEBD6; }
			
			h3.blog { margin-bottom: 0.5em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 100%; text-align: right; text-transform: uppercase; color: #663300;font-weight:bold }
			ul.blog { margin: 0 0 20px 0; padding: 0; clear: both; list-style: none; }
				ul.blog li { color: #BFDCA0; text-align: right; }
				ul.blog a { color: #666600; text-decoration: none; }
				ul.blog a:hover { text-decoration: underline; }
			
			div#why { margin: 20px 0; padding: 15px 15px 0 15px; clear: both; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 90%; background: url(../images/why_bk.png) #630 repeat-x left top; }
				div#why h3 { margin-top: 0; padding-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 125%; font-style: normal; text-transform: uppercase; color: #FFF; border-bottom: #FFF 1px solid; }
				div#why p { margin-bottom: 15px; }
				div#why p.last { margin: 0 -15px; padding: 0 15px 15px 15px; background: url(../images/why_bk.png) #630 repeat-x left bottom; }
				div#why ul { margin: 0 -15px; padding: 0 15px 15px 15px; list-style: none; background: url(../images/why_bk.png) #630 repeat-x left bottom; }
					div#why li { margin: 0 0 1em 0; padding: 0 0 0 30px; background: url(../images/why_bullet.png) no-repeat 0 2px; }
				div#why span.explain { border-bottom: #FFF 1px dotted; }
				div#why a { color: #FFC; }
					div#why a:hover { text-decoration: none; }
			
			div#pricing { margin: 20px 0; padding: 15px 15px 0 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 90%; color: #000; background-color: #FFC; border: #FC9 1px solid; }
				div#pricing h3 { margin-top: 0; padding-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 125%; font-style: normal; text-transform: uppercase; color: #630; border-bottom: #FC9 1px solid; }
				div#why p { margin-bottom: 15px; }
				div#why h4 { color: #630; }

			p#linkage { margin: 20px 0; text-align: right; }
		/*footer bkg #F7F7EE*/
div#footer { padding: 10px 0 0 0; background: url(../images/footer_bk.png) #F7F7EE repeat-x left top; }
	div#contact { margin: 0 auto; width: 760px; }
		div#contact div.feature h3 { margin-bottom: 0; }
		div#bherunda { padding-top: 20px; text-align: center; }
		div.resource { padding-left: 35px; background: url(../images/doc_icon.png) no-repeat left center; }
			div.resource p a { color: #663; text-decoration: none; border-bottom:#E2D4C0 1px dotted}
			div.resource p a:hover { color: #B78F4B; text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
		p.email a { font-size: 125%; text-decoration: none; border-bottom:#E2D4C0 1px dotted}
			p.email a:hover { text-decoration: underline; border-bottom:#E2D4C0 0px dotted}
		div.vcard { margin-bottom: 1em; }
			div.vcard h4.org { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 125%; font-style: italic; font-weight: normal; color: #663; }
			div.adr { font-size: 90%; }
			span.country-name { font-weight: bold; }
			div.vcard span.email { display: none; }

div#meta { margin: 0 auto; width: 740px; overflow: auto; }
	div#meta a { text-decoration: none; }
	div#meta a:hover { text-decoration: underline; }
	p#copyright{ padding-left: 5px; width: 40%; float: left; color:#EBEBD6; }
	p#copyright a {display:block;width: 128px; height: 16px;background: url(http://www.fonoecia.com.br/images/img_logodot.gif) no-repeat left center;}
	p#copyright a {text-decoration:none}
	p#geekery { width: 50%; float: right; text-align: right; padding-right: 5px; }
		p#geekery img { vertical-align: text-bottom; }
		
#breadcrumb{
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-left:2px;
}

#breadcrumb a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #663300;
}

#breadcrumb a:visited, .breadcrumb a:active{
color: #663300;
}

#breadcrumb a:hover{
text-decoration: underline;
}

		
#main ul {margin-top:0px;padding-top:0px;;margin-bottom:0px;padding-bottom:0px;}
#main ul li ul {margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
#main ul li ol {margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
#main ul li ul li {margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
#main ul li ol li {margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}
#main ol {margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;}