html {
	min-height: 100%;
	height: 100%;
}
html, body {
	font-family: "Arial", "Lucida Sans Unicode" !important;
	color: #444;
	margin: 0;
}
p {
	font-family: "Arial", "Lucida Sans Unicode" !important;
}

body {
	margin: 0;
	font-size: 10pt !important;
	background: #ebf2f7 url(/bundles/images/body-bg.png) center repeat-y;
}

div {
	text-align: left;
}

a {
	/*text-decoration: underline;*/
}

p a {
	border-bottom: 1px dotted #ddd;
}

p a:hover {
	border-bottom: 0;
}

/* Header */

.header-button {
	width: 53px;
	height: 38px;
	padding: 6px;
	color: #96bad4;
	font-size: 0.9em;
	line-height: 1em;
	margin: 5px 6px 0px 6px;
	display: inline-block;
	background: url(/bundles/images/header-button-bg-5.png) center no-repeat;
}

a.header-button {
	color: #96bad4;
	text-decoration: none;
}

.header-button:hover {
	background-image: url(/bundles/images/header-button-bg-6.png);
}


/* ------------------------------ Body ----------------------------------------*/

#body-container {
	width: 1000px;
	background: #FFF;
	margin: auto;
	padding-top: 10px;
}

#body {
	/*min-height: 500px;*/
	background: #FFF;
	overflow: auto;
	padding: 10px 15px 15px 15px;
}


#header {
	font-size: 0.9em;
}
#header a {
	color: #333;
}

a.language {
	background: #333;
	color: #FFF !important;
	text-decoration: none;
	padding: 2px 10px;
	margin-top: -5px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 15px;
	float: right;
	margin-top: -10px;
	margin-left: 5px;
}

/* ------------------------------ Main menu ----------------------------------------*/
#banner {
	margin: auto;
	background: #FFF;
}
.banner {
	width: 100%;
	height: 250px;
}
.banner-label {
	margin-top: -64px;
	height: 64px;
	width: 950px;
}
#banner-container {
	margin-bottom: 15px;
	overflow: hidden;
}

/* ------------------------------ Main menu ----------------------------------------*/

#menu-container {
}

#main-menu {
	font-family: "Lucida Sans Unicode";
	background: #0f4271;
	background: url(/bundles/images/header-bg.png) center bottom;
	background: #ececec;
	margin: auto;
	overflow: auto;
	border-radius: 0px;
	margin-top: 10px;
	padding: 0 20px;
}

/* Menu - First Level */

#main-menu ul {
	margin: 0;
	padding: 0;
}
#main-menu ul li {
	margin: 0 10px;
	min-width: 120px;
	list-style-type: none;
	float: left;
	padding-top: 7px;
	text-align: center;
}
#main-menu ul li a {
	font-size: 10pt;
	text-transform: uppercase;
	margin: 0;
	padding: 8px 15px 7px 15px;
	display: block;
	text-decoration: none;
	color: #555;
}
/* active section */
body.home #main-menu a.home, 
body.logistics #main-menu a.panama-logistics, 
body.components #main-menu a.components, 
body.platform #main-menu a.platform, 
body.assets #main-menu a.assets, 
body.services #main-menu a.services, 
body.trade #main-menu a.trade,
body.resources #main-menu a.resources,
body.publications #main-menu a.publications
{
	color: #444;
	text-shadow: 0px 1px 0px #FFF;
	border-radius: 0;
	background: #FFF;
	padding: 8px 15px 7px 15px;
	/*
	background: url(/bundles/images/blue-gradient.png) top;
	color: #FFF;
	text-shadow: none;*/
}


/* active + hover */

body.home #main-menu li:hover a.home, 
body.logistics #main-menu li:hover a.panama-logistics, 
body.components #main-menu li:hover a.components, 
body.platform #main-menu li:hover a.platform, 
body.assets #main-menu li:hover a.assets, 
body.services #main-menu li:hover a.services, 
body.trade #main-menu li:hover a.trade,
body.resources #main-menu li:hover a.resources,
body.education #main-menu li:hover a.education,
#main-menu ul li:hover a, #main-menu ul li a:hover
{
	/*background: rgba(10, 10, 10, 0.2);*/
	color: #333;
	background: #fcfcfc;
	border-radius: 0;
	text-shadow: none;
	background: url(/bundles/images/blue-gradient.png) top;
	color: #FFF;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}


/* Menu - Second Level */

#main-menu ul ul {
	clear: both;
	width: 230px;
	display: none;
	margin-left: 0px;
	background: #fcfcfc;
	padding: 15px 5px;
	font-size: 8pt;
	position: absolute;
	z-index: 99999;
	/*border: 1px solid #DDD;*/
	border-top: 0;
	background: url(/bundles/images/blue-gradient.png) top;
}

