@import url("css_flag.css");

* {margin: 0; padding: 0; border: 0; font-family: arial; font-size: 12px;}
.reset{clear: both;display: block;height: 1px;margin-bottom: -1px;font-size: 1px;line-height: 1px;}
ul, ol	{margin: 0 0 12pt 0;}
ul li, ol li{list-style-position: inside;}
ul li ul, ol li ol{margin: .4em 0 .8em 1.6em;}
h1{font-size: 24px; line-height: 34px; margin: 0 0 .8em 0;}
h1 em{font-size: 1em;}
h2 {font-size: 15px; line-height: 1.2em; padding: 15pt 0 8pt 0; font-weight: bold; display: block; width: 100%; background: url(../img/hr_h2.png) bottom left no-repeat; margin: 0 0 1em 0;}
p{margin: 0 0 .5em 0;}

body{background: #fff url(../img/bg.jpg) center top no-repeat;}
#GrandeBloco{width: 750px; margin: 0 auto;}
#pensamento-do-dia{width: 750px; height: 38px; background: url(../img/bg_pensamentododia.jpg) center center no-repeat; text-align: left; margin: 4px 0 0 0;}
#pensamento-do-dia span{display: block; padding: 4px 0 0 10px; color: #000;}
#pensamento-do-dia span a{color: #c00; text-decoration: none;}
#pensamento-do-dia span a:hover{text-decoration: underline;}
#pensamento-do-dia CITE	{font-style: normal;}
#flash{width: 750px; height: 200px; margin: 8px 0 0 0;}
#flash img{width: 750px; height: 200px;}
#dica-de-yoga{display: block; width: 750px; margin: .4em 0 1.2em 0;}
#dica-de-yoga a{color: #c00;}
#menu-e-miolo{width: 750px;}
#menu-e-miolo #menu, #menu-e-miolo #miolo, #menu-e-miolo #pre-miolo {float: left;}
#menu-e-miolo #menu{width: 187px;}
#menu-e-miolo #menu ul{margin: 0 0 0 20px; background: url(../img/bg_menu.jpg) top center repeat-y;}
#menu-e-miolo #menu ul li{list-style-type: none; margin: .3em 0 0 0; padding: 0 0 0 .6em; list-style-position: outside; text-align: left;}
#menu-e-miolo #menu ul li.topo{height: 35px; background: url(../img/bg_secoes_do_site.jpg) top center no-repeat; text-align: center; line-height: 35px; font-size: 16px;}
#menu-e-miolo #menu ul li.acessos{height: 35px; padding: 0; text-align: center; background: url(../img/bg_acessos.jpg) top center no-repeat; font-size: 15px; line-height: 35px; color: #fff; font-weight: bold;}
#menu-e-miolo #menu ul li a{text-decoration: none; font-size: 13px; color: #000; font-weight: bold;}
#menu-e-miolo #menu ul li a:hover{color: #f30;}
#menu-e-miolo #menu div#banners{width: 100%; text-align: center; padding: 0 0 0 0;}
#menu-e-miolo #pre-miolo		{margin-left: 12px; width: 532px; line-height: 40px; text-align: right;}
#menu-e-miolo #pre-miolo .botoes-texto {font-weight: bold; color: #630; margin: 0;}
#menu-e-miolo #pre-miolo .botoes-texto a{padding-left: 22px; background: url(../img/ico_coracaozinho.png) left bottom no-repeat; font-weight: bold; text-decoration: none; color: #c00;}
#menu-e-miolo #pre-miolo .botoes-texto a:hover{text-decoration: underline;}
#menu-e-miolo #miolo			{margin-left: 12px; width: 532px; line-height: 1.5em}
#menu-e-miolo #miolo.bg			{margin-left: 20px; text-align: justify; background: url(../img/bg_miolo.jpg) top right no-repeat;}
#menu-e-miolo #miolo.bg-simples	{margin-left: 20px; text-align: justify; background: url(../img/bg_miolo_simples.jpg) top right no-repeat;}
#menu-e-miolo #miolo a{color: #c00; text-decoration: none;}
#menu-e-miolo #miolo a:hover{text-decoration: underline;}
#menu-e-miolo #miolo a.amais{border-left: 3px dotted #510; padding: .3em; margin: 0 .6em 0 0;}
#menu-e-miolo #miolo a.amais:hover{border-bottom: 3px dotted #510; text-decoration: none;}
#menu-e-miolo #miolo p.center {text-align: center;}
#menu-e-miolo #miolo p.right {text-align: right;}
#menu-e-miolo #miolo p.extraido {text-align: right;}
#menu-e-miolo #miolo p span.oito-caracteristicas{font-size: 1.2em; font-weight: bold;}
#menu-e-miolo #miolo h1 span.h1{width: 60%; display: block; float: left; font-size: 24px; height: 34px;}
#menu-e-miolo #miolo h1 span.mapa{width: 40%; display: block; float: left; height: 34px;}
#menu-e-miolo #miolo h1 span.mapa a{font-style: italic; font-weight: normal; color: #000; background: url(../img/ico_lupa.gif) 0 0 no-repeat; padding: .2em 0 0 2em; line-height: 34px;}
#menu-e-miolo #miolo img#material-didatico{width: 353px; height: 136px;}
#menu-e-miolo #miolo div.instrutores {width: 95%; clear: both; margin: 2.5em 0 .8em 0;}
#menu-e-miolo #miolo div.instrutores img{float: left; margin: 0 1em 0 0; border: 1px solid #000;}
#menu-e-miolo #miolo form#faleconosco label{display: block; clear: both; margin: 0 0 .5em 0;}
#menu-e-miolo #miolo form#faleconosco input{background-color: #FFB23E; border-bottom: 1px solid #000; color: #900; width: 200px;}
#menu-e-miolo #miolo form#faleconosco input#idade{width: 30px; text-align: center;}
#menu-e-miolo #miolo form#faleconosco textarea{background-color: #FFB23E; border-bottom: 1px solid #000; border-left: 1px solid #000; color: #900; width: 420px; padding: .4em;}
#menu-e-miolo #miolo form#faleconosco select{background-color: #FFB23E; color: #900; border: 0;}
#menu-e-miolo #miolo form#faleconosco button{background: #333; color: #fff;}
#menu-e-miolo #miolo table.tri-simples {border-collapse: separate; margin: 1.5em auto;}
#menu-e-miolo #miolo table.tri-simples tr td{height: 20px; text-align: center; border: 1px solid #c00; padding: 2px;}
#menu-e-miolo #miolo table#angas {border-collapse: separate; margin: 1.5em auto;}
#menu-e-miolo #miolo table#angas tr td{height: 20px; text-align: center; border: 1px solid #c00;}
#menu-e-miolo #miolo table#angas tr td a{color: #6C3B2A;}
#menu-e-miolo #miolo table#angas tr td.anga{text-align: left; width: 90px; padding-left: 5px;}
#menu-e-miolo #miolo table#angas tr td.descricao{text-align: left; width: 280px; padding-left:5px;}
#menu-e-miolo #miolo #botoes {width: 360px; float: left; margin: 0 8px 0 0;}
#menu-e-miolo #miolo #botoes img{width: 170px; height: 126px; float: left; margin: 5px 0 5px 0;}
#menu-e-miolo #miolo .botoes-texto {font-weight: bold; color: #630; margin: 2em 0 1.5em 0;}
#menu-e-miolo #miolo .botoes-texto a{padding-left: 22px; background: url(../img/ico_coracaozinho.png) left bottom no-repeat;}
#menu-e-miolo #miolo #horarios-de-praticas {width: 162px; float: left;}
#menu-e-miolo #miolo #horarios-de-praticas ul li{list-style: none; margin: 0 0 .5em 0;}
#menu-e-miolo #miolo #horarios-de-praticas strong.tit{display: block; font-size: 16px; padding: .5em 0; color: #999;}
#menu-e-miolo #miolo div#inicio-ashtanga-sadhana {width: 100%; text-align: center;}
#menu-e-miolo #miolo div#inicio-ashtanga-sadhana h2{font-size: 15px; line-height: 1.2em; padding: 15pt 0 8pt 0; font-weight: bold; display: block; width: 100%; border-bottom: 1px solid #c00; margin: 0 0 1em 0; text-align: left;}
#menu-e-miolo #miolo blockquote {width: 100%; text-align: right;}
#menu-e-miolo #miolo blockquote q{font-style: italic;}
#menu-e-miolo #miolo p.centro{display: block; width: 100%; text-align: center;}
#menu-e-miolo #miolo p.direita{display: block; width: 100%; text-align: right;}
#menu-e-miolo #miolo #logo-e-links {margin: .6em 0 0 0;}
#menu-e-miolo #miolo #logo-e-links #logo, #logo-e-links #link {float: left}
#menu-e-miolo #miolo #logo-e-links #logo img{width: 170px; height: 70px;}
#menu-e-miolo #miolo #logo-e-links #links{text-align: right;}
#menu-e-miolo #miolo #logo-e-links #links a{display: block; font-size: 15px; color: #c00; font-weight: bold; background: url(../img/bl_seta.jpg) right center no-repeat; padding-right: 30px; text-decoration: none;}
#menu-e-miolo #miolo #logo-e-links #links a.link1{margin: 0 0 1em 0;}
#menu-e-miolo #miolo #logo-e-links #links a:hover{color: #f30;}
#menu-e-miolo #miolo div.img-dica-de-yoga {margin: 20px 0; width: 100%; text-align: center;}
#menu-e-miolo #miolo div.img-dica-de-yoga small{font-weight: bold; font-size: .9em;}
#menu-e-miolo #miolo ol#bibliografia{list-style-type: decimal;}
#menu-e-miolo #miolo ol#bibliografia span{font-style: italic;}
#menu-e-miolo #miolo ul#material-didatico {width: 510px; height: 25px; background: url(../img/bg_menu_material_didatico.jpg) center center; text-align: center; margin: .8em auto 0 auto;}
#menu-e-miolo #miolo ul#material-didatico li{list-style-type: none; display: inline; line-height: 2em; padding: 0 8px;}
#menu-e-miolo #miolo ul#material-didatico li a{color: #fff; font-weight: bold;}
#menu-e-miolo #miolo ul#material-didatico li a:hover{color: #f90; text-decoration: none;}
#menu-e-miolo #miolo ul#artigos-topicos {margin: 1.5em 0 .5em 0; padding: .5em 0;}
#menu-e-miolo #miolo ul#artigos-topicos li ul li{margin-left: 1.2em;}
#menu-e-miolo #miolo ul#artigos-topicos li ul li a{color: #000;}
#menu-e-miolo #miolo ul#artigos-topicos li ul.listartigos{display: none;}
#menu-e-miolo #miolo div.produto {margin: 0 0 2em 0;}
#menu-e-miolo #miolo div.produto p.nome-autor {font-size: 1.2em; line-height: 1em;}
#menu-e-miolo #miolo div.produto p.nome-autor a{font-size: 15px; line-height: 1em; color: #820;}
#menu-e-miolo #miolo div.produto p.nome-autor a.nome strong{font-size: 1em; font-style: italic; color: #c00;}
#menu-e-miolo #miolo div.produto p.nome-autor a.nome:hover{text-decoration: underline;}
#menu-e-miolo #miolo table#horarios tr td{width: 70px; height: 20px; text-align: center; border: 1px solid #a40;}
#menu-e-miolo #miolo table#horarios tr td.dia{background: #ccc; color: #333;}
#menu-e-miolo #miolo table#horarios tr td.hora{background: #ccc; color: #333; text-align: center;}
#menu-e-miolo #miolo table#horarios tr td.swasthya{background: #f30; color: #fff;}
#menu-e-miolo #miolo table#horarios tr td.swasthya:hover{background: #f41; /*cursor: hand; cursor: pointer;*/}
#menu-e-miolo #miolo table#horarios tr td.swasthya a{color: #fff;}
#menu-e-miolo #miolo table#horarios tr td.pre-yoga{background: #B07C31; color: #000; padding: 10px 0;}
#menu-e-miolo #miolo table#horarios tr td.pre-yoga:hover{background: #c29d31; /*cursor: hand; cursor: pointer;*/}
#menu-e-miolo #miolo table#horarios tr td.pre-yoga a{color: #000;}
#menu-e-miolo #miolo table#horarios tr td.vago a{color: #fff;}
#menu-e-miolo #miolo table#horarios tr td.vago:hover {background: #820; /*cursor: default; */}
#menu-e-miolo #miolo table#horarios tr td.vago a:hover {color: #eee;}
#menu-e-miolo #miolo table#horarios tr td.zero{border: 0;}

#rodape{width: 750px; height: 22px; margin: 1em 0; background: url(../img/bg_rodape.jpg) center center no-repeat; text-align: center;}
#rodape span{display: block; padding: 4px 0 0 0; font-size: 10px; color: #333;}
#rodape span a{font-size: 10px; color: #333; text-decoration: none;}
#rodape span a:hover{text-decoration: underline;}