html {
    overflow-y: scroll;
}
/*-----MAIN STRUCTURE-----*/
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdana, helvetica, arial, sans-serif;
    background: #fff;
    color: #867267;
}
a img 
{
    border-width: 0px;
}


.ms-globaltitlearea,
.ms-pagebottommarginleft,
.ms-pagebottommargin,
.ms-pagebottommarginright,
.ms-bodyareapagemargin,
.ms-pagemargin,
TD.ms-rightareacell DIV.ms-pagemargin,
.ms-nav,
.ms-titlearealeft,
TD.ms-titleareaframe,
DIV.ms-titleareaframe,
.ms-titleareaframe,
.ms-pagetitleareaframe,
.ms-pagetitleareaframe TABLE,
.ms-bodyareaframe,
.ms-quicklaunchouter,
.ms-WPHeader TD,
.ms-topnav,
.ms-topnavselected,
.ms-topnavContainer,
.ms-bannercontainer,
.ms-consolemptablerow,
.ms-pagebreadcrumb,
.ms-pagebreadcrumb A,
.ms-quicklaunchheader,
.ms-navitem TD,
TABLE.ms-navitem TD,
TABLE.ms-recyclebin TD,
.ms-quicklaunch table.ms-navheader td, 
.ms-navheader2 td, 
.ms-quicklaunch span.ms-navheader,
.ms-navsubmenu1,
.ms-quicklaunch table.ms-selectednav td,
.ms-tabletextaligncentre,
.ms-selectednav 
{
    background-color: Transparent;
    background-image: none;
    border-width: 0px;
}
.ms-tabletextaligncentre tbody tr td
{
text-align:center;
}
.ms-globaltitlearea
{
    padding-top: 18px;
    padding-left: 18px;
    padding-right: 18px;
}

TD.ms-titleimagearea 
{
    padding-left: 0px;
    padding-bottom: 18px;
}

div.xstrata-languages 
{
    text-align: right;
}

div.xstrata-languages  a{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10pt;
    line-height: 1em;
    color: #0c2577;
    text-decoration: none;
}

div.xstrata-languages  a.xstrata-endofline 
{
    padding-right: 0px;
}

div.xstrata-languages a:hover{
    text-decoration: underline;
}        

div.xstrata-languages  a.xstrata-endofgroup {
    border-right: 1px solid #0c2577;
}

.ms-sbLastcell 
{
    padding-right: 0px;
}

.ms-bannercontainer {
    height: 36px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    background: url(/XstrataBranding/Images/Background/MainNav.png) 0 0 no-repeat;
}

.ms-topnav,
.ms-topNavFlyOuts
{
    font-family: verdana;
    font-size: 12px;
}

       
.xstrata-body {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 900px;
    font-size: 9pt;
}



.xstrata-footer{
    margin: 10px 0px 0px 0px;
    border-top: 1px solid #e0dbd8;
    font-size: 10px;
    padding-left: 18px;
}

.xstrata-footer ul {
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 0px 0px 25px 0px;
}

.xstrata-footer ul li {
    float: left;
    color: #99877D;
    border-right: 1px solid #acacac;
    padding: 0px 22px;
}

.xstrata-footer ul li.first_item {
    padding-left: 0px;
}

.xstrata-footer ul li.last_item {
    border: none;
}

.xstrata-footer ul li a,
.ms-topnav a,
.ms-topNavFlyOuts a {
    color:#0066CC;
    text-decoration: none;
}

.xstrata-footer ul li a:hover,
.ms-topnav a:hover,
.ms-topNavFlyOutsHover a:hover {
    color:#99877D;
    text-decoration: none;
}

.ms-topNavFlyOuts a
{
    display: block;
    width: 100%;
}

.ms-topNavFlyOuts 
{
    background: white;            
}

.ms-pagetitle 
{
    font-family: Verdana;
    font-size: medium;
	font-weight: bold;
	/* 05/10/2010 back to grey */
    /* color: #003366; */
	color: #867267;
    margin-top: 5px;
}

.ms-siteaction 
{
    margin-right: 18px;
}

.ms-nav
{
    margin-top: 8px;
}

.ms-nav,
.ms-nav TD,
TABLE.ms-navitem TD 
{
    font-family: Verdana;
    font-size: 12px;
}

