*{margin:0; padding:0; list-style:none; outline:none; border:none; font-family:arial; }

html, body{background:#4880b8; height:100%;}

.clear{clear:both;}
.clearpad{float:left; clear:both; width:100%; height:15px;}

.f-left{float:left;}
.f-right{float:right;}

.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-center{text-align:center;}

strong.blue{color:#32679b;}

#container{position:relative; width:832px; margin:6px auto; background:#7fa6cd;}


/** HEADER **/
#header{float:left; position:relative; width:832px; height:74px; background:#385f87 url(../img/bg-stripe-topo.gif) repeat-x 0 0;}
	#header h1{position:absolute; left:24px; top:9px; width:184px; height:60px; background:url(../img/logo-scjohnson.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
	#header h1 a{float:left; width:100%; height:100%; text-decoration:none;}
	#header ul#menu-rapido{position:absolute; right:0; top:0; width:440px; height:44px; padding:0 0 0 4px; background:#4880b8 url(../img/fix-nav-topo.gif) no-repeat 0 0;}
	#header ul#menu-rapido li{float:left; padding:0 0 0 40px;}
	#header ul#menu-rapido li a{text-decoration:none; color:#c8d9eb; font-size:9px;}
	#header ul#menu-rapido li.fale-conosco{width:101px; background:url(../img/link-fale-conosco.gif) no-repeat 28px 6px;}
	#header ul#menu-rapido li.trabalhe-conosco{width:135px; background:url(../img/link-trabalhe-conosco.gif) no-repeat 28px 6px;}
	#header ul#menu-rapido li span{display:inline-block; text-indent:-6666px; overflow:hidden; width:100%; height:13px;}

/** MENU **/
#menu{float:left; clear:left; width:832px; height:36px; background:#cae0e8;}
	#menu li{position:relative; float:left; height:36px; display:inline; border-right:1px solid #c2d7df; text-align:center; background:url(../img/bg-menu.gif) repeat-x 0 0;}
	#menu li a{float:left; width:100%; height:100%; line-height:33px; /*text-indent:-6666px; overflow:hidden;*/ color:#33404c; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
	#menu li.on{background-position:0 -36px;}
	#menu li.on a{display:block; color:#ffffff;}
	#menu li a.on{color:#ffffff !important;}
	#menu li a.over{color:#4f81b4;}
	#menu li.mn-home{width:84px;}
	#menu li.mn-sobre{width:165px; /*background:url(../img/mn-sobre-ceras-johnson.gif) no-repeat center 0;*/}
	#menu li.mn-responsabilidade-social{width:174px; /*background:url(../img/mn-responsabilidade-social.gif) no-repeat center 0;*/}
	#menu li.mn-meio-ambiente{width:124px; /*background:url(../img/mn-meioambiente.gif) no-repeat center 0;*/}
	#menu li.mn-nossas-marcas{width:126px; /*background:url(../img/mn-nossas-marcas.gif) no-repeat center 0;*/}
	#menu li.mn-sala-imprensa{border:none; width:154px; /*background:url(../img/mn-sala-imprensa.gif) no-repeat center 0;*/}
	#menu li ul.submenu{position:absolute; left:31px; top:46px; white-space:nowrap; padding:0 0 4px 0; border-bottom:1px dotted #bdd1e6; display:none; }
	#menu li.on ul.submenu{display:block;}
	#menu li ul.submenu li{float:left; display:inline; border:none; height:13px; padding:0 0 0 18px; background:none;}
	#menu li ul.submenu li:first-child{padding:0;}
	#menu li ul.submenu li.first{padding:0;}
	#menu li ul.submenu li a{float:left; width:auto; color:#ffffff; border:none; height:13px; line-height:13px; font-size:12px; text-decoration:none; font-weight:normal; padding:0 0 0 4px; border-left:4px solid #bde8ff;}
	#menu li ul.submenu li a.on{font-weight:bold; color:#ffffff;}

	#menu li.mn-sala-imprensa ul{left:-653px;}
	#menu li.mn-meio-ambiente ul{left:-401px;}
	#menu li.mn-sobre ul{left:-60px;}
	#menu li.mn-sobre ul.submenu{width:340px;}
	#menu li.mn-meio-ambiente ul.submenu{width:475px;}
	#menu li.mn-sala-imprensa ul.submenu{width:253px;}


/** FOOTER **/
#footer{float:left; clear:left; width:832px; height:40px; padding:8px 0 0 0; background:#385f87;}
	#footer p{float:left; width:100%; line-height:17px; color:#ffffff; font-size:10px; text-align:center; padding:0;}
	#footer p a.link-criacao{display:inline-block; width:136px; height:9px; background:url(../img/sign-pubint.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}

/** HOME **/
#main{float:left; clear:left; width:782px; padding:36px 25px 36px 25px !important;}

#main-lead{float:left; position:relative; overflow-x:hidden; width:408px; height:303px; padding:25px 16px; background:url(../img/bg-main-box.jpg) no-repeat 0 0;}
	#main-lead h4{float:left; color:#385f87; font-size:24px;}
	#main-lead p{float:left; clear:left; font-size:12px; color:#2e5569; width:395px; padding:17px 0 8px 0; line-height:16px;}
	#main-lead p a{font-size:12px; color:#2e5569; text-decoration:none; font-weight:normal !important;}
	#main-lead p a:hover{text-decoration:underline;}
	#main-lead p.small{padding:17px 128px 8px 117px; width:180px;}
	#main-lead img.img1{position:absolute; left:327px; top:159px;}
	#main-lead img.img2{position:absolute; left:53px; top:128px;}

#meio-ambiente-lead{float:right; width:332px; overflow-x:hidden; height:353px; padding:0 0 0 0; background:url(../img/bg-box-meio-ambiente.jpg) no-repeat 0 bottom;}
	#meio-ambiente-lead h3{float:left; width:332px; height:44px; text-indent:-6666px; overflow:hidden; background:url(../img/tit-meio-ambiente.gif) no-repeat 0 0;}
	#meio-ambiente-lead dl{float:left; width:305px; padding:11px 0 0 79px;}
	#meio-ambiente-lead dl dt{font-size:14px; color:#043c0e; font-weight:bold; position:relative; padding:10px 0 0 0;}
	#meio-ambiente-lead dl dt img{position:absolute; left:-64px; top:0;}
	#meio-ambiente-lead dl dd{font-size:12px; color:#009933; position:relative; padding:0 0 17px 0;}
	#meio-ambiente-lead dl dd a{font-size:12px; color:#009933; text-decoration:none;}
	#meio-ambiente-lead dl dd a:hover{border-bottom:1px solid #009933;}

#responsabilidade-social-lead{position:relative; float:left; width:258px; height:189px; background:url(../img/bg-dest-01.jpg) no-repeat 0 0;}
	#responsabilidade-social-lead p{float:left; color:#636363; font-size:11px; width:110px; padding:49px 0 0 15px;}
	#responsabilidade-social-lead a{position:absolute; left:5px; bottom:4px; width:235px; height:17px; padding:4px 0 0 10px; font-size:10px; text-decoration:none; color:#ffffff;}
	#responsabilidade-social-lead a:hover{text-decoration:underline;}

#carreiras-lead{position:relative; float:left; width:262px; height:189px; background:url(../img/bg-dest-02.jpg) no-repeat 0 0;}
	#carreiras-lead a{position:absolute; left:5px; bottom:4px; width:235px; height:17px; padding:4px 0 0 10px; font-size:10px; text-decoration:none; color:#ffffff;}
	#carreiras-lead a:hover{text-decoration:underline;}

#valores-lead{position:relative; float:left; width:259px; height:189px; background:url(../img/bg-dest-03.jpg) no-repeat 0 0;}
	#valores-lead a{position:absolute; left:5px; bottom:4px; width:235px; height:17px; padding:4px 0 0 10px; font-size:10px; text-decoration:none; color:#ffffff;}
	#valores-lead a:hover{text-decoration:underline;}

#pato-lead{float:left; width:257px; height:176px; background:url(../img/bg-pato.gif) no-repeat 0 0;}
	#pato-lead p{float:left; font-size:10px; width:110px; padding:74px 0 0 9px; color:#333333;}
	#pato-lead p a{font-size:10px; color:#333333; text-decoration:none; font-weight:normal !important;}
	#pato-lead p a:hover{text-decoration:underline;}

#raid-difusor-lead{float:left; width:263px; height:176px; background:url(../img/bg-raid-difusor.gif) no-repeat 0 0;}
	#raid-difusor-lead p{float:left; color:#636363; font-size:10px; width:106px; padding:74px 0 0 15px; color:#333333;}
	#raid-difusor-lead p a{font-size:10px; color:#333333; text-decoration:none; font-weight:normal !important;}
	#raid-difusor-lead p a:hover{text-decoration:underline;}

#ultimas-noticias-lead{float:left; width:260px; height:176px; background:url(../img/bg-ultimas-noticias.gif) no-repeat 0 0;}
	#ultimas-noticias-lead p{float:left; color:#636363; font-size:10px; width:106px; padding:74px 0 0 17px; color:#333333;}
	#ultimas-noticias-lead p a.link-bullet-2{display:inline-block; padding:0 0 0 19px; height:13px; line-height:13px; background:url(../img/link-bullet-2.gif) no-repeat 0 0;}


/** INTERNAS **/
h2{color:#00549d; font-size:22px; font-weight:bold; line-height:18px; padding:30px 0 0 0;}
	h2 span{color:#558ec6; font-weight:normal; font-size:17px;}

.content h3{display:inline-block; padding:0 0 7px 20px; background:url(../img/tit-bullet.gif) no-repeat 0 0; color:#336699; font-size:13px; border-bottom:1px solid #b2cbe1;}

#main .content{float:left; clear:both; width:712px; overflow-x:hidden; min-height:500px; padding:0 34px 15px 34px; background:#ffffff url(../img/fix-bg-main.gif) no-repeat 0 0;}
* html #main .content{height:500px;}

#main .top-border-content{float:left; clear:both; width:780px; height:17px; background:url(../img/top-border-content.gif) no-repeat 0 0;}
#main .bottom-border-content{float:left; clear:both; width:780px; height:29px; background:url(../img/bottom-border-content.gif) no-repeat 0 0;}

.col-1{float:left; width:386px; padding:0 0 0 0;}
.col-2{float:right; width:365px; padding:0 0 0 0;}
.col-3{float:left; width:295px; padding:0 0 0 0;}
.col-1 h3{width:366px;}
.col-2 h3{width:345px;}
.col-3 h3{width:280px;}

.content p{color:#737373; font-size:11px; line-height:16px; padding:22px 0 0 0;}
.content blockquote{color:#336699; font-size:13px; line-height:16px; padding:23px 0 30px 0; font-style:italic;}
.content blockquote span{font-style:normal; margin-top:5px; line-height:25px;}

.content p.bg-degrade-top{background:url(../img/bg-p-degrade-top.jpg) repeat-x right 0;}
.content p.bg-degrade-bottom{padding:22px 0 22px 0; background:url(../img/bg-p-degrade-bottom.jpg) repeat-x right bottom; border-bottom:1px dashed #b2cbe1;}
.content .col-1 p{width:386px;}

p a{color:#00549d; font-weight:bold; text-decoration:none;}
p a:hover{text-decoration:underline;}

.bg-foto{width:300px; height:316px; padding:22px 0 0 26px; background:url(../img/bg-foto.jpg) no-repeat 0 0;}
	.bg-foto img{float:left;}
	.bg-foto span{float:left; background:#81b0e8; width:274px; padding:0 0 0 5px; color:#fdfdfd; font-size:14px; height:28px; line-height:28px; margin-top:1px;}

.bg-foto-gde{width:300px; height:425px; padding:29px 0 0 26px; background:url(../img/bg-foto-gde.jpg) no-repeat 0 0;}
	.bg-foto-gde img{float:left;}
	.bg-foto-gde span{float:left; background:#81b0e8; width:250px; padding:0 0 0 5px; color:#fdfdfd; font-size:14px; height:28px; line-height:28px; margin-top:1px;}

a.link-bullet-1{display:inline-block; background:url(../img/link-bullet-1.gif) no-repeat right center; height:16px; line-height:12px; padding:0 22px 0 15px; color:#6c9dcf; font-size:10px;}

hr{border-top:1px solid #b2cbe1; margin:25px 0; height:1px;}


/** FALE CONOSCO **/
fieldset.fld-fale-conosco{float:left; width:370px; border:none;}
	fieldset.fld-fale-conosco p{line-height:10px;}
	fieldset.fld-fale-conosco label{float:left; width:105px; font-size:11px; color:#006699;}
	fieldset.fld-fale-conosco input,
	fieldset.fld-fale-conosco select,
	fieldset.fld-fale-conosco textarea{font-size:11px; color:#737373; background:#efefef; border:1px solid #bbbbbb;}
	fieldset.fld-fale-conosco input{width:246px; padding:2px 4px;}
	fieldset.fld-fale-conosco textarea{width:246px; height:94px; padding:2px 4px;}
	fieldset.fld-fale-conosco input.btn{border:none; width:70px; height:22px; padding:0;}
	fieldset.fld-fale-conosco span{display:inline-block; width:183px; color:#b9b9b9; font-size:9px;}


/** NOSSAS MARCAS **/
.marca{position:relative; width:214px; min-height:128px; padding:0 0 20px 134px; border-top:1px solid #c0d7f3; background:url(../img/bg-degrade-marcas.jpg) repeat-x 0 0; margin-top:15px;}
* html .marca{height:148px;}
	.marca img{position:absolute; left:0; top:0;}
	.marca h4{float:left; width:200px; padding:18px 0 0 0; font-size:18px; color:#558ec6;}
	.marca p{float:left; width:185px; padding:4px 0 0 0; font-size:11px; color:#737373;}
	.marca p span.small{font-size:9px; line-height:12px;}
	a.marca-link{text-decoration:none;}
	a .marca p{text-decoration:none;}
	a:hover .marca p{text-decoration:underline;}


/** IMPRENSA **/
dl.noticias{float:left; width:715px; padding:20px 0 40px 0;}
	dl.noticias dt{float:left; width:715px; min-height:37px; padding:4px 0 0 0; background:url(../img/bg-degrade-noticias.jpg) no-repeat 0 0; border-top:1px solid #a8c5df; cursor:pointer;}
	* html dl.noticias dt{height:37px;}
	dl.noticias dt span.titulo{float:left; width:575px; min-height:13px; color:#737373; font-size:11px; text-transform:uppercase; font-weight:bold; padding:5px 0 5px 60px; background:url(../img/ico-show-hide.gif) no-repeat 7px 0;}
	* html dl.noticias dt span.titulo{height:13px;}
	dl.noticias dt.on  span.titulo{background-position:7px -377px;}
	dl.noticias dt span.data{float:right; text-align:right; width:58px; padding:5px 8px 0 0; font-size:11px; color:#558ec6; display:none;}
	dl.noticias dd{float:left; clear:left; width:642px; padding:0 0 35px 60px; color:#737373; font-size:11px; display:none;}
	dl.noticias dd p{padding:0 0 15px 0;}

#main .content p.other-links{border-top:1px dashed #acc7df; padding-top:7px;}

ul.paginacao{float:right; width:180px; padding:0 0 0 0;}
	ul.paginacao li{display:inline; float:left;}
	ul.paginacao a{float:left; display:inline-block; width:89px; height:18px;}
	ul.paginacao a span{float:left; width:100%; height:100%; text-indent:-6666px; overflow:hidden;}
	ul.paginacao a.btn-anterior{background:url(../img/btn-anterior.gif) no-repeat 0 0;border-right:1px solid #a8c4de;}
	ul.paginacao a.btn-proxima{background:url(../img/btn-proxima.gif) no-repeat 0 0;}


/** PRÊMIOS **/
ul.premios{float:left; width:715px; padding:25px 0 40px 0;}
	ul.premios li{float:left; display:inline; width:158px; padding:0 20px 0 0;}
	ul.premios li h4{float:left; width:158px; padding:10px 0 5px 0; color:#737373; font-size:11px; text-transform:uppercase; line-height:16px;}
	ul.premios li p{float:left; width:158px; padding:0 0 0 0;}
	ul.premios li span{float:left; width:157px; height:135px; padding:1px 0 0 1px; background:url(../img/bg-fotos-premios.gif) no-repeat 0 0;}


/** DOWNLOADS **/
.download-area{width:230px; height:135px;}
	.download-area img{float:left; margin-right:2px;}
	.download-area h4{float:left; color:#737373; font-size:11px; padding:0; width:140px; margin:0; line-height:auto;}
	.download-area p{float:left; width:140px; color:#737373; font-size:11px; line-height:16px; padding:0; margin:0;}
	.download-area p a{float:left; clear:left; margin:5px 0 0 0; width:112px; height:17px; text-indent:-6666px; overflow:hidden; background:url(../img/btn-faca-download.gif) no-repeat 0 0;}


p.p-size-1{width:395px;}
p.p-pad-1{padding-right:14px !important;}
p.p-pad-2{padding-top:7px;}
p.p-pad-3{padding-right:7px !important;}


/** TRABALHE CONOSCO **/
.bg-color-1{background:#f4f4f4; padding-bottom:10px;}

div.carreiras{float:left; width:386px;}
div.carreiras div.bg-fix{float:left; width:386px; background:#ffffff url(../img/bg-degrade-trabalhe-conosco.jpg) repeat-x 0 0;}
div.carreiras h4{float:left; clear:left; width:361px; font-size:11px; padding:6px 12px; font-weight:bold; border-top:1px solid #c0d7f3; color:#336699; cursor:pointer;}
div.carreiras p{float:left; clear:left; width:361px !important; padding:0 12px 25px 12px !important; display:none;}


/** POP LAYER **/
#alertArea{display:none;}
	#bgGeralAlpha{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; filter: alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; z-index:230;}
	#bgGeralAlphaSob{position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; filter: alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0;opacity: 0.0; z-index:227;}
	#alertArea .alertLayer{display:block; position:absolute; top:50%; left:50%; width:298px; height:418px; margin:-209px 0px 0px -149px; padding:0 0 0 0; z-index:235;}
		#alertArea .alertLayer .content{float:left; clear:left; padding:0; width:230px; height:333px; padding:85px 34px 0 34px; overflow:hidden; text-align:center; background:url(../img/bg-pop-envio-curriculo.gif) no-repeat 0 0;}
		#alertArea .alertLayer a.btn-close{position:absolute; right:-7px; top:-7px; width:19px; height:19px; background:url(../img/btn-fechar-pop.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; z-index:236;}
		#alertArea .alertLayer .content h4{float:left; clear:left; width:230px; color:#00549d; font-size:19px; text-align:left;}
		#alertArea .alertLayer .content p{float:left; clear:left; width:228px; color:#6684a3; font-size:11px; text-align:left; padding:8px 0 0 2px;}
		#alertArea .alertLayer .content p input{}
		#alertArea .alertLayer .content p input,
		#alertArea .alertLayer .content p textarea{float:left; clear:left; background:#f5f5f5; border:1px solid #d0d0d0; width:224px; padding:2px 0; margin:4px 0 8px 0; font-size:10px;}
		#alertArea .alertLayer .content p textarea{height:60px;}
		#alertArea .alertLayer .content p label{float:left;}
		#alertArea .alertLayer .content p input.btn{width:56px; height:22px; border:none;}
		#alertArea .alertLayer .content p input.inp-file{width:224px;}


/** POP LAYER **/
#alertArea2{display:none;}
	#bgGeralAlpha2{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; filter: alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; z-index:230;}
	#bgGeralAlphaSob2{position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; filter: alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0;opacity: 0.0; z-index:227;}
	#alertArea2 .alertLayer{display:block; position:absolute; top:50%; left:50%; width:298px; height:418px; margin:-209px 0px 0px -149px; padding:0 0 0 0; z-index:235;}
		#alertArea2 .alertLayer .content{float:left; clear:left; padding:0; width:230px; height:333px; padding:85px 34px 0 34px; overflow:hidden; text-align:center; background:url(../img/bg-pop-envio-curriculo.gif) no-repeat 0 0;}
		#alertArea2 .alertLayer a.btn-close{position:absolute; right:-7px; top:-7px; width:19px; height:19px; background:url(../img/btn-fechar-pop.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; z-index:236;}
		#alertArea2 .alertLayer .content h4{float:left; clear:left; width:230px; color:#00549d; font-size:19px; text-align:left;}
		#alertArea2 .alertLayer .content p{float:left; clear:left; width:228px; color:#6684a3; font-size:11px; text-align:left; padding:8px 0 0 2px;}


/** MEIO AMBIENTE **/
.meio-ambiente-green{background:url(../img/bg-green.jpg) no-repeat 23px 37px; height:887px;}
	.meio-ambiente-green .content{float:left; clear:both; width:712px; padding:0 34px 15px 34px; background:none !important;}
	.meio-ambiente-green .content h4{color:#65a84e; font-size:16px; text-transform:uppercase; padding:30px 0 0 0;}
	.meio-ambiente-green .content h3{background-image:url(../img/ico-green.gif); padding:4px 0 4px 30px;}

ul.bullet-1{padding:0 0 0 0;}
	ul.bullet-1 li{color:#737373; font-size:11px; line-height:16px; padding:22px 0 0 0; display:inline-block; padding:0 0 0 45px; background:url(../img/bullet-1.gif) no-repeat 37px 7px;}

.meio-ambiente-cyan{background:url(../img/bg-cyan.jpg) no-repeat 23px 37px; height:548px;}
	.meio-ambiente-cyan .content{float:left; clear:both; width:712px; padding:0 34px 15px 34px; background:none !important;}
	.meio-ambiente-cyan .content h3{background-image:url(../img/ico-cyan.gif); padding:4px 0 4px 30px;}

.meio-ambiente-red{background:url(../img/bg-red.jpg) no-repeat 23px 37px; height:666px;}
	.meio-ambiente-red .content{float:left; clear:both; width:712px; padding:0 34px 15px 34px; background:none !important;}
	.meio-ambiente-red .content h3{background-image:url(../img/ico-red.gif); padding:4px 0 4px 30px;}

.meio-ambiente-orange{background:url(../img/bg-orange.jpg) no-repeat 23px 37px; height:786px;}
	.meio-ambiente-orange .content{float:left; clear:both; width:712px; padding:0 34px 15px 34px; background:none !important;}
	.meio-ambiente-orange .content h3{background-image:url(../img/ico-orange.gif); padding:4px 0 4px 30px;}

.meio-ambiente-purple{background:url(../img/bg-purple.jpg) no-repeat 23px 37px; height:904px;}
	.meio-ambiente-purple .content{float:left; clear:both; width:712px; padding:0 34px 15px 34px; background:none !important;}
	.meio-ambiente-purple .content h4{color:#5d2e90; font-size:16px; text-transform:uppercase; padding:30px 0 0 0;}
	.meio-ambiente-purple .content h3{background-image:url(../img/ico-purple.gif); padding:4px 0 4px 30px;}