html,body {
/*height:100%;*/
margin:0;
padding:0;
font-size:14px;
font-family:Arial, Arial, Helvetica, sans-serif;
color:#3F3319;
/*padding:0 0 130px 0;*/
}
body {
background: #FFF url(img/bg_left.png) repeat-y top left;
min-height:800px;
}
h1 {
color:#CD8500;
font-size:22px;
text-align:center;
margin:0;
padding:1em;
}
div.all {
background: url(img/bg_right.png) repeat-y top right;
padding:0 0 130px 0;
position:relative;
/*height:100%;*/
width:100%;
min-height:800px;
min-width:600px;
display:block;
}
div.header {
position:absolute;
top:0;
left:0;
width:100%;
height:120px;
font-size:12px;
}
div.header div.logo {
margin:1em 0 0 95px;
position:absolute;koremote://ftp.meditacao.biz/ftp://ftp.meditacao.biz:21/empresas/empresas.css
top:0;
left:-40px;
}
div.header div.logo img {
position:relative;
float:left;
margin-right:1.5em;
}
ul.navbar {
display:block;
position:absolute;
right:0;
top:40px;
background: url(img/bar_h60.png) no-repeat;
background-position:left;
font-weight:bold;
width:550px;
padding:1.5em 0.4em 1.5em 0;
margin:0;
font-size:11px;
}
ul.navbar li {
border-left:2px solid #FFF;
color:#FFF;
padding-top:0.5em;
display:inline;
list-style:none;
padding:0.1em 0.4em;
float:right;
}
ul.navbar li.first {
border-left:0;
}
ul.navbar li a, ul.navbar li a:link, ul.navbar li a:visited {
color:#FFF;
text-decoration:none;
}
ul.navbar li a:hover {
text-decoration:underline;
}
ul.backbar {
display:block;
position:absolute;
right:0;
top:10px;
background: url(img/back_bar.png) no-repeat;
background-position:left;
font-weight:bold;
width:65px;
height: 22px;
margin:0;
font-size:11px;
padding-top: 0.5em;
padding-right: 0.4em;
padding-bottom: 0.1em;
padding-left: 0.4em;
}
ul.backbar li {
color:#FFF;
padding-top:0.5em;
display:inline;
list-style:none;
padding:0.1em 0.4em;
float:right;
}
ul.backbar li.first {
border-left:0;
}
ul.backbar li a, ul.backbar li a:link, ul.backbar li a:visited {
color:#FFF;
text-decoration:none;
}
ul.backbar li a:hover {
text-decoration:underline;
}
div.main {
margin:auto;text-align:left; /* leave unchanged */
width:88%;/* non-IE */
*width:88%;/* IE */
min-width:800px;/* optional but recommended */
clear:both;
position:relative;
padding: 0 0 20px 0;
top:130px;
}
div.main img.main {
position:relative;
float:left;
clear:left;
padding:2em 0 2em 9em;
}
div.main div.mainBody {
background: url(img/grupo1.png) no-repeat 25% center;
position:relative;
float:left;
width:100%;
}
div.main div.mainBody div {
background: #FFF url(img/quote.gif) no-repeat 0 2.5em;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
position:relative;
float:right;
padding:2em 15% 2em 30px;
width:36%;
line-height:2em;
font-size:14px;
font-weight:bold;
min-height:300px;
}
div.main div.bar {
margin:auto;text-align:center;
position:relative;
background: url(img/bar_h60.png) no-repeat center bottom;
font-weight:bold;
font-style:italic;
color:#FFF;
width:800px;
height:100px;
clear:both;
}
div.bar div.bar2 img, div.bar div.bar3 img {
position: absolute;
bottom:-5px;
right:0;
}
div.bar div.bar2, div.bar div.bar3 {
background: url(img/katia_face.png) no-repeat 99% bottom;
display:block;
width:700px;
position:relative;
height:100px;
margin:auto;
text-align:center;
}
div.bar div.bar2 a, div.bar div.bar2 a:link, div.bar div.bar2 a:hover {
color:#FFF;
text-decoration:none;
}
div.bar div.mari {
background-image:url(img/mari_face.png);
}
div.bar div.katia {
background-image:url(img/katia_face.png);
}
div.bar div.plain {
background-image:none;
}
div.bar div.left {
background-position: 10% bottom;
}
div.bar ul, div.bar p {
display:block;
position:absolute;
bottom:5px;
left:15%;
width:72%;
font-size:12px;
margin:auto;text-align:center;
}
div.main div.divider {
margin:2em auto;
}
div.main div.divider h2 {
color:#FFF;
bottom:-45%;
font-size:200%;
position:relative;
}
div.main div.divider h3 {
bottom:-45%;
font-size:120%;
position:relative;
}
div.bar ul {
line-height:1.4em;
}
div.bar ul li {
/*display:inline;*/
list-style:disc none outside;
margin:0 1em;
float:left;
clear:none;
}
div.bar ul li.first {
list-style:none;
}
div.main div.more {
margin:auto;text-align:center;
position:relative;
font-size:14px;
width:70%;
clear:both;
line-height:1.3em;
}
div.main div.more h2 {
color:#CD8500; /* A66B38, CD8500, CD950C, B8860B */
font-size:18px;
text-align:center;
margin:2em;
}
div.main div.bar h2 {
color:#FFF;
}
div.main div.more ul {
text-align:left;
}
div.main div.more ul li {
list-style-type:none;
}
div.main div.more ul li a {
font-size:14px;
}
div.main div.more a {
color:#CD8500;
font-size:10px;
font-style:italic;
}
p.pessoa, p.midia, p.pesquisa {
font-size:14px;
text-align:left;
padding-bottom:1em;
clear:both;
}
p.pessoa img, p.midia img, p.pesquisa img {
height:160px;
margin:0 2em 2.5em 0;
float:left;
}
p.midia img {
clear:left;
display:block;
float:left;
height:120px;
left:-59px;
margin-right:-30px;
position:relative;
}
p.pesquisa img {
height:239px;
width:272px;
}
p.pesquisa a.zoom img {
height:120px;
width:136px;
}
p.pesquisa a.zoom:hover img {
height:239px;
width:272px;
}
div.more p.referencia {
clear:left;
display:block;
float:left;
left:-59px;
margin-right:-30px;
position:relative;
min-width:120px;
font-size:12px;
text-align:center;
font-style:italic;
}
div.more p.referencia a {
font-size:12px;
}
div.more p.ref_left {
clear:none;
float:right;
left:inherit;
margin-right:inherit;
}
div.more p.ref_c {
color:#CD8500;
}
p.pessoa span, p.midia span, span.midia {
color:#CD8500;
font-size:16px;
font-weight:bold;
margin:0 1em;
font-style:italic;
}
p.pessoa img.right {
float:right;
}
p.right {
text-align:right;
}
p.right img {
float:right;
margin:0 0 2.5em 2em;
}
p.right span {
float:right;
}
p.empresa img {
height:240px;
width:338px;
margin:0 2em 2.5em 0;
float:left;
}
ul.pesquisas li {
font-weight:bold;
font-size:120%;
font-style:italic;
color:#CD8500;
}
ul.pesquisas li q {
font-size:90%;
font-weight:normal;
display:block;
color:#3F3319;
padding:0 0 1.5em 1em;
}
div.right ul.pesquisas li q {
padding:0 2em 1.5em 0;
}
ul.resultados li {
font-size:130%;
}
ul.pesquisas li q {
font-size:90%;
padding:0 0 1.5em 2em;
}
div.main div.sidebar_left {
position:absolute;
width:150px;
min-height:500px;
left:-30px;
top:3em;
padding:1em;
}
div.main div.sidebar_left {
font-weight:bold;
font-size:12px;
color:#CD8500;
}
div.main div.sidebar_right {
position:absolute;
width:150px;
min-height:500px;
right:-50px;
top:3em;
padding:1em;
}
div.main div.sidebar_right img {
width:130px;
clear:right;
float:right;
margin-bottom:1em;
border:1px solid #3F3319;
}
div.main div.sidebar_right a:hover img {
width:200px;
}
blockquote {
display:block;
background: #FFF url(img/quote.gif) no-repeat 0 0;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
position:relative;
float:right;
padding:0 0 2em 3.2em;
margin-top:0;
width:60%;
font-style:italic;
}
blockquote.full {
width:70%;
}
blockquote.left {
float:left;
}
blockquote.empresa {
float:right;
position:relative;
width:42%;
}
blockquote.midia {
float:right;
position:relative;
width:90%;
}
blockquote.pesquisa {
width:100%;
}
blockquote.pesquisa img {
position: relative;
float: right;
}
div.right {
text-align:right;
float:right;
text-align:right;
}
div.half {
position:relative;
width:45%;
float:left;
padding:1em 1em 1em 1em;
text-align:left;
}
div.middle {
padding-left:30%;
}
div.paddingTop {
padding-top:3em;
}
div.right ul, div.right ul li, div.right h2 {
text-align:right;
}
div.footer {
margin:auto;text-align:left; /* leave unchanged */
width:88%;/* non-IE */
*width:88%;/* IE */
min-width:800px;/* optional but recommended */
clear:both;
}
form {
width:55%;
margin:auto;
}
form span {
width:20em;
display:block;
}
form input[type="submit"] {
display:block;
clear:both;
width:70%;
height:2em;
margin:auto;
}