/* --- World Health Organization ----------------------------------------------------- */
/* --- CSS Framework: fctc Cobrand -------------------------------------- */
/* --- Versions 1.2 - sprite fix 

 ======================================================================================*/

/*<![CDATA[*/
@media all {
    
span.more_stories a {
    background-color: #ba0000;
    border: 1px solid #D86422;
    color: #FFFFFF;
}
    
span.more_stories a:hover {
    background-color: #ff2a00;
    border: 1px solid #D86422;
    color: #FFFFFF;
}
/* -------------------------------------------------------------------------------------
 layout.css
 ======================================================================================*/

 .footer-social-links {
    left: 30px;
	top: 75px;
}

/* -------------------------------------------------------------------------------------
 branding
 ---------------------------------------------------------------------------------------*/

#branding {
    height: 90px; /* height of branding area does not include lang. nav */
}
#header #branding a {
    background-size: 250px 83px;
    width: 250px;
    height: 83px;
    margin-left: auto;
    margin-right: auto;
    background-position: center top;
    background-repeat: no-repeat;
}

#header #branding a.fctc-logo-ar {
    background-image: url(mfctc_logo_ar.gif);
}
#header #branding a.fctc-logo-en {
	background-image: url(mfctc_logo_en.gif);
}
#header #branding a.fctc-logo-es {
	background-image: url(mfctc_logo_es.gif);
}
#header #branding a.fctc-logo-fr {
	background-image: url(mfctc_logo_fr.gif);
}
#header #branding a.fctc-logo-ru {
	background-image: url(mfctc_logo_ru.gif);
}
#header #branding a.fctc-logo-zh {
	background-image: url(mfctc_logo_zh.gif);
}

/* -------------------------------------------------------------------------------------
 navigation
 ---------------------------------------------------------------------------------------*/

 
/* ---  navigation pmnch  --- */
 

#navigation {
    height:43px;
    float:left;
    width: 72%;
    margin-left: 0 !important;
    background: #900000;
    margin-right:0px;
    border-bottom:0;
    margin-left: 0;
}

#navigation ul li {
    margin: 0 !important;
	font-size: 12px;
	font-weight: bold;
}/*
#navigation ul li a {
    height:38px; 
    font-size:14px;
    font-weight:normal;
    background-image:none;*/
}
#navigation ul li a {
    height: 23px;
    font-size: 12px;
    /* color: #FFFFFF; */
    font-weight:bold;
    /* background-color:transparent; */
}


#subnavigation ul li a:visited {
    color: #7C4199;
}
#subnavigation ul li a:hover, #subnavigation ul li a:active{
    color:#cc0000;
}
#subnavigation li.selected a, #subnavigation li.selected a:visited {
    color: #4D897C;
}

#navigation ul.ie-zh li a, 
#navigation ul.ie-zh li a:hover, 
#navigation ul.ie-zh li.selected a {
    padding-top: 0 !important; /*for all other browser*/
}

#navigation ul.ie8 li a, 
#navigation ul.ie8 li a:hover, 
#navigation ul.ie8 li.selected a {
    padding-top: 15px\9 !important; //IE8
}

#navigation ul.ie9 li a, 
#navigation ul.ie9 li a:hover, 
#navigation ul.ie9 li.selected a {
    padding-top: 0 !important; //IE9
}


#navigation ul li a span {
    cursor: pointer;
    background-color:transparent;
}

#navigation ul li a:hover, #navigation ul li.selected a, #navigation ul li.selected a:hover {
    color: #FFFFFF;
    background-color:#cc0000;
}

#navigation ul li.selected a span, #navigation ul li a:hover span, #navigation ul li.selected a:hover span {
    background-color:transparent;
}

/* russian */


/* #navigation ul li#navigation_home a span {
    background-image: url('navigation_home.gif');
    background-position: 7px -30;
    background-color:transparent;
    width: 18px;
    height: 20px;
    display: block;
} 

#navigation ul li#navigation_home.selected a span, #navigation ul li#navigation_home a:hover span, #navigation ul li#navigation_home.selected a:hover span {
    background-image: url('navigation_home.gif');
    background-position: 0 0;
}*/

