@import url("css_global.css");
@import url("css_flag.css");

html {
background: #fff url(../img/rest/bg.gif) center repeat-y;
}

q	{font-style: italic;}
/* Identificadores */

#prakriti		{width: 750px; margin: 0 auto;}
#conceitual		{width: 750px; height: 144px; background: url(../img/home/bg_shiva.jpg) center center no-repeat; border-bottom: 1px solid #888; }

#header			{width: 750px; height: 141px; background: url(../img/rest/bg_header.jpg) center top no-repeat;}

#header-image,
#header-texto	{width: 375px; height: 141px; float: left;}

#header-image img	{margin: 15px 0 0 25px;}
#header-texto h1	{margin: 22px 0 0 185px; font-size: 22px; line-height: 25px; color: #fff; font-weight: normal;}

ul#menu				{width: 750px; height: 22px; background: #4B5667; padding: 8px 0 0 0; display: block;}
ul#menu li			{list-style: none; display: inline; font-weight: bold; font-size: 14px; margin: 0 0 0 40px;}
ul#menu li a		{color: #fff;}
ul#menu li a:hover	{color: #f60;}

#direita, #miolo, #esquerda	{float: left;}
#direita, #esquerda			{width: 206px;}
#miolo						{width: 308px; padding: 0 15px; text-align: justify; line-height: 1.3em; background: url(../img/rest/bg_miolo.jpg) center repeat-y; border-bottom: 1px solid #A19F9E;}
#miolo.maior				{width: 514px; padding: 0 15px; text-align: justify; line-height: 1.3em; background: url(../img/rest/bg_miolomaior.jpg) center repeat-y; border-bottom: 1px solid #A19F9E;}
#miolo p					{margin-bottom: 1em;}
#miolo h2	{font-size: 15px; line-height: 1.1em; color: #4B5667; font-weight: bold; text-align: left; margin: 1.5em 0;}
#miolo h3	{font-size: 11px; line-height: 1.1em; color: #4B5667; font-weight: bold; text-align: left; margin: 1.5em 0 .8em 0;}
#miolo ul	{margin-bottom: 1em;}
#miolo ul li{list-style: inside; margin-top: .4em;}
#miolo div.artigo	{background-repeat: no-repeat; background-position: left center; padding-left: 64px; height: 56px; margin-bottom: 1em;}
#miolo div.artigo span.artigo-tit a	{color: #4B5667; font-weight: bold; line-height: 1.2em;}
#miolo div.artigo span.artigo-autor	{font-weight: normal; line-height: 1.2em;}
#miolo div.artigo span.artigo-trecho a{color: #4B5667; line-height: 1.2em;}

#direita	{background: #fff url(../img/rest/bg_direita.gif) top right no-repeat;}
#esquerda	{background: #fff url(../img/rest/bg_esquerda.jpg) top left no-repeat;}
#box		{background: #fff url(../img/rest/bg_box.jpg) center center no-repeat; width: 750px; height: 325px;}

#artigos, #flash, #sites {float: left; height: 325px;}
#artigos {width: 206px;}
#flash	 {width: 352px;}
#sites	 {width: 192px;}

#hino	{display: block; background: url(../img/rest/ico_hino.jpg) top left no-repeat; padding: 8px 0 8px 25px; margin: 18px 0 0 18px; line-height: 1.3em;}
#hino a	{color: #f60; text-decoration: underline;}
#hino a:hover	{color: #4B5667;}
#hino a.uni	{color: #4B5667; text-decoration: none;}
#hino a.uni:hover	{text-decoration: underline;}

#convocacao {display: block; background: url(../img/rest/ico_derose.gif) top right no-repeat; padding: 0 50px 4px 0; margin: 18px 14px 0 0; line-height: 1.2em; text-align: right;}
#convocacao a{color: #4B5667;}

span.tit	{display: block; height: 16px; background: url(../img/rest/ico_yogin.jpg) center left no-repeat; padding: 5px 0 0 23px; margin-left: 16px; font-size: 15px; font-weight: bold;}
#tit-agenda	{margin: 18px 0 0 18px;}
#tit-formacao{margin: 18px 0 10px 18px;}
#tit-agendapedagogica	{margin: 22px 0 0 18px;}

