/* CSS - Grafical style for Gen CI theme */

#logo {
float: left;
margin: -15px 30px 0 0;
}


/* ===== General ===== */
.submitted {
	color: #ccc;
	font-size: .85em;
}
.submitted:hover {
	color: #555;
}
a,
a:link {
	text-decoration: none;
}
.views-row img {
	background: #fff; /* prevents transparent images  */
}

	
/* ===== Fonts ===== */

body {
	font-family: "Arial";
	font-size: 15px;
	line-height: 140%;
	color: #424242;
}
h1.title,
#page-title h1.pane-title {
	color: #888;
	font-size: 24px;
	text-align: center;
	padding-bottom: 40px;
	background: url('../images/spacer.png') no-repeat center bottom;
}
h2.pane-title,
h2.block-title {
	font-weight: normal;
	color: #006dad;
	text-transform: uppercase;
}
h2.block-title {
	font-weight: normal;
	color: #006dad;
	text-transform: uppercase;
	margin: 1em 0 .5em 0;
}
.field-name-field-subtitle h2 {
	font-size: 1.25em;
	font-weight: normal;
	color: #006dad;
	margin: 1em 0 .5em 0;
}
.box h2,
.multibox h2 {
	font-size: 1.15em;
	line-height: 1.25em;
}


.node-teaser h2 {
	font-weight: normal;
	color: #006dad;
	text-transform: uppercase;
}

.node-teaser  .field h2,
.node-long_teaser  .field h2,
.node-teaser  .field h2 {
	font-size: 1.2em;
}

.width-2 .box-list-img .views-field-title,
.2o5 .box-list-img .views-field-title {
	font-size: 1.2em;
	line-height: height: 1.25em;
}

/* ===== Links ===== */

ul li.node-readmore {
	background: #eee;
}


/* ===== Teasers ===== */

.node-teaser .field-type-taxonomy-term-reference,
.node-teaser .field-type-entityreference {
	border-left: 1px #ddd solid;
}

/* ===== Fields ===== */

/* ----- Pane ----- */
.node-pane .field-name-field-subtitle {
	font-weight: bold;
}
	

/* ===== Box ===== */

.box .box-inner,
.box .node-meta-data,
.box .panel-display {
	background: #f2f2f2;
	/* font-size: 0.9em;
	line-height: 1.25em; */
}
.box .field {
	margin: .4em 0;
}
.multibox li,
.multibox .node-node {
	background: #f2f2f2;
	margin: 1em 0;
	padding: 5%;
}
.column-1o5 .box,
.column-1o4 .box,
.column-1o3 .box,
.column-1o5 .multibox,
.column-1o4 .multibox,
.column-1o3 .multibox {
	font-size: .85em;
	line-height: 1.35em; */
}
	

/* ===== Views ===== */

.view .view-content .node-teaser {
	padding-bottom: 30px;
	background: url('../images/spacer-small.png') no-repeat center bottom;
}

/* ----- Team view ----- */

.view-team .views-field-field-gen-role-term li,
.view-team .views-field-field-subtitle {
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.2em;
	margin: .4em 0;
	color: #aaa;
}

/* ----- Search view ----- */

.view-search .views-exposed-form {
	background: #f5f5f5;
}
.view-search .views-exposed-widget label {
	font-weight: normal;
	color: #555;
}

/* ===== Header ===== */

#slogan,
.header-links {
	font-weight: normal;
	color: #b5b5b5;
}

/* ----- Header links ----- */

.header-links span a {
	text-transform: uppercase;
	color: #aaa;
}
.header-links .social-links-top {
	border-left: solid 1px #777;
}


/* ----- Language switcher ----- */

ul.language-switcher-locale-url li {
	text-transform: uppercase;
}
ul.language-switcher-locale-url a,
ul.language-switcher-locale-url a:link {
		color: #aaa;
}
ul.language-switcher-locale-url .active a {
		color: #444;
}
ul.language-switcher-locale-url:hover a {
		color: #aaa;
}
ul.language-switcher-locale-url li a:hover {
		color: #444;
}

