/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
body { padding: 0; margin: 0; 
    font-family: "MundoSansPro-Regular", Arial, sans-serif;
    color: #6D6E71;
}
*,*:focus,*:hover{
    outline:none;
}

h1 { font-size: 26px; padding: 4px 0 4px 0; margin: 4px 0 4px 0; }
h2 { font-size: 22px; padding: 4px 0 4px 0; margin: 4px 0 4px 0; font-weight: normal; }
h3 { font-size: 18px; padding: 4px 0 4px 0; margin: 4px 0 4px 0; }
h4 { font-size: 16px; padding: 4px 0 4px 0; margin: 4px 0 4px 0; }
h5 { font-size: 14px; padding: 2px 0 2px 0; margin: 4px 0 4px 0; }
h6 { font-size: 12px; padding: 2px 0 2px 0; margin: 4px 0 4px 0; }


.red { color: red; }
.darkred { color: #A00; }
.green { color: green; }
.yellow { color: #fece2f; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.b200 { font-weight: 200; }
.b300 { font-weight: 300; }
.b400 { font-weight: 400; }
.b500 { font-weight: 500; }
.b600 { font-weight: 600; }

.cb { clear: both; }
.cn { clear: none; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }



.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

.relative { position: relative; }
.absolute { position: absolute; }


#alertdialog { display: none;  }
#logindialog { display: none;  }        

#svgelem { vertical-align: top; }

.button { border-radius: 999px !important; font-family: Rotobo, Arial, sans-serif; line-height: 2!important; font-weight: bold!important; font-size: 14px!important; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1), 0 2px 5px 0 rgba(0,0,0,0.4)!important; }
.smallbutton { border-radius: 999px !important; font-family: Rotobo, Arial, sans-serif; line-height: 1.5!important; font-weight: bold!important; font-size: 12px!important; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 3px 0 rgba(0,0,0,0.3)!important; }
.ui-content { float: left; clear: both; width: 100%; }
.ui-dialog .ui-dialog-buttonpane button { 
    line-height: 1.5 !important; 
    font-weight: bold !important; 
    font-size: 14px !important;
    border-radius: 999px !important; 
    font-family: "BrandonGrotesqueWeb-Regular", Arial, sans-serif !important;
    text-transform: uppercase !important;
}
.ui-widget-overlay {
    background: #aaaaaa!important;
    opacity: 0.75!important;
    filter: Alpha(Opacity=75) !important;
}
.ui-dialog-content { 
    font-family: "MundoSansPro-Regular", Arial, sans-serif !important; 
    color: #6D6E71 !important; 
} 
.ui-widget { font-family: Rotobo, Arial, sans-serif; font-size: 1.0em; }
.rcorner { border-radius: 4px 4px 4px 4px; }

.textbox { height: 30px; line-height: 2; padding: 0 0.5em 0 0.5em; border-radius: 4px 4px 4px 4px; border: 1px solid #777777; }
.dropdown { height: 30px; line-height: 2; padding: 0 0.5em 0 0.5em; border-radius: 4px 4px 4px 4px; border: 1px solid #777777; }
.textarea { line-height: 1.25; border-radius: 4px 4px 4px 4px; border: 1px solid #777777; }
.checkbox { width: 24px; height: 24px; }
.checkbox_label { font-size: 16px; }
.pointer { cursor: pointer; }
.shadowbox { box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 2px 3px 0 rgba(0,0,0,0.3)!important; }

.bnone { border: 0px none; }

.fs1px { font-size: 1px!important; }
.fsize11 { font-size: 11px!important; }
.fsize12 { font-size: 12px!important; }
.fsize14 { font-size: 14px!important; }
.fsize16 { font-size: 16px!important; }
.fsize18 { font-size: 18px!important; }
.fsize20 { font-size: 20px!important; }

.fsize22 { font-size: 22px!important; }
.fsize24 { font-size: 24px!important; }
.fsize26 { font-size: 26px!important; }
.fsize30 { font-size: 30px!important; }
.fsize32 { font-size: 32px!important; }
.fsize40 { font-size: 40px!important; }
.fsize48 { font-size: 48px!important; }

.fs1em { font-size: 14px!important; }
.fs115em { font-size: 16px!important; }
.fs125em { font-size: 18px!important; }
.fs150em { font-size: 20px!important; }
.fs20em { font-size: 28px!important; }
.fs50em { font-size: 60px!important; }

.fleft,.fl { float: left; }
.fright,.fr { float: right; }
.fnone,.fn { float: none; }
.cboth,.cb { clear: both; }
.cnone,.cn { clear: none; }
.bold { font-weight: bold; }
.m0 { margin: 0; }
.mr05em { margin-right: 0.5em; }
.mr1em { margin-right: 1em; }
.mr2em { margin-right: 2em; }
.ml05em { margin-left: 0.5em; }
.ml1em { margin-left: 1em; }
.ml2em { margin-left: 2em; }
.mt025em { margin-top: 0.25em; }
.mt035em { margin-top: 0.35em; }
.mt05em { margin-top: 0.5em; }
.mt1em { margin-top: 1em; }
.mt2em { margin-top: 2em; }
.mb05em { margin-bottom: 0.5em; }
.mb1em { margin-bottom: 1em; }
.mb2em { margin-bottom: 2em; }
.m05em { margin: 0.5em; }
.m1em { margin: 1em; }
.m2em { margin: 2em; }
.p0 { padding: 0; }
.pr025em { padding-right: 0.25em; }
.pr05em { padding-right: 0.5em; }
.pr075em { padding-right: 0.75em; }
.pr1em { padding-right: 1em; }
.pr2em { padding-right: 2em; }
.pl025em { padding-left: 0.25em; }
.pl05em { padding-left: 0.5em; }
.pl075em { padding-left: 0.75em; }
.pl1em { padding-left: 1em; }
.pl2em { padding-left: 2em; }
.pt025em { padding-top: 0.25em; }
.pt05em { padding-top: 0.5em; }
.pt075em { padding-top: 0.75em; }
.pt1em { padding-top: 1em; }
.pt2em { padding-top: 2em; }
.pb025em { padding-bottom: 0.25em; }
.pb05em { padding-bottom: 0.5em; }
.pb075em { padding-bottom: 0.75em; }
.pb1em { padding-bottom: 1em; }
.pb2em { padding-bottom: 2em; }
.p025em { padding: 0.25em; }
.p05em { padding: 0.5em; }
.p075em { padding: 0.75em; }
.p1em { padding: 1em; }
.p2em { padding: 2em; }

.lh0 { line-height: 0; }
.lh1 { line-height: 1; }
.lh15 { line-height: 1.5; }
.lh2 { line-height: 2; }

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

.nounderline { text-decoration: none; }

.h100p { height: 100%; }
.hauto { height: auto; }

.w100p { width: 100%; }
.w90p { width: 90%; }
.w80p { width: 80%; }
.w70p { width: 70%; }
.w60p { width: 60%; }
.w50p { width: 50%; }
.w40p { width: 40%; }
.w30p { width: 30%; }
.w20p { width: 20%; }
.w10p { width: 10%; }
.w95p { width: 95%; }
.w85p { width: 85%; }
.w75p { width: 75%; }
.w65p { width: 65%; }
.w55p { width: 55%; }
.w45p { width: 45%; }
.w35p { width: 35%; }
.w25p { width: 25%; }
.w15p { width: 15%; }
.w5p { width: 5%; }
.w46p { width: 46%; }
.w48p { width: 48%; }
.w96p { width: 96%; }
.w98p { width: 98%; }


.bbox { box-sizing: border-box; }
.xdebug-error,.xe-warning { position: relative; z-index: 1005; }
.ui-tabs .ui-tabs-nav { padding: 0!important; margin: 0!important; }
.mce-tinymce { max-width: 840px!important; }
























/**********************************************************************************************************************
/*** LEFT MENU ********************************************************************************************************
**********************************************************************************************************************/

#leftmenucontainer { float: left; width: 100%; padding: 0px; margin: 0.4em 0 0 0; }
#leftmenucontainer label { text-transform: uppercase; font-weight: bold;}

#keywordsearchcontainer { clear: both; display: block; width: 100%; }
#keywordsearchcontainer > div { clear: both; }
#txtkeyword { width: 100%; }
.keywordsearch-btn { font-size: 0.85em; }


.menulink { width: 100%; background-color: #69B0FF; } 



















           






    


/**********************************************************************************************************************
/*** FOOTER ********************************************************************************************************
**********************************************************************************************************************/

#footercontainer { float: left; clear: both; width: 100%;}
#footermenucontainer { float: left; display: block; width: 100%; text-align: right; margin-top: 0.5em;}
#footermenu { clear: both; float: right; text-align: right; list-style-type: none; list-style-position: inside; padding: 0px; margin: 0em 1em 0em 0em; }
#footermenu li { display: inline; width: 2.2em; padding: 0em; margin: 0.2em 0em 0em auto;  }    
#footermenu li a { 
    font-size: 0.8em; 
    line-height: 1em;
    width: auto;
    padding: 0.5em 0.8em 0.5em 0.8em; 
    box-sizing: border-box;
}    
#footercopyrights 
{ 
    float: right; 
    font-size: 0.8em; 
    margin: 2em 1em 2em 0em;
    text-align: right;
}

/* AD ROTATOR
* 
*/
.rotatorB { clear: both; float: left; width: 280px; height: 108px; border: 0px none; margin: 0px; padding: 0px; overflow: hidden; }
.rotatorcontainerB { position: relative; left: 0px; top: 0px; width: 3500px; height: 100%; border: 0px none; margin: 0px; padding: 0px; }
.rotatorimage1Bfr { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image1_fr.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage2Bfr { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image2_fr.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage3Bfr { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image3_fr.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage4Bfr { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image4_fr.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage1Ben { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image1_en.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage2Ben { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image2_en.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage3Ben { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image3_en.jpg); background-repeat: no-repeat; display: none; }
.rotatorimage4Ben { float: left; width: 100%; height: 100%; background-size: contain; border: 0px none; margin: 0px; padding: 0px;  background-image: url(/upload/slideshow/image4_en.jpg); background-repeat: no-repeat; display: none; }