@media only screen and (min-width: 721px) {

    #navigation ul li#navigation_home_ruben, 
    #navigation ul li#navigation_home_ruben a, #navigation ul li#navigation_home_ruben a span {
        width: 20px;
        color: transparent;
    }
    #navigation ul li#navigation_home_ruben {
        margin: 0 0 0 10px;
    }
    #navigation ul li#navigation_home_ruben a {
        padding: 0 10px;
    }
    #navigation ul li#navigation_home_ruben a span {
            background: url('navigation_home.gif') no-repeat top center;
            background-size: 15px 18px;
            margin-top: 10px;
            margin-bottom:  13px;
            width: 15px;
            height: 20px;
            display: block; 
    }
}

/* --- fin de navigation pmnch  --- */
 
#subnavigation ul li a:visited {
    color: #336699;
}
#subnavigation ul li a:hover, #subnavigation ul li a:active{
    color:#BA2025;
}
#subnavigation li.selected a, #subnavigation li.selected a:visited {
    color: #BA2025;
}
/*when using subnav as main nav */
#subnavigation h4 {
    text-indent: -99999px;
}
#subnavigation h4:before {
    content: ' ';
    display: block;
    background: url(../../../img/responsive-sprite.png) -88px -258px;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
}
#subnavigation h4:after {
    right: 15px;
}


/* -------------------------------------------------------------------------------------
 search
 ---------------------------------------------------------------------------------------*/
/*reset main-site css*/
.main-site #search:before {
    background: transparent;
}

#search {
    background: #900000;
    position: relative;
    width: 28%;
 /*   right: 0px;*/
   /* margin-right:10px;*/
    /*font-weight: 600;*/
	float: right;
	z-index: 1;
}
#search_submit {
    background-color: #CCC;
    color:#900000;
    border:1px solid #CCC;
    width: auto;
    padding: 0 10px;
}
#search_submit:hover {
    background-color:#cc0000;
    color: #fff;
}
#search_label label {
    color: #333;
}
#search_input input {
    border: 1px solid #CCC !important;
}

/* responsive */

#search:before {
    background: transparent;
}

#search_form {
    margin: 0;
    /*width: 300px;*/

}
#search_input input {
    width: 78%;
}


/* -------------------------------------------------------------------------------------
 general.css
 ======================================================================================*/

/* text */
body {
    color: #000000;
}

/* -------------------------------------------------------------------------------------
 links
 ------------------------------------------------------------------------------------- */

/* link */
a {
    color:#336699 ; /* main cobrand color */
}
a:visited {
    color: #7D7E98;
}
a:hover {
    color:#BA2025; /* hover state */
}
a[name], a[name]:hover, a.anchor, a.anchor:hover {
    color:#333333;
}

/* selected */
.selected, .selected a {
    color:#BA2025;
}

/* selected */
#wrapper .selected, #wrapper .selected a {
    color:#BA2025;
}

#owl-language-carousel .owl-item a:visited {
    color:#336699;
}

#owl-language-carousel .owl-item .selected a, #owl-language-carousel .owl-item a:hover {
    color:#BA2025;
}


/* hover */
.hover a {
    color:#BA2025;
}
/* toggler */
.toggler {
    color:#336699 ;
}

.toggler:hover {
    color:#BA2025;
}

/* special links */
a.link_external, ul.list a.link_external, ul.list_dash a.link_external, ul.horizontal_list li a.link_external, ul.horizontal_list li.first a.link_external {
    background: url(offsite_link_fctc.gif) no-repeat right 2px;
}

ul.list a.link_external:visited, ul.list_dash a.link_external:visited  {
    background-position: right -87px;
}

ul.list a.link_external:hover, ul.list a.link_external:active, ul.list_dash a.link_external:hover, ul.list_dash a.link_external:active  {
    background-position: right -45px;
}



/* media link */
.link_media, ul.horizontal_list li a.link_media, ul.horizontal_list li.first a.link_media, #factbuffets .factbuffet a.link_media {
    background: url(icon_media_download_fctc.gif) no-repeat;
    background-position: top 2px;
}
ul.horizontal_list li a.link_media, ul.horizontal_list li.first a.link_media {
    background-position: top 6px;
}
.link_reference {
    /* change icon color & upload */
}
/* pager */
.paging ul li.paging_previous a, .paging ul li.paging_next a {
    color: #336699;
}

