body {
	background: #fff url(../images/fundo-site.jpg) repeat-x top left;
	font: normal 8.5pt/11pt Tahoma, sans-serif;
}
#geral {
	width: 860px;
	position: relative;
	text-align:left;
	padding: 0px;
	margin:0 auto;
}
#menu_topo {
	background: transparent url(../images/menu2_bg.jpg) no-repeat top left;
	position: absolute;
	z-index: 700;
	top: 26px;
	left: 0px;
	width: 840px;
	height: 89px;
	border:none;
	border-top: none;
}
#logo {
	background: url(../images/magri_logo.jpg) no-repeat top left;
	margin-left: 20px;
	width: 195px;
	height: 86px;
}

#logo a { display: block; height: 86px; width:195px; }
#logo h1 {
	text-indent: -9000px;
	font-size: 1px;
}
#menu {
	list-style: none;
	position: absolute;
	top: 0;
	left: 175px;
	text-align: right;
}
ul#menu li {
	background: url(../images/nav_split.gif) no-repeat top right;
	color: #FFF;
	display: block;
	padding: 5px 35px 0px 25px;
	float: left;
	position: relative;
	height: 79px;
	margin-top: 10px;
}
ul#menu li a {
	background: url(../images/menu_arrow.gif) no-repeat bottom right;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
	text-decoration: none;
	position: relative;
}
ul#menu li a:hover, ul#menu li:hover a, ul#menu li.iehover a {
	background: url(../images/menu_arrow.gif) no-repeat bottom right;
	color: #EAEAEA;
	font-weight: bold;
	text-decoration: none;
}
ul#menu li.ultimo {
	background: none;
}
ul#menu li ul {
	list-style: none;
	display: none;
	position: absolute;
	top: 79px;
	right: 0;
	width: 140px;
}
ul#menu li ul li ul {
	list-style: none;
	display: none;
	position: absolute;
	clear: both;
	top: -1px;
	right: -140px;
}
ul#menu li li, ul#menu li li li {
	background: none;
	color: #B5F4FF;
	display: block;
	padding: 0;
	position: relative;
	margin: 0;
	height: 23px;
	text-align: right;
	border-color: #4CE4FF #ACF0FA #00A3BB #ACF0FA;
	border-width: 1px;
	border-style: solid;
}
ul#menu li:hover li a, ul#menu li.iehover li a, ul#menu li:hover li:hover a, ul#menu li.iehover li.iehover a, ul#menu li:hover li:hover li a, ul#menu li.iehover li.iehover li a, ul#menu li:hover li:hover li:hover a, ul#menu li.iehover li.iehover li.iehover a, ul#menu li:hover li:hover li:hover li a, ul#menu li.iehover li.iehover li.iehover li a {
	background: none;
	background-color: #27C9E6;
	color: #C7F6FF;
	display: block;
	position: relative;
	font-weight: normal;
	padding: 0 9px;
	line-height: 23px;
	width: 120px;
	text-decoration: none;
}
ul#menu li:hover li a:hover, ul#menu li.iehover li a:hover, ul#menu li:hover li:hover a:hover, ul#menu li.iehover li.iehover a:hover, ul#menu li:hover li:hover a, ul#menu li.iehover li.iehover a, ul#menu li:hover li:hover li:hover a:hover, ul#menu li.iehover li.iehover li.iehover a:hover, ul#menu li:hover li:hover li:hover a, ul#menu li.iehover li.iehover li.iehover a {
	background: #13A7CE url(../images/menu_arrow1.gif) no-repeat 5% 50%;
	color: #fff;
}
ul#menu li:hover ul ul, ul#menu li.iehover ul ul, ul#menu li:hover ul ul ul, ul#menu li.iehover ul ul ul {
	display: none;
}
ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul, ul#menu li.iehover ul, ul#menu ul li.iehover ul, ul#menu ul ul li.iehover ul {
	display: block;
}
ul#banner li img {
	width: 839px;
	height: 233px;
	border:none;
	position: relative;
	margin-top: 130px;
	list-style:none;
}
ul#banner li {
	list-style:none;
	right:20px;
}
#banner div {
	position: absolute;
	width: 839px;
}
#banner_sombra {
	background: transparent url() no-repeat top left;
	position: relative;
	margin-top: 143px;
	width: 839px;
}
ul#banner2 li img {
	width: 839px;
	height: 233px;
	border:none;
	position: relative;
	margin-top: 130px;
	list-style:none;
	float:left;
	right: 40px;
}
ul#banner2 li {
	list-style:none;
}
#banner2 div {
	position: absolute;
	top: -8px;
	width: 839px;
}
#conteudo_meio {
	position: relative;
	float: left;
	width: 840px;
	margin: 5px 20px 16px 0;
}
h2.destaque {
	font-size: 13px;
	font-weight:normal;
	color: #000000;
	margin: 0;
	width: 840px;
}
h2.destaque a {
	color: #000;
	font-weight:bold;
	font-size:12px
}
#clientes {
	background-color: transparent;
	width: 840px;
}
#clientes img {
	float: left;
	margin-right: 5px;
	border: none;
}
img.b {
	border: none;
}
#conteudo {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 5px;
}
#formulario {
	position: relative;
	float: left;
	width: 840px;
	height: 320px;
	background: #f3f3f3 url(../images/fundo-formulario.jpg) left bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #EEE;
	border-top: 1px dashed #EEE;
}
.quadrado {
	float:left;
	width: 273px;
	height: 260px;
	margin-right: 10px;
	background-image:url(../images/quadrado.jpg);
	background-repeat:no-repeat;
	padding-bottom: 20px;
}
.quadrado img {
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid white;
}
.quadrado img a, .quadrado img a:active, .quadrado img a:visited {
	border: 2px solid white;
	background-color:#FFFFFF
}
.quadrado p {
	padding:3px;
	margin:4px;
	color: #333333;
	text-align: left;
	padding-top: 5px;
	font-size: 12px;
}
.quadrado p a {
	color: #333;
	text-decoration: underline
}
.quadrado p strong {
	text-decoration:none;
}
.quadrado h2, .quadrado h3, .quadrado h4, .quadrado h4 a {
	text-align: center;
	font-size:14px;
	color: #FFFFFF;
	margin-top: 18px;
}
.quadrado h2 a {
	color:#FFFFFF;
}
.patrocinio {
	float:left;
	height: 560px;
	margin-right: 10px;
	background: #e8e8e8 url(../imagens/patrocinio.gif) top center no-repeat;
	background-repeat:no-repeat;
	padding-bottom: 20px;
	padding-top: 10px;
}
.patrocinio img {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.patrocinio img a, .patrocinio img a:active, .patrocinio img a:visited {
	border: 2px solid red;
	background-color:#FFFFFF
}
img.time {
	border:none
}
.patrocinio p {
	padding:3px;
	margin:4px;
	color: #191919;
	text-align:justify;
	padding-top: 5px;
	font-size: 14px;
}
.patrocinio p a {
	color: #545454;
}
.patrocinio p strong {
	text-decoration:underline;
}
.patrocinio h2, .patrocinio h3, .patrocinio h4, .patrocinio h4 a {
	text-align: center;
	font-size:18px;
	color: #1291ce;
	padding-top: 10px;
}
.patrocinio h1 {
	margin-left: 3px;
}
html>body .patrocinio h2, .patrocinio h3, .patrocinio h4 {
	padding-top: 0px;
}

#resposta {
	float:left;
	width: 839px;
	height: auto;
	background: #fff;
	margin-bottom: 10px;
}

