* {margin:0px; padding:0px}

body {
	background: url(../images/bg.gif) #f1f8e2 top center repeat-x; margin:0px auto;
	font-family: Georgia, "Times New Roman", Times, serif; font-size:13px;
	color:#17303a;
}

#popuphome {position: absolute;
	line-height:20px;
	top: 30%;
	left: 30%;
	width: 300px;
	height: auto;
	padding: 20px 20px 20px 20px;
	border: 6px double #17303A;
	background:  #D2EEFF;
	color: #660000;
	display: none;
	z-index:100;
}
.popuphome p.info {padding-top:20px}
.popuphome strong, h3 {color:#17303A; font-size:150%; letter-spacing:-1px}
.popuphome h3 a {color:#17303A; text-decoration:none; border:none}
.popuphome a {border-bottom:1px dashed #0066FF; font-weight: bold }
.popuphome a:hover {border-bottom:1px solid #0066FF; text-decoration:none}
.popuphome small {display:block; position:relative; bottom:-10px; right:0px; float:right}

h1 {color:#FFFFFF; font-size:18px}
	h1#topo { width: 324px; height: 38px; background: url(../images/h1-lilly.gif) no-repeat; margin-top:10px}
	h1#topo span { display:none}
h2.subtitle {color:#8e9fa5; font-family:"Trebuchet MS", Verdana, Arial; font-size:10px; font-weight: bold; text-transform:uppercase}
h2.subtitle a {color:#8e9fa5; font-family:"Trebuchet MS", Verdana, Arial; font-size:11px; text-transform:uppercase}
h2.subtitle a:hover { text-decoration:underline}

a {color:#6b1400; text-decoration:none}
a:hover {color:#6b1400; text-decoration: underline}

#geral {width:1000px; height:auto; position:relative; margin:auto;}
#menutop {margin-left:60px; height:96px; float:left;}

#menutop ul{ position:absolute; right:65px; top:0px; width:360px; margin:0px;}
#menutop ul li {
	color:#bbbbbb; 
	font-family:"Trebuchet MS", Verdana, Arial; 
	font-size:11px; 
	display: inline; 
	margin:0 10px 0 10px;
	text-align:center;
	list-style:none;
}
#menutop ul li a { color:#bbbbbb; text-decoration:none;}
#menutop ul li a:hover { color:#FFFFFF; text-decoration:none;}

#esquerda {overflow:auto;float:left; width:510px; margin: 20px 0 20px 50px; font-size:12px; position:relative;}
	#esquerda h2#oquefaco {width:350px; height:60px; margin-top:50px; background:url(../images/h2-oquefaco.jpg) no-repeat;}
	#esquerda h2#oquejafiz {width:350px; height:60px; margin-top:50px; background:url(../images/h2-oquejafiz.jpg) no-repeat;}
	#esquerda h2#workshoptitle {width:343px; height:72px; margin:10px 0 10px 1px; background:url(../images/h2-workshops.jpg) no-repeat bottom center;}	
	#esquerda h2#oquefaco span, #esquerda h2#oquejafiz span, #esquerda h2#workshoptitle span {display:none}
	#esquerda ul.homelist{background:url(../images/bullet-home.gif) left top no-repeat; padding-top:5px; margin-top:10px;}
	#esquerda ul.desenvlist{background:url(../images/bullet-desenv.gif) left top no-repeat; padding-top:5px; margin-top:10px;}
	#esquerda ul.jafizlist{background:url(../images/bullet-jafiz.gif) left top no-repeat; padding-top:5px; margin-top:10px;}
	.bullet {list-style:none; margin-left:30px;}
	#esquerda blockquote {margin-left:15px; margin-top:5px}

	h2#desenvolvimento {width:444px; height:30px; margin-top:20px; background:url(../images/h2-desenvolvimento.jpg) no-repeat;}
	h2#desenvolvimento span {display:none}
	.bulletdesenv {list-style:none; margin-left:30px; margin-bottom:19px}

	#workshops {width:470px; height:530px; margin-top:60px; background: url(../images/workshops-bg.jpg) no-repeat top center; position:relative}
	#workshops ul {padding: 0 15px 0 35px; line-height:18px;}

#direita {overflow:auto; float:right; width:400px; margin-right:30px;}
	.foto {overflow:auto}
	#livro {width:370px; height:290px; background:url(../images/bg-livro.jpg) no-repeat top center; margin-left:10px; margin-bottom:20px;}
	#livro2 {width:370px; height:290px; background:url(../images/bg-livro2.jpg) no-repeat top center; margin-left:10px; margin-bottom:20px;}
	#livro h2 {padding:10px 10px 0 10px}
	#livro p.sinopse {margin:10px; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; line-height:13px;}
	#livro2 h2 {padding:10px 10px 0 10px}
	#livro2 p.sinopse {margin:10px; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; line-height:13px;}
	#livro p.compre {display:block; font-size:18px; height:30px; margin:27px 0 0 65px;}
	#livro p.compre a {color:#6b1400; text-decoration:none}
	#livro p.compre a:hover {color:#6b1400; text-decoration: underline}
	#direita h2#realizei {width:230px; height:44px; margin-top:10px; background:url(../images/h2-realizei.jpg) no-repeat;}
	#direita h2#realizei span {display:none}

	#blog {width:345px; height:auto; margin-left:10px; margin-top:10px; margin-bottom:10px; border:#17303a 1px dashed; line-height:10px; background:url(../images/artigos.jpg) top right no-repeat; position:relative}
	#blog h2 {padding:10px 10px 0 10px; font-size:16px}
	#blog p.sinopse {margin:10px; font-size:11px; line-height:13px;}
	#blog a {font-size:11px; line-height:17px; margin-left:0px;}
	.artigos-veja {display:block; position:absolute; top:5px; right:5px; border:0px;}

#bottom {clear:both; height:368px; background: url(../images/bg-bottom.jpg) top center repeat-x #000000; margin-top:20px; width:100%}

	#footer {width:1000px; height:auto; position:relative; margin:auto; padding-top:20px;}

	#esq {width:370px; float:left; margin-left:50px;}
	p.quem {color:#8e9fa5; font-family:"Trebuchet MS", Verdana, Arial; font-size:11px; text-transform:uppercase}
	h1#quemsou { width: 207px; height: 37px; background: url(../images/h1-quemsou.gif) no-repeat}
	h1#quemsou span { display:none}
	
	#dir {width:550px; float:right; color:#a4a7a8; font-family:"Trebuchet MS", Verdana, Arial; font-size:12px;}
	#contato fieldset {border:none}
	#contato input, #contato textarea {background:#bbbbbb}
	.campotextarea {margin-left:10px;}
	h1#titlecontato { width: 144px; height: 30px; background: url(../images/h1-contato.gif) no-repeat}
	h1#titlecontato span { display:none}
	#dir p.phone{ color:#61747d; position:absolute; right:30px; top:30px; width:200px; height:37px; margin:0px; background:url(../images/bg-phone.gif) no-repeat; font-size:26px; padding-left:40px}
	
	#footer a, #designed a { color:#bbbbbb; text-decoration:none;}
	#footer a:hover, #designed a:hover { color:#FFFFFF; text-decoration:none;}

	#designed { font-family:"Trebuchet MS", Verdana, Arial; font-size:11px; width:900px; height:368px; position:relative; margin:auto; height:auto; padding-top:20px; clear:both; color:#555555;}
	
	#obrigado {_float:left; clear:both; height:140px; margin-top:40px; padding-top:80px; width:100%;}
	#box_obrigado {width:337px; height:25px; position:relative; margin:auto; padding:85px 0 0 180px; background:url(../images/obrigado.png) top center no-repeat}


	#faq {width:500px; height:auto; margin:auto; margin-top:10px; margin-bottom:20px; background:#e7eaf3; position:relative; border:2px dotted #999999; padding:20px; clear:both}
	#faq ul {padding: 0 15px 0 35px; line-height:18px;}
	#faq-title {_float:left; clear:both; height:auto; margin-top:20px; padding-top:20px; width:100%;}
	#box_faq {width:507px; height:118px; position:relative; margin:auto; padding:0px; background:url(../images/faq.png) top center no-repeat; float:left; clear:both; margin:0 0 20px 20px}
	#faq h3 {font-size:14px}
	#faq p {padding-bottom:10px; font-size:12px}
	
	.menu-bottom {margin:auto; display:block; width:600px; background:url(../images/menu-bottom.gif) bottom center no-repeat #000000; text-align:center; padding:20px 0 4px 0; height:auto; width:100%}
	.menu-bottom a {color:#000000}
	.menu-bottom a:hover {color:#FFFFFF; text-decoration:none}
	

#esquerda-blog {float:left; width:580px; margin: 20px 0 20px 50px; font-size:13px; position:relative;}
#esquerda-blog h2#artigos {width:350px; height:60px; margin-top:50px; background:url(../images/h2-oquefaco.jpg) no-repeat;}
	
	#blog-artigo  {width:100%; height:auto; background: url(../images/bg-artigo.jpg) no-repeat top center;}
	#blog-artigo p { padding:0; font-size:12px; margin:10px 30px 0 30px}
	#blog-artigo ul {padding: 5px 15px 0 35px; list-style-image:url(../images/hifen.gif); font-size:12px}
	#blog-artigo li {padding: 7px 0px 6px 0px}
	#blog-artigo blockquote {margin:0 0 0 20px}
	h2.title-artigo { font-size:20px; padding:50px 0 10px 0; margin:0 30px 0 30px}
	#blog-artigo-sign  {clear:both; width:580px; height:60px; background: url(../images/bg-artigo-sign.jpg) no-repeat top center; text-align:right; font-size:10px; padding:20px 0 0 0; margin-bottom:-20px}
	
#direita-blog {overflow:auto; float:right; width:360px; margin:20px 0 0 0;}
.blog-home a {display:block; width:61px; height:21px; background:url(../images/blog-home-off.jpg) top right no-repeat; position:absolute; right:0; top:0; text-indent:-9000em; text-decoration:none}
.blog-home a:hover {display:block; width:61px; height:21px; background:url(../images/blog-home-on.jpg) top right no-repeat; position:absolute; right:0; top:0; text-indent:-9000em; text-decoration:none}