.addthis_toolbox .custom_hover .custom_button {
    color:#336699;
}
.addthis_toolbox .hover_menu a:hover {
    color: #BA2025; 
}

#pageactions #pageaction_share .addthis_toolbox .custom_hover .custom_button.active {
    color:#BA2025;
}

/* -------------------------------------------------------------------------------------
 HEADINGS
 ======================================================================================*/
/* headers */
h1 {    
    #color:#336699;
	color: black;
}

/* section & page headings */
.section_head1 {
    font-size:14px;
    color: #000;
}
.section_head2 {
    color: #EF412B;
}
.page_heading {
font-size:16px;
color:#BA2025;
}

/* -------------------------------------------------------------------------------------
 FORMS
 ---------------------------------------------------------------------------------------*/

/* submit */
input.submit:hover {
    color:#BA2025;
}
input.primary {
    color:#336699 ;
    border-color:#336699 ;
}

/* -------------------------------------------------------------------------------------
 tabs
 ------------------------------------------------------------------------------------- */
/* tabs */
.ui-tabs-selected a {
    color:#BA2025;
}

.header-social-links {
	top: 65px;
}

/* -------------------------------------------------------------------------------------
 elements.css
 ======================================================================================*/

/* -------------------------------------------------------------------------------------
 LANGUAGE
 ---------------------------------------------------------------------------------------*/


/* visited */
#language ul li a:visited {
    color: #336699;
}

#language ul li a:hover{
    color:#BA2025;
}
/* selected */
#language ul li.selected a
#language ul li.selected a span,
#language ul li.selected a:hover,
#language ul li.selected a:visited,
#language ul li.selected a:hover span {
    color:#BA2025;
}


/* -------------------------------------------------------------------------------------
 #THUMBNAIL GALLERY
 ---------------------------------------------------------------------------------------*/
 ul.gallery li a:visited.caption {color: #336699;}

/* -------------------------------------------------------------------------------------
 LIGHTBOX - WHO
 ---------------------------------------------------------------------------------------*/
a.lightbox_media span {
    /* change icon color and upload */
}

/* -------------------------------------------------------------------------------------
 BREADCRUMB
 ---------------------------------------------------------------------------------------*/

/* breadcrumb */
#breadcrumb {
    background-color:#E5E5E5;
}
#breadcrumb ul li a:hover {
    color:#BA2025;
} 


/* -------------------------------------------------------------------------------------
 FOOTER
 ---------------------------------------------------------------------------------------*/
#footer {
  background: #f5f5f5;
}
#doormat ul li a,
#doormat h3 {
  color: #666;
}
#footer {
    background-image:none !important;
}

#footer #doormat.english {
    background:url(fctc_footer_emblem_en.gif) no-repeat 15px 0px !important;
}
#footer #doormat.french {
    background:url(fctc_footer_emblem_fr.gif) no-repeat 15px 0px !important;
}

#footer #doormat.spanish {
    background:url(fctc_footer_emblem_es.gif) no-repeat 15px 0px !important;
}

#footer #doormat.russian {
    background:url(fctc_footer_emblem_ru.gif) no-repeat 15px 0px !important;
}

#footer #doormat.chinese {
    background:url(fctc_footer_emblem_zh.gif) no-repeat 15px 0px !important;
}

#footer #doormat.arabic {
    background:url(fctc_footer_emblem_ar.gif) no-repeat right 0px !important;
}



#footer img.footer_logo_fr {
    margin-left: -930px;
}
#foot a:link {
    color: #666666;
}
#doormat {
    
}

/* fonts */
#doormat ul li a:hover, #foot a:hover {
    color:#BA2025;
}
#doormat ul li span {
    color: #666666;
}

/* footer links */
#foot ul li a:hover, #foot ul li a.selected {
    color:#BA2025;
}
#foot ul li a:hover, #foot ul li a.selected {
    color:#BA2025;
}
#foot {
    left: 12px;
}



/* -------------------------------------------------------------------------------------
 ticker
 ---------------------------------------------------------------------------------------*/