.ms-quicklaunchouter 
{
    margin: auto;
    border-bottom-width: 0px;
    border-right-width: 0px;
}

/* Inner container for the quicklaunch bar */
.ms-quickLaunch 
{
    background-color: transparent;
    border-width: 0px;
    font-size: 100%;
    line-height: inherit;
}

/* Standard MS style repeated here so you're aware of it */
.ms-quicklaunch span {
    display:block;
}

/* Inner style for the "View All Content" link. font-weight is because the containing H3 makes it bold */
.ms-quicklaunchheader {
    background-color: transparent;
    background-image: none;
    border-left-width: 0px;
    font-size: 100%;
    font-weight: normal;
    padding: 0px;
}

/* Set a background for the tree view if enabled. Has a fixed height of 400px when turned on even if tree if shorter */
div.ms-treeviewouter {
}

/* Remove top border when the tree view is enabled */
div.ms-treeviewouter div {
    border-width: 0px;
}

/* Remove the bottom margin on 2nd level submenus */
.ms-navsubmenu2 {
    margin-bottom: 0px;
    background-color: transparent;
}

/* Remove left border between items and their icon in a treeview but keep the space */
.ms-treeviewouter td.ms-navitem {
    border-left: 2px solid transparent;
}


/* Clear background on wiki menu items */
#NavBarRecentChanges .ms-navsubmenu2,
#NavBarRecentChanges {
    background: none;
}


/* Menus in the quick launch area */

.ms-quicklaunchouter .AspNet-Menu {
    padding-left: 0px;
    margin: 0px;
    margin-top: 20px;
}
    
.ms-quicklaunchouter .AspNet-Menu li {
    list-style: none;
}

/* Header level items within the quicklaunch area:

   -  Level 0 navigation items 
   -  the header for 'Recent Changes' on the wiki menu
   -  the "View All Pages" link on the wiki menu
   -  the "Site Hierarchy" title in the tree view

   Due to an annoying bug in IE + bad styling in core.css, you end up having to define
   an explicit line height here here in points or pixels. auto/inherit/em/% won't work 
 */
.ms-quicklaunchouter .ms-quicklaunchheader,
.ms-quicklaunchouter .ms-navheader a,
.ms-quicklaunch > div > a,
.ms-quicklaunch div table td .ms-addnew {
    color: #FC6F23;      
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
    line-height: 24px;
    display: block; 
    font-weight: normal;   
}

.ms-quicklaunchouter .ms-navheader a.ms-selectednavheader 
{
    font-weight: bold;
}


.ms-quicklaunch table.ms-selectednav,
.ms-quicklaunch table.ms-selectednav td {
    background-color: Transparent;
    background-image: none;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}                  


 
table.ms-selectednav TD A.ms-selectednav
{
    color: #99877d;
    font-weight: bold;
}

.ms-navitem a, 
.ms-navitem a:visited
{
    color: #99877d;
    line-height: 24px;
}

/* For some reason firefox doesn't pick up the master no-underline rule for quicklaunch */
.ms-quicklaunchouter a:link,
.ms-quicklaunchouter a:visited
{
    text-decoration:none;
}
.ms-quicklaunchouter a:link:hover,
.ms-quicklaunchouter a:visited:hover
{
    text-decoration: underline;
}

.ms-quicklaunchouter .ms-quicklaunchheader {
    border-width: 0px;
}

/* Level 1 navigation items + items in the 'Recent Changes' wiki menu */

#NavBarRecentChanges .ms-navitem,
.ms-quicklaunchouter .AspNet-Menu li.AspNet-Menu-1 {
    padding-left: 10px;
    line-height: 24px;
    background: none;
}


/* Recycle bin */
.ms-quicklaunch table td,
table.ms-recyclebin td {
    background: none;
    padding: 0px;
    border-width: 0px;
}


/* Confusingly, this style is on the graphic in front "View All Pages" link on the wiki, but not
   anywhere in the "recent chagnes" section. */
.ms-recentchanges {
    display:none;
}

/* The "View All Pages" link has hard-coded 4 pixel padding. Undo this with negative margins on the
   link inside */
.ms-quicklaunch div table td .ms-addnew {
    margin: -4px;    
    display: block;
}