#main-menu ul ul li {
	text-align: left;
	width: 180px;
	float: left;
	border: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 20px;
	background: url(/bundles/images/icons/famfam/bullet_gray.png) left no-repeat;
}

#main-menu ul ul li a, #main-menu ul ul li span {
	background: none !important;
	font-size: 8pt;
	display: block;
	color: #a8c9e2;
	text-shadow: none;
	border-radius: 0;
	box-shadow: none !important;
	padding: 5px;
	text-transform: none;
	border-bottom: 1px dotted #134469;
	text-align: left;
}
#main-menu ul ul ul li span {
	color: #CCC;
}
#main-menu ul ul li a:hover {
	text-decoration: none;
	background: url(/bundles/images/blue-gradient.png) !important;
	color: #FFF;
}
/* Sub menu */


#main-menu ul ul ul {
	display: none;
	position: absolute;
	margin-top: -35px;
	margin-left: 150px;
	z-index: 999;
	background: url(/bundles/images/blue-gradient.png) center;
	padding: 10px 0;
	width: 230px;
}
#main-menu ul ul ul li {
}
#main-menu ul ul ul li a, #main-menu ul ul ul li span {
	border-bottom: none;
	border-bottom: 1px solid transparent;
	padding: 5px;
}
#main-menu ul ul ul li a:hover {
	background: none !important;
	border-bottom: 1px dotted #102e42;
}

/* Footer */
#footer-container {
	background: #ececec;
	overflow: auto;
	color: #777;
}
#footer {
	margin-top: 10px;
}
#footer li {
	list-style-type: none;
	margin: 0;
	margin-left: 5px;
	padding: 0;
}
#footer > ul > li {
	float: left;
	padding: 10px 10px;
}
#footer > ul > li:last-child {
	border: 0
}
#footer li.section-name {
	font-family: arial;
	font-size: 1.1em;
	margin-bottom: 5px;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer > ul > li > a {
	color: #FFF;
	border-radius: 0;
	font-weight: bold;
	background: none;
	padding: 0;
	font-size: 1.1em;
	margin-bottom: 5px;
}
#footer ul li span {
	color: #FFF;
	padding: 0px 5px;
	text-decoration: underline;
}
#footer ul li ul ul ul span {
	color: #FFF;
	text-decoration: none;
}
#footer > ul > li > a:hover {
	background: none;
}
#footer a {
	/*color: #13538e;*/
	color: #EEE;
	padding: 3px 5px;
	display: block;
	margin: 1px 0;
	text-decoration: none;
}
#footer a:hover {
	background: #0d365c;
}

/* Sidebar */

.sidebar {
	border-right: 1px dotted #ddd;
	margin-right: 5px !important;
}

.sidebar h5, .sidebar h4 {
	font-size: 10pt;
	text-transform: uppercase;
	background: #144165;
	padding: 5px 10px;
	color: #0c293e !important;
	background: #a0b5cb;
}

.sidebar h5 a {
	color: #0c293e;
	display: block;
}

.sidebar h5.main {
	background: #43576c;
	color: #d6dfe9;
	display: block;
}
.sidebar h5.main a {
	color: #d6dfe9;	
}
.sidebar a {
	color: #333;
	text-decoration: none;
}