/* close */
#ticker_close {
    background: url(ticker_close_fctc.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------------------------------
 #CAROUSEL BUFFET
 ---------------------------------------------------------------------------------------*/
.infiniteCarousel .arrow {
    background: url(buffet_carousel_fctc.gif) no-repeat 0 0;
}

.infiniteCarousel .arrow:hover, .infiniteCarousel .arrow:active {
    background-position: 0 -26px;
}

.infiniteCarousel .back {
    background-position: 0px -52px;
}
.infiniteCarousel .back:hover, .infiniteCarousel .back:active {
    background-position: 0 -78px;
}

/* Corporate portal */
.module_title {
    background-color: #900000 !important;
}    
div#portal.homepage_sections .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color:#900000 !important;
}
#carousels .owl-page.active span {
    background-color: #900000 !important;
}
div#portal.homepage_sections h1 {
    color: black;
}
div#portal.homepage_sections div#billboard div.stories h3.teaser_headline a{
    color: black;
}

#header > #campaignHighlight {
    position: absolute;
    left: 25px;
    padding-top: 10px;
    top: 0px;
}
}


/*]]>*/

/* -------------------------------------------------------------------------------------
 RESPONSIVE
 ---------------------------------------------------------------------------------------*/

#header #branding a.fctc-logo-ar {
  background-size: 250px 83px;
  height: 83px;
}
#header #branding a.fctc-logo-ru {
  background-size: 250px 83px;
  height: 83px;
}
#header #branding a.fctc-logo-zh {
  background-size: 250px 83px;
  height: 83px;
}
#owl-story-carousel .owl-buttons .owl-next {
  background-position: -40px center;
}
#owl-story-carousel .owl-buttons .owl-prev {
  background-position: 0 center;
}
.buffet_carousel .owl-theme .owl-controls .owl-buttons .owl-next {
  background-position: -82px -308px;
}
.buffet_carousel .owl-theme .owl-controls .owl-buttons .owl-prev {
  background-position: -49px -308px;
}


/* ------------------------------- */
/* ------------ 940 -------------- */
/* ------------------------------- */


@media only screen and (max-width: 940px) {

    .mobile-nav-icon {
    /*  background:         url("responsive-sprite.png");*/
        display:            none;
        height:             21px;
        width:              23px;
        background-color:   #FFF;
        cursor:             pointer;
    }

      .mobile-search-icon {
        padding:                10px;
        background-position:    30px -28px;
        display:                none;
        background:             #900000;
        position:               absolute;
       right:                  0px;
    }


 /*   #search {
		display: block;
		top: 0px;
		height: 43px;
    }

    #search_form {
    
        margin: 0;
    }
    #search_input input {

    }
    #search_submit {
        
    	width: auto;
		top: 8px;
    }
	
	#navigation ul li a{
		font-size: 11px;
	}
	*/
	.mobile-search-icon {
		display: block;
		cursor: pointer;
		width: 24px;
		height: 27px;
		float: right;
		padding: 8px 20px;
		background-color: #900000;
	}
	.mobile-search-icon:hover {
        background-color: #cc0000;
    }

	#search {
		display: none;
		background-color: #900000;
		width: 100%;
		height: 78px;
		float: none;
		clear: both;
		position: absolute;
		top: 175px;
		padding: 0;
		z-index: 1;
	}

	#search.show {
		display: block;
	}

	#search form {
		padding: 20px;
	}

	#search_input input {
		width: 88%;
	}

	#search_submit {
		top: 20px;
		width: 10%;
	}

	.search_results #search #search_advanced {
		display:block;
		color:#ffffff;
		float:left;
		
	}
	#navigation {
		width: auto;
		/*margin-right: 64px;*/
		float: none;
	}

}






/* ------------------------------- */
/* ------------ 768 -------------- */
/* ------------------------------- */

@media only screen and (max-width: 768px) {
    #wrapper #footer #doormat.arabic,
    #wrapper #footer #doormat.chinese,
    #wrapper #footer #doormat.russian,
    #wrapper #footer #doormat.spanish,
    #wrapper #footer #doormat.french,
    #wrapper #footer #doormat.english {
        background-image:   none;
        background:         #CC0000;

    }
    #doormat h3 {
        background:         #900000;
        color:              #fff;
    }
    #footer {
        background:         #900000;
    }

  
    /*--------- ruben--------*/

    .mobile-search-icon {
        /*padding:                10px;*/
        background-position:    30px -28px;
        background:             #900000;
        position:               absolute;
        right:                  0px;
    }

    .mobile-search-icon  {
        background-color: #900000;
		width: auto;
    }
	.mobile-search-icon:hover {
        background-color: #cc0000;
    }
    .mobile-icon-active {
        background-color:   #CC0000;
    }
    .mobile-nav-icon {
    /*  background:         url("responsive-sprite.png"); */
        display:            none;
        height:             21px;
        width:              23px;
        background-color:   #FFF;
        cursor:             pointer;
    }

}