#resposta p {
	padding:3px;
	margin:4px;
	color: #191919;
	text-align:justify;
	padding-top: 5px;
	font-size: 14px;
}
#resposta p a {
	color: #0d496f;
}
#resposta p a:hover {
	color: red
}
#resposta p strong {
	text-decoration:underline;
}
#resposta img { margin-left: 15%;
	border: none
}
#resposta h1, #resposta h1 a {
	margin-top: 50px;
	color: red;
	text-decoration: none;
}

#resposta h1 a:hover {
    color: red; text-decoration: underline}

.seuretornogarantido {
	float:left;
	width: 839px;
	height: 650px;
	background: #c3dff0 url(../images/aba-srg.gif) top center no-repeat;
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
iframe { border: 0px;}

.seuretornogarantido p {
	padding:3px;
	margin:4px;
	color: #191919;
	text-align:justify;
	padding-top: 5px;
	font-size: 14px;
}
.seuretornogarantido p a {
	color: #0d496f;
}
.seuretornogarantido p a:hover {
	color: red
}
.seuretornogarantido p strong {
	text-decoration:underline;
}
.seuretornogarantido img {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	border: none
}
.seuretornogarantido h1, .seuretornogarantido h1 a {
	margin-top: 50px;
	color: red;
	text-decoration: none;
}

.seuretornogarantido p.vermelho {
	margin-left: 5px;
	color: red;
	text-decoration: none;
}

.seuretornogarantido h1 a:hover {
    color: red; text-decoration: underline}
.img_esq {
	border: 1px solid #B4BBBC;
	float: left;
	margin-right: 10px;
}
h1 {
	font-size: 18pt;
	font-weight: normal;
	line-height: 20pt;
	color: #0190D2;
	margin-left: 6px
}
h1.magri {
	text-indent: -9000px;
	background:url(../images/criacao-manutencao-sites.gif) left no-repeat;
	height: 55px;
}
h1.magri a {
	width: 837px;
	height: 55px;
	display:block;
}
h1 a {
	font-size: 17pt;
	font-weight: normal;
	color: #1291ce;
}
h1 a:hover {
	font-size: 17pt;
	color: #167bab;
}
h2, h3, h4 {
	font-size: 10pt;
	font-weight: normal;
	line-height: 20pt;
	color: #0190D2;
	font-weight:bold;
}
a.leiamais {
	background: url(../images/leiamais.gif) no-repeat 0% 50%;
	padding-left: 14px;
	line-height: 20pt;
	color:#0190D2;
	text-decoration: none;
}
a.leiamais:hover {
	background: url(../images/leiamais.gif) no-repeat 0% 50%;
	padding-left: 14px;
	color: #333333;
	text-decoration: none;
}
#novidades {
	background: url(../images/news_bgleft2.jpg) no-repeat top left;
	padding: 10px 0px 16px 20px;
	margin-top: 27px;
	float: left;
	position: relative;
	width: 652px;
	height: 136px;
}
#novidades p span.novidades_caixas {
	font-size: 14pt;
	line-height: 28pt;
	color: #fff;
	font-weight: normal;
	display: block;
	width: 185px;
}
#novidades p span.novidades_interrogacao {
	font-size: 14pt;
	line-height: 28pt;
	color: #fff;
	font-weight: normal;
	display: block;
}
#novidades p {
	float: left;
	margin-right: 20px;
	width: 190px;
	text-align:justify;
}
#novidades p.int {
	width: 610px;
}
#novidades p.int a {
	color: #EFEFEF
}
#novidades p a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding-top: 7px;
	font-weight: normal;
}
html>body #novidades p a {
	padding-top: 0px;
}
#novidades p a strong {
	color: #D5FAFD
}
#novidades p a:hover {
	color: #FFF;
}
#novidades p a:hover strong {
	color: #F8F8F8;
}
#interrogacao_dir {
	background: url(../images/interrogacao.gif) no-repeat top left;
	float: right;
	position: relative;
	margin-top: -36px;
	width: 168px;
	height: 199px;
}
#parceiro_dir {
	background: url(../images/parceirodir.gif) no-repeat top left;
	float: right;
	position: relative;
	margin-top: -36px;
	width: 168px;
	height: 199px;
}
#servicos {
	background: #fff url(../images/fundo-servicos.gif) left top no-repeat;
	float: left;
	padding-left: 16px;
	width: 580px;
	height: 335px;
	padding-top: 30px;
}
#servicos h1 {
	position: relative;
	text-indent: -9000px;
}
#servicos p {
	width: 265px;
	float: left;
	margin: 20px 10px 20px 0px;
}
#servicos p a {
	color: #2D2D2D;
	display: block;
	width: 280px;
	text-decoration: none;
}
#servicos p a:hover {
	color: #000;
	display: block;
}
#criacao_de_sites {
	width: 260px;
	float:left;
}
#websites {
	width: 280px;
	float:right;
}
#websites ul {
}
#websites ul li {
	margin-left: 30px;
	width: 190px
}
#websites2 {
	width: 280px;
	float:left;
	display:block
}
.alinhar {
	position:relative;
	float:left
}
#criacao_de_sites h2, #websites h2 {
	font-size: 10pt;
	line-height: 10pt;
	color: #333;
	font-weight:bold;
	text-align:center;
}
#criacao_de_sites h3 {
	font-size: 10pt;
	line-height: 5px;
	margin-bottom: 15px;
	color: #333;
	font-weight:bold;
	text-align:left;
}
#websites h3 {
	font-size: 10pt;
	line-height: 5px;
	margin-bottom: 15px;
	color: #333;
	font-weight:bold;
	text-align:left;
	margin-left: 38px;
}
#criacao_de_sites p, #criacao_de_sites p a {
	font-size: 8pt;
	color: #343434;
	margin-top:2px;
	margin-bottom: 4px;
	line-height: 15px;
	width: 250px
}
#websites p, #websites2 p, #websites p a, #websites2 p a {
	font-size: 8pt;
	color: #343434;
	margin-top:2px;
	margin-bottom: 4px;
	margin-left: 30px;
	text-align:justify;
	width: 230px
}
#websites ul, #criacao_de_sites ul {
	width: 200px;
}
#websites ul li, #criacao_de_sites ul li {
	font-size: 8pt;
	color: #343434;
	list-style: none;
	padding-bottom:5px;
	text-align:justify;
}
#websites ul li strong, #criacao_de_sites li strong {
	color: #FFFFFF;
	text-decoration:underline;
	background-color: #666666
}
#websites a img, #websites2 a img, #criacao_de_sites a img {
	border: 1px solid #878787;
	margin-top: 3px;
	text-align:center;
}
#sites {
	background: #FFF url(../images/toposites.gif);
	float: left;
	background-position:top;
	background-repeat:no-repeat;
	padding-left: 16px;
	width: 839px;
}
#sites h1 {
	position: relative;
	text-indent: -9000px;
}
#sites p {
	width: 200px;
	float:left;
	margin: 10px 100px 0px 0px;
}
#sites p a {
	color: #2D2D2D;
	display: block;
	width: 280px;
	text-decoration: none;
}
#sites p a img {
	float: left;
	margin-bottom: 10px;
	margin-top:10px;
	margin-right: 10px;
	border: 1px solid #878787;
}
#sites p a strong {
	color: #666
}
#sites p a em {
	color: #666;
	font-style: normal;
}
#sites p a small {
	color: #036480;
	font-style: normal;
	font-size: 8pt;
}
#sites p a:hover {
	color: #000;
	display: block;
}
#sites p a:hover strong {
	color:#0190D2;
}
#sites p a:hover img {
	border: 2px solid #00CCFF;
}
#rodape {
	background: transparent right no-repeat url(../images/fundo-rodape.gif);
	float: left;
	width: 840px;
	margin: 0 auto;
	height: 60px;
	margin-bottom: 5px;
		margin-top: 15px;
}
#rodape:hover { background: transparent right no-repeat url(../images/fundo-rodape-a.gif); }
#rodape ul { margin: 0 auto; height: 50px; padding: 0px;}
#rodape ul li { margin-right: 15px;}
#rodape ul li a { width: 50px; height: 50px; display: block; }
#rodape ul li.flickr { float: left; width: 50px; height: 50px; background: url(../images/flickr.gif) no-repeat; text-indent: -9000px; list-style: none; }
#rodape ul li.flickr a:hover { background: url(../images/flickr2.gif) no-repeat; }

