@charset "UTF-8";
/*  ----------------------------------------------------------------------------------------------------- */
body{font-size: 14px; margin:0px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#eee; font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;color:#eef;}
 
	/* menu side style*/
	#MENUSIDE{position: fixed; left: 0px; top: 0px; background-color:#eff3f6; border-right:solid 1px #eee; overflow:hidden; width: 230px; position: fixed;
             -moz-transition: left 0.3s; -o-transition: left 0.3s;-webkit-transition: left 0.3s;transition: left 0.3s;}
        #MENUSIDE.active-menu {left: 0px}
		#MENUSIDEindent{width:100%; height:auto;}
			#LOGO{height:87px; display:block; padding:27px 0 5px 10px; z-index:997; background-color:#eff3f6;margin-left:80px}
				#LOGO img{width:62px; height:auto; }
			.MenuSideMainLink{width:100%; height:45px; display:block; padding:15px 0px 0px 27px; cursor:pointer;}
				.MenuSideMainLink input{ padding:6px; background-color:#eee; outline:none; border:0px; border:none; color:#9ba5ac; border-radius:20px;
				-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.5);}
			.MenuSideMainLinkDark{background-color:#eee !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
			.MenuSideMainLink:hover{background-color:#eee; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
				.MenuSideMainLink img{width:30px; height:auto; float:left;}
				.MainLinkText{color:#9ba5ac; font-size:20px; margin:2px 0px 0px 60px; display:block;}
					
		.SubMenuLinkContainer{width:auto; padding:20px; overflow:hidden; background-color:#eee; display: none;}
				.SubMenuLink{width:50%; display:inline-block; float:left; padding:6px 0px; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; color:#659eb3; font-size:14px;
				}
				.SubMenuLink:hover{background-color:#101517; color:#8dc5d9;}
										
	/* content side style*/
	#CONTENTSIDE{width:auto; overflow:hidden; z-index:1; margin-left:230px; background-color:#eee;}
		#CONTENTSIDEindent{width:100%; height:auto;}
			.ContentSideSections{display:block; border-bottom:solid 1px #bcc7cf; padding:30px;}
			.MOBILE .ContentSideSections{padding:14px 24px;}
			#PFTopLinksCover{background-color:#eff3f6;height: 30px;}
			#PFMobileTopLinksCover{ position:inherit;}
				.PFTopLinks{width:80px; display:inline-block; text-align:center; padding:5px; border-radius:5px;  font-size:12px; -webkit-border-radius:5px; margin-top:-10px; -webkit-transition: all 0.5s ease; 
							-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden;}
				.PFTopLinks:hover, .PFTopLinksMobile:hover{background-color:#e0e5e9;
				-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
				.PFTopLinksMobile{width:20%; display:inline-block; text-align:center; padding:1%; border-radius:5px;  font-size:11px; -webkit-border-radius:5px;
				-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden;}
					.PFTopLinks img, .PFTopLinksMobile img{width:80%; height:55px;}
					.PFGrayText{color:#aab7c1;}
					.PFDarkText{color:#313b3f;}
					
				.PropertyBox{width:33%; box-sizing: border-box; height:280px; float:left; padding:3%; overflow:hidden; text-align:center; border-radius:5px; -webkit-border-radius:5px; display:block;}
					.PropertyBox img{width:53%;}
					.PropertyBox .PropertyTopic{display:block; color:#25aae1; font-size:18px;}
					.PropertyBox .PropertyText{display:block; color:#5C666A; font-size:14px;}
					
				.MOBILE .PropertyBox{width:27%; height:250px; float:left; padding:3%; overflow:hidden; text-align:center; border-radius:5px; -webkit-border-radius:5px; display:block;
				-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
					.MOBILE .PropertyBox img{width:80%;}
					.MOBILE .PropertyBox .PropertyTopic{display:block; color:#25aae1; font-size:12px;}
					.MOBILE .PropertyBox .PropertyText{display:block; color:#8c9aa5; font-size:11px;}
				
				.widgetsLink{width:90%; height:auto; background-image:url(""); background-position:top; background-repeat:no-repeat; background-size:contain; display:table;
							 text-align:center; padding:5%;}
					.widgetsLink img{width:40%; height:auto; margin-top:5%;}
					.widgetsLink span{ width:100%; margin-top:10px; overflow:hidden; height:50px; display:table; font-size:14px;}
				.widgetsLink:hover span{color:#fdd106; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
				
					.MOBILE .widgetsLink img{width:40%; height:auto; margin-top:1%;}
					.MOBILE .widgetsLink span{ width:100%; margin-top:0px; overflow:hidden; height:50px; display:table; font-size:11px;}
				
			.BoxesIndent{width:85%; float:right; padding-top:30px;}
				.brandLogo{ background-image:url("/showcase/javax.faces.resource/main/images/brandLogo.svg.xhtml"); background-repeat:no-repeat; background-position:center; background-size:contain; width:70px; height:70px; display:block;
				margin:10px 10px 10px 0px; float:left;}
				
			.MOBILE .BoxesIndent{width:85%; float:none; margin:0px auto; padding-top:30px;}
	
/** ThemeSwitcher **/
.navOverlay{width:200px; max-height:400px; overflow-y:auto; background-color:#eff3f6; border:solid 1px #bcc7cf; z-index:99999999999; position: absolute; 
				border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); 
				box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); margin-left:-60px; display: none;}
					.navOverlay a{display:block; padding:10px; border-bottom:solid 1px #bcc7cf; text-align:left; color:#87939B; overflow:hidden;}
					.navOverlay a:hover{ color:#fdd106;}
						.navOverlay a span.ui-theme{width:30px; height:27px; float:left; border:solid 1px #D7DCE0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
						.navOverlay a span.ui-text{ display:inline-block; margin-top:7px; margin-left:10px; font-size: 14px;}
/* cursor */
.cursorPointer{cursor:pointer;}
	
/* OTHERS */
a{ text-decoration:none; outline:none;color: #25AAE1}
.dispBlock{display:block !important;}
.TextShadow{text-shadow: 0 1px 0 #ffffff}
.TextShadowNone{text-shadow:none;}
.underline{ text-decoration:underline;}
.fontSize34{font-size:34px;}
.fontSize30{font-size:30px;}
.fontSize28{font-size:28px;}
.fontSize24{font-size:24px;}
.fontSize21{font-size:21px;}
.fontSize18{font-size:18px;}
.fontSize14{font-size:14px;}
.ContentX{width:95% !important; margin-bottom:30px; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
		  transition: all 0.5s ease;}
	.ContentX .defaultText{font-size:16px;}
	.ContentX .defaultTopic{font-size:34px; line-height:36px; text-align:center;}
	.ContentX .PropertyBox{height:220px;}
	.ContentX .PropertyBox .PropertyTopic{font-size:14px;}
	.ContentX .PropertyBox .PropertyText{font-size:12px;}
.PFTopLinksCover{padding-top:130px !important; height:auto !important; min-height:30px !important; text-align:left !important;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 
				-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.PFTopLinksCover .PFTopLinks{float:left !important; margin-top:0px;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
								 transition: all 0.5s ease;}
							
.wid50{width:50px;}
							
.texAliCenter{text-align:center;}

/* margins */
.marginRight10{margin-right:10px;}
.marginRight20{margin-right:20px;}
.marginBottom20{margin-bottom:20px;}
.marLefRigAuto{ margin-left:auto !important; margin-right:auto !important;}

/*fonts*/
.blackFont{font-family: 'latoblack', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.regularFont{font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;}

.hiddenIcons{opacity:0; filter:alpha(opacity=0);margin-left:-30px}
.hiddenLogo{opacity:0; filter:alpha(opacity=0);margin-left:-62px}
.emptyBox{display:block; height:121px;}

/* display */
.dispTable{display:table;}
.overHidden{overflow:hidden;}

/* floating */
.floatRight{float:right;}
.floatLeft{float:left;}

/* content boxes*/
.Content33{width:33%; }
.Content66{width:65%; background-position:left top; background-repeat:no-repeat;}
.Content100{width:100%;}

/* general text styles */
.defaultText{font-size:16px; color:#5C666A;}
.defaultTopic{font-size:46px; color:#e26e60; line-height:46px; padding:10px 0px 10px 0px;}
.defaultText.dispTable {font-size: 18px;}

/* buttons */
.BigButton{width:90%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:table; font-size:18px; font-family: 'latoblack', "Trebuchet MS", Arial, Helvetica, sans-serif; color:#404c51; margin:10px 0px 10px 0px; cursor:pointer;
padding:20px; border-radius:5px; border-right:solid 60px #404c51;}
	.BigButton img{ margin-right:-60px; height:23px;}	

.YellowBtn{background-color:#fdd106; -webkit-box-shadow: 0px 2px 0px 0px rgba(231,191,9,1); -moz-box-shadow: 0px 2px 0px 0px rgba(231,191,9,1); box-shadow: 0px 2px 0px 0px rgba(231,191,9,1);}
.YellowBtn:hover{ background-color:#fcdb42;}
.OrangeBtn{background-color:#fba751; -webkit-box-shadow: 0px 2px 0px 0px rgba(212,135,56,1); -moz-box-shadow: 0px 2px 0px 0px rgba(212,135,56,1); box-shadow: 0px 2px 0px 0px rgba(212,135,56,1);}
.OrangeBtn:hover{ background-color:#feb66d;}
	
/* text colors */
.orange{color:#fca752;}
.gray{color:#5C666A;}
.pink{color:#e26e61;}
.yellow{color:#fdd106;}
.green{color:#39b54a;}
.blue{color:#25aae1;}
.subitem{color:#84939f;}

.fixedTop{position:fixed !important; margin-top:0 !important;}
.animated{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

input.searchInput {
    padding-left: 30px;
}

.ui-tabs .ui-tabs-nav li.tab-doc {
    float: right
}

/** ClearFix **/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

.Implementation {
    background-color:#ffffff;
}

.Implementation h3 {
    margin-top: 40px;
}

.SubSubMenu {
    padding: 15px 30px;
}
.SubSubMenu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.SubSubMenu ul li {
    list-style: none;
    width: 20%;
    float: left;
}

.SubSubMenu ul li a {
    font-size: 16px;
}

.SubSubMenu ul li a:hover {
    color: #fdd106
}

.Source h3 {
    margin-top: 0px;
}

/* Tabs Source */
.Source .ui-tabs {
    background: none;
    border: 0 none;
}

.Source .ui-tabs .ui-tabs-nav {
    background: none;
    margin-bottom: -1px;
    padding: 0 !important;
}

.Source .ui-tabs .ui-tabs-nav li {
    background: #DFE4E6;
    border-color: #BCC7CF;
    box-shadow: none !important;
}

.Source .ui-tabs .ui-tabs-nav li.tab-doc {
    margin-right: 0;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-hover.ui-state-default a {
    color: #5C666A;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-default a {
    color: #84939F;
    font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-shadow: none;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-active a {
    color: #5C666A;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-hover {
    box-shadow: none; 
}

.Source .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #EFF3F6;
}

.Source .ui-tabs .ui-tabs-panels {
    border-top: 1px solid #BCC7CF;
}

/** Responsive **/
@media (min-width: 961px) {
	.PFTopLinks {
		display: block
	}
    
    .mobileLogoCover {
        display: none;
    }
    
    #mobile-menu-btn {
        display: none;

    }
        
    .PFNextGen iframe {
        margin-left: 100px;
    }
}

@media (max-width: 1140px) {
    #LOGOTEXTSIDE {
        width: auto;
        background: none;
    }
    
    #LOGOPC {
        width: auto;
        background: none;
    }
    
    #LOGOTEXTSIDE span {
        font-size: 24px;
    }
    
    #LOGOPC span {
        font-size: 24px;
    }
    
    #PFTopLinksCover .PFTopLinks {
        padding-left:0;
        padding-right:0;
    }
}

@media (max-width: 960px) {
	.PFTopLinks {
		display: none
	}
    
    #PFTopLinksCover {
        position: fixed;
        top: 0;
        width: 100%;
        box-sizing: border-box;
        height: 105px;
        padding: 30px 15px 15px 15px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        z-index: 200;
    }
        
    .mobileLogoCover {
        display: block;
        float: left;
    }
    
    #mobile-menu-btn {
        display: inline-block;
        font-size: 36px;
        margin-left: 24px;
        color: #ccc7cf;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -webkit-transition: color .3s;
        transition: color .3s;
    }
    
    #mobile-menu-btn:hover {
        color: #25AAE1;
    }
    
    #MENUSIDE {
        z-index: 200;
        left: -301px;
        top: 105px;
        -webkit-box-shadow: 3px 0 6px rgba(0,0,0,0.3);
        -moz-box-shadow: 3px 0 6px rgba(0,0,0,0.3);
        box-shadow: 3px 0 6px rgba(0,0,0,0.3);
    }
    
   
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}
    
    #MENUSIDEindent {
        padding-bottom: 105px;
    }
    
    .content-container {
        margin-top: 105px;
    }
    
    #CONTENTSIDE {
        margin-left:0
    }
        
    #LOGOTEXTSIDE {
        display: none
    }
    
    #LOGOPC {
        display: none
    }
    
    .ContentSideSections{
        padding:14px 24px;
    }
    
    .Content33 {
        width: 100%;
    }
    
    .Content66 {
        width: 100%;
    }
    
    .ui-tabs .ui-tabs-nav li.tab-doc {
        float: left
    }
    
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
        width: 100%;
    }
    
    .BigButton {
        width: 100%;
    }
    
    .PFNextGen iframe {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .SubSubMenu > ul > li {
        width: 50%;
    }
    
    .PropertyBox {
        width: 100%;
        height: auto;
    }
    
    .PropertyBox .PropertyText {
        font-size: 18px;
    }
    
    .styleCorpo {
    	width: 100%;
    }
}