/* PROJETO: TUPPERWARE BRASIL
   ARQUIVO: estilo-2.css
*/
*,html{ margin:0px;padding:0px; }
a{ color:#0099CC; text-decoration:none; cursor:pointer;}
body{ background-color:#FFFFFF;}
p {text-align:justify;}
h2{color:#333333; float:left; font:11px "Trebuchet MS", Verdana; padding:15px; text-transform:uppercase; }
h3{color:#333333; float:left; font:bold 16px "Trebuchet MS", Verdana; padding:15px; }
h1{ background:url(../img/tupperware-h1-principal.jpg) no-repeat; float:left; height:114px; text-indent:-8000px; width:230px;}
#geral{ background:url(../img/tupperware-background-sustentabilidade.gif) no-repeat !important; height:740px !important; padding:10px 0 0 20px; width:980px;}
.head{  margin-top:-10px; }
#menu{ list-style-type:none; padding-left:20px;}
#menu-principal{ clear:both;float:left;list-style-type:none;margin-left:-15px;padding-top:20px;}
#menu li{ float:left; height:47px; margin-left:-5px; text-indent:5px;}
.menu_1{ background:url(../img/tupperware-background-menu-sustentabilidade-1.jpg) no-repeat; width:212px;}
.menu_2{ background:url(../img/tupperware-background-menu-sustentabilidade-2.jpg) no-repeat; width:112px;}
.menu_3{ background:url(../img/tupperware-background-menu-sustentabilidade-3.jpg) no-repeat; width:300px;}
.menu_4{ background:url(../img/tupperware-background-menu-sustentabilidade-4.jpg) no-repeat; width:138px;}
.menu_5{ background:url(../img/tupperware-background-menu-sustentabilidade-5.jpg) no-repeat; width:161px;}
.left,.right{ margin-top:10px;}
.left{ float:left; width:590px; margin-left:15px; *margin-left:15px; display:none;} 
.right{ float:left; width:315px; padding: 10px 0px 0px 20px; height:497px; background:url(../img/tupperware-background-right-sustentabilidade.jpg) no-repeat; list-style-type:none;}
.right li{ width:300px; height:80px; *height:75px;}
.right li img{ float:left;}
.right li p{ float:left; color:#3A7C10; font:bold  10px "Trebuchet MS", Verdana; width:160px; margin-left:10px; text-align:left;}
.box-sus{background:url(../img/tupperware-box-sustentabilidade.jpg) no-repeat; height:153px; width:567px; margin-top:20px;}
.box-sus p{ clear:both; color:#333333; float:left; font:12px "Trebuchet MS", Verdana; padding-left:15px; padding-right:15px; margin-top:-10px; width:500px;}
.observacao{ color:#7FB448 !important;}
.flash{clear:both;margin-top:40px;text-align:center;width:920px;}
.box-video-sustentabilidade{ background:url(../img/tupperware-background-videos-sustentabilidade.gif) no-repeat; float:left; height:224px; width:458px; margin-left:20px;}
.box-video-sustentabilidade h3{ margin-top:30px !important;}
.box-video-sustentabilidade img{ float:left; margin:30px 0px 0px 30px;}
.box-video-sustentabilidade a img{ float:left; margin:50px 0px 0px 50px;}
.box-video-sustentabilidade p{ color:#333333; float:left; font:13px "Trebuchet MS", Verdana; line-height:12px; margin:10px 0px 0px 10px; width:180px;  }
.leia-mais{margin:10px 0px 0px 115px !important; width:100px !important;}
.verde {color:#006600}
#sus{ position:relative;}
#submenu-sus{ display:none; background:url(../img/tupperware-background-submenu.png) no-repeat; width:133px; height:38px; position:absolute; top:42px; left:0px; list-style:none;}
#submenu-sus li{ width:150px; height:20px; color:#333333; font:bold 9px "Trebuchet MS", Verdana; text-transform:uppercase; margin:0px 0px 0px 5px;}
#submenu-sus li a{ color:#333333;}
.imagem-texto,.so-texto{width:840px; margin:20px 0px 0px 20px; clear:both;}
.imagem{ background:url(../img/tupperware-background-depoimento.gif) no-repeat; float:left; height:198px; margin-right:20px; width:450px;}
.imagem img{ display:block; float:left; margin:30px 20px 0px 20px;}
.imagem p{ color:#333333; float:left; font:16px "Trebuchet MS", Verdana; width:200px; *width:150px; margin-top:70px;}
.texto-2{ float:left; width:360px;}
.texto-2 p{ color:#333333; font:13px "Trebuchet MS", Verdana; padding-bottom:10px; width:370px; }
.so-texto{ padding-top:1px; border-bottom:2px dotted #A48CFE;}
.so-texto p{ color:#333333; font:13px "Trebuchet MS", Verdana; padding-bottom:10px; line-height:15px;}
.voltar{ font: bold 14px "Trebuchet MS", Verdana; margin:0px 0px 0px 40px;}
#textos{ clear:both; padding:20px; width:920px;}