/* ----- Main Menu ----- */

#main-menu {
	font-family: "Arial";
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
#main-menu .main-menu>div>ul {
	text-align: left;
	background: #666;
	border-top-left-radius:3px;
	border-top-right-radius:3px;

}
#main-menu .main-menu>div>ul>li.first {
	border-top-left-radius:3px;
}
#main-menu .main-menu>div>ul>li {
}
#main-menu .main-menu>div>ul>li.lev1:hover {
	background: #006DAD;
}
#main-menu .main-menu>div>ul>li>div>a,
#main-menu .main-menu>div>ul>li>div>a:link {
	color: #fff;
}
#main-menu .main-menu li.search {
}
#main-menu .main-menu .lev1.search > div > a {
	background-image: url(/sites/all/themes/gen_ci/images/search_white.png);
}

/* ----- Dropdown ----- */

#main-menu .main-menu.dropdown ul ul {
	background: #aaa;
	border-top: solid 4px #006dad;
}
#main-menu .main-menu.dropdown ul ul li {
	background: #fff;
	font-size: .9em;
}
#main-menu .main-menu.dropdown ul ul li:hover {
	background: #eee;
}
#main-menu .main-menu.dropdown ul ul>li>div>a,
#main-menu .main-menu.dropdown ul ul>li>div>a:link {
	color: #888;
}

/* ----- GEN Menu (horizontal)----- */

#main-menu .gen-menu div ul li {
	font-size: 16px;
}

#main-menu .gen-menu li.lev1.active {
	background: #006DAD;
}
#main-menu .gen-menu>div>ul:hover li.lev1 {
	background: #666;
}
#main-menu .gen-menu>div>ul li.lev1:hover {
	background: #006DAD;
}
#main-menu .gen-menu ul li div.position-2 {
	background: #006DAD;
	text-align: left;
}
#main-menu .gen-menu ul ul>li>div>a, 
#main-menu .gen-menu ul ul>li>div>a:link {
	color: #ddd;
}
#main-menu .gen-menu ul li.lev1:hover div.position-2 {
	background: #006DAD;
}
#main-menu .gen-menu ul li:hover div.position-2 a {
	color: #fff;
}




/* ----- tabs ----- */

.tabs ul li a,
.tabs ul li a:link {
	background: transparent;
	border: none;
	color: #fff;
}
ul.tabs.primary {
	background: #888;
}
ul.tabs.secondary {
	background: #aaa;
}
.tabs ul li.active a {
	background: #aaa;
	color: #000;
}
ul.tabs.secondary li.active a {
	background: #ccc;
}

/* ===== Footer ===== */

#footer table,
#footer thead,
#footer tbody,
#footer tr,
#footer th,
#footer td {
	background: transparent;
	border: 0;
}
#footer a,
#footer a:link
{
	color: #fff;
}
#footer h2 {
	font-weight: normal;
}

#footer .footer-join {
	background: #006dad;
	color: #fff;
	text-align: center;
}
#footer .footer-contact {
	background: #555;
	color: #fff;
	text-align: center;
}
#footer .footer-contact h2 {
	text-transform: uppercase;
}
#footer .footer-sections {
	background: #424242;
	color: #fff;
	font-size: 0.85em;
}
#footer .footer-sections a,
#footer .footer-sections a:link {
	color: #fff;
}
#footer .footer-sections h3 {
	font-weight: normal;
	text-transform: uppercase;
}
#footer .footer-bar {
	background: #424242;
	color: #fff;
}
ul.footer-bar-menu li {
	text-transform: uppercase;
}



/* ===== Jcarousel ===== */

.jcarousel .views-field views-field-title {
}
.jcarousel .views-field views-field-title a,
.jcarousel .views-field views-field-title a:link {
	color: #424242;
}
.jcarousel .views-field-field-date-to {
	font-size: 0.8em;
	background: url('../images/ico_calendar.png') no-repeat left center;
}
.jcarousel .views-field-field-location {
	font-size: 0.8em;
	background: url('../images/ico_location.png') no-repeat left center;
}
.jcarousel .views-field-body {
	font-size: 0.85em;
	line-height: 1.25em;
}
.jcarousel .views-field-created {
	color: #999;
	font-size: 0.9em;
}