.sidebar ul {
	font-family: "Lucida Sans Unicode";
	margin: 0;
	padding: 0 0 10px 0;
	/*border-bottom: 2px solid #ececec*/
}
.sidebar ul ul {
	border: 0;
	padding: 0;
}
.sidebar ul .collapsed ul {
	display: none;
}
.sidebar ul li {
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
}
.sidebar ul li a {
	display: block;
	text-decoration: none;
	padding: 7px 3px;
	padding-left: 20px;
	border-bottom: 1px solid #EEE;
	color: #333;
	background: url(/bundles/images/right-arrow-light.png) center left no-repeat;
	background: url(/bundles/images/icons/famfam/bullet_gray.png) center left no-repeat;
}
.sidebar ul li a:hover {
	color: #002e6f;
	border-bottom: 1px solid #1c68a9;
	border-bottom: 1px solid #777;
	background-image: url(/bundles/images/right-arrow.png);
	background: url(/bundles/images/icons/famfam/bullet_black.png) center left no-repeat;
}
.sidebar ul > li.category-header > a {
	background: url(/bundles/images/down-arrow.png) center left no-repeat;
}
.sidebar ul  li span {
	padding: 7px 3px;
	padding-left: 20px;
	border-bottom: 1px solid #EEE;
	color: #333;
	display: block;
	background: url(/bundles/images/down-arrow.png) center left no-repeat;
	background: url(/bundles/images/icons/famfam/bullet_arrow_down.png) center left no-repeat;
}
.sidebar ul li ul li {
	padding-left: 20px;
}
.sidebar ul li ul li , #left-sidebar ul li ul li a {
	font-size: 9pt;
}
.sidebar ul li ul li a {
	background: url(/bundles/images/icons/famfam/bullet_white.png) center left no-repeat;
}
.sidebar ul li ul li a:hover {
	background: url(/bundles/images/icons/famfam/bullet_gray.png) center left no-repeat;
}
.sidebar ul li.current > a, .sidebar ul.menu li.current_ancestor > a,
.sidebar ul li.current > a:hover, .sidebar ul.menu li.current_ancestor > a:hover
{
	font-weight: bold;
	background-image: url(/bundles/images/right-arrow-green.png);
	background: url(/bundles/images/icons/famfam/bullet_go.png) center left no-repeat;
}
.sidebar ul li li.current_ancestor a
{
	font-weight: bold;
}
/* Collapse */

.sidebar ul .collapsible span {
	cursor: pointer;
	background: url(/bundles/images/minus-dark.png) center left no-repeat;
	background: url(/bundles/images/icons/famfam/bullet_arrow_down.png) center left no-repeat;
}
.sidebar ul .collapsible span:hover {
	background: url(/bundles/images/minus-dark.png) center left no-repeat;
	background: url(/bundles/images/icons/famfam/bullet_arrow_down.png) center left no-repeat;
}
.sidebar ul .collapsible.collapsed span {
	background: url(/bundles/images/plus.png) center left no-repeat;
	background: url(/bundles/images/icons/famfam/bullet_arrow_right.png) center left no-repeat;
}
.sidebar ul .collapsible.collapsed span:hover {
	background: url(/bundles/images/plus-dark.png) center left no-repeat;
	background: url(/bundles/images/icons/famfam/bullet_arrow_down.png) center left no-repeat;
	border-bottom: 1px solid #BBB;
}

/* Tables */

table.blue, table.data {
	font-size: 9pt;
	background: #e7f2f7;
}
table.blue th, table.data th {
	text-align: center;
	vertical-align: middle;
	background: #2F4866;
	color: #FFF;
}
table.blue tr:hover td, table.data tr:hover td {
	background: #cfe7f3;
}
table.blue td, table.data td, table.data th {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
table.data tr.highlight td {
	background: #d8e7ee;
}
table.data li {
	margin-left: 15px;
	font-size: 9pt;
}

table.gray {
	font-size: 0.9em;
}
table.gray th {
	vertical-align: bottom;
	text-align: center;
	border-bottom: 1px solid #CCC;
}
table.gray td {
	border-bottom: 1px solid #FFF;
	background: #EEE;
}
/* Text style */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	line-height: 1.5em;
}
tr, td, th {
	background: none;
	border-collapse: collapse;
	padding: 5px;
}
tr:hover td {
}
th {
	font-weight: bold;
}
h1 { 
	font-size: 1.8em;
	/*border-bottom: 2px solid #ececec;*/
	color: #00527B;
}
h2 { font-size: 1.5em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
h5 { font-size: 1.1em }
h6 { font-size: 1.0em }
h1, h2, h3, h4, h5, h6 { 
	font-family: "Lucida Sans Unicode";
	font-weight: normal;
	margin-bottom: 0.5em;
}

p {
	line-height: 1.5em;
}

#breadcrumbs-container {
	padding: 0 15px;
}
#breadcrumbs {
	font-size: 9pt;
	padding: 10px 0 5px 0;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
	color: #777;
	font-family: "Segoe UI", Arial;
}
#breadcrumbs h1 {
	border: 0;
}
#breadcrumbs a {
	display: inline-block;
	text-decoration: none;
	color: #638304;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* icons menu */
