/**** Begin jQuery feature slideshow styles  ****/
/* green #4E8421 background for white font */
/* #48679F -> #5478AB */

#navigation {margin-bottom:0;} 
/* #navicon {width:220px!important;} */

.cycler {width:100%;padding:0; text-align:left; position:relative;font-family:verdana, Geneva, sans-serif;}
.cycler pre {margin-top:0; color:#390; font-weight:bold}
.cycler .comment {color:#008000}


/**** End jQuery feature slideshow styles  ****/
/**** Begin ShortRotator Sections ***/
#shortrotator , #sCaption {position:relative; width:100%; height:auto; aspect-ratio:820/135; background:transparent!important;}
#shortrotator div.slide {position:absolute; left:0; top:0; display:none;background:none!important;}
#shortrotator div.slide:first-child {display:block} 
#shortrotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;left:0px;bottom:0px!important;position:absolute;color:#fff;width:100%;margin:.3em 0em 0 0; padding:0;}
#shortrotator div.slide img {width:100%; bottom:0;border:0; margin:0; padding:0;}
#shortrotator div.slide .caption p {margin:4px 6px;padding:0;font-size:.95em; font-weight:bold; font-size-adjust:.50;line-height:normal!important;}	
#shortrotator div.slide .caption h1 {font-size:.85em; font-weight:bold; line-height:normal;padding:0; margin:0 0 0 6px;color:#D1E0EF}	
#shortrotator div.slide .caption a {color:#FF6600; text-decoration:none;}
#shortrotator div.slide .caption a:hover {color:#FF9900; text-decoration:none;}
#shortrotator-nav {padding: 5px 0 5px 0; margin:2px 0 0 5px;list-style:none;z-index:1001;}
#shortrotator-nav li {display:inline; }
#shortrotator-nav li a {font: bold .70em verdana,arial; background:#5A76AF; text-decoration: none; margin: 0 4px 0 0; padding: 3px 5px; color:#fff!important;}
#shortrotator-nav .activeLI a {background:#F47B29 url(/imgs/rotator/slidearrow.png) center top no-repeat; color:#fff!important;padding-top:.6em}
#shortrotator-nav a:focus {outline: none;}
#shortrotator-nav div.slide {margin-left:0!important;padding-left:0!important;}

/**** End ShortRotator  ***/

#banner {
	padding: .5em;
	margin: .5em 1em 0 0.95em ;
    display: inline-block; 
    float: none;	
}

#SS {
	width: 96.47%;
	margin: .5em auto 0 auto;
	clear: both;
	padding: .5em;
	background: transparent url(/imgs/backgrounds/ltbluegradient.png) repeat-x;
	margin-bottom: 0;
    display: block; 
    float: none;
}
#SS img {object-fit: cover; object-position: center center}
#sCaption {width:100%;padding:0; margin:0;position:relative;}
#sCaption .singleCaption p {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;left:0px;bottom:0px!important;position:absolute;color:#fff;width:97%!important;margin:.3em 0em 0 0; padding:.4em .8em .4em .8em ; font-size:.95em;font-weight:bold;text-align:left  }
/*******************Superfish*****************************************/

/*** ESSENTIAL STYLES ***/
.sf-leftMenu, .sf-leftMenu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-leftMenu {
	line-height:	1.3em;
}
.sf-leftMenu ul {
	position:		absolute;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
}
.sf-leftMenu ul li {
	width:			100%;
}
.sf-leftMenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-leftMenu li {
	float:			left;
	position:		relative;
}
.sf-leftMenu a {
	display:		block;
	position:		relative;
}
.sf-leftMenu li:hover ul,
.sf-leftMenu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-leftMenu li:hover li ul,
ul.sf-leftMenu li.sfHover li ul {
	top:			-999em;
}
ul.sf-leftMenu li li:hover ul,
ul.sf-leftMenu li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}
ul.sf-leftMenu li li:hover li ul,
ul.sf-leftMenu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-leftMenu li li li:hover ul,
ul.sf-leftMenu li li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-leftMenu {
	font-size: 0.9em;
	float:			left;
	margin-bottom:	1em;

}
.sf-leftMenu a {
/*	border-left:	1px solid #fff; */
	border-top:		1px solid #ffffff; /* #CFDEFF; */
	padding: 		.75em .60em;
	text-decoration:none;
	color: #333;
}
.sf-leftMenu a, .sf-leftMenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}
.sf-leftMenu li.odd  {background:#EFF4FC;color:#333;}
.sf-leftMenu li.even {background:#E3E9F0;color:#333;} 

.sf-leftMenu li li.even {background: #AABDE6; }
.sf-leftMenu li li.odd {background: #AABDE6; }

.sf-leftMenu li li li {background:		#9AAEDB;}
.sf-leftMenu li:hover, .sf-leftMenu li.sfHover,
.sf-leftMenu a:focus, .sf-leftMenu a:hover, .sf-leftMenu a:active {
/*	background:		#CFDEFF; */
	outline:		0;
			background-color: #EF7406;
			color:#ffffff;
			text-decoration:none;
}

/********** left menu  *****************/
.programsMenu {background-color: #5477a7; color:#ffffff;}

.sf-menu a, .sf-with-ul a {padding:.75em .60em!important} 
/*** arrows **/

.sf-leftMenu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-leftMenu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-leftMenu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-leftMenu ul a:focus > .sf-sub-indicator,
.sf-leftMenu ul a:hover > .sf-sub-indicator,
.sf-leftMenu ul a:active > .sf-sub-indicator,
.sf-leftMenu ul li:hover > a > .sf-sub-indicator,
.sf-leftMenu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** adding sf-vertical in addition to sf-leftMenu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {width: 100%;}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left:	100%; /* match ul width */
	top:	0;
}



#midcontent {max-width:820px; width:96.47%; padding:0; overflow:hidden; margin:.6em auto 0 auto; clear:both; font-size:.82em; color:#333}
#midcontent a {text-decoration:none;color:#666;}
#midcontent a:hover {text-decoration:underline;color:#FF6600;}
#midcontent .title   {background:#5478AB; color:#fff; padding:.3em;font-weight:bold; margin:.5em 0; border:0}
#midcontent .titleCP {background:#54a890; color:#fff; padding:.3em;font-weight:bold; margin:.5em 0; border:0}
#midcontent h1, #midcontent h2, #midcontent h3, #midcontent h4, #midcontent p {margin-left:.5em;}
#breadcrumb {margin:.2em 0 .7em 0;}

/*#maincontent a, #rightmaincol a {text-decoration:none}*/

/* Columnas dentro de maincontent */
#maincontent .showgrid {background-image:url('http://www.cicad.oas.org/images/gridM.png');}
#maincontent .border {
 	padding-right: 4px;
	margin-right: 5px;
  	border-right: 1px solid #ddd;
}

#maincontent .box {
 	padding: 1.5em;
  	margin-bottom: 1.5em;
  	background: #e5eCf9;
}
#maincontent .colborder {
 	padding-right: 2px;
  	margin-right: 3px!important;
  	border-right: 1px solid #ddd;	
}
#maincontent .span-1, #maincontent .span-2, #maincontent .span-3, #maincontent .span-4, #maincontent .span-5, #maincontent .span-6 {
	float:left;
	margin-right:6px; 
	margin-left:0px;
	display:block;
	} 
#maincontent .span-1 ul li, #maincontent .span-2 ul li, #maincontent .span-3 ul li, #maincontent .span-4 ul li, #maincontent .span-5 ul li, #maincontent .span-6 ul li {
	margin:0 0 .5em .5em !important;
}	
#maincontent .span-1, #maincontent textarea.span-1 {max-width:131px; width:15.98%}
#maincontent .span-2, #maincontent textarea.span-2 {max-width:269px; width:32.80%}
#maincontent .span-3, #maincontent textarea.span-3 {max-width:406px; width:49.51%}
#maincontent .span-4, #maincontent textarea.span-4 {max-width:543px; width:66.22%}
#maincontent .span-5, #maincontent textarea.span-5 {max-width:680px; width:82.93%}
#maincontent .span-6, #maincontent textarea.span-6 {max-width:820px; width:100%}

#maincontent .fit-1 {max-width:131px; width:100%}
#maincontent .fit-2 {max-width:269px; width:100%}
#maincontent .fit-3 {max-width:406px; width:100%}
#maincontent .fit-4 {max-width:543px; width:100%}
#maincontent .fit-5 {max-width:680px; width:100%}
#maincontent .fit-6 {max-width:820px; width:100%}


#maincontent  #rightmaincol li.last, #maincontent  #rightmaincol li.first {float:none; display:inline-block; margin:0 0 0 2em; padding-top: 0; padding-bottom:0}
#maincontent .last {margin-right:0px; float:right; display:inline-block;}
#maincontent .center {	text-align:center }

#maincontent .center-2 {margin-left:276px; margin-right:276px;}
#maincontent .center-3 {margin-left:207px; margin-right:207px;}
#maincontent .center-4 {margin-left:139px; margin-right:139px;}
#maincontent .center-5 {margin-left:70px; margin-right:70px;}


