/* //  GIVAUDAN //  Point Systems  // */

/* ///////////////////////////////////////////// BODY /////*/
html, body, #content {height:100%;}
* {margin:0; padding:0;	border:0;}
body {font:10px Tahoma, Arial, Helvetica, sans-serif; color:#7D7D7D; background-color:#F1F1F1; font-size:11px;}

/* ///////////////////////////////////////////// CONTENT /////*/
#content { margin:auto; display:table; width:758px; height:auto; background-color:White; margin-top:10px;}

/* ///////////////////////////////////////////// HEADER /////*/
#header {position:relative; float:left; width:758px; height:72px; background:url(img_header.gif) no-repeat;}
.home {position:relative; float:left; width:170px; height:44px; margin:14px 25px;} .home span {display:none;}

/* ///////////////////////////////////////////// MENU /////*/
#menu {position:relative; float:left; padding:10px; z-index:55;}
#menu ul {position:relative; float:left; list-style:none;}
.menu_up {display:block; width:192px; height:21px; padding:6px 0px 0px 35px;  background:url(bg_menu_link.gif) no-repeat; text-decoration:none; color:#7D7D7D; font-size:11px; font-weight:bold;} .menu_up:hover {background-position:0px -32px; color:#9E0639;}
.menu_on {display:block; width:192px; height:21px; padding:6px 0px 0px 35px;  background:url(bg_menu_link.gif) no-repeat ; background-position:0px -32px; color:#9E0639; text-decoration:none; font-size:11px; font-weight:bold;}
.menu_over {display:block; width:172px;  padding:6px 0px 6px 55px;  background:url(bg_submenu_link.gif) no-repeat; text-decoration:none; color:#7D7D7D; font-size:11px;} .menu_over:hover {background-position:-227px 0px!important; color:#9E0639;}
.menu_over_on {display:block; width:172px; padding:6px 0px 6px 55px;  background:url(bg_submenu_link.gif) no-repeat;  background-position:-227px 0px; color:#9E0639;  text-decoration:none; font-size:11px;} 
.menu_home {display:block; width:192px; height:21px; padding:6px 0px 0px 35px;  background:url(bg_menu_home.gif) no-repeat; text-decoration:none; color:#7D7D7D; font-size:11px; font-weight:bold; margin:10px 0px;} .menu_home:hover {background-position:0px -32px; color:#9E0639;}
.menu_especial {display:block; width:192px; height:21px; padding:6px 0px 0px 35px;  background:url(bg_menu_link.gif) no-repeat; text-decoration:none; color:#7D7D7D; font-size:11px; font-weight:bold; margin-top:10px;} .menu_especial:hover {background-position:0px -32px; color:#9E0639;}
.menu_especial_on {display:block; width:192px; height:21px; padding:6px 0px 0px 35px;  background:url(bg_menu_link.gif) no-repeat ; background-position:0px -32px; color:#9E0639; text-decoration:none; font-size:11px; font-weight:bold; margin-top:10px;}
.menu_spacer {width:192px; height:10px; background-color:#F1F1F1;}
.select2 {font-size:9px; width:196px; margin:6px; border:1px solid #CFCFCF; background-color:#FAFAFA;}
.select_size1 {width:100%;}
.rh_form input, .rh_form textarea, .rh_form select  {font:11px Tahoma, Arial, Helvetica, sans-serif;  border:1px solid #CFCFCF; background-color:#FAFAFA; padding:2px; margin:1px;}
.rh_form label {display:block; width:100%; padding:5px;}
textarea {width:98%;}
.enviar {float:right; width:100px;}
.close_image {background-color:white;}  .close_image:hover {background-color:#a90029;}

/* N A V I G A T I O N */
#nav li {float:left; clear:both;}
#nav li ul {border:1px solid #cfcfcf; border-width:1px 2px 2px 1px;}

/* D R O P D O W N S */
#nav ul {position:absolute; z-index:999; left:-999em;	margin:-22px 0 0 210px; font-weight:normal; width:21.9em; height:auto; border:solid #cfcfcf; border-width:1px 1px 0; background:#f1f1f1; cursor:hand;}
#nav li li {padding:0px 1em 0px 0; width:21em; text-align:left; border-bottom:1px dashed #cfcfcf; font-weight:normal;}
#nav ul a {text-decoration:none; color:#7D7D7D; border-left:none; display:block; width:100%; font-weight:normal; padding:5px;} #nav ul a:hover {color:#9E0639;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;}

#nav li.sfhover .menu_over {background:url(bg_submenu_link.gif) no-repeat; background-position:-227px 0px!important; color:#9E0639;}

#nav ul li a {background-image:none;}
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {background: #fafafa; padding-right:10px;}



/* ///////////////////////////////////////////// RIGHT /////*/
#right_home {position:relative; float:right; width:451px; height:auto; padding:30px; background:url(spacer_01.gif) repeat-y;}
#right {position:relative; float:right; width:451px; min-height:398px; padding:30px; background:url(spacer_01.gif) repeat-y;} * html body #right {height:398px;}
#right p {margin-top:10px; width:98%; line-height:20px; padding-left:2px;}
#right p img {float:left;}
.list_01 {padding:10px 10px 10px 30px; line-height:20px;}
.list_01 a {text-decoration:none; color:#9E0639;} .list_01 a:hover {color:#B2B2B2;}
.list_01 ul ul a {color:#B2B2B2;} .list_01 ul ul a:hover {color:#7D7D7D;}
.txt_01 {margin-top:18px;}
.img_right_01 {padding:4px; border:10px solid #F1F1F1; margin:0px 10px 10px 0px; display:inline;}
.img_principal {position:relative; float:right; margin:-20px; width:490px; height:162px;}
.logo_resp_social {float:right; margin-top:18px; margin-right:20px;}
.logo_resp_social_com {margin-left:160px;}
.menu_int {position:relative; float:left; width:100%; height:23px; text-align:center; background-color:#FAFAFA;  font-weight:bold; padding-top:15px; padding-bottom:5px; border:1px solid #DADADA;}
.menu_int li {display:inline;}
.menu_int li a {padding:7px; text-decoration:none; color:#9E0639; font-weight:normal;} .menu_int li a:hover {color:#7D7D7D; text-decoration:underline;}
.int_spacer {position:relative; float:right; width:100%; height:1px;  margin:10px 0px; padding:0px 0px; background:url(spacer_02.gif) repeat-x;} * html body .int_spacer {padding:2px 0px; margin-bottom:-11px;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; letter-spacing:-2px; color:#BDBBBB;}
h2 strong {color:#990034; font-weight:normal;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#9E0639; margin-top:15px; font-weight:normal; letter-spacing:-1px;}
h4 {font-size:14px; color:#C8C8C8; margin-top:10px; margin-bottom:-10px;}
.voltar {position:absolute; display:block; width:62px; text-align:right;  right:32px; top:35px; font-size:14px; font-weight:bold; text-decoration:none; color:#9E0639; background:url(ico_09.gif) no-repeat; background-position:0px 3px;} .voltar:hover {color:#7D7D7D; background-position:0px -12px;}
.voltar img {vertical-align:middle;}
.table_small {font-size:9px; margin-top:15px; background-color:#F1F1F1; border:1px solid #F1F1F1;}
.table_small td {border:1px solid white; padding:1px;}
.table_txt {font-size:10px; margin-top:15px; background-color:#F5F5F5; border:1px solid #F1F1F1;}
.table_txt td {border:4px solid white; padding:2px;}
.table_txt td strong {color:#9E0639;}
.table_balanco {font-size:9px; margin-top:15px; border:1px solid #F1F1F1;}
.table_balanco_h {background:#990033; color:white; font-weight:bold;}
.table_balanco td {padding:3px;}
.table_bg {background-color:#F1F1F1}
.red {color:#9E0639;}
.table_prem {margin-top:20px; font-size:9px; text-align:center;}
.table_prem td {padding:5px;}
.thead {background-color:#CFCFCF; color:white; font-weight:bold; text-align:center; height:30px;}
.link_01, .link_02 {color:#9E0639; text-decoration:none; margin-bottom:10px;} .link_01:hover, .link_02:hover { text-decoration:underline;}
.link_02 img {margin-top:5px; margin-right:8px;}

/* ///////////////////////////////////////////// MIDIA /////*/
.news_media {float:left;}
.news_media p {float:right!important; clear:both; width:402px!important; margin:0px!important; padding:0px!important;}
.news_media p a {text-decoration:none; color:#7d7d7d; display:block;} .news_media p a:hover {text-decoration:underline;}
.news_media p a span {color:#9e0639; font-size:14px;}
.news_media .date_midia, .date_midia_int {float:left; width:37px; height:37px; font-size:9px; background:url(date_midia.gif) no-repeat; color:white!important; text-align:center; font-weight:bold; margin-top:2px; margin-right:10px;}
.news_media .date_midia span, .date_midia_int span {text-transform:uppercase; display:block; margin:2px 0 3px 0; font-size:15px; font-weight:normal; color:#9e0639!important;}
.date_midia_int {position:absolute; left:0px; top:127px; _top:118px;}

/* ///////////////////////////////////////////// SPACERS /////*/
.h_spacer {float:right; width:100%; height:1px; height:1px; background:url(spacer_02.gif) repeat-x; _margin-bottom:-12px;}

/* ///////////////////////////////////////////// HOME /////*/
#home {position:relative; float:left; width:497px; height:auto; padding:10px;}
#home img {position:relative; float:left; margin-right:15px;}
#home h1 {position:relative; float:left; width:240px;}
#home p {position:relative; float:left; width:240px; margin-top:9px; line-height:21px;}
#home p a {width:100%; display:block; text-decoration:none; color:#7D7D7D;} #home p a:hover {text-decoration:underline;}
#home .h_spacer {margin:10px 0px;}  * html body #home .h_spacer {margin-bottom:-1px;}
#home_right p a img {position:relative; float:right; margin-top:5px;}
#home_right p a small {font-weight:normal; color:#7D7D7D; font-size:11px;}
#home_right_spacer {position:relative; float:left; margin-top:10px; width:100%; height:1px; background:url(spacer_04.gif) repeat-x;} * html body #home_right_spacer {margin-bottom:-14px;}
#home_right ul {position:relative; float:left; padding:10px 10px 10px 18px; line-height:25px; list-style:none;}
#home_right ul a {padding-left:15px; text-decoration:none; color:#7D7D7D; background:url(ico_01.gif) no-repeat; background-position:0px 4px;} #home_right ul a:hover {background-position:2px -14px; color:#979797;}
.top {padding-top:5px;}
#visao_hist {float:left; width:738px; height:147px; padding:10px;}
#visao_hist .visao_img02, #aromas_home .aromas_img1, #fragrancias_home .aromas_img1 {float:left; padding-right:11px; background:url(spacer_01.gif) repeat-y right; margin-right:10px;}
#visao_hist #nossa_historia {float:left; display:inline; width:235px; height:147px; padding-right:10px; margin-left:1px; background:url(spacer_01.gif) repeat-y right;}
#visao_hist #resp_social {float:left; display:inline; width:228px; height:147px; padding-right:10px; background:url(spacer_01.gif) repeat-y right;  margin-right:10px;}
#visao_hist #visao_valores {float:left; margin-left:10px; width:234px; display:inline;}
#visao_hist #nossa_historia h1, #visao_hist #visao_valores h1, #visao_hist #resp_social h1 {float:left; display:inline; width:214px; display:block; font-size:11px; background-color:#8CB4E8; color:white; padding:10px; font-weight:normal;}
#visao_hist #nossa_historia p a, #visao_hist #visao_valores p a, #visao_hist #resp_social p a {float:left; width:208px; height:95px; padding:8px 15px 10px 10px; line-height:17px; background:url(ico_06.gif) no-repeat right bottom; background-color:#fafafa; display:block; color:#7D7D7D; text-decoration:none;} #visao_hist #nossa_historia p a:hover, #visao_hist #visao_valores p a:hover, #visao_hist #resp_social p a:hover {text-decoration:underline;}
#visao_hist #resp_social h1 {width:206px;}
#visao_hist #resp_social p a {width:201px;}
#aromas_home, #fragrancias_home {float:left; width:738px; padding:10px; line-height:17px;}
#aromas_home #aromas_txt , #fragrancias_home #fragrancias_txt {float:left; width:235px; padding-right:10px; background:url(spacer_01.gif) repeat-y right; margin-right:10px;}
#fragrancias_home #fragrancias_txt {background-image:none;}
#aromas_home #aromas_txt a, #fragrancias_home #fragrancias_txt a {float:left; width:232px; height:100px; padding:8px 5px 10px 0px; background:url(ico_07.gif) no-repeat right bottom; display:block; color:#7D7D7D; text-decoration:none;} #aromas_home #aromas_txt a:hover, #fragrancias_home #fragrancias_txt a:hover {text-decoration:underline;}
#aromas_home .aromas_img2 {float:left;}
#frag_left {float:left; width:493px; background:url(spacer_01.gif) repeat-y right; margin-right:10px;}
#fragrancias_txt h1 {margin-bottom:-6px;}
#fragrancias_home #lanc_novi {float:left; clear:both; width:492px; height:147px; padding-top:10px;}
#frag_left #fragrancias_txt {display:inline; width:190px!important;}
#frag_left #fragrancias_txt p a {display:inline; width:228px!important; _width:220px!important;}
#lanc_novi #lanc_home {float:left; display:inline; width:228px; height:147px; padding-right:10px; background:url(spacer_01.gif) repeat-y right;}
#lanc_novi #novi_home {float:left; margin-left:10px; width:240px; display:inline;}
#lanc_novi #lanc_home h1, #lanc_novi #novi_home h1, #tend_home h1, #tend_home2 h1 {float:left; display:inline; width:207px; display:block; font-size:11px; background-color:#bababa; color:white; padding:10px; font-weight:normal;}
#lanc_novi #novi_home p a, #lanc_novi #lanc_home p a, #tend_home p a, #tend_home2 p a {float:left; width:202px; height:95px; padding:8px 15px 10px 10px; line-height:17px; background:url(ico_07.gif) no-repeat right bottom; background-color:#fafafa; display:block; color:#7D7D7D; text-decoration:none;} #lanc_novi #lanc_home p a:hover, #lanc_novi #novi_home p a:hover, #tend_home a:hover, #tend_home2 a:hover {text-decoration:underline;}
#novi_home p a {width:210px!important;}
#lanc_novi #novi_home h1 {width:215px!important;}
#tend_home {float:left; display:inline; width:235px;}
#tend_home2 {float:left; margin-top:10px; width:235px;}
#tend_home h1, #tend_home2 h1 {width:215px!important;}
#tend_home img, #tend_home2 img {margin:10px 0px;}
#tend_home p a, #tend_home2 p a {width:210px!important; height:86px;}
#tend_home2 p a {height:95px;}


/* ///////////////////////////////////////////// BOTTOM /////*/
#bottom {position:relative; float:left; width:758px; height:52px; background:url(bg_bottom.gif) no-repeat; color:#B2B2B2;}
#bottom p {position:relative; float:left; padding:14px;}
#bottom ul {position:relative; float:right; padding:12px;} #bottom ul li {display:inline;} 
.givaudan {position:relative; float:left; width:auto; height:26px; padding:2px 20px 0px 28px; display:block; background:url(ico_02.gif) no-repeat; text-decoration:none; color:#B2B2B2;} .givaudan:hover {background-position:0px -30px; color:#7D7D7D;}
.mapa {position:relative; float:left; width:auto; height:26px; padding:2px 20px 0px 26px; display:block; background:url(ico_03.gif) no-repeat; text-decoration:none; color:#B2B2B2;} .mapa:hover {background-position:0px -30px; color:#7D7D7D;}
.pt {position:relative; float:left; width:auto; height:26px; padding:2px 8px 0px 26px; display:block; background:url(ico_04.gif) no-repeat; text-decoration:none; color:#DEDEDE;} .pt:hover {background-position:0px -29px; color:#7D7D7D;}
.en {position:relative; float:left; width:auto; height:26px; padding:2px 5px 0px 26px; display:block; background:url(ico_05.gif) no-repeat; text-decoration:none;  color:#DEDEDE;} .en:hover {background-position:0px -29px; color:#7D7D7D;}
.pt_on {position:relative; float:left; width:auto; height:26px; padding:2px 8px 0px 26px; display:block; background:url(ico_04.gif) no-repeat; text-decoration:none; color:#97002F; background-position:0px -29px;}
.en_on {position:relative; float:left; width:auto; height:26px; padding:2px 5px 0px 26px; display:block; background:url(ico_05.gif) no-repeat; text-decoration:none; background-position:0px -29px; color:#97002F;}
.pt_off {position:relative; float:left; width:auto; height:26px; padding:2px 8px 0px 26px; display:block; background:url(ico_04.gif) no-repeat; text-decoration:none; color:#DEDEDE;}
.en_off {position:relative; float:left; width:auto; height:26px; padding:2px 5px 0px 26px; display:block; background:url(ico_05.gif) no-repeat; text-decoration:none; color:#DEDEDE;}

/* ///////////////////////////////////////////// LIGHTBOX /////*/
#lightbox{
	background-color:#e0e0e0;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{ background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8;	}