@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400);

/* =============================================
	CREATED BY WAY2CONCEPT
============================================= */

*{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;background:transparent;font-family:'Roboto', Arial, Helvetica, sans-serif;font-weight:400; color:#000;}
html	{background:#fff url(../images/html.jpg) no-repeat center 0;background-size:cover;background-attachment:fixed;}
html, body	{height:100%;}
body	{min-height:550px;min-width:960px;}

/* ############################################################################
								GENERAL
############################################################################ */
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *	{font-weight:800;}
ul li	{list-style:none;}
a	{text-decoration:none;}
h1	{margin-bottom:20px; }
h1, h1 *	{ }
h2	{margin-bottom:10px; }
h2, h2 *	{font-family: 'Roboto Condensed', sans-serif;font-weight:normal;}
h3	{margin-bottom:10px; }
h3, h3 *	{font-family: 'Roboto Condensed', sans-serif;font-weight:normal;}
h4	{color:#0e5c7c;font-family: 'Roboto Condensed', sans-serif;font-weight:normal;font-size:14px;line-height:17px;text-transform:uppercase;margin-bottom:10px; }
h4, h4 *	{ }
h5	{margin-bottom:5px; }
h5, h5 *	{font-size:16px;line-height:20px; }
h6	{margin-bottom:5px; }
h6, h6 *	{font-size:14px;line-height:17px; }
p	{line-height:15px;margin-bottom:5px;}
img	{vertical-align:middle;}
strong	{font-weight:bold;}
em	{font-style:italic;}

input[type="text"], input[type="password"], input[type="email"]	{background-color:#eee;line-height:20px;height:20px;width:180px;padding:5px 10px;border-radius:3px;}
input[type="submit"]	{background-color:#c00;width:30px;height:30px;border-radius:3px;}

.wrapper	{background-color:#fff;width:880px;padding:0 50px 20px;margin:0 auto;border:solid 1px #f3f3f3;border-top:none;}

.col-left	{float:left;}
.col-right	{float:right;}
.clearfix	{display:block;height:0;clear:both;}

.mobile	{display:none;}

#general-content .wrapper	{box-shadow:0 0 20px #e6e6e6;padding-top:135px;}

header	{background-color:#fff;padding:30px 0 20px;position:fixed;z-index:20;top:0;}
header.active	{border-bottom:solid 1px #ccc;}
header .logo-box	{width:300px;}
header .col-right	{width:580px;margin-top:-20px;}
header .col-right .main-ul	{float:right;}
header .btn-nav-mobile	{background:#fff url(../images/sprite-40.png) no-repeat -160px 0;display:block;width:38px;height:38px;border:solid 1px #000;border-radius:3px;margin-right:20px;}

header .logo	{display:block;height:84px;}
header .logo img	{height:100%;}
header .top	{height:60px;float:right;margin-bottom:20px;}
header .bot {clear:both;}
header .bot .item	{display:inline-block;vertical-align:top;margin:0 5px 5px 0;padding-right:5px;position:relative;border-right:solid 1px #000;}
header .bot .item:last-child	{margin-right:0;border:none;}
header .bot .item ul	{background-color:#fff;background-color:rgba(255,255,255,0.9);min-width:150px;position:absolute;top:20px;right:0;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition: all 0.5s ease;}
header .bot .item:hover ul	{visibility:visible;opacity:1;filter:alpha(opacity=100);}
header .bot .main	{font-family: 'Roboto Condensed', sans-serif;font-weight:normal;text-transform:uppercase;display:block;line-height:20px;border-bottom:solid 1px transparent;}
header .bot .main.active	{color:#47a9c5;border-color:#47a9c5;}
header .bot .main-ul ul	{border:solid 1px #eee;border-top:none;border-right:none;}
header .bot .sub	{display:block;margin-bottom:3px;padding:5px 15px;transition: all 0.3s ease;}
header .bot .sub.active	{background-color:#47a9c5;color:#fff;cursor:default;}
header .bot .sub:last-child	{margin-bottom:0;}
header .bot .sub:hover	{background-color:#eee;}
header .bot .sub.active:hover	{ background-color:#47a9c5;color:#fff; }

footer .wrapper	{background-color:#eee;border-color:transparent;padding-bottom:0;box-shadow:0 0 20px #e6e6e6;}
footer .bot	{color:#565656;text-align:right;padding:10px 0;font-size:12px;line-height:15px;}
footer .top	{padding:20px 0;}
footer .top a	{transition: all 0.3s ease;}
footer .top a:hover, footer .top a.active	{color:#000;}
footer .top .item	{display:inline-block;vertical-align:top;margin-right:40px;}
footer .top .item:last-child	{margin-right:0;}
footer .top .main	{color:#47a9c5;text-transform:uppercase;margin-bottom:10px;display:block;}
footer .top .sub	{color:#aeaeae;display:block;margin-bottom:3px;}

#form-search	{height:40px;}
#form-search .submit	{background:url(../images/sprite-30.png) no-repeat 0 0;margin-right:5px;vertical-align:middle;float:left;}
#form-search .text	{float:left;}

#top-restricted {height:20px;vertical-align:middle;margin-left:20px;padding:7px 0;text-align:right;}
#top-restricted a {color:#47a9c5;text-transform:uppercase;font-size:10px;display:inline-block;line-height:16px;height:16px;}
#top-restricted a:not(:last-child) {border-right:solid 1px #ccc;margin-right:5px;padding-right:5px;}
#top-restricted a.active {text-decoration:underline;}
#top-restricted a.disabled {color:#ccc;cursor:default;}
#top-restricted a.logout {color:#ccc;}


#banner	{background-color:#333;height:335px;overflow:hidden;position:relative;}
#banner .col-left	{height:100%;width:535px;overflow:hidden;}
#banner .col-right	{background-color:#47a9c5;width:305px;height: 100%;padding:20px;position:absolute;top:0;right:0;}
#banner .title	{font-size:20px;line-height:23px;max-height:46px;text-transform:uppercase;overflow:hidden;margin-bottom:10px;}
#banner .content	{height:240px;overflow:hidden;}
#banner .content, #banner .content *	{color:#fff;}

#home-highlights	{background-color:#333;padding:20px 0;}
#home-highlights *	{color:#fff;}
#home-highlights li	{float:left;width:25%;height:160px;overflow:hidden;}
#home-highlights li:last-child .box-a, #home-highlights li:last-child .box-b	{border:none;}
#home-highlights li .box-a	{border-right:solid 1px #000;height:100%;}
#home-highlights li .box-b	{padding:0 20px;border-right:solid 1px #ccc;height:100%;}
#home-highlights li .title	{height:40px;overflow:hidden;margin-bottom:10px;}
#home-highlights li .title .text	{color:#47a9c5;font-size:15px;line-height:40px;text-transform:uppercase;vertical-align:middle;}
/*#home-highlights li .title .icon	{background:url(../images/sprite-40.png) no-repeat 0 0;display:inline-block;vertical-align:middle;width:40px;height:40px;margin-right:10px;}*/
#home-highlights li.prosperity .title .icon	{background-position:0 0;}
#home-highlights li.information .title .icon	{background-position:-40px 0;}
#home-highlights li.regulation .title .icon	{background-position:-80px 0;}
#home-highlights li.communication .title .icon	{background-position:-120px 0;}

#home-highlights .btn-more	{color:#47a9c5;transition: all 0.3s ease;}
#home-highlights .btn-more:hover	{color:#fff;}

#home-other	{padding:20px 0;}


/* #################################################
						HOME NEWS
################################################# */
#home-news	{height:280px;}
#home-news h3,
#home-documents h3	{font-size:15px;line-height:20px;height:20px;text-transform:uppercase;margin-bottom:10px;}
#home-news h3 {padding-left:20px;}
#home-news ul	{height:250px;}
#home-news li	{width:25%;float:left;height:100%;overflow:hidden;}
#home-news li a	{display:block;height:100%;padding:0 20px;border-right:solid 1px #ccc;}
#home-news li a:hover .title	{color:#000;}
#home-news li:last-child a	{border:none;}
#home-news li .title	{display:block;color:#055b7d;font-size:14px;line-height:17px;font-weight:bold;margin-bottom:5px;transition: all 0.5s ease;}
#home-news li .subtitle	{display:block;color:#055b7d;font-size:11px;line-height:14px;margin-bottom:5px;}
#home-news li .description	{display:block;}

#home-documents	{width:25%;height:280px;}
#home-documents .content	{border-left:solid 1px #ccc;padding-left:20px;height:100%;}
#home-documents li	{margin-bottom:10px;}
#home-documents li a	{background-color:#47a9c5;color:#fff;line-height:15px;text-transform:uppercase;display:block;border-radius:3px;padding:5px 10px;transition: all 0.5s ease;}
#home-documents li a:hover	{background-color:#055b7d;}


/* #################################################
						MOBILE MENU
################################################# */
#mobile-menu	{background-color:#333;position:fixed;top:0;left:-300px;width:280px;height:100%;z-index:9;border-right:solid 1px #3d3d3d;transition: all 0.5s ease;}
#mobile-menu.active	{left:0;}
#mobile-menu .container	{overflow-y:auto;position:relative;top:80px;height:50%;height:calc(100% - 80px );}
#mobile-menu li.item	{border-bottom:solid 1px #3d3d3d;}
#mobile-menu li.item:last-child	{border:none;}
#mobile-menu li a	{display:block;padding:10px 20px;transition: all 0.3s ease;}
#mobile-menu li a:hover	{background-color:#555;}
#mobile-menu *	{color:#fff;}
#mobile-menu .main	{text-transform:uppercase;font-weight:bold;}
#mobile-menu .sub	{background-color:#3d3d3d;}

/* #################################################
						ABOUT
################################################# */
#banner-2	{}
#banner-2 .image	{background-color:#333;overflow:hidden;}
#banner-2 .image img	{width:100%;}
#breadcrumbs	{background-color:#47a9c5;height:30px;padding:20px;line-height:30px;overflow:hidden;margin-bottom:20px;}
#breadcrumbs *	{font-size:23px;text-transform:uppercase;}
#breadcrumbs li	{display:inline-block;}
#breadcrumbs li:not(:last-child)::after{  content: " > "; }
#breadcrumbs a	{vertical-align:middle;}
#breadcrumbs span	{vertical-align:middle;color:#fff;}

.db-content *	{color:#333;}
.db-content hr	{background-color:#47a9c5;height:1px;clear:both;margin:20px 0;}
.db-content p	{margin-bottom:10px;}
.db-content h2	{color:#47a9c5;text-transform:uppercase;margin-bottom:0;font-size:18px;line-height:21px;font-weight:normal;}
.db-content h3	{color:#47a9c5;text-transform:uppercase;margin-bottom:0;font-size:12px;line-height:15px;font-weight:normal;}
.db-content h4	{font-size:17px;line-height:20px;margin-bottom:20px;font-weight:normal;}
.db-content ol { margin-bottom:20px; }
.db-content ul { margin-bottom:20px; }
.db-content li	{margin-left:20px;}
.db-content a:hover	{text-decoration:none !important;}
.full-width-content	{padding:0 20px 20px;}

#page-files, .docs-container,
.external-container	{margin-bottom:20px;text-align:center;}
#page-files a,
.docs-container a,
.external-container a	{display:inline-block;word-break:break-all;max-width:100px;text-align:center;margin:0 10px;vertical-align:top;}
#page-files a .icon,
.docs-container a .icon,
.external-container a .icon	{background:url(../images/sprite-40.png) no-repeat -200px 0;display:inline-block;width:40px;height:40px;margin-bottom:5px;}
.external-container a .icon {background-position:-240px 0;}
#page-files a .text,
.docs-container a .text,
.external-container a .text	{color:#47a9c5;font-size:11px;line-height:14px;display:block;transition: all 0.3s ease;}
#page-files a:hover .text,
.docs-container a:hover .text,
.external-container a:hover .text	{color:#333;}

.accordion li	{margin-bottom:1px;}
.accordion li.active .title	{}
.accordion li:not(:last-child)	{}
.accordion li .title	{background-color:#eee;color:#47a9c5;font-size:14px;line-height:20px;padding:10px 20px;cursor:pointer;transition: all 0.5s ease;}
.accordion li .title:hover	{background-color:#e0e0e0;}
.accordion li.active .title	{cursor:default;}
.accordion li.active .title:hover	{background-color:#eee;}
.accordion li .description	{padding:5px 0;border-bottom:solid 1px #47a9c5;display:none;}

/* #################################################
						CONTACTS
################################################# */
#contacts-container	{}
#contacts-container .col-left	{width:460px;}
#contacts-container .col-right	{width:400px;}
#contacts-gmaps	{background-color:#f2f2f2;height:250px;}

.masonry-container li	{float:left;width:33.3%;position:relative;}
.masonry-container li .masonry-content	{background-color:#eee;padding:20px;margin:5px;}
.masonry-container h2	{color:#47a9c5;font-size:18px;line-height:21px;text-transform:uppercase;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #eee;}

.masonry-content .date	{font-size:14px;line-height:17px;margin-bottom:10px;}
.masonry-content .video,
.masonry-content .image	{background-repeat:no-repeat;background-position:center center;background-size:cover;height:100px;margin-bottom:10px;text-align:center;display:block;}
.masonry-content .video span	{background:url(../images/sprite-40.png) no-repeat -280px 0;display:inline-block;width:40px;height:40px;margin:30px auto 0;}
.masonry-content .title	{margin-bottom:10px;display:block;}
.masonry-content .title,
.masonry-content .title a	{color:#2e6f81;font-size:14px;line-height:17px;text-transform:uppercase;display:block;}
.masonry-content a.title:hover	{text-decoration:underline;}
.masonry-content .description,
.masonry-content .description *	{color:#7e7e7e;}
.masonry-content .docs-container	{padding-top:20px;margin:0;}
.masonry-content .detail-btn	{display:block;text-align:center;margin-top:20px;color:#2e6f81;font-size:14px;line-height:17px;}
.masonry-content .external-btn	{display:block;text-align:center;margin-top:20px;}
.masonry-content .external-btn .icon	{background:url(../images/sprite-40.png) no-repeat -240px 0;display:inline-block;width:40px;height:40px;}
.masonry-content .external-btn .text	{color:#2e6f81;font-size:14px;line-height:17px;display:none;}

/* #################################################
						ASSOCIATES
################################################# */
.grid-list ul .parent:not(:last-child)	{border-bottom:solid 1px #c1c6c7;margin-bottom:20px;}
.grid-list ul .child	{float:left;width:25%;margin:0 0 20px 0;text-align:center;}
.grid-list ul .child:nth-child(4n)	{}
.grid-list ul .child .title	{color:#60676b;margin-bottom:5px;}

/* #################################################
						DOCUMENTS
################################################# */
#documents-detail h1,
#media-detail h1	{font-size:20px;line-height:23px;text-transform:uppercase;}
#documents-detail .col-left,
#documents-detail .col-right,
#media-detail .col-left,
#media-detail .col-right	{width:45%;}
#documents-detail .video,
#documents-detail .image,
#media-detail .video,
#media-detail .image	{margin-bottom:30px;}
#documents-detail .image	{}
#documents-detail .video iframe,
#documents-detail .image img,
#media-detail .video iframe,
#media-detail .image img	{width:100%;}

/* #################################################
						SEARCH
################################################# */
#search-results h3	{color:#47a9c5;text-transform:uppercase;}
#search-results .result-line	{margin-bottom:10px; }
#search-results .result-line .title	{margin-bottom:0;}
#search-results .result-line .title a,
#search-results .result-line .title a *	{color:#2e6f81;font-size:14px;line-height:17px;text-transform:uppercase;}
#search-results .result-line .description,
#search-results .result-line .description *	{color:#aeaeae;}
#search-results .search-highlight	{text-decoration:underline;}
/*#search-results	{ -webkit-column-count: 4; -moz-column-count: 4;  column-count: 4; -webkit-column-gap: 30px; -moz-column-gap: 30px;  column-gap: 30px; }
#search-results ul	{ display: inline-block; margin-bottom:20px; }
#search-results li .title a	{}
#search-results li .description	{color:#aeaeae;}*/

#associates-container .image {position:relative;}
#associates-container .image img {max-width:100%;}

/* #################################################
						ÁREA RESERVADA
################################################# */
#form-login {}
#form-login *, #form-forgot * {box-sizing:border-box;}
#form-login h3, #form-forgot h3 {color:#2e6f81;font-size:20px;line-height:25px;text-transform:uppercase;text-align:center;margin-bottom:20px;}
#form-login .box, #form-forgot .box {margin-bottom:10px;}
#form-login .username,
#form-login .password,
#form-forgot .email {width:100%;height:40px;}
#form-login .box-alert, #form-forgot .box-alert {color:#c00;font-size:10px;line-height:13px;margin-bottom:10px;}
#form-login .submit, #form-forgot .submit {background-color:#47a9c5;color:#fff;text-transform:uppercase;height:40px;width:100%;transition: all 0.3s ease;cursor:pointer;}
#form-login .submit:hover, #form-forgot .submit:hover {background-color:#2e6f81;}
#form-login .box-forgot {text-align:center;}
#form-login .box-forgot a {font-size:12px;line-height:15px;}
#form-login .box-forgot a:hover {text-decoration:underline;}

.masonry-content .subtitle {margin-bottom:10px;}
.masonry-content .folders {padding-top:10px;margin-top:10px;;border-top:solid 1px #fff;}
.masonry-content .folder-title {text-transform:uppercase;margin-bottom:10px;}
.masonry-content .folder-list {padding-left:10px;}
.masonry-content .folders a {display:block;margin-bottom:5px;}
.masonry-content .folders a:hover {text-decoration:underline;}