/* Columnas dentro de rightmaincol */
#rightmaincol .center {	text-align:center }
#rightmaincol .showgrid {background-image:url('http://www.cicad.oas.org/images/grid.png');}
#rightmaincol .border {
 	padding-right: 4px;
	margin-right: 5px;
  	border-right: 1px solid #ddd;
}

#rightmaincol .box {
 	padding: 1em 0em 1em 0em!important;
 	margin-right: 5px !important;
  	background: #e5eCf9;
}
#rightmaincol .colborder {
 	padding-right: 2px;
  	margin-right: 3px!important;
  	border-right: 1px solid #ddd;	
}

#rightmaincol .span-1, #rightmaincol .span-2, #rightmaincol .span-3, #rightmaincol .span-4, #rightmaincol .span-5, #rightmaincol .span-6 {
	float:left;
	margin-right:.95%; 
	margin-left:0px;
	display:block;
	} 

#rightmaincol .span-1 ul li, #rightmaincol .span-2 ul li, #rightmaincol .span-3 ul li, #rightmaincol .span-4 ul li, #rightmaincol .span-5 ul li, #rightmaincol .span-6 ul li {
	margin:.0 0 .5em .5em !important; 
}	
	
#rightmaincol .span-1, #rightmaincol textarea.span-1 {max-width:100px; width:15.87%;}
#rightmaincol .span-2, #rightmaincol textarea.span-2 {max-width:206px; width:32.70%;}
#rightmaincol .span-3, #rightmaincol textarea.span-3 {max-width:312px; width:49.52%;}
#rightmaincol .span-4, #rightmaincol textarea.span-4 {max-width:418px; width:66.35%;}
#rightmaincol .span-5, #rightmaincol textarea.span-5 {max-width:524px; width:83.17%;}
#rightmaincol .span-6, #rightmaincol textarea.span-6 {max-width:630px; width:100%;}

#rightmaincol .fit-1 {max-width:100px; width:100%;}
#rightmaincol .fit-2 {max-width:206px; width:100%;}
#rightmaincol .fit-3 {max-width:312px; width:100%;}
#rightmaincol .fit-4 {max-width:418px; width:100%;}
#rightmaincol .fit-5 {max-width:524px; width:100%;}
#rightmaincol .fit-6 {max-width:630px; width:100%;}



#rightmaincol .center-5 {margin-left:50px; margin-right:50px;}


#rightmaincol .append-1 {padding-right:106px;}
#rightmaincol .append-2 {padding-right:212px;}
#rightmaincol .append-3 {padding-right:318px;}
#rightmaincol .append-4 {padding-right:424px;}
#rightmaincol .append-5 {padding-right:530px;}

#rightmaincol .prepend-1 {padding-left:106px;}
#rightmaincol .prepend-2 {padding-left:212px;}
#rightmaincol .prepend-3 {padding-left:318px;}
#rightmaincol .prepend-4 {padding-left:424px;}
#rightmaincol .prepend-5 {padding-left:530px;}
/* */

#leftMenu ul li, #leftMenu a, #navigation a  {text-align:left!important;}
#leftMenu .center a {text-align:center!important}
#leftMenu .center span {font-size:.85em; font-weight:bold;}

#activities tr, #sessions tr {
	border: thin solid #FF9900;
}

#activities table, #sessions table { font-size:1.1em!important; }

#latest, #activities, #sessions, #documents, #videos {
	padding: 0.5em 0.3em 0em 0.3em;
	margin-bottom:0px;
	overflow: auto;
/*	height: 1010px; */
}

#documents ul li, #sms ul li, #latest ul li  {
	background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em;
	padding-left: .9em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
#documents ul li li, #publications ul li li {
	background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em;
	font-weight:normal ;
	padding-left: .9em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
#documents ul li li li, #publications ul li li li {font-size:x-small}

/* #latest ul li {padding-left:8.5em; padding-bottom:1.3em;background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em;} */
#latest img, #videos img {float:left; padding-bottom:0.5em; padding-right:0.5em; width:100px; height:56px}

#latest .published {font-size:x-small; float:right;}
#latest a, #documents a, #videos a { text-decoration:none }
#activities a, #sessions a, #sms a {color:#0D499C;}
#activities h2.title2 {background:#5A76AF;color:#fff;padding:.3em;font-weight:bold; margin: 0 0 .5em 0; border:0}
#activities h3.title3 {background:#f5f5ef;color:#000;padding:.3em;font-weight:bold; margin: 0 0 .5em 0; border:0}

#publications	{padding:0; margin:0; }
#publications img 		{margin:3px 3px 3px 3px; box-shadow: 3px 3px 5px #888888; width: 245px!important; opacity:0}
#publications p 			{margin-bottom:1.5em;}
#publications .title3 	{ background-color:#F47B29; color:white;  }
#publications .rellinksblue {float:right; font-size:0.85em; margin-left:1em; }
#publications .rellinksblue p {padding:0.5em; }
#publications .title {color:white; padding:0.5em; text-align:center; }
#publications .crop {width:150px; height: 104px;  object-fit: cover; object-position: 0 -35px; }
#publications a {text-decoration:none;}
#publications div {position:relative; width:255px; float:left; margin-bottom:1em}
#publications div p {position:absolute; opacity:0; top:10%; left:0; background-color:gray; color:white; 
					font-weight:bold; text-align:center; padding:.5em; width:87%; min-height:3.75em; vertical-align:middle;  }



/* tablas azules y naranjas */

table#tablaGris  {border-width: 0px; display: table; table-layout: fixed; caption-side: top; border-spacing: 0px;}
table#tablaGris th, table#tablaGris td, table#tablaGris tr  {border: thin solid #dfdfdf; vertical-align:middle; }
table#tablaGris th {background-color:#dfdfdf; color:#333; text-align:center; font-weight:bold }
table#tablaGris tr.even {background-color:#f2f2f2;}
table#tablaGris tr.odd {background-color:#ffffff;}


table#tablaAzul  {border-width: 0px; width: 100%; display: table; table-layout: fixed; caption-side: top; border-spacing: 0px;}
table#tablaAzul th, table#tablaAzul td, table#tablaAzul tr  {border: thin solid #5477A7; vertical-align:middle; }
table#tablaAzul th {background-color:#5477A7; color:#ffffff; text-align:center; font-weight:bold }
table#tablaAzul tr.even {background-color:#DBE5F1;	}
table#tablaAzul tr.odd {background-color:#C6D9F1;	}

table#tablaNaranja  {border-width: 0px; width: 100%; display: table; table-layout: fixed; caption-side: top; border-spacing: 0px;}
table#tablaNaranja th, table#tablaNaranja td, table#tablaNaranja tr{border: thin solid #F47B29; vertical-align:middle; }
table#tablaNaranja th {background-color:#F47B29; color:#ffffff; text-align:center; font-weight:bold }
table#tablaNaranja tr.odd {background-color:#f8e2cd;	}
table#tablaNaranja tr.even {background-color:#faf1e8;	}


.roundFrame {
	background: transparent url(/imgs/backgrounds/ltbluegradient.png) repeat-x;
	padding:7px;
	margin: 0 10px 0 10px ;
	display:block ;	
}

img.center {   display: block;   margin-left: auto;   margin-right: auto; }

.whiteFrame
{
	outline: 2px solid white;
	outline-offset: -2px;
	opacity:0;
	/*
	padding:7px;
	margin: 0 10px 0 10px ;
	display:block ;	*/
}

#rightmaincol .tblRegistryReset, .tblRegistryReset tr, .tblRegistryReset td, .tblRegistryReset th { margin:0!important; border-color:#7f9db9!important; padding:.1em .3em .1em .3em!important}
#rightmaincol .s300 {width:300px!important;}
#rightmaincol .s400 {width:400px!important;}
#rightmaincol .last {margin-right:0px; float:right; display:inline-block;}
#rightmaincol .first {margin-left:0px; float:left;}
#rightmaincol .linea {margin-left:0px; float:none;}
#rightmaincol .listNews img {width:80px!important;float:right; border:1px #CCC solid;} 
#rightmaincol .listNews p {padding-bottom:2.5em!important;} 
#rightmaincol .listNews hr { border:1px #5A76AF solid;} 
#rightmaincol .errMsg { background-color:red;color:white;text-align:center;font-weight:bold;}

table#project  {border-width: 0px; width: 100%; display: table; table-layout: fixed; caption-side: top; border-spacing: 0px}
table#project .pTitle {text-align:right; width:130px; background-color:#C6D9F1; margin-left:0px;  padding:0.3em; border-bottom:thick white solid;}
table#project .pText {text-align:left;  width:500px; background-color:#F5F5EF; margin-right:0px; padding:0.3em; padding-left:.5em; border-bottom:thick white solid;}

.Tab { text-indent:2em;}