.ms-selectednav,
.ms-quicklaunch table.ms-navheader td, 
.ms-navheader2 td, 
.ms-quicklaunch span.ms-navheader {
    border-width: 0px;
    padding: 0px;
}


/* Page editing areas */
        
.ms-globalbreadcrumb,
.ms-consoletitleareaframe,
.ms-consoletitleareaframebottom,
table.ms-recyclebin td,
.ms-quicklaunchouter .ms-quicklaunchheader
{
    background-color: #FC6F23;
    background-image: none;
}

.ms-quicklaunchouter .ms-quicklaunchheader,
table.ms-recyclebin td
{    
    line-height: normal;        
    padding: 4px;
}

table.ms-recyclebin td a,
.ms-quicklaunchouter .ms-quicklaunchheader a
{
    line-height: 24px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    color: White;
}

.ms-consoletitleareaframebottom
{
    bottom: 0px !important;
}

.ms-consoleframe
{
    border-color: #FC6F23;
    border-bottom-width: 4px;
    border-top-width: 4px;
}

.ms-globalbreadcrumb A,
.ms-globalbreadcrumb A:hover,
.ms-globalbreadcrumb .ms-globallinks A,
.ms-globalbreadcrumb .ms-globallinks A:hover,
.ms-globalbreadcrumb .ms-SPLink a:link
{
    font-weight: bold;
    color: White;
}

.ms-globalbreadcrumb .ms-SPLinkButtonActive,
.ms-globalbreadcrumb .ms-hovercellactive
{
    background-image: none;
    background-color: Transparent;
    border-color: Transparent;
}

.ms-globalbreadcrumb .ms-SPLinkButtonActive a:hover
{
    text-decoration: underline;
}


.ms-wpTitle
{
    font-size: 18px;
    font-family: Verdana;
    color: #ad9a8e;
    font-weight: normal;
}

.ms-rteCustom-Main-Heading
{
    font-size: 18px;
    font-family: Verdana;
    color: #867267;
}

.ms-rteCustom-Sub-Heading
{
    font-size: 12px;
    font-family: Verdana;
    color: #ad9a8e;
    font-weight: bold;
}

.ms-rteCustom-First-Paragraph
{
    font-size: 15px;
    font-family: Verdana;
    color: #867267;
}

.ms-rteCustom-Float-Left-White
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ms-rteCustom-Float-Right-White
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: right;
}

.ms-rteCustom-Float-Left-Grey
{
    background-color: #E0E0E0;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 6px;
}

.ms-rteCustom-Float-Right-Grey
{            
    background-color: #E0E0E0;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: right;
    padding: 6px;
}

.ms-rteCustom-Float-Left-White img,
.ms-rteCustom-Float-Left-Grey img,
.ms-rteCustom-Float-Right-White img,
.ms-rteCustom-Float-Right-Grey img {
    display: block;
    margin-bottom: 6px;
}

.ms-rteCustom-CaptionLink,
.ms-rteCustom-CaptionLink A:link,
.ms-rteCustom-CaptionLink A:visited,
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana;
    color: #FC6F23;     
    text-transform: uppercase;
    text-align: right;
}

.ms-bodyareaframe UL
{
	list-style-type:square;	
    margin-left: 20px;            
}

.ms-bodyareaframe LI
{
    font-size: 11px;
    font-family: Verdana;
    color: #867267;
    
}

.ms-bodyareaframe p,
.ms-rteCustom-Body-Text
{
    font-size: 11px;
    font-family: Verdana;
    color: #867267;
	/*line-height:125%;*/
}        

.xstrata-compactimagelist {
    clear: both;
    margin-bottom: 3px;
}

.xstrata-imagelist,
.xstrata-plainlist {            
    clear: both;
   /* margin-bottom: 30px;*/
    margin-right: 100px;
    margin-left: 50px;
}

.xstrata-image {
    height: 70px;
    width: 50px;
    margin-bottom: 10px;
}

.xstrata-compactimagelist .xstrata-image {
    float: right;
    margin-left: 10px;
}

.xstrata-imagelist .xstrata-imageholder {
    background-color: #E3E1E0;
    width: 90px;
    height: 90px;
    float: left;
    text-align:center;
    padding-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
}