/* ------------------------------- */
/* ------------ 720 -------------- */
/* ------------------------------- */


@media only screen and (max-width: 720px) {

    #mobile-nav-icon {
        display:            block;
        background-color:   #900000;
        cursor:             pointer;
    }
    .mobile-icon-active {
        background-color:   #CC0000;
    }
    .mobile-search-icon:hover, .mobile-search-icon:active {
        background-color: #cc0000;
    }
    .mobile-search-icon  {
        background-color: #cc0000;
    }


    #navigation {
        top: 59px;
    }
    #navigation ul li a span {
        height:             15px;
        background-color:   #900000;
        border-color:       #cc0000 !important;
        font-size:          14px;
        font-weight:        normal;
        padding:            10px;
        height:             27px;

    }



    #navigation ul li {
    display:                block;
    float:                  left;
    width:                  50%;
    background-color:       #CC0000;
    text-align:             center;
    border-bottom:          2px solid #CC0000;
    }



    #navigation ul li a span  show{
        height:             15px;
        background-color:   #900000;
        border-right:       #cc0000;
        border-left:        #cc0000;
        border-top:         #cc0000;
        border-bottom:      #cc0000;
        cursor:             pointer;
        font-size:          14px;
        font-weight:        normal;
        padding:            10px;
    }



    #header {
    background: #FFF;
    }
    #branding {
    padding-top:0px;
    height: 46px;
    }
    #header #branding a {
    margin: 0 0 0 20px;

    }
    #header #branding a.fctc-logo-ar {
    background-size: 140px;
    width: 140px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    }
    #header #branding a.fctc-logo-en {
    background-size: 140px;
    width: 140px;
    height: 58px;
    margin-top:0;
    margin-left: auto;
    margin-right: auto;
    }
    #header #branding a.fctc-logo-es {
    background-size: 140px;
    width: 140px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    }
    #header #branding a.fctc-logo-fr {
    background-size: 140px;
    width: 140px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    }
    #header #branding a.fctc-logo-ru {
    background-size: 140px;
    width: 140px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    }
    #header #branding a.fctc-logo-zh {
    background-size: 140px;
    width: 140px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    }

    #search {
    position:               absolute;
    display:                none;
    background:             transparent;
    border-top:             5px;
    top:                    28px;
    width:                  100%;
    z-index:                999;
    /* background: none repeat scroll 0% 0% rgb(90, 32, 101);  */ 

    }
    #search {
    /* background-color:#900000; */

    }



    #search_form {
        border-top: 1px solid #cc0000;  
        top: 32px;
        background:         #900000;  
        padding: 30px !important;
        width: 100%;
        height: 20px;
    }


    #search_input {
        position:               static;
        background:             #900000;
    }
    #search_input input{
        position:               absolute;
        /*  background:             #FFF; */ 
        top:                    18px;
        width:                  70%;
    }
    #mobile-search-icon {
        padding:                14px;
        background-position:    0px -57px;
        background-color:       #900000;
        width:                  28px;
        height:                 32px;
        top:                    0px;
        right:                  0px;
        display:                block;
    }
    #search_submit {
        position:               absolute;
		right: 12%;
		top: 18px;
		width: auto;
		max-width: 90px;
		padding: 0 10px;
    }
    #language {
        background: #f5f5f5;
    }
    #owl-language-carousel .owl-next, #owl-language-carousel .owl-prev {
        background-color: #888;
    }


	.language_container {
		margin-top: 14px;
	}
}

@media only screen and (max-width: 460px) {
    #navigation ul li {
        width:  100%;
    }

    #search_input input{
        width:  68%;

    }
    #search_submit {
		right: 20%;
		width: auto;
    }    
}