.countryFlag {float:left;vertical-align:middle; height:20px;width:30px; padding-right:1em;}
#countriesOAS  {background-color:#EFF4FC!important; padding:.5em .5em .5em .5em!important; border: 1px #D1DEFE solid!important; height:31em!important  }
#countriesOAS p {color:#274d7f; font-weight:bold; border-bottom:thin silver solid; padding-bottom:.75em; margin-bottom:1.5em; }
#countriesOAS a {text-decoration:none;  }
#countriesOAS li {float:left!important; width:8.2em!important; height:2em!important; vertical-align:middle!important; background:none!important;}
#countriesOAS img {width:30px; height:20px; float:left; border-right:1px #333 solid; border-bottom:1px #333 solid; vertical-align:text-top ; margin-right:.5em; }
#countriesOAS .last {display:inline-block!important;}
.shadow {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	/*border-right:2px #808080 solid; border-bottom:2px #808080 solid; border-top:1px #808080 solid; border-left:1px #808080 solid;*/}

#rightmaincol h3 .title, #rightmaincol h3 .title3  {
 	display:inline-block;
 	width:100%;
}

#rightmaincol .dateTime, #maincontent .dateTime {
	font-size:.85em;
	text-align:right; 
	vertical-align:middle; 
 	padding:.5em;
 	margin-right:0px;
 	border-top-style:solid;
 	border-top-color:#EEE;
 	display:inline-block;
 	width:100%; 
 	float:right;
}

#shortURL a {
	font-size:.85em;
	vertical-align:middle; 
	padding: .5em 0 .5em .58em;
 	margin-right:0px;
 	border-top-style:solid;
 	border-top-color:#EEE;
 	display:inline-block;
 	width:10%; 
 	float:left; 	
}

.rellinksblue {width:200px;border:1px solid #274D7F;margin:0 0 1em .3em;} 
.rellinksblue ul li {margin:.5em .5em .5em .5em!important;padding:.2em .2em .2em .8em!important;}
.textRight {text-align:right;} 


#videogallery a, #videolb {display:none}

#header{padding: 0.5em 0.5em 0em 0.5em; margin:0em 0em  .2em 0em;}
#topnav{margin:.5em 0em 0.5em 0em;}

#listAzul a, #listNaranja a {text-decoration:none;}
#listAzul img, #listNaranja img {   display: block;   margin-left: auto;   margin-right: auto; }
#listAzul li.odd  {background:#EFF4FC!important; text-align:center; margin:0 0 0.5em 0!important; font-size:0.85em;padding:0.75em!important; }
#listAzul li.even {background:#E3E9F0!important; text-align:center; margin:0 0 0.5em 0!important; font-size:0.85em;padding:0.75em!important; } 

#listNaranja li.odd  {background:#f8e2cd!important; text-align:center; margin:0 0 0.5em 0!important; font-size:0.85em;padding:0.75em!important; }
#listNaranja li.even {background:#faf1e8!important; text-align:center; margin:0 0 0.5em 0!important; font-size:0.85em;padding:0.75em!important; } 


.CalendarSearch, .CalendarSearch tr {margin:0!important;background:White;border-color:#7F9DB9!important;border-style:Solid;border-width:1px;width:120px;height:18px;}
.CalendarSearch td {	border-style:none!important; }


#videoArchive img, #videos img {float:left!important; padding-right:0.5em; width:100px; } 
#videoArchive a {float:right; text-decoration:none; width:630px;}
#videoArchive .published, #videos .published {font-size:x-small;  float:right;}

#videos p { text-align:right; margin-bottom:0; font-size:x-small;}
#videos .last a {text-decoration:none}

.videoThumb {height:56px; }

#accordion h3 {padding:.5em 0 .5em 2em!important; background-color:silver; margin-bottom:2px; font-size:1em }
#accordion h4 {padding:.5em 0 .5em 1.2em!important; background-color:#efefef; margin-bottom:2px; font-size:1.1em }
#accordion div { font-size:.9em;	font-family:'tahoma', 'verdana', 'geneva', sans-serif;}
#accordion div  a { text-decoration:none; color:blue }
#accordion div a:hover {color:#F47B29!important;}
#accordion div ul {	margin-left:0px!important; margin-top:.5em }
#accordion div ul li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin:.5em 0 .5em 1.2em; }
#accordion div.last {width:420px;}
#accordion .ui-accordion-content {margin-bottom:1em; padding:1em!important;}
#accordion .published {font-size:x-small;}
#rightmaincol .ui-accordion-content { margin-left:.6em; margin-bottom:1em;}


.ulOrange li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin-bottom: 0.5em; margin-top: 0.5em;}
.documentDateTime {color:gray  }	

.captionTitle 		{font-size:.7em;font-weight:normal}
.captionSubTitle 	{font-size:.6em;font-weight:normal}


#calendar tr { border-bottom-style:solid; border-bottom-width:1px}
#calendar th {	font-size:.8em; text-align:center; width:14.28% }
#calendar td.box-day {	height:2.15em; line-height:.35em; }
#calendar .day {font-size:.8em; }
#calendar .extendedDay {font-size:.8em; background-color: #f2f2f2; border:0 #f2f2f2 none; }
#calendar .currentDay {background-image: linear-gradient(to bottom, #dfdfdf 0%, white 100%); font-weight:bold; }
#calendar .month, .monthBottom {background-color:#0D499C; border:0 #0D499C none;}
#calendar .month, .month a {text-align:center; color:white; text-decoration:none}
#calendar .month a:hover {font-weight:bold}
#calendar .monthBottom {font-size:.85em;}
#calendar .monthBottom a {color:white;}
#calendar .monthBottom a:hover {font-weight:bold}
#calendar .event {z-index:1;position:absolute; font-size:.3em; height:.5em }
#calendar a {text-decoration:none; } 
#calendar .largeFont {font-size:.9em;}

#calendar .section00Extended a, .section01Extended a, .section02Extended a, .section03Extended a, .section06Extended a, .section08Extended a, .section09Extended a {	color:#333;}
#calendar .section00 {border-color:#0D499C; background-image:linear-gradient(to top, #0D499C 0%, #b6c8e1 90%); color:white; border:0 #0D499C none; } /* CICAD  */
#calendar .section00Extended a:hover {color:#0D499C}
#calendar .section01 {border-color:#0D499C; background-image:linear-gradient(to top, #8A2BE2 0%, #dbbff6 90%); color:white; border:0 #0D499C none; } /* DEMAND */
#calendar .section01Extended a:hover {color:#8A2BE2;}
#calendar .section02 {border-color:#0D499C; background-image:linear-gradient(to top, #F47B29 0%, #fbd7be 90%); color:white; border:0 #0D499C none; } /* SUPPLY */
#calendar .section02Extended a:hover {color:#F47B29;}
#calendar .section03 {border-color:#0D499C; background-image:linear-gradient(to top, #008000 0%, #b2d8b2 90%); color:white; border:0 #0D499C none; } /* IB     */
#calendar .section03Extended a:hover {color:#008000;}
#calendar .section06 {border-color:#0D499C; background-image:linear-gradient(to top, #0000CD 0%, #b2b2f0 90%); color:white; border:0 #0D499C none; } /* MEM    */
#calendar .section06Extended a:hover {color:#0000cd;}
#calendar .section08 {border-color:#0D499C; background-image:linear-gradient(to top, #FFFF00 0%, #ffffb2 90%); color:white; border:0 #0D499C none; } /* OID    */
#calendar .section08Extended a:hover {color:#ffff00;}
#calendar .section09 {border-color:#0D499C; background-image:linear-gradient(to top, #00ffff 0%, #b2ffff 90%); color:white; border:0 #0D499C none; } /* LAVADO */
#calendar .section09Extended a:hover {color:#00ffff;}

#socialWidgets table  {border:none; margin:0; padding:0; width:100%}
#socialWidgets td     {border:none; margin:0; padding:0 0 .5em .5em; height:20px;}
#socialWidgets iframe {height:20px}

.imgShadow 	{margin:3px 3px 3px 3px; box-shadow: 3px 3px 5px #888888!important;}

#navicon .linkedinicon{background:url(/es/cidh/jsform/img/icons/linkedin24offovr.jpg) left 0px no-repeat!important;width:24px!important;height:24px!important}
#navicon .linkedinicon:hover{background:url(/es/cidh/jsform/img/icons/linkedin24offovr.jpg) left -24px no-repeat!important;width:24px!important;height:24px!important}
#navicon .subscribeicon{background:url(/es/cidh/jsform/img/icons/mailSubscribe.jpg) left 0px no-repeat!important;width:24px!important;height:24px!important}
#navicon .subscribeicon:hover{background:url(/es/cidh/jsform/img/icons/mailSubscribe.jpg) left -24px no-repeat!important;width:24px!important;height:24px!important}

#lastBulletin   {width:100%; height:auto;}
#lastBulletin   img {width:100%;}
#lastBulletin .title {margin:1em 0 .3em 0!important; }
#lastBulletin p    {text-align: center;  margin:0!important; background-color:#E6EAED; padding:.75em .3em; font-weight:bold;}
#lastBulletin a    {text-decoration:none;}
#rightmaincol #lastBulletin h3.title {background-color:#4E8421}

#bulletins a 	{text-decoration:none;}
#bulletins .container {opacity:0; position:relative; float:left }
#bulletins img 	{margin:3px 6px 3px 3px; box-shadow: 3px 3px 5px #888888; width: 100px; }
#bulletins a 	{text-decoration:none;}
#bulletins span {position:absolute; 
				top: 50%; 
				left: 50%; 
				transform: translate(-50%, -50%); 
				width: 90px; 
				text-align:center; 
				background: rgba(0, 111, 103, 0.65); 
				/*background-color: silver;*/
				font-size:1.1em; font-weight:bold; color: white;
				padding:.75em 0 .75em 0 }


/* estilos CIDH  */
#destacados {
	background-color: #E2EBF3 /*#d2dbe8*/;
	padding: 0 0 5px 0;
	margin-bottom: 15px;
}