.xstrata-imagelist .xstrata-image {
    margin: 0px;            
}

.xstrata-date {
    font-family: Verdana;
    color: #ad9a8e;
}

.xstrata-compactimagelist .xstrata-date {
    font-weight:normal
}

.xstrata-heading {
    display: block;
    font-family: Verdana;
}

.xstrata-imagelist .xstrata-heading,
.xstrata-plainlist .xstrata-heading,
 {
    color: #ad9a8e;
}

.xstrata-compactimagelist A.xstrata-heading:link,
.xstrata-compactimagelist A.xstrata-heading:visited {
    color: #FC6F23;            
}

.xstrata-title {            
    font-weight: normal;
    padding-right: 0.5em;
	color:#01f1f7e;
}

.xstrata-description {
    font-size: 12px;
    font-family: Verdana;
    color: #867267;
    margin-top: 0.3em;        
}

.xstrata-compactimagelist .xstrata-description {
    font-size: 11px;
}

.xstrata-file {            
    display: block;
    margin-top: 10px;
}

.xstrata-imagelist .xstrata-file {
    margin-left: 100px;
}

td.ms-pagetitleareaframe
{
    padding-left: 10px;           
}

h1.ms-sitetitle,
h1.ms-sitetitle A:link,
h1.ms-sitetitle A:visited
{
    padding-left: 15px;
    color: black;
    font-family: Verdana;
    font-size: 20px;
    font-weight: normal;
}

.xstrata-contactus-item
{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.xstrata-contactus-reason
{
    font-size: 12px;
    font-family: Verdana;
    color: #ad9a8e;
    font-weight: bold;
}

.xstrata-contactus-title
{
    font-weight: bold;
    margin-bottom: 6px;
}

.xstrata-contactus-address
{
    margin-top: 0px;
    font-family: Verdana;   
}

.xstrata-search-header
{
    text-align:right;
}                
                
















/*Modifications on to the Quicklaunch for Brigittes sites*/
/*Append to end of branding.css*/

.ms-quicklaunch table.ms-selectednav,
.ms-quicklaunch table.ms-selectednav td {
    background-color: Transparent;
    background-image: none;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
border-bottom-width: 1px;
border-color: #CCCCCC;
border-style: solid solid solid solid;

}                  

/* The "View All Pages" link hard-coded 4 pixel padding. Undo this with negative margins on the
   link inside */
.ms-quicklaunch div table td .ms-addnew {
    margin: -4px;    
    display: block;
border-bottom-color: #dddddd;
border-bottom-width: 1px;
border-color: #CCCCCC;
border-style: solid solid solid solid;
}

.ms-selectednav,
.ms-quicklaunch table.ms-navheader td, 
.ms-navheader2 td, 
.ms-quicklaunch span.ms-navheader {
    border-width: 0px;
    padding: 7px;
text-align: left;
border-bottom-width: 1px;
border-color: #CCCCCC;
border-style: solid solid solid solid;

}

.ms-quicklaunchouter .ms-quicklaunchheader a
{
    line-height: 15px;

}

/*finally, replace 15 with 15*/
.Xstrata-News-Title{
    color:#0F1F7E;
    font-family:Verdana;
    font-size:12px; 
    font-weight:bold ;
}
.Xstrata-News-Title span{
    
    font-weight:normal;
}

.bsg-vnav-variation-link 
{
    font-weight:bold;
    color:White !important;   
}




/* ---------->>> global settings needed for video thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* Franck: I removed the following line because I needed some paddings and it seems fine...
*{padding: 0; margin: 0;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
                font: 12px Arial, Helvetica, sans-serif;
                color: #333333;
}

#TB_secondLine {
                font: 10px Arial, Helvetica, sans-serif;
                color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
                position: fixed;
                z-index:100;
                top: 0px;
                left: 0px;
                height:100%;
                width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
                background-color:#000;
                filter:alpha(opacity=75);
                -moz-opacity: 0.75;
                opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
                position: fixed;
                background: #ffffff;
                z-index: 102;
                color:#000000;
                display:none;
                border: 4px solid #525252;
                text-align:left;
                top:50%;
                left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
                display:block;
                margin: 15px 0 0 15px;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #666;
                border-left: 1px solid #666;
}

#TB_caption{
                height:25px;
                padding:7px 30px 10px 25px;
                float:left;
}

#TB_closeWindow{
                height:25px;
                padding:11px 25px 10px 0;
                float:right;
}

#TB_closeAjaxWindow{
                padding:7px 10px 5px 0;
                margin-bottom:1px;
                text-align:right;
                float:right;
}

#TB_ajaxWindowTitle{
                float:left;
                padding:7px 0 5px 10px;
                margin-bottom:1px;
}

#TB_title{
                background-color:#e8e8e8;
                height:27px;
}

#TB_ajaxContent{
                clear:both;
                padding:2px 15px 15px 15px;
                overflow:auto;
                text-align:left;
                line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
                padding:15px;
}

#TB_ajaxContent p{
                padding:5px 0px 5px 0px;
}

#TB_load{
                position: fixed;
                display:none;
                height:13px;
                width:208px;
                z-index:103;
                top: 50%;
                left: 50%;
                margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
                z-index:99;
                position:fixed;
                top: 0;
                left: 0;
                background-color:#fff;
                border:none;
                filter:alpha(opacity=0);
                -moz-opacity: 0;
                opacity: 0;
                height:100%;
                width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
                clear:both;
                border:none;
                margin-bottom:-1px;
                margin-top:1px;
                _margin-bottom:1px;
}

/* Gallery */
.Galeriatitulo{
				display:none;
}
.GaleriaWrapper{
				text-align: center;
}
.Galeria{
				border: 2px solid #cccccc;
				margin: 1px;
				padding:1px;
}
.RadRotator{
				border:0px transparent!important;
				margin: 0px!important;
}
.GaleriaView{
				height:auto;
				overflow: hidden;
}

.GaleriaView img{
				height:auto;
				width:300px;
}
.GaleriaView span{
				display:block;
				text-align:justify;
}

.divGaleriaAlto .GaleriaView{
				height: 400px;
				overflow: hidden;
}
.divGaleriaAlto .GaleriaWrapper{
	text-align:center;
}
.divGaleriaAlto{
				margin-top:-2px;
}

#g_1db17d56_ab98_4532_8663_56d27fd74643_1f31d216-9e06-4263-bc40-1a14f74b0841_c7b0976c-f895-40e8-ac0c-565ea6c77943_61ae072e-b271-4998-a06e-c886e0a027e0{
				height: 400px;
}