.icons-menu a {
	padding: 10px;
	padding-left: 50px;
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	color: #888;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	margin: 5px 0;
	line-height: 1.5em;
}
.icons-menu a:hover {
	color: #638304;
}

.icons-menu a.panama-canal { background-image: url(/bundles/images/icons/panama-canal-icon.png); }
.icons-menu a.seaports { background-image: url(/bundles/images/icons/seaport-icon.png); }
.icons-menu a.airports { background-image: url(/bundles/images/icons/airport-icon.png); }
.icons-menu a.special-areas { background-image: url(/bundles/images/icons/sez-icon.png); }
.icons-menu a.logistics-parks { background-image: url(/bundles/images/icons/lp-icon.png); }
.icons-menu a.railroad { background-image: url(/bundles/images/icons/rail-icon.png); }
.icons-menu a.trucking { background-image: url(/bundles/images/icons/truck-icon.png); }
.icons-menu a.statistics { background-image: url(/bundles/images/icons/graph-icon.png); }
.icons-menu a.concepts { background-image: url(/bundles/images/icons/lightbulb-icon.png); }
.icons-menu a.documents { background-image: url(/bundles/images/icons/clip-icon.png); }
.icons-menu a.services { background-image: url(/bundles/images/icons/gears-icon.png); }
.icons-menu a.assets-map { background-image: url(/bundles/images/icons/globe-icon.png); }

.sidebar .icons-menu ul li a.seaports { background-image: url(/bundles/images/icons/seaport-icon.png); }
.icons-menu a.airports { background-image: url(/bundles/images/icons/airport-icon.png); }
.icons-menu a.special-areas { background-image: url(/bundles/images/icons/sez-icon.png); }
.icons-menu a.logistics-parks { background-image: url(/bundles/images/icons/lp-icon.png); }
.icons-menu a.railroad { background-image: url(/bundles/images/icons/rail-icon.png); }
.icons-menu a.concepts { background-image: url(/bundles/images/icons/lightbulb-icon.png); }
.icons-menu a.documents { background-image: url(/bundles/images/icons/clip-icon.png); }
.icons-menu a.imports { background-image: url(/bundles/images/icons/imports-icon.png); }
.icons-menu a.exports { background-image: url(/bundles/images/icons/exports-icon.png); }
.icons-menu a.world-trade { background-image: url(/bundles/images/icons/world-trade-icon.png); }
.icons-menu a.cfz { background-image: url(/bundles/images/icons/reexport-icon.png); }
.icons-menu a.product-categorization { background-image: url(/bundles/images/icons/abc.png); }
.icons-menu a.import-export-processes { background-image: url(/bundles/images/icons/document.png); }
.icons-menu a.agreements { background-image: url(/bundles/images/icons/agree.png); }
.icons-menu a.cours { background-image: url(/bundles/images/icons/courses.png); }
.icons-menu a.capstone{ background-image: url(/bundles/images/icons/tesis.png); }
.icons-menu a.publication { background-image: url(/bundles/images/icons/publication.png); }
.icons-menu a.presentation { background-image: url(/bundles/images/icons/presentation.png); }
.icons-menu a.education { background-image: url(/bundles/images/icons/books-icon.png); }

h1.resources { background-image: url(/bundles/images/icons/box-icon.png); }
h1.education { background-image: url(/bundles/images/icons/books-icon.png); }
.resources h1,.education h1 {
	border : 0;
}
.icons-menu a.statistics, .resources.statistics h1 { background-image: url(/bundles/images/icons/statistics-icon.png); }
.icons-menu a.maps, .resources.maps h1 { background-image: url(/bundles/images/icons/globe-icon.png); }
.icons-menu a.tools, .resources.tools h1 { background-image: url(/bundles/images/icons/tools-icon.png); }
.icons-menu a.data, .resources.data h1 { background-image: url(/bundles/images/icons/data-icon.png); }
.icons-menu a.education, .resources.education h1 { background-image: url(/bundles/images/icons/books-icon.png); }

/*Evitar repeticion del icono principal */
.resources h1, .education h1 {
	background-repeat: no-repeat;
	background-position: left;
}