#destacados a {text-decoration:none}

.feedblockCidh{
	width: 95%;
	background-color: #e6eaed;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.tituloDestacadosComunicados {
	background-color: #54a890;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	padding: .3em 1em .3em 1em;
}

#rightmaincol h3.tituloDestacado {
	background-color: #4E8421!important;
	font-size: 0.95em;
	font-weight: bold;
	color: #FFF!important;
	font-family: Verdana, Geneva, sans-serif;
	padding: 5px 0 5px 0;
	margin: 0 0 .9em 0!important;
}

#FlickrPhotoGallery li {background-image:none!important; display:inline-block ;padding:0 0 10px 9px!important;margin:0px!important; }
#FlickrPhotoGallery img {width:140px; height:79px; border-style:solid; border-width:thin; border-color: #C6D9F1; float:left; opacity:0; object-fit: cover; object-position: 0 center;display:inline-block;}



#sPhotoGallery {width:100%; display:flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; align-content: space-between; gap: .75em; margin-bottom: 1em}
#sPhotoGallery img {object-fit: cover; object-position: center center;}

#comunicados ul li { background-color: #e6eaed!important; margin: 0 0 10px 0!important; padding:10px!important; width:98%;max-width:610px; background-image:none!important}
#comunicados ul li a {	text-decoration: none!important;}

#comunicadosFullWidth ul li { background-color: #e6eaed!important; margin: 0 0 10px 0; padding: 10px;  background-image:none!important;}
#comunicadosFullWidth ul li a {	text-decoration: none}
#comunicados .titleMonth {background-color:#899ca9; color:#ffffff; font-weight:bold; padding:.3em 1em; width:97%}