#rodape ul li.youtube { float: left; width: 50px; height: 50px; background: url(../images/youtube2.gif) no-repeat; text-indent: -9000px; list-style: none; }
#rodape ul li.youtube a:hover { background: url(../images/youtube.gif) no-repeat; }

#rodape ul li.srg { float: left; width: 50px; height: 50px; background: url(../images/srg2.gif) no-repeat; text-indent: -9000px; list-style: none; }
#rodape ul li.srg a:hover { background: url(../images/srg.gif) no-repeat; }

#rodape ul li.orkut { float: left; width: 50px; height: 50px; background: url(../images/orkut2.gif) no-repeat; text-indent: -9000px; list-style: none; }
#rodape ul li.orkut a:hover { background: url(../images/orkut.gif) no-repeat; }

#rodape p { 
	margin-left: 20px;
	font-size: 11px;
	float: left;
	position: relative;
	color: #333;
	width: 510px;
}
#rodape p.rodape_link {
	float: left;
	width: 250px;
}
#rodape p.rodape_link a {
	float: right;
	position: relative;
	color: #333;
	margin:0 5px;
	text-decoration: none;
}
#rodape p.rodape_link a:hover {
	color: #000;
}
.informacoes_contato {
	background: transparent;
	width: 214px;
	height: 330px;
	list-style: none;
	float: right;
	padding-top: 50px;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 20px;
	background: url(../images/fundo-contato.jpg) top center no-repeat;
}
.informacoes_contato p {
	color:#333;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align:justify;
	padding-right: 15px;
}
.informacoes_contato p a {
	color:#333;
}

