/* fx.css */

/* - - - - - - - - - */

body 
{    
height:100%;
line-height:1;
color: rgb(68, 68, 68);
font: inherit;
margin: 0px;
padding: 0px;
border: 0px currentColor;
vertical-align: baseline;
font-size-adjust: inherit;
font-stretch: inherit;
background-color:rgb(13,27,42); /* 1/10/14 rgb(1,64,60) */
/*background: url(../images/sprites_horizontal12.png) repeat-x 0 -4624px #E0E0DA;*/
}

article, aside, footer, header, hgroup, main, nav, section {
display: block;
}

div, section, nav, ul, li, header {
font: inherit;
margin: 0px;
padding: 0px;
border: 0px currentColor;
vertical-align: baseline;
font-size-adjust: inherit;
font-stretch: inherit;
}

.wrap
{
margin : 0px auto;
width : 960px; 

}

/* [fix] too light color: rgb(51, 51, 51)*/

.FSGothamHTF21Grey { color: rgb(102, 102, 102); font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 21px; }

.csFSMuseoSlab21Black { color: rgb(51, 51, 51); padding-top: 5%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 20px;font-weight:700; }

.FSMuseoSlab21Black { color: rgb(51, 51, 51); padding-top: 1%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 21px; }

.FSMuseoSlab24Black { color: rgb(51, 51, 51); padding-top: 1%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 24px; font-weight:700; }

.FSMuseoSlab18Gray { color: rgb(102, 102, 102); padding-top: 1%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 18px; }

.FSMuseoSlab18Black { color: rgb(51, 51, 51); padding-top: 1%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 18px; font-weight:700; }

.FSMuseoSlab32 { padding-top: 5%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 32px; }