/* ===== Buttons ===== */

.button a,
.button a:link {
	color: #fff;
	background: #016ead;
	border-radius: 4px;
	font-size: 1.1em;
}
.button a:hover,
a.button:hover {
	background: #0375ff;
}

.big-button a {
	padding: 15px 30px;
	border-radius:6px;
}
.blue-button a {
	background: #006dad;
}
.blue-button a:hover {
	background: #007dbf;
}
.lightblue-button a {
	background: #009dff;
}
.lightblue-button a:hover {
	background: #10afff;
}

.orange-button a {
	background: #ea7148;
}
.orange-button a:hover {
	background: #fa8158;
}


/* ===== Sites page ===== */

#sites-page .box { 
	background: #fff; 
	border: solid 1px #666; 
	padding: 5px; 
	border-radius: 4px; 
}


#sites-page a {
	font-weight: bold;
}
#sites-page .top-info {
	font-size: 0.8em;
	position: absolute;
	top: -80px;
	right: 0;
	width: 400px;
}
.pane-sites-fix-height-double {
	height: 602px;
}
.pane-sites-fix-height-1 {
	height: 330px;
}
.pane-sites-fix-height {
	position: relative;
	z-index: 20;
   height: 250px;
}
/* #sites-page .gen-sites-icon {
	background: #fff url(/sites/default/files/logos/gen-sites-icon.jpg) no-repeat top right; */
}
#sites-page .site-logo.gen-sites-icon,
#sites-page .site-logo.gen-sites-soon-icon {
	width: 66px;
	height: 40px;
}
.pane-sites-fix-height.box {  /* compense padding */
	height: 245px;
}
#sites-page .site-logo {
	float: right;
	width: 120px;
	height: 120px;
}
#sites-page .box h2 {
	font-size: 1.2em; 
	margin-top: 0.3em;
}
#sites-page .box h3 {
	font-size: .9em; 
}

#sites-page .sites-gen-regions-pane {
	position: relative;
	z-index: 10;
   
 }
 #sites-page .sites-gen-regions-pane .pane-content {
	height: 307px;
	margin: 0 -50px -50px -50px;
	background: url(/sites/default/files/grafic/sites-gen-regions.jpg) no-repeat center 50px;
}
#sites-page #logo-gen-europe {
	background: url(/sites/default/files/logos/gen-europe.jpg) no-repeat center center;
	width: 132px;
	height: 80px;
}
#sites-page #logo-gen-africa {
	background: url(/sites/default/files/logos/gen-africa-logo.png) no-repeat center center;
}
#sites-page #logo-gen-na {
	background: url(/sites/default/files/logos/ena.png) no-repeat center center;
	width: 140px;
	height: 140px;

}
#sites-page #logo-gen-africa {
	background: url(/sites/default/files/logos/gen-africa-logo.png) no-repeat center center;
}
#sites-page #logo-gen-international {
	background: url(/sites/default/files/logos/logoGEN.png) no-repeat center center;
}
#sites-page #logo-gen-db {
	background: url(/sites/default/files/logos/logoGEN.png) no-repeat center center;
}
#sites-page #logo-casa {
	background: url(/sites/default/files/logos/site-logo-casa.jpg) no-repeat center center;
	width: 126px;
	height: 141px;
}

#sites-page #logo-sol-lib {
	background: url(/sites/default/files/logos/sol-lib.jpg) no-repeat center center;
	width: 110px;
	height: 160px;
}
#sites-page #logo-next-gen {
	background: url(/sites/default/files/logos/site-next-gen.png) no-repeat center center;
	width: 150px;
	height: 114px;
}
#sites-page #logo-gen-sites {
	background: url(/sites/default/files/logos/gen-sites.jpg) no-repeat center center;
	width: 140px;
	height: 147px;
}