.informacoes_contato a:hover {
	color: #000;
}

.informacoes_contato p.telefone {
	background:url(../images/telefone.gif) left top no-repeat;
	padding-top: 2px;
	padding-left: 20px;
}
.informacoes_contato p.email {
	background:url(../images/email-icone.gif) left top no-repeat;
	padding-left: 25px;
}
.formInfo a, .formInfo a:active, formInfo a:visited {
	background-color: #333333;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color: #FFF;
	text-decoration: none;
}
.formInfo a:hover {
	color: #00FFFF;
	text-decoration: none;
}
label {
	text-align:left;
	float:left;
	padding-right: 5px;
	padding-left: 15px;
	color: #375263;
	font-size: 12px
}
input {
	float:right;
	width: 300px;
	border: 1px solid #CCC;
	color: #375263
}
input:hover {
	width: 300px;
	border: 1px solid #9D9D9D
}
input#ddd {
	width: 20px;
	float: left;
	margin-left: 22px
}
input#inserir {
	float:left;
	margin-top: 10px;
	width:65px;
	margin-left: 10px;
	border: 1px solid #ADADAD;
	background-color: #D8D8D8;
}
input#inserir2 {
	margin-top: 5%;
	width:65px;
	border: 1px solid #666;
	background-color:#999;
}
input#continue {
	margin-right: 10px;
}
textarea {
	float:left;
	margin-left:15px;
	margin-top: 5px;
	font-size: 11px;
	width: 400px;
	border: 1px solid #CCC;
	color: #375263;
	font-size: 12px;
}
textarea:hover {
	border: 1px solid #9D9D9D
}
fieldset {
	border:none;
	width: 430px;
	margin-left: 180px;
	padding-top: 5px
}
#formulario p {
	padding-bottom: 12px;
}
h2.simples {
	text-indent: -9000px;
	background:url(../images/e-simples-falar-com-a-magri.gif) left bottom no-repeat;
	margin-left: 35px;
	margin-top: 10px;
}
h2.simples a {
	display: block;
	width: 571px;
	height: 28px;
}