div.escola	{width: 298px; height: 88px; margin: 1em 0 1em 0; text-align: left; background-position: center right; background-repeat: no-repeat;}
div.escola span			{display: block; margin: 0 auto 0 0; text-align: right; width: 155px; font-size: 10px; line-height: 1.35em; padding: 8px 0 0 0;}
div.escola span big		{font-size: 12px; font-weight: bold;}
div.escola span a		{color: #f60; text-decoration: underline;}
#miolo div.escola a:hover	{color: #2F3540;}

div.associacao	{width: 270px; margin: 1em auto 1em auto; text-align: left; background-position: right 2em; background-repeat: no-repeat;}
div.associacao span			{display: block; margin: 0 auto 0 0; text-align: right; width: 155px; font-size: 10px; font-weight: bold; line-height: 1.35em; padding: 8px 0 0 0;}
div.associacao span big		{font-size: 12px; color: #2F3540;}
div.associacao span a		{color: #f60; text-decoration: underline;}
#miolo div.associacao a:hover	{color: #2F3540;}
div.associacao:hover		{background-color: #EBEBF0; cursor: hand; cursor: pointer;}

div.diretores	{width: 290px; height: 108px; margin: 1em auto 1em auto; text-align: left; background-position: top left; background-repeat: no-repeat;}
div.diretores span			{display: block; margin: 0 0 0 auto; text-align: left; width: 155px; font-size: 10px; font-weight: bold; line-height: 1.35em; padding: 20px 0 0 0;}
div.diretores span big		{font-size: 12px; color: #2F3540;}
div.diretores span a		{color: #f60; text-decoration: underline;}
#miolo div.diretores a:hover	{color: #2F3540;}

div.retangulo		{width: 176px; background: url(../img/rest/bg_retangulo.gif) top center no-repeat; margin: 10px 0 0 14px;}
div.retangula		{width: 176px; background: url(../img/rest/bg_retangula.gif) bottom center no-repeat;}

span.agenda	{display: block; width: 164px; padding: 12px 0 8px 6px; background-position: right 8px; background-repeat: no-repeat;}
span.nome-evento{display: block; width: 108px; height: 52px; line-height: 1.15em;}
span.nome-evento a{color: #f60;}

#agendapedagogica	{display: block; padding: 8px 12px;}
#agendapedagogica a	{color: #f60; text-decoration: underline;}
#agendapedagogica a:hover{color: #4B5667;}
#agendapedagogica strong	{display: block; padding: 0 0 10px 0;}

#tit-noticias	{margin: 18px 0 8px 18px;}

ul#noticias		{margin: 0 0 0 18px;}
ul#noticias li	{list-style-type: none; background: url(../img/rest/bl_noticias.gif) left 4px no-repeat; padding: 0 0 12px 10px;}
ul#noticias li a{font-weight: bold; color: #4B5667;}
ul#noticias li a:hover{color: #f60;}
ul#noticias li a.todas{color: #f60;}
ul#noticias li a.todas:hover{color: #4B5667;}

table#retorno-inscricao {border-collapse: separate;}
table#retorno-inscricao td.item {font-weight: bold; width: 200px;}
select#tipo optgroup	{font-style: normal;}

#tit-artigos	{margin: 32px 0 18px 22px;}
#tit-sites		{margin: 32px 0 10px 22px;}

#rodape		{width: 750px; height: 55px;}
#uni-yoga, #montagna, #direitos {float: left;}
#uni-yoga	{width: 435px;}
#montagna	{width: 65px; padding-top: 35px; background: url(../img/rest/ico_bandeirasc.gif) 20px 2px no-repeat;}
#direitos	{width: 250px;}

#uni-yoga img{width: 166px; height: 40px; margin: 5px 0 0 20px;}
#montagna a	{color: #f60; text-decoration: none;}
#montagna a:hover{text-decoration: underline;}

#contato input,
#contato select		{width: 222px; height: 18px; padding: 0;}
#contato textarea	{width: 220px; height: 200px; overflow: auto; line-height: 1.5em;}
#contato label		{display: block; margin: .8em 0;}
#contato label span	{display: block; width: 80px; float: left; margin: .2em 0 0 0;}
#contato button		{width: 220px; height: 25px; background: url(../img/rest/bt_enviar.gif) center center no-repeat; margin: 0 0 1.8em 84px;}

#inscrever input,
#inscrever textarea		{width: 200px;}
#inscrever select		{width: 202px; height: 18px; padding: 0;}
#inscrever textarea		{height: 250px; overflow: auto; line-height: 1.5em;}
#inscrever label		{display: block; margin: .8em 0;}
#inscrever label span	{display: block; width: 100px; float: left; margin: .2em 0 0 0;}
#inscrever button		{width: 206px; height: 25px; background: url(../img/rest/bt_enviar200.gif) center center no-repeat; margin: 0 0 1.8em 100px;}

#sites ul.lista-sites	{margin: 0 0 0 22px;}
#sites ul.lista-sites li{list-style: none; padding: 0; line-height: 18px; margin: 0;}
#sites ul.lista-sites li a{color: #4B5667; font-weight: bold;}
#sites ul.lista-sites li a:hover{color: #f60; text-decoration: underline;}
#sites ul.lista-sites li a.todos{color: #f60; font-weight: normal;}
#links-indicados	{margin: 0 0 0 22px;}


/* Parte final */
#rodape #direitos a,
#rodape #direitos a:visited,
#rodape #direitos a:active	{color: #999;}
#miolo a,
#miolo a:visited,
#miolo a:active	{color: #f30;}
#miolo a:hover	{text-decoration: underline;}
#miolo h2 a,
#miolo h2 a:visited,
#miolo h2 a:active,
#miolo h2 a:hover		{color: #4B5667;}

ul#aprovados li	{margin-top: .3em;}

span#hino a:hover	{cursor: hand; cursor: pointer;}
p.autor8			{display: block; text-align: left;}
span#botoestexto	{display: block; width: 100%; text-align: center;}