.textBlock ul li { background-color: #efefef!important; margin: 0 0 10px 0; padding: 10px;  background-image:none!important; font-size:1em}
.textBlock ul li a {	text-decoration: none}
.textBlock ul li span {	font-size: .9em}

#generalWrap {display:block; height:auto;	width: 96.8%; 	background-color: #f1f3f5; 	padding:1em; 	margin-bottom:1em; }
#generalWrap::after {content:""; clear:both;display:table;}

#bloqueInfo {float: left; margin-top: 0px; padding: 10px; border: 2px solid #CCC; background-color: #fcfdfd; }
#bloqueInfo ul li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin-bottom: 0.5em; margin-top: 0.5em; }
#bloqueInfo h3.title, h2.title {padding-left:1em!important;}
.feedblockItem {
	width: 90%;
	margin-bottom: 10px;
	background-color: #e6eaed;
	padding:.5em 1em;
	font-size: 1em;
	float: none;
	margin:.5em 1em;
	min-height: 10em;
}
.feedblockItemTitle {
	font-size: 13px;
	font-weight: bold;
	color: #069;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
/* Tabs */


#fullmaincol .ui-tabs .ui-tabs-nav li, #rightmaincol .ui-tabs .ui-tabs-nav li {margin-bottom:1px;}
#fullmaincol .ui-state-default , #rightmaincol .ui-state-default  {height:22px!important;}

.feedblockRed {border:1px solid red; background:#FFD5D5; padding:1em;margin:0 0 .5em 0em; color:red; letter-spacing:.05em;}

.titleCP                 {background:#54a890; color:#fff; padding:.3em;font-weight:bold; margin:0 0 .5em 0; border:0}
#rightmaincomunicados    {max-width:630px; width:76.83%; float:right;  font-size:1em;}
#rightmaincomunicados h1 {font-size: 1.5em; margin-top:.5em; margin-left:.3em; }
#rightmaincomunicados h2 {font-size: 1em; margin-left:.5em; margin-top:2em; font-weight:bold }
#rightmaincomunicados h3 {font-size: .83em; margin-left:.3em; font-weight:normal }
#rightmaincomunicados h4 {font-size: .83em; color: #666;  font-weight: normal; margin-left:.6em;}
#rightmaincomunicados a {text-decoration:underline;}

/*#rightmaincomunicados div     {float:right; width: 200px; margin-bottom:1em; margin-left:2em;}
#rightmaincomunicados div a   {text-decoration:none;}
#rightmaincomunicados div img {border:none; width:100%}
#rightmaincomunicados div h1  {background-color: #54a890; font-size: 1em; font-weight:bold; color: #FFF; padding:.3em 1.25em; margin:0 0 0  -1em; float:left; width:202px}
#rightmaincomunicados div div {background-color: #fcfcfc; border:1em solid #E9E8DA; width:188px; float:right }
#rightmaincomunicados div div ul li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin:.5em }*/
#rightmaincomunicados > ul {margin-left:1em}
#rightmaincomunicados ol li   {list-style:inherit; padding:0;margin:1em 0 1em 3em;}
#rightmaincomunicados ul li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin:.5em }
#rightmaincomunicados .vd-thumbnail {margin-left:-1em; margin-top:1em;}
#rightmaincomunicados .videoTrailer {margin:1em 0 2em .5em}

#rightmaincomunicados .enlaces {float:right; max-width: 200px; width:31.75%; margin-bottom:1em; margin-left:2em;}
#rightmaincomunicados .enlaces > div a   {text-decoration:none;}
#rightmaincomunicados .enlaces img {border:none; width:100%}
#rightmaincomunicados .enlaces h1  {background-color: #54a890; font-size: 1em; font-weight:bold; color: #FFF; padding:.3em 1.25em; 
									margin:1em 0 0  -1em; width:100%; display:block; clear:both;}
#rightmaincomunicados .enlaces h1:first-child {margin-top:0}
#rightmaincomunicados .enlaces > div {background-color: #fcfcfc; border:1em solid #E9E8DA; width:93.5%; max-width:188px; float:none; display:block; margin-left:-1em; margin-bottom:1em; }
#rightmaincomunicados .enlaces > div ul li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin:.5em }
#rightmaincomunicados .enlaces .slideshow {margin:0!important}
#rightmaincomunicados .enlaces .slideshow .videoCaption {background:#eef6f4;}
#rightmaincomunicados .enlaces .slideshow .videoCaption a {color:#333; width:100%; height:100%}
#rightmaincomunicados .enlaces .slideshow .videoCaption a:hover {color:#ff6600;}
#rightmaincomunicados .enlaces .slideshow .videoCaption p {padding:.5em!important}

#informesTematicos div     {width:200px; height:245px; float:left; border:2px solid #e6eaed; border-top-width:12px; background-color:#fff; margin-bottom:16px; display:inline-block; opacity:0;}
#informesTematicos div p   {font-size:.85em; text-align:center; margin-top:5px; padding:0 .5em;}
#informesTematicos div a   {text-decoration:none}
#informesTematicos div img {width:150px; margin-left:20px;}

/* Annual Report */
#AnnualReports	{display:flex; flex-flow: row wrap; justify-content: flex-start; align-content:space-between; gap:2em 1em; width:100%; margin:0;}
#AnnualReports > div	{position:relative; width:31.31%; max-width:210px; height:330px; overflow:hidden; border:2px solid #E6EAED;}
#AnnualReports > div > span	{background-color:#E6EAED; font-size:.8em; font-weight:bold; display:inline-block; padding:.3em 1.5em .2em; width:86.3%}
#AnnualReports > div > div 	{position:relative; text-align:center; height:100%;}
#AnnualReports > div > div img {width:85%; margin:1em auto;}
#AnnualReports > div > div p  {position:absolute; width: 77%; text-align:left; font-size:1.5em; font-weight:bold; color: white; top:30%; left:1em; display:inline-block;}
#AnnualReports > div > div span {font-size:.85em; display:inline-block; background:none; margin-bottom:1em;}
#AnnualReports > div > div span a {color:#134B9A; text-decoration:none;}
#AnnualReports > div > div span a:hover {color:#F47B29; }


#featureProduct {margin:0 0 3em 0; width:100%; float:left; min-height:280px; /*border:1px solid #4E8421; */ background-color:#f2f2f2; visibility: hidden; }
#featureProduct h1 {background-color:#4E8421; color: #fff; margin-left:0!important; padding:.25em 1em}
#featureProduct div:first-of-type {float:left; background:none; width:25% }
#featureProduct div:first-of-type > img:first-of-type {width:100%; float:left; }
#featureProduct div {float:right; margin:.5em 1em; text-align:left; width:60%}
#featureProduct div a {text-decoration:none}
#featureProduct div p {width: 120px; text-align:left; font-size:1.5em; font-weight:bold; color: white; margin:-6em 0 0 1.25em!important; display:inline-block;}
#featureProduct .vd-thumbnail {float:right!important; margin-top:.75em}

#featureIA {margin:0 0 3em 0; padding-bottom:1em; width:100%; display:block; float:none; clear:both; min-height:280px; border:none; background-color:#E9E8DB;}
#featureIA > h1 {background-color:#4E8421; color: #fff; margin-left:0!important; padding:.25em 1em}
#featureIA > div:first-of-type {float:left; background:none; width:35% }
#featureIA > div:first-of-type img {width:100%; float:left; }
#featureIA > div:first-of-type p {text-align:left; font-size:2em; font-weight:bold; color: white; margin:-7em 0 0 1.25em!important; display:inline-block;}
#featureIA > div {float:right; margin:.25em .75em; text-align:left; width:55%}
#featureIA > div a {text-decoration:none}
#featureIA > div ul {margin:0}
#featureIA > div ul li {margin-left:0!important; font-size:1.2em}



.col1 {float:left; width:35%; margin-left:.5em;}
.col2 {float:left; width:60%; margin-left:.em;}

#annualReportIndex h1 {background: #5478AB /*#939598 #5A76AF*/;color:#fff;padding:.3em 1em;font-weight:bold; width:100%; margin:0!important; font-size:1.25em; font-weight:bold;}
#annualReportIndex .colIndex1 {float:left;  width:18.5%; font-size:1.25em; padding:.5em 1em; background-color:#BCBEC0; color:#fff; font-weight:bold;}
#annualReportIndex .colIndex2 {float:right; width:72.9%; background-color: #E6E7E8; padding:.65em 0 .2em .5em;  }
#annualReportIndex div div p {margin:0;  width:82%}
#annualReportIndex div div a		{float:right; font-size:1.85em; color:#5478AB; margin-left:.5em; width:4%; margin-top:.1em; min-height:1.1em; }
#annualReportIndex div div a:hover {color:#80C243;}
#annualReportIndex div div {margin:.1em .2em .5em .2em; padding:.5em; min-height:2em;}
/*****************/
#ProvisionalMeasures h1 {background-color:#5478AB; color:#fff; padding:.3em 1em; margin:.3em 0!important; font-size:1.1em}
#ProvisionalMeasures div {background-color:#E6E7E8; border:1px solid #BCBEC0; margin:.5em 0; padding:.5em}
#ProvisionalMeasures div h2 {font-size:.95em; font-weight: bold;}
#ProvisionalMeasures div ul {list-style:none; padding-left:0; margin-top:-1em}
#ProvisionalMeasures div ul li {padding-left:0 }
#ProvisionalMeasures div ul li a {color:#48679F }
#ProvisionalMeasures div ul li a:hover {color:#80C243 }
#ProvisionalMeasures div span {font-size:.9em; padding-right:1em; font-variant: small-caps;}
#ProvisionalMeasures div .fas {font-size:1.1em; vertical-align: middle;}
/*****************/
#Judgments div {background-color:#E6E7E8; border:1px solid #BCBEC0; margin:0 0 1.5em 0; padding:.5em; }
#Judgments div h2 {font-size:1.1em; margin:0!important; background-color: #5478AB; color:#fff; padding:.3em 1em}
#Judgments div div {width:30%; font-size:2em; padding:.5em 0;  line-height:2em; display:inline-block; margin:0; float:right; border:none; }
#Judgments div div a {margin-left:1em; color:#5478AB; vertical-align:middle}
#Judgments div div a:hover {color:#80C243;}
#Judgments div div p {font-size:.5em; margin:0 1em; line-height:1em; padding-bottom:1.75em}
#Judgments div div span {font-size:.5em; margin-left:.5em}
#Judgments .lineDiv {border-right:1px solid #BCBEC0; padding-left:1em}
/*****************/
#ThematicReports h1 {font-size:1.1em; margin:0!important; background-color: #5478AB; color:#fff; padding:.3em 1em}
#ThematicReports div 		{margin:0 0 3em 0; width:200px; float:left; height:350px;}
#ThematicReports div span	{background-color:#E6EAED; font-size:.8em; font-weight:bold; display:inline-block; padding:.3em 1.5em .2em; width:86.3%}
#ThematicReports div div 	{border:2px solid #E6EAED; text-align:center;}
#ThematicReports div div img{width:150px; margin-top:5px}
#ThematicReports .pReport	{background-color:#fff; font-size:.85em; width:81%; margin:1em 0!important; font-weight:normal; }
#ThematicReports .pReport2	{background-color:#fff; font-size:.7em; width:81%; margin:.25em 0!important; font-weight:normal; }
/*#ThematicReports .pReport2::before {content: "\f45c"; font-family: FontAwesome; font-size:.15em; vertical-align:middle; margin-right:3em}*/
#ThematicReports div div p  {position:absolute; width: 180px; text-align:left; font-size:1.5em; font-weight:bold; color: white; margin:-5em 0 0 2em!important; display:inline-block;}
#ThematicReports div div p span {font-size:.5em; display:inline-block; background:none; padding:0}

#ThematicSingleColumn {width:100%; max-width:206px;}
#ThematicSingleColumn > div {border:1em solid #E2EBF3 /*#D2DBE8*/; margin:0 0 1em 0; }
#ThematicSingleColumn > div > div {border:none; text-align: center; margin:0; width:100%}
#ThematicSingleColumn > div > div img {background-color: #FFF; width:100%;  }
#ThematicSingleColumn > div > div .pReport {background-color: #5A76AF; margin:1em 0 0 0; width:93%; padding:.5em; display:block; text-align:left }
#ThematicSingleColumn > div > div a {color:#FFF; text-decoration:none;}
#ThematicSingleColumn > div > div a:hover {color: #D2DBE8;}
#ThematicSingleColumn > div > div p  { width: 100%; text-align:left; font-size:1.5em; font-weight:bold; color: white; margin:-5em 0 0 2em!important; display:inline-block;}
#ThematicSingleColumn div div p span {font-size:.5em; padding:0}

.cropCovers250x350 {width:180px!important; /*height:180px; object-fit: cover; object-position: 0 40%;*/ margin-bottom:-1em;}


/*****************/
#pronouncement {margin-top:-1em;}
#pronouncement h1 {background-color: #5478AB; color:#fff; padding:.5em 1em; margin:0!important; font-size:1.25em;}
#pronouncement .titleMonth {background-color: #899ca9; color:#fff; padding:.5em 1em; margin:1em 0 0 0!important; font-weight:bold; text-transform: uppercase; font-size:1em}
#pronouncement > div {display:block; border:1px solid #cdcdcd; background-color:#fff; margin:1em 0; position:relative }
#pronouncement > div h2 {background-color: #BCBEC0; margin:.5em!important; padding:.5em 1em; font-size:1em;}
#pronouncement > div p {margin:1em!important;}
#pronouncement .listOfLinks {background-color:#f3f4f4; padding:.25em; margin:1em; vertical-align:middle; list-style:none; }
#pronouncement .listOfLinks li a {text-decoration:none}
#pronouncement .vd-thumbnail {border:none;}
#pronouncement .vd-thumbnail a {color:yellow;}
#pronouncement .vd-thumbnail a:hover {color:orange;}
#pronouncement .cropH1 {height:100%; width:97.5%; aspect-ratio:16/9; object-fit: cover; object-position: 0 50%; margin:.5em }
#pronouncement .cropH2 {height:200px; width:300px; object-fit: cover; object-position: 0 0; margin:.5em}
#pronouncement .cropH3 {height:146px; width:194px; object-fit: cover; object-position: 0 10%; margin:.58em}
#pronouncement .photoGallery	{padding:0; margin:.2em .2em 1em .2em}
#pronouncement .photoGallery li {display:inline-block; list-style:none; background-image:none!important; margin:0!important;}
#pronouncement .photoGallery img {padding:0!important; width:100px; height:75px; object-fit: cover; object-position: 0 0;}
#pronouncement .iconFl {float:left;border:none; display:inline-block; height:65px; width:50px; vertical-align:middle; font-size:2em!important; margin:0; padding:0}
#pronouncement blockquote {color: #666; margin: 1em 0 1em 2em; padding-left:.5em; border-left: 5px solid #5D7EA9; font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif;}
#pronouncement .theFooter {position:absolute; display:block; bottom:0; left:0; background:#fff; width:100%; margin-bottom:1em; height:auto;}
#pronouncement .theFooter .twitter-share-button {margin-left:1em;}
#pronouncement .theFooter p {margin:.25em 1em!important; float:right; text-align:right; width:50%; font-size:.85em; padding:.25em 0!important}
/*****************/

#countryVisit h1 {background-color: #5478AB; color:#fff; padding:.5em 1em; margin:0!important; font-size:1.25em;}
#countryVisit .titleMonth {background-color: #899ca9; color:#fff; padding:.5em 1em; margin:1em 0 0 0!important; font-weight:bold; text-transform: uppercase; font-size:1em}
#countryVisit > div {display:block; border:1px solid #BCBEC0; background-color:#E6E7E8; margin:1em 0; }
#countryVisit > div h2 {background-color: #BCBEC0; margin:.5em!important; padding:.5em 1em; font-size:1em;}
#countryVisit > div p {margin:1em!important;}
#countryVisit .listOfLinks {background-color:#f3f4f4; padding:.25em; margin:1em; vertical-align:middle; list-style:none; }
#countryVisit .listOfLinks li a {text-decoration:none}
#countryVisit .vd-thumbnail {border:none;}
#countryVisit .vd-thumbnail a {color:yellow;}
#countryVisit .vd-thumbnail a:hover {color:orange;}
#countryVisit .cropH1 {aspect-ratio:21/9; width:97.9%; height:100%; object-fit: cover; object-position: 0 50%; margin:.5em }
#countryVisit .cropH2 {aspect-ratio:3/2; width:47.9%; height:100%; object-fit: cover; object-position: 0 0; margin:.5em}
#countryVisit .cropH3 {aspect-ratio:3/2; width:30.9%; height:100%; object-fit: cover; object-position: 0 10%; margin:.58em}
#countryVisit .photoGallery	{padding:0; margin:.2em .2em 1em .2em}
#countryVisit .photoGallery li {display:inline-block; list-style:none; background-image:none!important; margin:0!important;}
#countryVisit .photoGallery img {padding:0!important; width:100px; height:75px; object-fit: cover; object-position: 0 0;}
#countryVisit .iconFl {float:left;border:none; display:inline-block; height:65px; width:50px; vertical-align:middle; font-size:2em!important; margin:0; padding:0}
#countryVisit blockquote {color: #666; margin: 1em 0 1em 2em; padding-left:.5em; border-left: 5px solid #5D7EA9; font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif;}
.fotoFile {display:flex; width:96%; border-style:none!important; margin:1em; flex-flow: row wrap; justify-content: flex-start; gap:1.2em;}
.fotoFile a {width:31.5%}
.fotoFile img {}
/*****************/

#questionnaire h1 {background-color: #5478AB; color:#fff; padding:.5em 1em; margin:0!important; font-size:1.25em; }
#questionnaire div {display:block; border:1px solid #BCBEC0; background-color:#e6eaed; margin:1em 0;}
#questionnaire div h2 {background-color: #869fbf; color:#fff; margin:.5em!important; padding:.5em 1em; font-size:1em;}
#questionnaire div h3 {margin-top:2em;}
#questionnaire div div {margin-left:2em!important; margin-right:1em!important; border:none;}
#questionnaire div p {margin:1em!important;}
#questionnaire div ol li {margin-right:1em!important}
#questionnaire .listOfLinks {background-color:#f3f4f4; padding:.25em; margin:1em; vertical-align:middle; list-style:none; }
#questionnaire .listOfLinks li a {text-decoration:none}
#questionnaire div img {width:100%; margin:0 0; padding:0;}
/*****************/
#smallBannerCIDH     {width: 96.47%; max-width:820px; margin:10px auto 0 auto; height:100px; background-color:#E3E9F0; float:none; display:block; position: relative}
#smallBannerCIDH img {height:50px; margin:25px 0 0 40px; float:left;}
#smallBannerCIDH div {width:30%;   margin: 0;   position: absolute;  top: 50%; left:70%;  -ms-transform: translateY(-50%);  transform: translateY(-50%); color:#5478AB; font-weight:bold; font-size:1.25em; }
#smallBannerCIDH div span {font-size:2em; margin-left:-1.25em; text-transform: uppercase; width:100%; text-align:right; display:block}

.vd-thumbnail a {color:yellow;}
.vd-thumbnail a:hover {color:#F47B29;}

#portamento_container {float:left; position:relative; max-width:175px; width:21.34%!important} 
#portamento_container #leftmaincol {float:none; position:absolute;} 
#portamento_container #leftmaincol.fixed {position:fixed;} 
#portamento_container #horizontalMenu {float:none; position:absolute;} 
#portamento_container #horizontalMenu.fixed {position:fixed;} 

/*****************/
#RecursosFinancieros div:first-child   {margin:0}
#RecursosFinancieros div   {background-color: #e9e8da; margin:1em 0;	width: 100%; min-height:5em;}
#RecursosFinancieros div a  {text-decoration: none;}
#RecursosFinancieros div h3 {font-size: 1.5em; font-weight: normal; margin:1em 2em!important; display:inline-block}
#RecursosFinancieros div p  {margin:-2em 1em 1em 1.5em!important; }
#RecursosFinancieros div p:last-child { padding:1em 2em!important; }
/*****************/

#GoBackButton {display:inline-block; background-color: #80C243; width: 50px; height: 50px; text-align:center; border-radius:4px; position: fixed; bottom: 30px; right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;  opacity: 0;  visibility: hidden;  z-index: 1000;}
#GoBackButton::after { content: "\f077"; font-family: 'FontAwesome';  font-weight: normal;  font-style: normal;  font-size: 2em;  line-height: 50px;  color: #fff;}
#GoBackButton:hover {cursor: pointer; background-color: #5478AB; text-decoration:none;}
#GoBackButton:active {background-color: #555;}
#GoBackButton.show {opacity: 1;  visibility: visible;}

/*****************/

article.accordion {	display: block;}
article.accordion section {	height: 4em; background-color: #E9E8DB; 	overflow: hidden; margin-bottom: 1em; }
article.accordion section h2 {	font-size: 1em;	font-weight: bold; height:4em; padding-left:1em; padding-right:1em; margin: 0; display:flex; align-items:center}
article.accordion section h2 a {text-decoration:none;}
article.accordion section h3 {	font-size: 1em !important;}
article.accordion section h4 {	font-style: normal !important;	font-weight: bold !important;}

article.accordion div.item {	padding: 10px;	background-color: #fcfcfc;	margin: 10px !important;}
article.accordion div.item li {	margin-top: 3px;}
article.accordion section:target {	height: auto; /*ver que tamaño poner*/}
article.accordion section:target h2 { /*cuando está seleccionado*/	font-size: 1.1em;	line-height: 1.2em;}
article.accordion section, article.accordion section h2 {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


.btn { color: #ffffff; font-size:1.5em;  font-weight:bold;  background: #5477A7;  padding:.5em 1em;  text-decoration: none;  line-height:1.33;  display:inline-block;
  margin:.5em 0;
}


.btn:hover {
  background: #72a2e0;
  background-image: -webkit-linear-gradient(top, #72a2e0, #5477A7);
  background-image: -moz-linear-gradient(top, #72a2e0, #5477A7);
  background-image: -ms-linear-gradient(top, #72a2e0, #5477A7);
  background-image: -o-linear-gradient(top, #72a2e0, #5477A7);
  background-image: linear-gradient(to bottom, #72a2e0, #5477A7);
  text-decoration: none;
  color: #ffffff;
}
.btn-1{	width:100%;	font-size: 20px;}
.btn-small {font-size:12px;}
.btn-right{	margin-right:0px;}
.fa.pull-left {   margin-right: .3em;}
.fa-2x {font-size: 2em;}
.pull-left {float: left;}
.vMiddle {vertical-align: middle;}
/*****************/
.BQuote {color: #666; margin: 1em 0 1em .2em; padding-left:.5em; border-left: 5px solid #5D7EA9; font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; 	font-style: italic;}
.BQuote footer {font-size: 0.5em; font-family: tahoma, verdana, geneva, sans-serif; font-style: normal; padding-top: 5px; }
.BQuote a {	color: #666;}

.BQuoteSmall {font-size: 1.1em; padding-left: 10px; padding-top: 0; margin-left: 20px; font-style:normal; line-height:1.4em; text-indent:0;}

/*****************/
#homeContacto  		 {background-color: #E9E8DA; padding:.5em .5em 1em .5em; margin:1em 0; text-align: center; line-height: 1.2em;}
#homeContacto span 	 {background-color:#54a890; padding:.5em; color: #FFF; display:block; margin: 0 4em;}
#homeContacto span a {color: #FFF; text-decoration: none;}

#creditosFotos 		 {font-size:.7em; color: #666; margin-top: 1em; margin-bottom: 2em; border-top: 1px dotted #666; padding-top: 10px;	}
/*****************/
.titleGreen {background-color:#4E8421; color:#fff; padding:.5em;}
.smallCaps  {font-variant:small-caps}


#SesionesColIzq {float:left; width:400px }
#SesionesColIzq div {width: 380px; margin-bottom: 15px; background-color: #e6eaed;	padding: 5px 10px 10px 10px;}
#SesionesColIzq div p:first-child {font-size: 1em; font-weight: bold; color: #069; background-color: #F4F5F7; padding:.2em 1em}
#SesionesColIzq div p {	line-height: 18px;	padding-left: 10px;	font-size: 12px;}

#SesionesColDer {float:right; width: 220px; background-color: #e6eaed; padding:0; margin:0}
#SesionesColDer h1 {background-color:#4E8421; font-size: 13px; font-weight: bold; color: #FFF; font-family: Tahoma; width:100%; padding:.5em 1em; margin:0!important; }
#SesionesColDer div {margin:.5em; padding:1em .5em; background-color: #6B8AB4; color: #fff; }
#SesionesColDer div a {color: #C0D5AE; text-decoration:none;}


/*****************/
#searchTable {margin:1em auto; width:60%; background-color:transparent; display:block; }
#searchTable input[type=text] {padding:5px 15px; width:85%; border-radius:.5em}
#searchTable input:focus   {border-color:#80C243; outline:none}
#searchTable:after {content: "\f002"; font-family: FontAwesome; margin-left:.5em; color:#ccc;}
/*****************/

.enDirectoAnuncio {margin:.5em auto 0 auto; font-family: 'Open Sans',sans-serif, Raleway; position:relative; clear:both }
.enDirectoAnuncio h1 {width:50%; font-size:1em; position:absolute; top: 31%; left:1em; color:#58595B }
@media only screen and (max-width: 900px) {
	.enDirectoAnuncio h1 {font-size:2vw; top:20%}
}

@media only screen and (min-width: 1024px) {
	#countryVisit h1 {visibility:hidden}
}

@media print{
	
	#SS, #breadcrumb, .jquery-corner {display:none;}
	#rightmaincol iframe { height:200%;}

/*	#page iframe {height:100%} */
}

/*********************************************************************/
/************************** Hearing **********************************/
/*********************************************************************/
#searchHearings {width:99.7%; margin:0 0 1em 0; vertical-align:top;  border:1px solid #5478AB; background-color:#dde4ee}
#searchHearings > div {margin:1em 0; clear:both; display:flex;}

#searchHearings select, #searchHearings input {border:none; padding:.2em .3em; margin-left:1em}
#searchHearings select:focus, #searchHearings input:focus {outline:1px solid silver}
#searchHearings select::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;   border-radius: .3em;   }
#searchHearings select::-webkit-scrollbar-thumb {background: #87a1c4;  border-radius: .3em; }
#searchHearings select::-webkit-scrollbar 		{width: .75em;}

#searchHearings #ddlYear   {width:8%}
#searchHearings #ddlCountry {width:25%}
#searchHearings #ddlTopics {width:30%}
#searchHearings #txtSearch {width:25%}
#searchHearings i {margin-left:1em;  padding:.25em; border-radius: .5em; color:#fff; background-color:#5478AB }

#hearingBlock > div {width99.8%; border:1px solid #5478AB; background-color:#dde4ee; padding-bottom:1em; margin-bottom:2em}
#hearingBlock > a {background-color:#5478AB; color:#fff; padding:.5em 1em; font-weight:bold; font-size:1em; display:inline-block; border-top-right-radius:.5em;  text-decoration:none; font-family:'Open Sans', sans-serif; }
#hearingBlock > a:hover {background-color:#F47B29}

#hearingBlock > div > div {margin:1em 1em 0 1em; padding-bottom:1em; background-color:#eef2f6; min-height:8em; border:1px solid #DDE4EE; border-radius:.5em}
#hearingBlock > div > div h1 {padding:0; margin-bottom:.2em; margin-left:.65em; margin-right:.65em; margin:.5em .65em .2em .65em}
#hearingBlock > div > div h4 {padding: 0 1em .5em 1em; font-size:.85em; margin-top:0; font-weight:normal}
#hearingBlock > div > div p {margin-left:.85em}
#hearingBlock > div > div p img {margin-left:1em; margin-right:.75em; padding-bottom:.1em}
#hearingBlock hr  { width: 95%; margin:1em auto }

#hearingBlock .boton {margin-left:0; margin-right:.75em; float:right; padding:0; 
						width:2.25em; text-align:center; border-radius:.25em; font-variant: small-caps; 
						text-decoration:none; color:#fff; font-size:1.5em; font-weight:normal; 
						height: 2em; display:flex; justify-content:center; align-items:center;
						background: linear-gradient(180deg, rgba(84,121,171,1) 0%, rgba(135,162,196,1) 100%);
						/*background: linear-gradient(180deg, rgba(88,89,91,1) 0%, rgba(151,152,155,1) 100%);*/}
#hearingBlock .boton:hover {background:#F47B29}

#hearingBlock .vd-thumbnail {margin:1em;}

.yearSelection {width:99.8%; margin:0 0 1em 0; border:1px solid #5479AB; background-color:#dde4ee; text-align:center; padding:1em 0}
.yearSelection img {margin-left:1em; margin-right:.75em; padding-bottom:.1em; }
.yearSelection a {text-decoration:none;}

.yearSelectionPC {width:99.5%; margin:4em auto 0 auto; border-top:2px solid #f2f2f2; text-align:center; padding:1em 0 0 0; float:none; line-height:1.5em}
.yearSelectionPC img {margin:0 .75em; padding-bottom:.1em; }
.yearSelectionPC a {text-decoration:none; margin-right:.5em; margin-bottom:1.2em}

/** Class for Video2 **/
.videoTrailer {position:relative;}
.videoTrailer img {width:100%; object-fit: cover;}
.videoTrailer div:first-child {position:relative;}
.videoTrailer a {color: #ffff66; text-decoration:none;}
.videoTrailer a:hover {color: #FF6600;}
.videoTrailer .videoPlayIcon {position:absolute; padding:0; margin:0; opacity:.8; right:2%; bottom:3%; z-index:100 ;}
.videoTrailer .videoPlayIcon::after { content: "\f144"; font-family: 'Font Awesome\ 6 Free'; }

.videoTrailer .videoCaption {background-color:silver; }
.videoTrailer .videoCaption p {margin:0!important; padding:.5em 1em}
/**************************************/


#columnaAnunciosDerecha {float: right; margin-bottom:1em; margin-left:1em; max-width: 200px; width:30%; background-color: #e6eaed; }
#columnaAnunciosDerecha > div {background-color: #5A76AF; color:#fff; margin:0 auto!important; width: 90%;	}
#columnaAnunciosDerecha > div a {color: #fff; text-decoration:none;}
#columnaAnunciosDerecha > div a:hover {color: #ff6600; }
#columnaAnunciosDerecha > div p {padding:0 .25em .75em .25em; font-size:.85em; border-bottom:1px dotted  #fff;}
#columnaAnunciosDerecha > div p:first-child {padding-top:.75em; }
#columnaAnunciosDerecha > div p:last-child {padding-bottom:1em; border-bottom:none;}
#columnaAnunciosDerecha h1 {	background: #4E8421; font-size: 1em; font-weight: bold; color: #FFF; padding: .5em 0; margin:0!important}
#columnaAnunciosDerecha::after {content:""; clear:both;display:table;}

.miniBio div {margin-bottom:4em}
.miniBio div img {margin:0 1em .5em 0; float:left;}


/**************************************************/
.buttonGroup {display:flex; flex-direction:row; justify-content:center; gap:2em; font-family:'Raleway', sans-serif; margin:0 0 2em 0!important;}	
.buttonGroup li {width:30%; height:2.5em; padding:0 1em!important; background:none!important; margin:0!important }
.buttonGroup li a {text-decoration:none; text-align:center; color:#555; width:100%; height:100%; justify-content:center; align-items:center; display:flex; background-color: #eee; border:1px solid #d3d3d3; border-radius:.25em;}
.buttonGroup li a:hover {border:1px solid #aaa; font-weight:bold; }
.buttonGroup .selected a {background:#fff; border:1px solid #aaa; font-weight:bold;}

.FlexContainer {display:flex; width:100%; flex-flow: row wrap; }

#pre-footer { background:#0e0e0e; width:100%; Font-Family: 'Open Sans',sans-serif, Raleway; color: #999 /*#737476*/; height:320px;clear:both}
#pre-footer h3 {font-size:2em;}
#pre-footer h3, #pre-footer a { color:#FFF;  font-weight:500; }
#pre-footer .footer-address {width:53%; padding: 2% 0 0 4% ; font-size:.85em; }
#pre-footer li.ic-address { padding-top:28px; background:url(/imgs/icons/location.png) 0 .2em no-repeat;padding:0 0 0 1.8em;margin:2em 1em 1em 0em; line-height:130%}
#pre-footer li.ic-phone { padding-top:28px; background:url(/imgs/icons/phone.png) 0 .2em no-repeat;padding:0 0 0 1.8em;margin:1em 1em 1em 0em; line-height:130%}
#pre-footer li.ic-mail { padding-top:28px; background:url(/imgs/icons/mail.png) 0 .1em no-repeat;padding:0 0 0 1.8em;margin:1em 1em 1em 0em; line-height:130%}
#pre-footer .pre-footer-img {width:40%; float:left;margin:0}
#pre-footer .pre-footer-img img {height:320px; object-fit: cover; object-position: center center; width:100%}

#dl-logo {float:left; display:none}
#dl-menu {display:none;}

.SpeechesCard {display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-content:space-between; gap:2em 3.5%; width:100%; margin:0 0 3em 0;}
.SpeechesCard > div {width:31%; background-color:#E6EAED; overflow:hidden; position:relative;  }
.SpeechesCard > div img {width:100%; aspect-ratio:1; object-fit: cover;}
.SpeechesCard > div h2 {font-size:1em; padding:.2em; margin-top:.5em;}
.SpeechesCard > div h3 a {text-decoration:none;}
.SpeechesCard > div h3 {font-size:.95em; font-weight:normal; padding:.2em; width:92%}
.SpeechesCard > div span  {font-size:.8em; position:absolute; bottom:1em; left:.75em; }
.SpeechesCard .videoPlayIcon {font-size:3.5em!important}


.Speeches {display:Block; width:100%; margin:0 0 3em 0;}
.Speeches > div {width:100%; margin-bottom:2em; background-color:#E6EAED; overflow:hidden; position:relative }
.Speeches > div > div {float:left; width:25%; margin-right:1em}
.Speeches > div > div img {width:100%; aspect-ratio:1; object-fit: cover;}
.Speeches > div h2 {font-size:1em; padding:.2em; margin-top:.5em; margin-right:1em;}
.Speeches > div h3 {font-size:.95em; font-weight:normal; padding:.2em; width:92%}
.Speeches > div h3 a {text-decoration:none;}
.Speeches > div span  {font-size:.8em; display:inline-block }
.Speeches .videoPlayIcon {font-size:2.5em!important}

.SpeechesSearch {width:100%; margin:0 0 2em 0; background-color:#E6EAED;}
.SpeechesSearch > div {padding:.75em 2%; display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-content:space-between; gap:2em 2%;}

.SpeechesSearch > div select, 
.SpeechesSearch > div input  {border:none; padding:.2em .3em; background-color:#fff;}
.SpeechesSearch > div select:focus, 
.SpeechesSearch > div input:focus  {outline:1px solid silver}

.SpeechesSearch > div select::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;   border-radius: .3em;   }
.SpeechesSearch > div select::-webkit-scrollbar-thumb {background: #87a1c4;  border-radius: .3em; }
.SpeechesSearch > div select::-webkit-scrollbar 		{width: .75em;}

.SpeechesSearch #ddlYear    	{width:20%}
.SpeechesSearch #ddlComposition	{width:40%}
.SpeechesSearch #txtSearch		{width:30.5%}
.SpeechesSearch > div i {padding:.25em; border-radius: .5em; color:#fff; background-color:#5478AB; }





@media only screen and (min-width: 1200px) {
	#ddlYear   {width:18%}
	#txtSearch {width:42.9%}
	#comunicados .jsSearch {width: 580px; margin-bottom:10px}
}

@media only screen and (max-width: 860px) {
	#maincontent #portamento_container #leftmaincol  {max-width:153px;}
	#headlogo #screenlogo .cidh_logo {width:200px}
	#headlogo #screenlogo {display:none}
	#headlogo  {margin-bottom:5.5em;}
	#headlogo .CIDHLogo {display:block; margin-bottom:1em;}
	
	.sf-menu, .sf-menu *	{font-size:1.3vw!important;}
	#rightmaincomunicados .enlaces h1 {font-size: 1.85vw;}
	#rightmaincomunicados .enlaces p {font-size: 1.75vw;}
	#smallBannerCIDH div {left:65%}
	
	#countryVisit .cropH1 {}
	#countryVisit .cropH2 {width:47.5%; }
	#countryVisit .cropH3 {width:30.5%;}
	
	.fotoFile a {width:31%}
	
	.SpeechesSearch #txtSearch		{width:30%}
}

@media only screen and (max-width: 834px) {
	#screenlogo {width:35%;}
}

@media only screen and (max-width: 768px) {
	#countryVisit .cropH1 {width:96% }
	#countryVisit .cropH2 {width:47%; }
	#countryVisit .cropH3 {aspect-ratio:3/2; width:30.5%;}
	
	.fotoFile a {width:31%}
	
}


@media only screen and (max-width: 600px) {
	#headlogo  {margin-bottom:0;}
	#headlogo .CIDHLogo {display:none;}
	#dl-menu {display:block;}
	#dl-logo {display:none}
	#navigation {display:none}
	#portamento_container {display:none;}
	#maincontent #rightmaincol #tabForm {width:99.3%}
	#globsearch form {display:none}
	#globsearch #navicon {margin-right:23vw; display:none;}
	#headlogo #screenlogo {display:none;}	
	#maincontent #rightmaincol, #maincontent  #rightmaincomunicados {width:100%; float:none; font-size:3.5vw;}
	#rightmaincomunicados .enlaces > div {border:2vw solid #E9E8DA; margin-left:-1.9vw; }
	#comunicados ul li {width:96%;}
	#comunicados .titleMonth {width:93%}
	#ddlYear   {width:20%}
	#txtSearch {width:40%}
	#smallBannerCIDH img {display:none;}
	#smallBannerCIDH div {width:95%; height:auto; left:2vw; display:flex; align-items:center}
	#shortrotator div.slide .caption {display:none;}
	#sCaption .singleCaption p {display:none}
	
	/*#SS {height:25vw;}
	#SS img {height:25vw!important; object-fit: cover; object-position: center right}*/
	
	#searchHearings {width:99%;}
	#searchHearings > div {gap:2vw 1vw; flex-flow: row wrap; align-content:stretch; justify-content: flex-start;}
	#searchHearings #ddlYear   {width:20%}
	#searchHearings #ddlCountry {width:65%}
	#searchHearings #ddlTopics {width:40%}
	#searchHearings #txtSearch {width:40%}

	#hearingBlock > div > div h1::before {content:""; clear:both; display:table;}
	#hearingBlock .vd-thumbnail img {width:100%}
	#hearingBlock .vd-thumbnail span {top:83%!important; left:10%!important}
	
	#ThematicSingleColumn > div {border-width:2vw}
	#ThematicSingleColumn > div > div .pReport {width:87%; font-size:3vw; }
	
	#AnnualReports > div	{width:29.7%; height:260px;}
	#AnnualReports > div > div p  {width: 77%; font-size:4.5vw; white; top:10vw; left:2vw; }
	
	#annualReportIndex .colIndex1 {font-size:2.7vw;}
	#annualReportIndex .colIndex2 {padding:0; margin-right:-1em; width:77%; }
	#annualReportIndex .colIndex2 div a {padding-right:.5em;}

	#featureIA > div {margin-left:2vw;}
	
	.btn-1{	width:90%;	font-size: 20px;}
	
	#countryVisit .cropH1 {aspect-ratio:3/2; width:95.9% }
	#countryVisit .cropH2 {width:46%; }
	#countryVisit .cropH3 {aspect-ratio:3/2; width:28.9%;}
	
	.fotoFile a {width:29%}
	
	.composicion {width:100%!important; font-size:.87em;}
	
	#tabForm .ui-widget-header {font-size:.84em!important; }
	
	.mobileRemove {display:none!important;}
	.mobileExpand {float:none!important; width:100%!important; max-width:100%!important}
	
	.SpeechesSearch #txtSearch		{width:27%}
	.SpeechesCard > div {width:48%;}
	.Speeches > div {padding-bottom:1em;}
	.Speeches > div > div {width:50%;}
	.Speeches > div span {margin-left: 1em;}	
	
	#pre-footer h3 {font-size:4vw;}
	#pre-footer .footer-address { width:55%; padding: 1% 0 0 2% ; font-size:.85em}
	#pre-footer li.ic-address { padding-top:28px; background:url(/imgs/icons/location.png) 0 .2em no-repeat;padding:0 0 0 1.8em;margin:2em 1em 1em 0em; line-height:100%}
	#pre-footer li.ic-phone { padding-top:28px; background:url(/imgs/icons/phone.png) 0 .2em no-repeat;padding:0 0 0 1.8em;margin:1em 1em 1em 0em; line-height:100%}
	#pre-footer li.ic-mail { padding-top:28px; background:url(/imgs/icons/mail.png) 0 .1em no-repeat;padding:0 0 0 1.8em;margin:1em 1em 1em 0em; line-height:100%}	
}


#allReports {display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-content:space-between; gap:2em 1em; width:100%; margin:0;}
#allReports > h1 {font-size:1.1em; margin:0!important; background-color: #5478AB; color:#fff; padding:.3em 1em}
#allReports > div 		{width:30.5%; height:350px; overflow:hidden; border:2px solid #E6EAED; }
#allReports > div > span	{background-color:#E6EAED; font-size:.8em; font-weight:bold; display:inline-block; padding:.3em 1.5em .2em; width:100%}
#allReports > div > div 	{position:relative; text-align:center; height:100%; overflow:hidden; padding:0 .5em}
#allReports > div > div img {width:77%; margin-top:5px}
#allReports > div > div .pReport	{background-color:#fff; font-size:.85em; width:100%; margin:1em auto; font-weight:normal; display:block }
#allReports > div > div .pReport2	{background-color:#fff; font-size:.7em; width:100%; margin:.25em auto!important; font-weight:normal; display:block }
#allReports > div > div p  {position:absolute; width: 100%; text-align:left; font-size:1.5em; font-weight:bold; color: white; top:4em; left:1.5em}
#allReports > div > div p span {font-size:.5em; padding:0}
#allReports > div > div img:hover {transform:scale(1.09); z-index:3000}

#allReports .middleSpace {margin-left:0!important; margin-right:0!important}
#allReports a {text-decoration:none}

@media only screen and (max-width: 768px) {
	#allReports > div > div p  {font-size:2.35vw; }
}

@media only screen and (max-width: 600px) {
	#allReports > div 		{width:46.75%;}
	#allReports > div > div p  {font-size:4.5vw; }
}

@media only screen and (max-width: 320px) {
	#allReports > div 		{width:45.75%;}
}