@import url("css_flag.css");

*		{margin: 0; padding: 0; font-family: arial; font-size: 12px; border: 0;}
html	{width: 100%; height: 100%;}
body	{width: 100%; height: 100%; background: #843612 url(../../img/bg.jpg) center repeat-y;}
.clearer{clear: both;display: block;height: 1px;margin-bottom: -1px;font-size: 1px;line-height: 1px;}
ul, ol	{margin: 0 0 6px 0;}
ul li, ol li{list-style-position: inside;}
h2		{margin: 1em 0 .4em 0; color: #222; font-weight: normal; font-size: 18px;}
h2 em	{font-size: 1em;}
small	{font-size: .9em;}
small em{font-size: .9em;}

/* HIERARQUIA */

#om			{width: 1000px; margin: 25px auto;}
#om a		{color: #E6A326; text-decoration: none;}
#om p		{margin: 0 0 1em 0;}
#om a:hover	{text-decoration: underline;}

#om #cabecalho					{width: 940px; margin: 0 auto;}
#om #cabecalho table			{width: 940px;}
#om #cabecalho table td#foto	{width: 130px; text-align: center; background: #fff;}
#om #cabecalho table td#foto img{width: 108px; height: 115px; margin: 10px 0;}
#om #cabecalho table td#nome 	{width: 820px; vertical-align: top;}
#om #cabecalho table td#nome h1,
#om #cabecalho table td#nome p	{margin: 0 0 0 20px; padding: 0; font-size: 22px; color: #fff; font-weight: bold;line-height: 1.2em;}
#om #cabecalho table td#nome p	{line-height: 1.5em;}
#om #cabecalho table td#nome h1.nome	{font-size: 54px; text-transform: uppercase;} /*font-variant: small-caps;*/
#om #cabecalho table td#nome h1.nome	span.primeira{font-size: 63px;}
#om #cabecalho table td#nome p a{font-size: 22px; color: #fff;}
#om #cabecalho table td#idioma 	{width: 50px; text-align: right;}
#om #cabecalho table td#idioma img{margin: 0 0 18px 0;}

#om #menu			{width: 940px; margin: 0 auto;}
#om #menu ul		{width: 100%; border-bottom: solid 4px #D09A28; margin: 20px 0; text-align: center;}
#om #menu ul li		{list-style-type: none; display: inline; font-size: 16px; font-weight: bold; padding: 0 27px; line-height: 1em;}
#om #menu ul li	a	{color: #fff; font-size: 16px;}
#om #menu ul li.ativo	{background: #D09A28;}

#om #texto 			{width: 940px; margin: 0 auto; color: #F4CF82;}
#om #texto a#orkut	{background: url(../../img/bl_orkut.gif) 0 0 no-repeat; padding-left: 16px;}
#om #texto a#orkut:hover	{background: url(../../img/bl_orkut_over.gif) 0 0 no-repeat; padding-left: 16px;}
#om #texto form#contato input,
#om #texto form#contato textarea,
#om #texto form#contato button	{width: 940px; font-size: 14px; color: #F4CF82; background-color: transparent; color: #fff; font-weight: bold; border-bottom: 1px solid #F4CF82; margin: 0 0 .6em 0;}
#om #texto form#contato input	{height: 25px;}
#om #texto form#contato textarea{height: 120px; overflow: auto;}
#om #texto form#contato button	{height: 25px; background-color: #D09A28; border: 0;}

#om #texto ul#livros li {list-style-type: none; display: inline;}
#om #texto ul#livros li div{width: 300px; height: 100px; float: left; margin: 0 0 20px 0;}
#om #texto ul#livros li div img.livro{float: left; border: 2px solid #fff; margin: 0 12px 0 0;}
#om #texto ul#livros li div span.nome{font-size: 14px; line-height: 1em; font-weight: bold;}
#om #texto ul#livros li div p{margin: .4em 0;}

#om #texto div.sitesframe {width: 940px;}
#om #texto div.siteframe1 {width: 580px; float: left;}
#om #texto div.siteframe2 {width: 360px; float: left;}

#om #texto ul#sites li {list-style-type: none; display: inline;}
#om #texto ul#sites li div{width: 285px; height: 100px; float: left; margin: 0 0 20px 0;}
#om #texto ul#sites li div img.site{float: left; border: 2px solid #fff; margin: 0 12px 0 0;}
#om #texto ul#sites li div span.nome{font-size: 14px; line-height: 1em; font-weight: bold;}
#om #texto ul#sites li div p{margin: .4em 0;}

#om #texto ul#websites li {list-style-type: none; display: inline;}
#om #texto ul#websites li div{width: 800px; height: 100px; float: left; margin: 0 0 20px 0;}
#om #texto ul#websites li div img.site{float: left; border: 2px solid #fff; margin: 0 12px 0 0;}
#om #texto ul#websites li div span.nome{font-size: 14px; line-height: 1em; font-weight: bold;}
#om #texto ul#websites li div p{margin: .4em 0;}

#om #texto ul#fotos li {list-style-type: none; display: inline;}
#om #texto ul#fotos li div{width: 130px; height: 100px; float: left; margin: 0 0 20px 0; text-align: center;}
#om #texto ul#fotos li div img{border: 2px solid #fff; margin: 0;}
#om #texto ul#fotos li div p{margin: .4em 0;}

#om #texto p.uni-yoga {display: block; width: 100%; text-align: center; margin: 4em 0;}
#om #texto p.uni-yoga img{width: 136px; height: 50px;}