/*

Folha de estilos:

Autor: Raul Souza Lima

Data: 08/01/2007

*/

*, html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }

body { background:#F5F6F7 url(../images/bgbody.jpg); color:#000; text-align:center; }



.geral { position:relative; margin:auto; margin-bottom:5px; margin-top:5px; width:760px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; border:1px #CCC solid; }



.bgleft { position:absolute; width:15px; height:110px; border:0px #F00 solid; margin:0 0 0 -1px; }

#w3c img { border:none; }



/* TOPO */

.topo { background:#EEE url(../images/bgtopo.jpg) repeat-x; width:760px; height:107px; }

.topo img { border:none; }

.logocosmotec { position:absolute; width:90px; height:65px; margin:25px 0 0 35px; }

.logocosmotec a { color:#006; text-decoration:none; }

.bandeiras { position:absolute; width:70px; height:30px; margin:35px 0 0 180px; }

.bandeiras h4 { width:30px; height:30px; float:left; }

.brasil { margin:0 10px 0 0; }

/*#5E98B2*/

.campanha_agua {
	float:right;
	margin-left: 6px;
	padding:3px 9px 3px 3px;}

#campologin { background:url(../images/footer_login.png) no-repeat bottom; width:198px; padding:0 0 5px 0; float:right; overflow:auto; }

#campologin #logar #esquecisenha { color:#FFF; text-decoration:underline; cursor:pointer; }

#campologin a { color:#FFF; }

#campologin #logar { background:#5E98B2; padding:5px 0 0 10px; }

#campologin #logar #esquecisenha { margin:0 0 0 10px; }

#campologin fieldset { width:180px; border:none; }

#campologin input { width:125px; height:15px; font-size:11px; border:1px #CCC solid; margin:2px 0 0 0; color:#888; }

#campologin fieldset #login { width:153px; }

#campologin #enviar, #campologin #enviar_email { background:#999; color:#FFF; width:25px; height:17px; text-align:center; margin:2px 0 0 0; }

#campologin #email { display:none; background:#5E98B2; padding:3px 0 0 10px; }



/* /TOPO */



/* MENU_ACESSIBILIDADE */

.menu_acessibilidade { font-size:10px; background:#FFF; width:760px; height:17px; color:#666; text-align:right; }

.menu_acessibilidade a { padding:0 2px 0 2px; text-decoration:none; color:#666; }

.menu_acessibilidade a:hover { text-decoration:underline; }

/* /MENU_ACESSIBILIDADE */



/* HOME */

#slidehome { width:760px; height:260px; }

.footer_home { background:#FFF url(../images/bgfooter.jpg) repeat-x; width:760px; padding:0 0 10px 0; overflow:auto; }

.footer_home h6 { font-family:"Times New Roman", Times, serif; font-size:14px; color:#888; text-align:right; height:20px; padding:3px 25px 0 0; }

.footer_home .esq { width:450px; float:left; }

#cam_esq { height:95px; }

.footer_home .esq .destaques { background:#FFF; width:210px; height:81px; margin:15px 0 0 15px; float:left; display:inline; border:1px #999 solid; }

.footer_home .esq .news { background:#FFF; width:210px; height:81px; margin:13px 0 0 0; float:right; border:1px #999 solid; }

.footer_home .esq h4 { font-size:1em; color:#999; }

.footer_home .esq p { background:#5C98B2; color:#FFF; text-align:justify; padding:2px 3px 2px 3px; border:1px #999 solid; }

.footer_home .esq h5 { color:#5C98B2; font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:10px 0 0 0; }

.footer_home .esq a { color:#FFF; text-decoration:none; }

.footer_home .esq a:hover { text-decoration:underline; }

.footer_home .dir { width:308px; float:right; overflow:auto; }

.footer_home .dir .ombudsman { position:absolute; margin:16px 0 0 0; float:left; border:0px #F00 solid; }

.footer_home .dir .cotacao { position:absolute; background:#0B3458; width:185px; height:67px; margin:15px 0 0 60px; float:right; }

.footer_home .dir .cotacao h6 { height:17px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; border-bottom:1px #CCC solid; text-align:left; padding:0 0 0 1px; }

.footer_home .dir .cotacao h2 { font-family:Arial, Helvetica, sans-serif; color:#0C0; font-size:9px; text-align:center; }

.footer_home .dir .cotacao table { width:90px; margin:-4px 0 0 0; border:0px #F00 solid; }

.footer_home .dir .cotacao tr { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; margin:2px 0 0 0; }

.footer_home .dir .cotacao tr th { height:5px; text-align:left; }

.footer_home .dir .cotacao tr td { text-align:right; }

.footer_home .dir .cotacao .comercial { width:90px; height:50px; padding:0 2px 0 0; float:left; border-right:1px #CCC solid; }

.footer_home .dir .cotacao .ptax { width:90px; height:50px; float:right; border:0px #F00 solid;  }

.footer_home .dir .cotacao .fontebb { text-align:center; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; }

.fontebb a { color:#999;  text-decoration:none; }

.footer_home .dir .selos { text-align:center; margin:92px 5px 0 0; }

.footer_home .dir .selos img { padding:0 2px 0 2px; }



#novidades * { margin:0; padding:0; }

#novidades ul { float:left; list-style:none; }

#novidades li { display:inline; }

#novidades ul li a { background:#0B3458; display:block; padding:2px 5px 2px 5px; float:left; text-decoration:none; }

#novidades ul li a:hover { background:#5C98B2; }

#novidades ul li a.current { background:#5C98B2; }

#novidades div { clear:left; }

#novidades p { padding:1px 4px; }

/* /HOME */



/* MENU */

.menu { position:absolute; width:720px; padding:5px 5px 5px 5px; margin:93px 0 0 0; }

.menu ul { text-align:right; }

.menu ul li { display:inline; list-style:none; padding:5px 0px 5px 0px; }

#limenu { padding:0 0 100px 0; border:0px #F00 solid; }

.menu ul li a { background:#5D98B2; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; border:1px #FFF solid; padding:4px 3px 4px 22px; font-weight:bold; }

.menu ul li .institucional { background:#5D98B2 url(../images/icons/institucional.gif) no-repeat left; }

.menu ul li .produtos { background:#5D98B2 url(../images/icons/produtos.gif) no-repeat left; }

.menu ul li .releases { background:#5D98B2 url(../images/icons/releases.gif) no-repeat left; }

.menu ul li .contato { background:#5D98B2 url(../images/icons/contato.gif) no-repeat left; }



/* SUBMENU */

#submenu { position:absolute; background:#5D98B2; width:205px; padding:5px 5px 5px 5px; border:1px #FFF solid; margin:120px 0 0 384px; display:none; }

#submenu ul li { list-style:none; }

#submenu ul li a { background:url(../images/bglink.gif) left no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; padding:0 0 0 14px; }

#submenu ul li a:hover { text-decoration:underline; }

/* /MENU */



/* PGINAS */

.fotos { background:#5D98B2; width:760px; height:162px; border-bottom:3px #DDD solid; }

.fotos_company { background:#5D98B2; width:760px; height:201px; border-bottom:3px #DDD solid; }

.fotos .img1, .fotos_company .img1 { float:left; border-right:1px #CCC solid; }

.fotos .img2 { float:left; margin:0 0 0 15px; border-right:1px #CCC solid; border-left:1px #CCC solid; }

.fotos .img3 { float:right; border-left:1px #CCC solid; }

#conteudo { position:relative; background:url(../images/bgconteudo.jpg) repeat-y repeat-x; width:760px; }

.esq_conteudo { position:absolute; width:170px; margin:20px 0 0 30px; float:left; }

.esq_conteudo h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5D98B2; text-align:right; }

.esq_conteudo a { text-decoration:none; color:#000; }

.esq_conteudo a:hover { text-decoration:underline; }

.esq_conteudo h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5D98B2; text-align:left; margin:10px 0 2px 0; }

.esq_conteudo ul { margin:10px 0 0 0; }

.esq_conteudo ul li { list-style:none; text-align:right; }

.esq_conteudo ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5D98B2; text-decoration:none; }

.esq_conteudo ul li a:hover { color:#4E6736; }

.desc_conteudo { position:relative; width:515px; min-height:150px; margin:20px 0 15px 0; float:right; }

.desc_conteudo h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0 0 5px 0; }

.desc_conteudo p { font-size:11px; color:#888; margin:5px 15px 5px 0; text-align:justify; }

.desc_conteudo p.imprensa { width:510px; text-align:left; }

.desc_conteudo p.social { margin-bottom:15px; }

.desc_conteudo p img { float:right; margin:0 0 0 7px; border:0px #CCC solid; }

#cadastro { width:500px; min-height:290px; margin:0 auto; margin-top:10px; clear:both; }

#cadastro h4 { font-size:8; color:#666; width:600px; text-align:center;}

#cadastro h5 { font-size:20px; color: #999999 }

#cadastro p { font-size:11px; color:#888; margin:5px 15px 5px 0; text-align:justify; }

#cadastro form fieldset { width: auto }

#cadastro form select { font-family:Arial, Helvetica, sans-serif; width:100px; font-size:11px; color:#888; margin-bottom:2px; border:1px #CCC solid; }

#cadastro form select option { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; padding:0 0 0 3px; }


#cadastro form label { display:block; width:80px; }

/*#telefones { size:10; width:auto;}*/

.h4 { font-family:Arial, Helvetica, sans-serif; font-size:5px; color:#666; margin:0 0 5px 0; text-align:center }

/*teste*/



#eventocadastro { width:900px; min-height:100px; margin:0 auto; margin-top:10px; clear:both; }

#eventocadastro h4 { font-size:20px; color:#666; }

#eventocadastro p { font-size:20px; color:#888; margin:5px 15px 5px 0; text-align:center; }

#eventocadastro table { width:500px; border:#999999; text-align:left; position: relative; border:1px; table-layout:auto }

#eventocadastro table.th { font-size:15; }

#eventocadastro form select { font-family:Arial, Helvetica, sans-serif; width:320px; font-size:11px; color:#888; margin-bottom:2px; border:1px #CCC solid; }

#eventocadastro form select option { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; padding:0 0 0 3px; }

#eventocadastro form label { display:block; width:80px; }
/*teste*/


/*teste*/

#eventocadastronao { width:420px; min-height:0px; margin:0 auto; margin-top:10px; clear:both; }

#eventocadastronao h4 { font-size:20px; color:#666; }

#eventocadastronao p { font-size:20px; color:#888; margin:5px 15px 5px 0; text-align:left; }

#eventocadastronao table { width:100px; }

#eventocadastronao table.th { font-size:15; }

#eventocadastronao form select { font-family:Arial, Helvetica, sans-serif; width:320px; font-size:11px; color:#888; margin-bottom:2px; border:1px #CCC solid; }

#eventocadastronao form select option { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888; padding:0 0 0 3px; }

#eventocadastronao form label { display:block; width:80px; }
/*teste*/






#flash_cadastro { display:none; width:410px; font-size:14px; color:#888; font-weight:bold; text-align:center; padding:3px 0 3px 0; margin:0 auto; margin-bottom:5px; border:2px #F00 solid; }

.footer { clear:both; margin:0 0 10px 0; }

.footer h3 { background:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#5D98B2; text-align:center; }

.desc_conteudo ul li { color:#888; list-style-image:url(../images/icons/bullet_black.gif); list-style:inside square; margin:5px 0 0 0; }

.desc_conteudo p a { color:#666; font-weight:bold; text-decoration:none; }

.desc_conteudo p a:hover { text-decoration:underline; }

#tudorestrito { position:relative; margin:0 auto; padding:0; }

#meiorestrito { position:relative; margin:auto; margin-top:10%; width:260px; }

#meiorestrito h5 { color:#000; text-align:center; font-size:12px; margin-bottom:10px; }

#meiorestrito a { color:#000; text-decoration:none; }

#meiorestrito a:hover { color:#F00; background-color:#CCC; }

#meiorestrito form * { font-family:Calibri, Verdana, Arial; font-size:14px; }

#meiorestrito form fieldset { margin:3px 5px 3px 5px; }

#meiorestrito label { display:block; width:230px; float:left; text-align:right; }

#meiorestrito label input { vertical-align:middle; margin:3px 5px 3px 5px; width:150px; }

#meiorestrito fieldset legend { margin-left:10px; color:#000; }

#meiorestrito #enviar { width:60px; margin:5px 0 5px 17px; }

#meiorestrito label.lingua { width:40px; float:left; text-align:left; }

/* /PGINAS */





/* INSTITUCIONAL */

.esq_institucional { position:absolute; width:210px; height:210px; margin:20px 0 0 20px; float:left; }

.esq_institucional h3 {background:url(../images/icons/house.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5D98B2; text-align:left; padding:0 0 0 20px; margin:0 0 0 80px; text-align:right; }

.esq_institucional ul { margin:10px 0 0 0; }

.esq_institucional ul li { list-style:none; text-align:right; }

.esq_institucional ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5D98B2; text-decoration:none; }

.esq_institucional ul li a:hover { color:#4E6736; }

#fotos_institucional { position:relative; height:100%; margin:5px 0 0 0; }

#fotos_institucional ul { position:relative; list-style:none; margin:0; padding:0; }

#fotos_institucional ul li { position:relative; float:left; }

#fotos_institucional ul li a { position:relative; margin:0; padding:0; }

#fotos_institucional ul li img { border:none; margin:0 0 0 3px; }

/* /INSTITUCIONAL */



/* PRODUTOS */

.desc_produtos { position:relative; width:760px; margin:0 0 10px 0; }

.desc_produtos h5 { background:url(../images/icons/package.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5D98B2; margin:10px 0 0 15px; padding:0 0 0 20px; }

.desc_produtos p { font-size:11px; color:#888; margin:5px 15px 5px 15px; text-align:justify; }

#lista_prod { position:relative; padding:15px 15px 10px 15px; }

#lista_prod h3 a { color:#888; font-size:14px; font-weight:bold; text-decoration:none; margin:5px 0 10px 0px; clear:both; }

#lista_prod h3 a:hover { text-decoration:underline; }

#lista_prod h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0 0 5px 15px; }

#lista_prod #prod_esq { width:380px; padding:5px 0 5px 0; border:4px #CCC solid; float:left; }

#lista_prod #prod_dir { width:320px; height:257px; margin:0 0 0 10px; padding:5px 0 5px 0; border:4px #CCC solid; float:left; }

#prod_esq ul li, #prod_dir ul li { color:#888; list-style:inside; margin:5px 0 0 15px; }

/* /PRODUTOS */



/* NEWS */

#centro_news { position:relative; padding:20px 10px 0 30px; }

#esq_news { width:170px; float:left; }

#esq_news h4 { background:url(../images/icons/newspaper.png) no-repeat left top; margin-bottom:10px; padding:0 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5D98B2; text-align:left; }

#esq_news h3 { background:url(../images/icons/calendar.png) no-repeat left top; padding:0 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5D98B2; text-align:left; }

#esq_news h5 { font-size:14px; color:#5D98B2; }

#esq_news ul { margin:5px 0 10px 0; text-align:justify; }

#esq_news ul li { background:url(../images/seta.gif) no-repeat left top; padding:0 0 0 15px; margin:0 0 5px 0; list-style:none; text-align:justify; }

#esq_news ul li a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5D98B2; text-decoration:none; }

#esq_news ul li a:hover { color:#4E6736; }

#esq_news select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:170px; color:#5D98B2; border:1px #5D98B2 solid; margin:5px 0 10px 0; }

#desc_news { width:515px; margin:0 0 15px 0; float:right; }

#desc_news h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0 15px 5px 0; }

#desc_news p { font-size:11px; color:#888; margin:5px 15px 5px 0; text-align:justify; }

#desc_news p img { float:right; margin:0 0 0 7px; border:0px #CCC solid; }

#desc_news p span.customer { width:310px; padding:0 0 5px 10px; overflow:hidden; float:right; }

#desc_news p span.customer img { margin:0; }

#desc_news p span.nomes { text-align:justify; font-weight:bold; }

#desc_news ul li { color:#888; list-style-image:url(../images/icons/bullet_black.gif); list-style:inside square; margin:5px 0 0 0; }

#desc_news p a { color:#666; font-weight:bold; text-decoration:none; }

#desc_news p a:hover { text-decoration:underline; }

.feed { padding:0 0 0 19px; background:url("../images/icons/feed.png") no-repeat 0 50%; }

a.feed { color:#5D98B2; font-weight:bold; text-decoration:none; }

a.feed:hover { text-decoration:underline; }

#desc_news p span.customerr { width:310px; padding:0 0 5px 10px; overflow:hidden; float:right; }

#desc_news p span.customerr img { margin:0; }

#desc_news p span.nomess { text-align:justify; font-weight:bold; }


/* /NEWS */




/* Tabela 3 usa uma uma borda estilizada  */
#table3 
	{
	visibility: visible;
	width: 100%;
	position: float;
	}
#table3 table   
	{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	}
#table3 td
	{
	background-color:;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC ;
	}
#table3 th
	{
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #F5FAF5;
	text-align: left;
	}
/* fim */

/* CONTATO */

h3.contato { background:url(../images/icons/email.png) no-repeat left top; padding:0 0 0 20px; text-align:left; }

.form_contato { position:relative; height:345px; }

.form_contato p a { color:#888; margin:5px 0 0 0; }

.form_contato p a:hover { text-decoration:underline; }

.form_contato form { font-size:11px; color:#888; }

.form_contato form fieldset { width:400px; height:auto; padding:0; float:left; border:none; }

.form_contato form fieldset span { text-align:right; margin:5px 16px 0 0; font-weight:bold; float:right; }

.form_contato form input { font-family:Arial, Helvetica, sans-serif; width:320px; font-size:11px; margin-bottom:2px; border:1px #CCC solid; }

.form_contato form label { display:block; width:62px; float:left; }

.form_contato form textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:382px; height:80px; border:1px #CCC solid; }

.form_contato form input#enviar_contato { background:#CCC; color:#888; font-size:11px; width:50px; height:20px; margin:3px 0 0 0; border:none; float:left; }

.esq_conteudo h2.trabalhe { margin-top:20px; }

.esq_conteudo .ombudsman { margin:30px 0 0 0; }


/* /CONTATO */



/* SOLICITAO */

.form_contato2 { position:relative; height:160px; }

.form_contato2 p a { color:#888; margin:5px 0 0 0; }

.form_contato2 p a:hover { text-decoration:underline; }

.form_contato2 form { font-size:11px; color:#888; }

.form_contato2 form fieldset { width:400px; height:auto; padding:0; float:left; border:none; }

.form_contato2 form fieldset span { text-align:right; margin:5px 16px 0 0; font-weight:bold; float:right; }

.form_contato2 form input { font-family:Arial, Helvetica, sans-serif; width:320px; font-size:11px; margin-bottom:2px; border:1px #CCC solid; }

.form_contato2 form label { display:block; width:62px; float:left; }

.form_contato2 form textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:382px; height:80px; border:1px #CCC solid; }

.form_contato2 form input#enviar_contato { background:#CCC; color:#888; font-size:11px; width:50px; height:20px; margin:3px 0 0 0; border:none; float:left; }

/* SOLICITAO */



/* SITE MAP */

.desc_map { position:relative; width:760px; height:auto; margin:0 0 10px 0; }

.desc_map h5 { position:relative; font-size:12px; color:#666; margin:10px 0 0 15px; }

.desc_map p { font-size:11px; color:#888; margin:5px 15px 5px 15px; text-align:justify; }

.map { width:720px; margin:10px 0 10px 15px; padding:5px 0 5px 0; border:0px #CCC solid; }

.map a { color:#888; text-decoration:none; }

.map a:hover { text-decoration:underline; }

.map ul li { color:#888; list-style:inside; margin:5px 0 0 15px; }

/* /SITE MAP */



/* VCARD */

.vcard { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; margin:5px 0 0 0; width:auto; }

.email { color:#000; text-decoration:none; }

.email:hover { text-decoration:underline; }

#tipo_telefone { display:none; }

/* /VCARD */

div.campanha_cosmotique { float: right; margin-top: 3px; }

div.evento_title {
color:#5D98B2;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align: center;
font-weight: bold;
}