/* \\Hqpwadm1.idb.iadb.org\wwwroot\WMSfiles\core\configIncludes\Banner\bannerRotatorResponsible.cfm */
/*  \\Hqpwadm1.idb.iadb.org\wwwroot\Global\CustomTags\imageSlideItemV3.cfm  */


/* CUSTOM CSS FOR OTHERS PAGES */

@import "../../template.css";

/************************************************************
** GENERAL
*************************************************************/
h1 {
	padding: 5px 10px;
}
.content-center {
	max-width: 854px;
}
.content-center .div-content div.intro div.boxHeader {
	background: #999 !important;
	margin: 1px 0;
}
.content-center .div-content div.intro div.boxHeader h2 {
	color: #fff !important;
}
.content-center .div-content div.intro .boxContent {
	background: #E5E5E5 !important;
	padding: 13px 20px 12px 20px !important;
	color: rgb(102,102,102) !important;
}
.content-center .div-content div.intro .boxContent p,
.content-center .div-content div.intro .boxContent span,
.content-center .div-content div.intro .boxContent a {
	font-size: 16px !important;
}
.content-center .div-content div.intro .boxContent h3 {
	font-size: 18px !important;
}
.content-center .div-content div.intro .boxContent span.shadow {
	font-family: 'GothamNarrow-Bold';
	text-shadow: 2px 2px 3px #333;
	color: #F90 !important;
	font-size:  42px !important;
	display: block;
}

.content-rigth .div-content,
.content-rigth .div-content.outpadding,
.content-rigth .outpadding  {
	padding: 0 !important;
}
.content-rigth div.intro div.boxHeader {
	background: #999 !important;
}
.content-rigth div.intro div.boxHeader h2 {
	color: #fff !important;
	background: inherit !important;
	margin: 0;
}
.content-rigth .linksList div.intro div.boxContent {
	padding-top: 10px;
}


/************************************************************
** BANNER2 V3
*************************************************************/
.banner2 {
	padding: 0;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	max-width: 900px;
}
.banner2 .div-content .intro {
	float: left;
	width: 100%;
	margin: 0;
}
.content-center .banner2 .div-content,
.content-center .banner2 .div-content div.intro .boxContent {
	padding: 0 !important;
}
.banner2 .slickslider,
.banner2 .bannerV3 {
	float: left;
	width: 100%;
	display: none;
}
.banner2 .bannerV3 {
	display: block;
	position: relative;
}
.banner2 .bannerV3 img {
	float: left;
	width: 100%;
}
.banner2 .slickslider .slick-slide img,
.banner2 .bannerV3 img {
	float: left;
	width: 100% !important;
	height: auto !important;
}
.banner2 .slickslider .descriptionV3,
.banner2 .bannerV3 .descriptionV3 {
	width: 100%;
	padding: 5px 15px;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url('../../img/banner/pattern.png');
}
.banner2 .slickslider .descriptionV3 .banner_title,
.banner2 .bannerV3 .banner_title {
	color: #fff !important;
	margin: 0;
	padding: 5px 0;
	font-family: 'GothamNarrow-Bold' !important;
	font-size: 32px !important;
	text-transform: uppercase;
	margin-bottom: -6px;
}
.banner2 .slickslider .descriptionV3 .banner_description,
.banner2 .bannerV3 .banner_description {
	color: #fefefe;
	padding: 5px 0;
	margin: 0;
	font-family: 'GothamNarrow-Book';
}
.slick-track {
	display: block;
	position: relative;
	overflow: hidden;
}
.slick-initialized .slick-slide {
	display: block;
}
.banner2 .boxContent .linksWrapper{
	float: left;
	padding: 5px 0;
}
.banner2 .boxContent .linksWrapper a{
	margin-right: 10px;
	line-height: 100%;
	float: left;
	border: 1px solid #fff;
	padding: 5px 10px;
	color: #fff;
}
.banner2 .slickslider_carousel.noThumbs {
	display: none !important;
}
.banner2 .slickslider_carousel {
	position: absolute;
	right: 40px;
	bottom: 40px;
}
.banner2 .slickslider_carousel ul {
	float: left;
	margin: 0;
	padding: 0;
}
.banner2 .slickslider_carousel ul li {
	float: left;
	list-style: none;
	margin: 0 5px;
}
.banner2 .slickslider_carousel ul li {
	cursor: pointer;
	border: 2px solid transparent;
}
.banner2 .slickslider_carousel ul li.active {
	border-color: #fff;
	cursor: inherit;
}