.FSMuseoSlab32Red { padding-top: 5%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 32px; color:#BC2729; }

.Arial14 { padding-top: 5%; font-family :"Arial", helvetica; font-size: 14px; }

.CGothic14 {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 14px;}

.carouselA { color: rgb(255, 153, 0); padding: 2% 0 0 2%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 2.2em; font-weight:700;  } /*2.2em 1em padding: 2% 0 0 18% margin: 0;*/

.carouselb { color: rgb(255, 153, 0); padding: 1% 0 2% 2%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 1em; font-weight:700;  }

.CGothic18Graylh26 { color: rgb(102, 102, 102); padding-top: 1%; font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 18px; line-height :26px; }

.CGothic14lh2 {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; font-size: 1em;line-height :1.6em; font-weight:300; letter-spacing:0.2px; }

.CGothic {font-family: "Century Gothic","Lucida Grande",Arial,sans-serif; letter-spacing: 1px;}

.bt_font 
{
line-height:1.7em;
font-size :1.5em;
font-weight :700;
text-decoration: none;
color: #fff;
font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;
text-transform :uppercase;
}


/* var nav title */
.title {
font-family: "Arial", Helvetica; 
color: white; 
font-size: 15px;
font-weight:700;
}


.main_header 
{
height:100%; /* 130px new head 19.nov.15 */
}

/*.head_bg
{
background-repeat: no-repeat;
background-repeat-x: inherit;
background-position:center center;
overflow: hidden;
}
*/
/*.paid_image {
background-image: url(../images/paidbg.png);
}
*/
/* Nov.19.15 
.fblogo_image {
background-image: url(../images/logo.png);
}

*/

/* nov.19.15 */
.head_item_margin {
 margin-top: 5%;
 margin-left: 3%;
 }
.head_bt_margin {
 margin-top: 4%;
 margin-left: 3%;
}

.head_bt_content {    
    padding: 6px 10px 6px 10px;
    /*color: #FFF;
    background: #FFA100 none repeat scroll 0% 0%;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    transition: color 0.1s ease 0s;
*/
}

/* head left nov.22.15*/
.head_l{ float:left; }

/* new head nov.22.15 */
.head_Logo {
background-image: url(../images/FBlogoh.png);  
background-position: 0px 0px;
background-repeat: no-repeat;
/* float: left; */
height:103px !important; 
width: 335px !important; 
}

.Logo {
background-image: url(../images/logo.png);  
background-position: -15px 0px;
background-repeat: no-repeat;
float: left;
height:130px !important; 
width: 228px !important; 
}


.LogoEN {
background-image: url(../images/logoEN.png);   /* [fix] englsh text */
background-position: -15px 0px;
background-repeat: no-repeat;
float: left;
height:130px;
width: 228px; 
}

/*
.Logo_sri {
background-image: url(../images/logosri.png);   
background-position: 0px 0px;
background-repeat: no-repeat;
float: left;
height:40px;
width: auto; 
}
*/
/* fv 12/10/13
.main_header nav {
font-family: "Arial", Helvetica; 
color: #aacdd5;
font-size: 15px;
font-weight:700;
}
*/

.main_header nav a {
text-decoration: none;
cursor: pointer;
color: #aacdd5;
}


.nav_ul { width:100% ;}

.nav_ul {
display: inline-block;
/* max-width: 730px; new head */ /*fv 9/14/14 620 + 630*/
list-style: none;
white-space: nowrap;
background: rgb(1, 63, 92); /* 1/10/14 background-color:#098795  */
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
background-image: linear-gradient(top, #098795, #006975);
}

.nav_ul li {
float: left;
padding-right: 14px;
padding-left: 20px;
height:100%;
line-height:44px;
display: block;
}

.NavActive { background: #feb632; } /*1/10/14 #003238*/


.nav_ul li:hover { background: #feb632; }  /*1/10/14 #003238*/


.subheader 
{
width: 960px;
height:525px;
}

.subheader_bg {
margin: 30px auto 30px;
position: relative;
z-index: 30;
}

/* 11/14/2014 */
/*
.ImageBreak {
background-position: -440px -5px; 
margin: 20px auto;
width: 645px;
height:50px;
background-image: url("../images/sprite.png");
background-repeat: no-repeat;
}
*/

.SectionBreak {
background-position: center;
margin: 20px auto;
width: 100%; 
height:50px;
background-image: url("../images/break.png");
background-repeat: no-repeat;
}

.orange { color:#e57200 !important; }

.white { color:#fff; }

.width645 { width:80%;} 

.width60 {width:60%;}

.txtbold { font-weight :700; }

.txtcenter { text-align :center; }

.display_block { display:block !important; }

.margin21 { margin:21px 0 21px 0; }

.margin30 { margin-top: 30px; } /* nov.24.15 */

.floatL { float :left; }

.floatR { float:right; }

.html_carousel {}

.html_carousel div.slide {
position: relative;
}
	
.html_carousel div.slide img {
width: 100%;
height:100%;
}

.html_carousel div.slide div {
width: 60%;
display: none;
position: absolute;
bottom: 20px; 
}


/*.html_carousel div.slide h4 {
font-size: 35px;
padding: 30px 0 0 100px; 
}
*/

/*
.html_carousel div.slide p 
{
font-size: 16px;
padding: 0 0 30px 100px;
}
*/

.html_carousel div.slide h4, .html_carousel div.slide p 
{
color: #feb632; 
margin: 0;
}

.clearfix {
float: none;
clear: both;
}

.main_backg {
    background: white;
    padding: 20px 15px 35px;
    margin-bottom: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    box-shadow: 1px 1px 6px rgba(102,102,102,0.4);
}

.main_body {
margin: 0px 10px;
width: 645px;
float: left;
}

.main_height_holder { overflow : hidden; height :100%; } 

.mainspacer
{
height:30px;
line-height:30px;
}

.spacer21
{
height:21px;
line-height:21px;
}

.main_sidebar {
    margin: 10px 10px; /* margin: 0px 10px;  11/15 */
    width: 235px; /*auto*/
    float: left;
    -moz-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    box-shadow: 1px 1px 6px rgba(102,102,102,0.4);
}

.second_sidebar {
    margin: 0px 10px;
    border: 5px solid tan;
    width: 235px; /*auto*/
    float: left;
    -moz-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    box-shadow: 1px 1px 6px rgba(102,102,102,0.4);
}

/* 10-25-14 ++ */

.noshow { display:none; }


.center {
margin: 0px auto;
display: block;
padding :10px;
}

/*.txtcenter { text-align :center;} nov 4 2015*/

.sidetext {
color: rgb(68, 68, 68);
line-height:23px;
font-family: "Cabin", sans-serif;
font-size: 1.1em; 
font-weight: normal;
padding: 0px 5px;
}

.sideimg 
{
width :140px;
height :140px;
}

.image_frame
{
padding :4px;
background-color: #fff;
}

/* - - - - - - - - - */

.imagecrop {
width: 100%;
height:100%;
overflow: hidden;
position: relative;
}

.cssToggle { text-decoration:underline; cursor:pointer;  }

.ContentImageHolder {
margin: 0 auto;
width: 70%;   /* 58% 10-25-14 */ 
}

.ContentPictureHolder {
margin: 0 auto;
width: 40%;
}

.ContentHeight {
height:350px;
overflow:hidden;
}


.sidespacer
{
height:80px;
line-height:80px;
}


.footer {
height:80px;
}

.footer_bg {
    background: rgb(1, 63, 92); /*1/10/14 rgb(136, 170, 49)*/
    margin-bottom: 20px;
    border-top-color: rgba(255, 255, 255, 0.4);
    border-top-width: 1px;
    border-top-style: solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    -webkit-box-shadow: 1px 1px 6px rgba(102, 102, 102, 0.4);
    box-shadow: 1px 1px 6px rgba(102,102,102,0.4);
}

/*  use CGothic14 nov.22.15 */
.foot_mgsi
{
font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;
float: left;
color: #fff;
font-size: 14px;
margin-top: 30px;
margin-left: 25px;
}

.foot_lenguage
{
font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;
float: left;
color: #fff;
font-size: 14px;
margin-top: 30px;
margin-left: 140px;
 width:auto; 
}

.foot_followus 
{
font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;
float: left;
color: #fff;
font-size: 14px;
margin-top: 30px;
margin-left: 180px;
} 

/* ---- 5-8-2015 ----*/

.foot_terms 
{
font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;
float: left;
color: #fff;
font-size: 14px;
margin-top: 30px;
margin-left: 150px; /* 6.10.15 - 260px */
} 



.foot_icons {
float: left;
margin-top: 23px;
margin-left: 10px;
}


.dotted_link {
text-decoration: none;
border-bottom: 1px dotted white;
cursor: pointer;
}

.dotted_link_orange 
{
text-decoration: none;
border-bottom: 1px dotted orange;
cursor: pointer;
}

.social_img {
width: 30px;
height:30px;
cursor: pointer;
}


.bt_wrap
{
overflow: hidden;
height:100%;
}

.bt_margin
{
float: left;
margin-top: 5%;    
margin-left: 5%;   
}

.bt_size
{
float:right;
width: auto;
margin-bottom: 25px;
padding: 6px 10px;
text-align :center;
}

.bg_teal {	background: rgb(1, 63, 92) none repeat scroll 0% 0%; }

.bg_orange { background: rgb(255, 153, 0) none repeat scroll 0% 0%;}

.bt_border /* nov.24.15 bt_orange */ {
    /*background: rgb(255, 153, 0);
*/
    border-width: 0px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

.bt_border:hover {
background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
text-decoration :none;
text-shadow: #515151 0px -1px 0px; 
}

.box_1 {
position: static;
overflow : hidden;
padding:10px;
}


.box_2 { 
position: static;
float:left;	
}

.box_3 {
position: static; 
padding-left: 40px;
}

.box_in1 {
}

.box_in2 {
}

/*used in EN ver */
.head_lenguage
{
font-family: "Century Gothic","Lucida Grande",Arial,sans-serif;
color: #fff;
font-size: 14px;
line-height:170%; /*fv 9/17/14 */
/* text-align: center;  6.10.15 + */ /*!@# needs to be corrected remove center tag add text-align */
}

.jump {display:none;} /* different from noshow */

.left27pt {margin-left: 27.0pt;}


/* - -  home & attributes - - - -  */

.height_content { height: 388px; }
.top50{ padding-top: 50px; }


/* 7.23.2015 ++ */
.txtjtfy { text-align: justify; }

/* 10.16.15 */
.chatIcon {
height:32px;
vertical-align:middle;
margin:0 15px 0 0 ;	
}

/* nov 11 2015 */
.distribAdvice {
    position: fixed;
    z-index: 9999;
    right: 220px;
    top: 30%;
    width: 220px;
    background: rgba(40, 49, 58,0.5);
    margin: 0;
    padding: 20px;
    text-align: center;
    color: #ffffff;
}

.distri_bt {
    color: #FFF;
    background: #3bb8ef none repeat scroll 0% 0%; /* #FFA100 */
    padding: 4px 10px 4px 11px;
    text-transform: uppercase;
    border-radius: 20px;
    text-decoration: none;
    transition: color 0.1s ease 0s;
}

/* dec 01 2015 */

/* new bt bann dec 01 2015 */

.bt_hide { display: block; }

.bt_position {
position: absolute; 
z-index:100;
}

.bt_xy1 {
left: 2%; 
top: 60%; 
}

.bt_xy2 {
left: 35%; 
top: 60%; 
}



/* end fx.css */