#ctl00_m_g_1db17d56_ab98_4532_8663_56d27fd74643div{
				height:90%;
				width: 250px;
}
#ctl00_m_g_1db17d56_ab98_4532_8663_56d27fd74643div img{
				height:100%;
				width:250px;
}
/* Galeria Sostenible Home */
#ctl00_m_g_ae77c0a3_3cbd_4395_bfec_970c5430d637div{
				width:240px!important;
				height:100%;
}
#ctl00_m_g_ae77c0a3_3cbd_4395_bfec_970c5430d637div img{
				height:auto;
				width:240px!important;
}
#g_ae77c0a3_3cbd_4395_bfec_970c5430d637_3a8eac06-aac9-427f-a58c-389a282a6b8c_aec768ed-2c7b-4969-ba2d-2794c7b3e0b1_f67e6e83-0eaa-40cd-a94a-59e5dc161fde {
				width:240px!important;
}
/* Galeria Sostenible Home */

/* Galeria EHM */
#ctl00_m_g_1640c9cc_e8f7_402b_875e_1d723d57734ddiv{
				height:auto!important;
}
#ctl00_m_g_1640c9cc_e8f7_402b_875e_1d723d57734ddiv img{
				height:auto!important;
				width:300px;
}
#ctl00_m_g_1640c9cc_e8f7_402b_875e_1d723d57734ddiv span{
				display:block;
				text-align:justify;
}

#ctl00_m_g_f60193e7_7318_4c50_b8b0_8dd2b3d20534div{
				height:auto!important;
}
#ctl00_m_g_f60193e7_7318_4c50_b8b0_8dd2b3d20534div img{
				height:auto!important;
				width:300px;
}
#ctl00_m_g_f60193e7_7318_4c50_b8b0_8dd2b3d20534div span{
				display:block;
				text-align:justify;
}

/* Galeria EHM */

/* Gallery */
/**********************************/