.viewsList .viewsListItem a {
	margin-right: 1em;
}

.newsList .removeMarginBottom {
	margin-left: 3em;
}



/************************************************************
** VIDEOS COLUMN RIGHT V3
*************************************************************/
.bg-video .responsive-video > div,
.bg-video .responsive-video > div a,
.bg-video .responsive-video > div a img {
	width: 100% !important; 
	height: auto !important;
}


/************************************************************
** NEWS
*************************************************************/
.mainSearchBox {
	background: #CFCFCF;
	padding: 20px;
	margin-bottom: 15px;
}
.mainSearchBox hr{
	margin: 10px 0;
	border-top: 1px solid #fff;
}
.parametricDate {
	text-align: left;
}
.parametricDate a:first-child {
	margin-left: 0;
}
#modal1 {
	display: none;
}
.pagingHeader {
	padding: 0 20px;
}
.parametricDate a.selected {
	background: inherit;
	color: #393939;
}
#moreSearchOptions label.selectTopic {
	float: left;
	width: auto !important;
}
#moreSearchOptions label.selectCountry {
	width: auto;
}
#moreSearchOptions select {
	width: 100% !important;
	font-size: 14px;
}
#moreSearchOptions > div {
	float: left;
	width: 100%;
}
#modal1 {
	float: left;
	width: 100% !important;
}
#newsResults {
	margin-top: 15px;
	padding: 0 20px;
}
#newsResults h3 {
	margin: 15px 0 5px 0;
}
#newsResults h3 a {
	font-size: 16px !important;
	color: #00A9EE !important;
}
#newsResults p {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}
#newsResults p:last-child {
	margin-bottom: 5px;
}
#pagination {
	padding: 0 20px;
}


/*******************************************************
** COLUMNA CENTER - Accordion Box 
********************************************************/
.content-center .accordion-box,
.content-center .accordion-box .intro { margin: 0; }
.content-center .accordion-box .intro .boxHeader { 
	border-top: 1px solid #0286C6 !important; 
	border-bottom: none !important;
	background-color: inherit; 
	cursor: pointer; 
	margin: 0 !important;
}
.content-center .accordion-box:last-child .intro .boxHeader.open { 
	border-bottom: 1px solid #0286C6 !important; 
}
.content-center .accordion-box .intro .boxHeader.closed { 
	border-top: 1px solid rgb(255,169,0) !important; 
}
.content-center .accordion-box .intro .boxHeader h2 { 
	color: #1485C4 !important; 
	font-size: 18px;
	line-height: 21px;
}
.content-center .accordion-box .intro .boxHeader.closed h2 { 
	color: rgb(255,169,0) !important; 
}
.content-center .accordion-box .intro .boxHeader .icon { 
	display: block !important; 
	float: left; 
	margin-right: 10px; 
}
.content-center .accordion-box .intro .boxContent { 
	display: none; 
	background-color: #E5E5E5;  
	font-family: "gotham-extra-narrow-book"; 
	color: #666; 
	padding: 11px 20px 10px 20px; 
	float: left;
	width: 100%;
}
.content-center .accordion-box .intro .boxContent.open {
	display: block;
}
.content-center .accordion-box div.intro div.boxContent,
.content-center .accordion-box div.intro div.boxContent p,
.content-center .accordion-box div.intro div.boxContent p a {
	font-size: 14px;
}
/* UlMedia */
.content-center .accordion-box .intro .boxContent .media h3 { 
	font-family: "gotham-extra-narrow-bold"; 
	font-size: 16px; 
	color: #313132; 
}
.content-center .accordion-box .intro .boxContent .media ul { 
	margin: 0; 
	padding: 0; 
}
.content-center .accordion-box .intro .boxContent .media ul li { 
	width: 100%; 
	display: inline-block; 
	display: -moz-inline-stack; 
	vertical-align: top; 
	zoom: 1; 
	*display: inline; 
	border-bottom: 1px solid #fff; 
	padding: 10px 0; 
	float: left;
}
.content-center .accordion-box .intro .boxContent .media ul li:last-child { 
	border-bottom: none; 
}
.content-center .accordion-box .intro .boxContent .media ul li span,
.content-center .accordion-box .intro .boxContent .media ul li a { 
	float: left; 
	clear: both; 
	width: 100%;
}
.content-center .accordion-box .intro .boxContent .media ul li span { 
	font-size: 16px; 
	color: #666; 
	padding-bottom: 10px; 
}	
.content-center .accordion-box .intro .boxContent .media ul li a { 
	font-size: 18px; 
	text-decoration: none; 
}
.content-center .div-content.accordion-box div.intro div.boxHeader h2 { 
	color: #1485C4 !important; 
}
.content-center .accordion-box div.intro div.boxHeader.closed h2 {
	color: rgb(255,169,0) !important; 
}
.content-center .div-content.accordion-box div.intro div.boxHeader {
	background-color: inherit !important;
}