body.panama-canal .sidebar .icons-menu a.panama-canal,
body.seaports .sidebar .icons-menu a.seaports,
body.airports .sidebar .icons-menu a.airports,
body.special-areas .sidebar .icons-menu a.special-areas,
body.logistics-parks .sidebar .icons-menu a.logistics-parks,
body.railroad .sidebar .icons-menu a.railroad,
body.statistics .sidebar .icons-menu a.statistics,
body.tools .sidebar .icons-menu a.tools,
body.data .sidebar .icons-menu a.data,
body.education .sidebar .icons-menu a.education,
body.maps .sidebar .icons-menu a.maps,
body.imports .sidebar .icons-menu a.imports,
body.exports .sidebar .icons-menu a.exports,
body.cfz .sidebar .icons-menu a.cfz,
body.world-trade .sidebar .icons-menu a.world-trade,
body.product-categorization .sidebar .icons-menu a.product-categorization,
body.import-export-processes .sidebar .icons-menu a.import-export-processes,
body.agreements .sidebar .icons-menu a.agreements,
body.education .sidebar .icons-menu a.education
{
	color: #333;
}

.cke_contents {
	min-height: 600px !important;
}

small {
	font-size: 0.9em;
}

.edit.link {
	font-size: 0.9em;
}
.edit.content:hover .edit.link {
}

.content-highlight {
}

/* Search */
.search-title {
	margin: 0;
	display: inline;
}
.search-result em {
	background: #EEE;
}
#site-search-form {
	margin-top: 10px;
}
#site-search-button {
	background: #333;
	color: #fff;
	text-shadow: none;
	border: 0;
	padding: 3px 5px;
	border-radius: 2px;
	box-shadow: none;
}
#site-search-box {
	padding: 3px;
	border: 1px solid #fff;
	border-radius: 3px;
	background: #ececec;
}

.button.pagination {
	width: 15px;
	height: auto;
	margin: 4px 0;
	font-size: 9pt;
	border-radius: 3px;
}

a.with-border {
	display: block;
	margin: 5px;
}
.with-border {
	border: 5px solid #FFF;
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.with-border.thin {
	border: 2px solid #FFF;
}

.with-border:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}

.loading {
	background: #333;
	color: #EEE;
	width: 200px;
	text-align: center;
	font-size: 8pt;
	text-transform: uppercase;
}

.enlarge-container {
	display: inline-block;
}

.enlarge-container:hover .enlarge {
	background: url(/bundles/images/icons/trans-zoom.png) no-repeat;
	width: 16px;
	height: 16px;
	z-index: 999;
	display: block;
	position: absolute;
	margin-top: -24px;
	margin-left: 8px;
}

table.ship-types td {
	font-size: 8pt;
	padding: 0;
}



.tooltip {
	position: absolute;
	z-index: 99999;
	background: url(/bundles/images/trans-dark-gray.png);
	color: #EEE;
	display: none;
	font-size: 9pt;
	padding: 2px 5px;
	text-transform: capitalize;
	border-radius: 3px;
}
.whats-new {
	font-family: "trebuchet ms";
	font-size: 9pt;
}
.whats-new a {
	text-decoration: none;
}
.whats-new a:hover {
	text-decoration: underline;
}
.whats-new strong:first-child {
	font-size: 0.9em;
	background: #c4d2dd;
	margin-right: 5px;
	padding: 0 2px;
	color: #0C293E;
}
.whats-new ul {
	margin-top: 5px;
}
.whats-new li {
	list-style-type: none;
	padding: 5px 0;
	border-bottom: 1px dotted #e0e0e0;
	margin: 5px 10px;
}

#site-nav {
	border-top: 1px dotted #ececec;
	padding: 20px 0;
}

.fos_user {
	width: 400px;
}
.fos_user form {
	width: 400px;
}
.fos_user form label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding: 3px 15px;
	clear: both;
}
.fos_user form input {
	float: left;
	display: block;
}
.fos_user form div div {
	overflow: auto;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #fafafa;
	padding: 5px 0;
}
.fos_user [type=submit] {
	clear: both;
	float: right;
	margin-top: 10px;
}

form {
	margin: 0;
}

.go-to-selected select, .go-to-selected input {
	margin: 0;
}

.wide-list {
	margin: 0;
	padding: 0;
}

.wide-list li {
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

.wide-list li a {
	display: block;
	padding: 5px 0px;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}


.lightbox .lb-image {
	max-width: none !important;
}

.grises img {
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
-ms-filter: grayscale(60%);
-o-filter: grayscale(60%);
filter: grayscale(60%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-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;

}
.grises img:hover { 
box-shadow: 0 21px 8px -15px rgba(0, 0, 0, 0.5); top: -5px;
width:300px; height: 389px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}