h2.contratar {
	text-indent: -9000px;
	background:url(../images/h2-contratar.gif) left bottom no-repeat;
	margin-left: 35px;
	margin-top: 10px;
}
h2.contratar a {
	display: block;
	width: 571px;
	height: 28px;
}

h2.cliente {
	text-indent: -9000px;
	background:url(../images/quero-ser-cliente.gif) left bottom no-repeat;
	margin-left: 35px;
	margin-top: 10px;
}
h2.cliente a {
	display: block;
	width: 571px;
	height: 28px;
}

.mail {
	background:#FFF url(../images/navegador.jpg) no-repeat bottom right;
	border: 1px solid #999;
	width: 330px;
	float:left;
	margin-right: 5px;
	height: 280px;
}
.mail p, .mail h2 {
	margin: 10px;
	color:#343434;
	
}
.acessibilidade {
	background-color:#FFF;
	border: 1px solid #999;
	width: 485px;
	height: 280px;
	float:right;
}
.acessibilidade p, .acessibilidade h2 {
	margin: 10px; color: #343434;
}
.leitor {
	background-color:#FFF;
	border: 1px solid #999;
	width:838px;
	float:left;
	margin-right: 5px;
	height: 545px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.leitor p, .leitor h2 {
	margin: 10px;
	color: #343434;
}
.leitor h2 {
	font-size: 18px;
	margin-top: 25px;
}
.olhos {
	float: right;
	margin-left: 5px;
}
/* Página de Patrocínio*/

.patrocinio {
	float:left;
	width: 839px;
	height: 560px;
	margin-right: 10px;
	background: #e8e8e8 url(../imagens/patrocinio.gif) top center no-repeat;
	background-repeat:no-repeat;
	padding-bottom: 20px;
}
.patrocinio-time h2, .patrocinio-time h3, .patrocinio-time h4, .patrocinio-time h4 a {
	text-align: center;
	font-size:18px;
	color: #1291ce;
	padding-top: 10px;
}
.patrocinio-time h1 {
	margin-left: 3px;
}
.patrocinio-time p {
	padding:3px;
	margin:4px;
	color: #191919;
	text-align:justify;
	padding-top: 5px;
	font-size: 14px;
}
.patrocinio-time p a {
	color: #545454;
}
.patrocinio-time p strong {
	text-decoration:underline;
}
.patrocinio-time {
	background-color:#FFF;
	border: 1px solid #999;
	width:838px;
	float:left;
	margin-right: 5px;
	height: auto;
	margin-top: 10px;
}
.patrocinio-time p, .patrocinio-time h2 {
	margin: 10px;
}
.patrocinio-time h2 {
	font-size: 25px;
}
ul.galeria {
	margin-left: 25px;
}
ul.galeria li {
	list-style: none;
}
.patrocinio-time li {
	width: 750px;
}
.patrocinio-time li img {
	margin-right: 10px;
	border: 3px solid #CCC
}
ul.galeria-time {
	margin-left: 15px;
	list-style: none;
	height: auto;
    *margin-left: 55px; /* essa linha funciona no IE7 */
}
ul.galeria-time li {
	width: 100px;
	float: left;
	padding: 10px;
}
ul.galeria-time li img {
	padding: 0px;
	float: left;
}
/* Abertura de Portfolio*/
p {
	color: #FFF;
}
p a {
	color: #666;
	font-weight:bold;
}
#conteudo_meio p a {
	color: #000
}