.productid254 .content-center .div-content div.intro .boxContent p.banner_description{
	font-size: 1.5em !important;
}

@media(min-width:767px){
	.content-center .div-content div.intro div.boxHeader {
		background: #E5E5E5 !important;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.content-center .div-content div.intro div.boxHeader h2 {
		font-family: 'GothamHTF-Medium';
		font-size: 21px;
		color: rgb(57,57,58) !important;
	}
	.content-center .div-content div.intro div.boxHeader h2 .icon {
		display: none !important;
	}
	.content-rigth .div-content,
	.content-rigth .div-content.outpadding  {
		margin-bottom: 30px !important;
	}
	.content-rigth div.intro div.boxHeader {
		background: #E5E5E5 !important;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.content-rigth div.intro div.boxHeader h2{
		color: rgb(57,57,58) !important;
	}
	.banner2, 
	.banner2 .showcase-item, 
	.banner2 .slick-list, 
	.banner2 .slick-track {
		min-height: 200px;
	}

	#moreSearchOptions label.selectTopic,
	#moreSearchOptions label.selectCountry {
		width: 48% !important;
	}
	/*********************************************************************************/
	/********************************** Accordion box ********************************/
	/*********************************************************************************/
	.content-center .accordion-box .intro .boxContent { padding: 13px 20px 12px 20px; }
	.content-center .div-content.accordion-box div.intro div.boxHeader h2 { 
		color: #1485C4 !important; 
	}
	.content-center .accordion-box div.intro div.boxHeader.closed h2 {
		color: rgb(255,169,0) !important; 
	}
	.content-center .div-content.accordion-box div.intro div.boxHeader h2 .icon {
		display: block !important;
	}
}

@media(min-width:992px) {
	.jcarousel {
		display: none !important;
	}
	.jcarousel-control-prev {
		left: 0;
	}
	.jcarousel-control-next {
		right: 0;
	}
	.banner2 .boxContent {
		margin-left: -20px;
		width: 637px
	}
	.border_right {
		border-right: 2px solid #B8B8B8;
	}
	.banner2 .slickslider .descriptionV3,
	.banner2 .bannerV3 .descriptionV3 {
		padding: 5px 30px;
	}
}

@media(min-width:1200px){
	.banner2 .boxContent {
		width: 840px;
	}
}

@media (max-width: 767px){
    /*******************************************************
	** FIX BUGS MOBILE
	********************************************************/
    .content-center .accordion-box .intro .boxHeader {
    	background: inherit !important;
    }
    .content-center .accordion-box .intro .boxHeader h2 {
		color: #1485C4 !important;
	}
	.content-center .accordion-box .intro .boxHeader.closed h2 {
		color: rgb(255,169,0) !important;
	}
}