/*
Theme Name: Responsive
Theme URI: http://www.paho.org/
Description:  A responsive website framework for Joomla 1.5. 
Author: Paulo Leite
Author URI: http://www.paho.org/
Version: 0.1
Tags: Three-column, responsive, static frontpage, mobile devices
(c)2013 Pan American Health Organization/World Health Organization.
This work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

.moduletablegraybg {
	clear: both;
	background-color: #f4f4f4;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dbdbdb;
	border-right-color: #dbdbdb;
	border-bottom-color: #dbdbdb;
	border-left-color: #dbdbdb;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
}

.moduletablegraybg {
	min-height: 90px;
	margin-bottom: 15px;
}

#col1 .moduletablegraybg,
#col2 .moduletablegraybg,
#col3 .moduletablegraybg,
#col4 .moduletablegraybg {
	min-height: 50px;
}

.ytWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 Aspect Ratio */
	padding-top: 25px;
	height: 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.ytWrapper iframe,
.ytWrapper object,
.ytWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}

.moduletablenmh-multimedia #dc-video {
	width: 100%;
	float: none;
}

.moduletablenmh-multimedia #dc-video #ytlist {
	width: 96.2%;
	height: 136px;
	border: 1px solid #CCC;
}

.moduletablenmh-multimedia #dc-video #ytlist ul {
	list-style-type: square;
	margin-left: 6px;
	padding-left: 6px;
}

#postmain {
	clear: both !important;
	margin-top: 1px;
	width: 100%;
	float: left;
}

.moduletableblue h3 {
	font: 15px/19px 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	border-bottom: 1px solid #258;
	color: #196AAA;
	padding-bottom: 2px;
	margin-top: 2px;
}

.moduletablegraybg {
	clear: both;
	background: #F4F4F4;
	padding: 4px;
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px solid #DBDBDB;
}

.moduletablegraybg:hover {
	background: #E6F0FF;
}

.entry-content ul.newsfeed li {
	margin-bottom: 20px;
}

.entry-content ul.newsfeed li a {
	font-weight: bold;
}

h1.entry-title {
	font: 18px/28px "Source Sans Pro", "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	font-weight: bold;
	color: #2255aa;
	margin-top: 8px;
	margin-bottom: 0px;
}

h1.entry-title a {
	color: #25A;
}

h2 {
	font: 20px/22px "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	margin-top: 5px;
	margin-bottom: 12px;
	font-weight: bold;
}

h2.entry-title {
	font: 15px/24px "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	font-weight: bold;
	color: #2255aa;
	margin-top: 5px;
	margin-bottom: 12px;
}

h3 {
	font: 17px/20px "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	margin-top: 5px;
	margin-bottom: 12px;
	font-weight: bold;
}

.moduletable h3 {
	font: 14px/16px "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
}

.entry-meta {
	font: 11px/25px "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	color: #666;
}

.entry-text,
.entry-text p {
	font: 13px/18px "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	color: #222;
}

#primary a,
#sidebar a {
	color: #259;
}

#primary ul,
#sidebar ul {
	list-style: none;
	margin: 0px;
}

#primary ul li ul,
#sidebar ul li ul {
	list-style: square;
	margin: 20px;
}

#primary h3,
#sidebar h3 {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px dotted #666;
	border-bottom: 1px solid #AAA;
	color: #D70;
	padding-bottom: 1px;
	margin-top: 0;
}

#home-widget-area-1 h3,
#home-widget-area-2 h3,
#home-widget-area-3 h3 {
	font-weight: bold;
	border-bottom: 2px dotted #666;
	border-bottom: 1px solid #AAA;
	color: #D70;
	padding-bottom: 2px;
	margin-top: 10px;
}

#sidebar ul li {
	line-height: 14px;
}

#sidebar a {
	font-size: 11px;
}

li.mcnews-list {
	/* Trabajo con el mcnews para el listado completo de noticias 20161108 */
	padding-bottom: 10px;
	border-bottom: 1px dotted gray;
}

.hap-foto-l {
	clear: both;
	width: 49.5%;
	float: left;
}

.hap-foto-r {
	width: 49.5%;
	float: right;
}

#wp-calendar {
	width: 80%;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 8px auto 0 auto;
}

#wp-calendar caption {
	background-color: #CDE;
	font-weight: bold;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	color: #333;
}

#wp-calendar th {
	background-color: #965;
	color: #EEE;
	padding: 2px;
}

#wp-calendar td {
	background-color: #E6EDEF;
	color: #333;
	padding: 1px 4px;
}

#wp-calendar td.pad {
	background-color: #E6EDEF;
	padding: 3px;
}

.clr {
	clear: both;
}

.moduletable img {
	max-width: 100%;
	height: auto;
}

.sidebar .moduletable ul {
	list-style: square;
	margin: 0;
	padding: 0;
}

.sidebar .moduletable ul li {
	margin-left: 15px;
}

ul.children {
	/* margin-left: 20px;
     padding-left: 20px;
     */
}

ul.latestnews {
	list-style-type: none;
	margin-top: 0;
	padding-top: 0;
}

ul.latestnews li {
	font-weight: none;
	font-size: 100%;
}

a.latestnews {
	font-size: 14px !important;
	font-weight: bold;
}

#postmain {
	clear: both;
	width: 100%;
	float: left;
}

.newstext,
.newstext p {
	font-size: 16px;
	/* para who-fp */
	line-height: 17px;
}

.newsrm {
	/* clear: both;
     */
	font-size: 12px;
	margin-bottom: 8px;
}

.modifydate {
	clear: both;
	display: block;
	background: #FFF;
	margin-top: 20px;
	padding-left: 4px;
	color: #AAA;
	font-size: 10px;
}

ul.newsfeed {
	list-style-type: square;
	margin: 0;
	padding: 0;
}

ul.newsfeed li {
	line-height: 17px;
}

ul.children {
	margin-left: 20px;
	padding-left: 20px;
}

ul.latestnews {
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 0;
}

li.latestnews a {
	font-size: 12px;
}

div.moduletable h2 {
	font-size: 15px;
}

h1.dm_title {
	font-size: 18px;
}

h2.dm_title {
	font-size: 16px;
}

h3.dm_title {
	font-size: 14px;
}

.contentpaneopen {
	clear: both;
}

.contentpaneopen:after,
.entry-content:after {
	content: "";
	display: table;
	clear: both;
}

.eb-box {
	width: 100%;
	text-align: center;
	margin: 8px 0;
	font-weight: bold;
	display: table;
}

.eb-box-33 {
	width: 32.5%;
	float: left;
	text-align: center;
	margin: 8px .8% 8px 0;
	font-weight: bold;
	display: table;
	background: #E2EFF5;
}

.eb-box-33-last {
	width: 32.5%;
	float: right;
	text-align: center;
	margin: 8px 0;
	font-weight: bold;
	display: table;
	background: #E2EFF5;
}

.moduletabledc-dark .eb-box-33 {
	background: #C2DFEC;
}

.moduletabledc-dark .eb-box-33-last {
	background: #C2DFEC;
}

.autoridades,
.profesionales {
	display: table;
	background: #E2EFF5;
}

.eb-box.autoridades a,
.eb-box-33 a,
.eb-box-33-last a,
.eb-box.autoridades a:visited,
.eb-box.profesionales a,
.eb-box.profesionales a:visited {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Cabin', sans-serif;
	font-size: 125%;
	height: 30px;
	padding: 8px;
	color: #369;
}

.eb-box.autoridades a:hover,
.eb-box-33 a:hover,
.eb-box-33-last a:hover,
.eb-box.profesionales a:hover {
	display: table-cell;
	vertical-align: middle;
	font-family: 'Cabin', sans-serif;
	font-size: 125%;
	background: #369;
	height: 30px;
	padding: 8px;
	color: #FFF;
}

.eb-box-33 a,
.eb-box-33-last a,
.eb-box-33 a:hover,
.eb-box-33-last a:hover {
	height: 60px;
}

.dcfoto {
	text-align: center;
}

.dcfoto img {
	border: 1px solid #AAA;
}

.dccaption p {
	margin: 2px 0 12px 0;
	font-size: 11px;
	line-height: 14px;
}

.moduletabledc h3,
.moduletabledc-dark h3 {
	font: 16px/19px 'Cabin', sans-serif;
	color: #103D50;
	color: #DD7700;
	border-bottom: 2px solid #0081b8;
}


/* *** begin = photo caption styles = begin *** */

figure {
	display: block;
	margin-top: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	margin-right: 0px;
}

figcaption {
	background: #ECF3F9;
	font-size: 12px;
	line-height: 14px;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 9px 4px 5px 4px;
	margin-top: -2px;
	margin-bottom: 8px;
	text-align: justify;
}

.photo-caption-left,
.photo-caption-center,
.photo-caption-right {
	background: #ECF3F9;
	font-size: 10px;
	line-height: 14px;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 3px 4px 5px 4px;
	margin-top: -5px;
	margin-bottom: 8px;
}

.photo-caption-left {
	text-align: left;
}

.photo-caption-center {
	text-align: center;
}

.photo-caption-right {
	text-align: right;
}


/* *** end = photo caption styles = end *** */


/* *** begin = photo hover effect styles = begin = (OR-170719) *** */

.thumbnail:hover {
	position: relative;
	top: -25px;
	left: -35px;
	width: 800px;
	height: auto;
	display: block;
	z-index: 999;
}

ul.img-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.img-list li {
	display: inline-block;
	height: auto;
	margin: 0 1em 1em 0;
	position: relative;
	width: 360px;
}

span.text-content {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	display: table;
	height: 248px;
	left: 0;
	position: absolute;
	top: 0;
	width: 360px;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

span.text-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
}

ul.img-list li:hover span.text-content {
	opacity: 1;
}

.goals {
	font-weight: bold;
	padding: 10px 0 25px 0;
	border-radius: 0 0 15px 15px;
}

.goals img {
	max-width: 100%;
}


/* *** end = photo hover effect styles = end ****/


/* *** begin = Pagebreak styles = begin = (OR-170502) *** */

.pagenavcounter {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	margin-left: 1px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 14px;
	font-style: italic;
	color: darkcyan;
}

.pagenavbar {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	margin-left: 1px;
	padding-bottom: 8px;
	border-top: 1px solid #CCC;
	margin-top: 14px;
	font-style: italic;
	background-color: aliceblue;
	color: black;
	padding: 6px;
	margin-top: -11px !important;
}


/* *** end = Pagebreak styles = end *** */

.table-wrapper {
	overflow-x: auto;
	max-width: 100%;
}


/* -------------------------------- */


/* Estilos importados do antigo CSS */


/* -------------------------------- */

div.moduletableorange h3 {
	clear: both;
	color: #DD7700;
	text-align: left;
	font-weight: bold;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 15px;
}

.moduletable table {
	margin-left: 12px;
}

.colaps_bulptd {
	background-color: #EEEEF6;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #999;
}

a.colapslistptd {
	background-color: #EEEEF6;
	display: block;
	font-weight: bold;
	width: 478px;
	height: 20px;
	margin-bottom: -12px;
	border-bottom: 2px solid #999;
}

.colaps_liptd {
	list-style-type: none;
	width: 478px;
	margin-left: -32px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

ul#list_3547 {
	margin-top: 100px;
	margin-left: -10px;
}

ul.colaps_ulnoarrow li {
	margin-bottom: 6px;
}

.moduletable .clplst p {
	font-size: 11px;
}

h2.toxclg-lrg {
	font-size: 18px;
	padding: 5px;
	background: #FFF3D3;
	border: 1px solid #EC6;
	border-radius: 7px;
	box-shadow: 2px 4px 5px #CCC;
}

.toxclg-lrg ul {
	border-top: 2px solid #666;
	margin: 2px 0 0 0;
	padding-top: 2px;
}

li.toxclg-lrg {
	display: inline;
	padding: 4px;
	margin-left: 25px;
	margin-right: 25px;
}

li.toxclg-lrg a {
	font-size: 14px;
}

h2.toxclg-mid-l {
	clear: both;
	width: 46%;
	min-height: 105px;
	float: left;
	font-size: 13px;
	padding: 5px;
	background: #FFF3D3;
	border: 1px solid #EC6;
	border-radius: 7px;
	box-shadow: 2px 4px 5px #CCC;
}

h2.toxclg-mid-r {
	width: 46%;
	min-height: 105px;
	float: right;
	font-size: 13px;
	padding: 5px;
	background: #FFF3D3;
	border: 1px solid #EC6;
	border-radius: 5px;
	box-shadow: 2px 4px 5px #CCC;
}

h2.toxclg-mid-l a {
	font-size: 13px;
}

h2.toxclg-mid-r a {
	font-size: 13px;
}

ul.toxclg-sml {
	padding: 0;
	margin: 6px 0 0 0;
	border-top: 2px solid #666;
}

li.toxclg-sml a {
	font-size: 10px;
	font-weight: normal;
}

li.toxclg-sml {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 60%;
}

li.toxclg-sml:after {
	content: " - ";
}

li:last-of-type.toxclg-sml:after {
	content: " ";
}

table.toxclg {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

table.toxclg th {
	padding: 3px;
	background: #666;
	color: #FFF;
}

table.toxclg td {
	padding: 3px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

table.toxclg td:last-of-type {
	border-right: 0;
}

ul.toxclg-clean {
	margin: 20px 0 10px 0;
	padding: 0;
	list-style-type: none;
}

li.toxclg-icon {
	min-height: 40px;
	padding: 8px;
	margin-bottom: 20px;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 1px 3px 3px #CCC;
}

li:nth-child(2n).toxclg-icon {
	min-height: 40px;
	padding: 8px;
	margin-bottom: 20px;
	background: #F6EFE3;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 1px 3px 3px #CCC;
}

li.toxclg-pr {
	padding: 5px;
	margin-bottom: 6px;
	background: #EEE;
}

li:nth-child(2n).toxclg-pr {
	padding: 5px;
	margin-bottom: 6px;
	background: #F6EFE3;
}

li.toxclg-icon a {
	font-weight: bold;
}

li.toxclg-icon img {
	margin: 0 8px 0 0;
}

.moduletable ul.horzlist {
	margin: 0;
	margin-left: -8px;
	list-style-type: none;
}

.moduletable ul.horzlist li {
	display: inline;
	margin-left: 0;
	margin-right: 10px;
}

ul.clearbult {
	list-style-type: none;
}

ul.eventlistmod li {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.eventlistmod li {
	font-size: 11px;
}


/* estilos para la b??da de oms. Juan Carlos Diaz */

.s {
	font-size: 100%;
	padding: 10px;
}


/* .g{
    margin-top: 1em;
     margin-bottom: 1em
}
 .s td{
    width:34em
}
 */

.l {
	font-size: 110%;
	font-weight: bold;
}

.l {
	color: #196AAA
}

.l:active {
	color: #D86422
}

.l:hover {
	color: #D86422
}

div.paging {
	width: 100%;
}

div.paging ul {
	clear: none;
	list-style-type: none;
}

div.paging ul li {
	clear: none;
	/* line-height: 100%;
     */
	float: left;
}

.paging ul li a {
	font-size: 10pt;
	/* 13px;
     */
	line-height: 20px;
	height: 13px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.w,
.w a:link {
	color: #196AAA;
	font-weight: bold;
}

.f,
.f:link,
.f a:link {
	color: #196AAA;
	font-weight: normal;
	font-size: 12px;
}

a:visited,
.f a:visited {
	color: #196AAA
}

a:active,
.f a:active {
	color: #D86422;
	font-weight: bold !important;
}

a:hover,
.f a:hover {
	color: #D86422
}

.t {
	color: #333333
}

.t {
	background-color: #ffffff
}

.z {
	display: none
}

.i,
.i:link {
	color: #D86422
}

.a,
.a:link {
	color: #346803;
	white-space: pre;
	/* CSS 2.0 */
	white-space: pre-wrap;
	/* CSS 2.1 */
	white-space: pre-line;
	/* CSS 3.0 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	white-space: -moz-pre-wrap;
	/* Mozilla */
	white-space: -hp-pre-wrap;
	/* HP Printers */
	word-wrap: break-word;
	/* IE 5+ */
}

div.n {
	margin-top: 1ex
}

h1.headline {
	font-size: 12pt;
}


/* .n a{
    font-size: 10pt
}
 */

.n .i {
	font-size: 10pt;
	font-weight: bold
}

.q a:visited,
.q a:link,
.q a:active,
.q {
	color: #196AAA;
}

.b,
.b a {
	font-size: 12pt;
	color: #196AAA;
	font-weight: bold
}

.d {
	margin-right: 1em;
	margin-left: 1em;
}

.searchresults ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

blockquote {
	background-color: whitesmoke;
	font-size: 1.25em;
}

.searchresults .keymatch {
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	background-color: #f5f5f5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.oneboxResults {
	display: none;
}

.main-results-without-dn td a {
	font-size: 14px;
	font-weight: bold;
}

#content_full .gsc-control-cse {
	font-family: "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
}

.gsc-control-cse .gsc-table-result {
	font-family: "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
}

#content_full #cse-header {
	display: none;
}

#content_full .cse .gsc-control-cse,
#content_full .gsc-control-cse {
	padding-top: 0;
}

#content_full .gsc-control-cse {
	padding-top: 0;
}

#content_full .gs-title,
#content_full .gsc-webResult,
#content_full .gsc-result,
#content_full .gs-webResult,
#content_full .gs-result {
	font-family: "Source Sans Pro", Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
}

#footer,
#site-info {
	clear: both;
	margin-top: 32px;
}

div.moduletablemc {
	clear: both;
}

ul.prlist_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-left: 4px;
	border: 1px solid #AAA;
	min-height: 22px;
	background: #D6DCE3;
}

li.prlist_menu {
	display: inline;
	padding: 6px 0 6px 0;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	margin-left: -4px;
	background: #FFF;
}

div.prlist {
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 6px;
}

#pub3 p {
	margin-top: 0;
}

#dcmlist ul {
	list-style-type: square;
	color: #054877;
	margin-left: 12px;
}

#dcmlist ul li {
	font-size: 11px;
}

#pubperiodicals h4 {
	margin-top: 0;
	font-size: 12px;
	color: #DD7700;
}

.mcnews3rgt ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.mcnews3rgt li {
	padding: 2px 0 3px 0;
}

.mcnews3rgt li:nth-child(even) {
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.mcnews_box {
	margin-top: 1px;
	width: 100%;
	clear: both !important;
}

#mcnewsleft {
	width: 51%;
	float: left;
}

#mcnewsleft h3 {
	margin-top: 2px;
}

#mcnewsleft p {
	font-size: 12px;
	line-height: 17px;
	margin-top: 2px;
}

#mcnewsleft img {
	width: 50%;
}

#mcnewsright {
	width: 44%;
	float: right;
	padding-left: 5px;
	border-left: 1px solid #dddddd;
}

.moduletableht #mcnewsright {
	width: 100%;
	margin-top: -20px;
	margin-bottom: 0px;
	float: left;
	border-left: none;
}

#mcnewsright p {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #aaaaaa;
	line-height: 17px;
}

#mcnewsright p:last-child {
	border-bottom: none;
}

.moduletableht #flnws ul {
	margin-left: 15px;
}

span.article_separator {
	height: 4px;
}

.orangeyear {
	font-weight: bold;
	color: #C61;
}

ul.mcnews {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.mcnews li {
	width: 48%;
	float: left;
	padding-top: 5px;
}

ul.mcnews li:first-child+li {
	float: right;
}

ul.mcnews li:first-child+li+li {
	clear: both;
}

ul.mcnews li:first-child+li+li+li {
	float: right;
}

h3.mcnews {
	background: #B32;
	color: #FFF;
	margin: 0;
	padding-left: 4px;
	box-shadow: 3px 3px 6px #CCC;
}

#mcnews {
	margin-top: -20px;
	margin-bottom: 16px;
}

#mcnews p {
	font-size: 11px;
	line-height: 15px;
}

#mcnews h2.contentheading a {
	font-size: 12px;
}

h3.fpnews {
	background: #B32;
	color: #FFF;
	margin: 0;
	margin-top: 14px;
	margin-bottom: 20px;
	padding-left: 4px;
	box-shadow: 3px 3px 6px #CCC;
}

.moduletablemc {
	padding: 20px;
}

.moduletablemc h3 {
	font-size: 14px;
	background: #32B6ED;
	color: #FFF;
	margin: 0;
	margin-top: -5px;
	padding-bottom: 4px;
	padding-top: 2px;
}

#mcmultimedia {
	width: 100%;
	float: left;
	margin-top: 0;
	padding: 0;
	background: #32B6ED;
	overflow: hidden;
	margin-bottom: 12px;
	padding: 20px;
}

#mcmultimedialeft {
	width: 300px;
	float: left;
	margin-top: 0;
	/* margin: 20px; */
}

#mcmultimediaright {
	width: 248px;
	float: right;
	margin-top: 0;
}

#mcmultimediaright p {
	text-align: center;
}

#mcmultimediaright a {
	color: #FFF;
}

#mcvideoframe {
	margin: 0 0 -4px 0;
}

#mcoutterslider {
	position: relative;
	width: 300px;
	height: 169px;
	float: left;
	overflow: hidden;
}

#mcinnerslider {
	width: 5000px;
	position: absolute;
	left: 0;
	top: -1px;
	background: #000;
}

#mccontrolbar {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 0;
	background: #DFDFDF;
}

#mcvdtitle {
	width: 250px;
	margin: 0 2px 0 2px;
	min-height: 28px;
	float: left;
	text-align: center;
}

#mcvdtitle p {
	font-size: 10px;
	margin-top: 1px;
	line-height: 12px;
}

#mcgoback {
	width: 18px;
	float: left;
	margin-left: 4px;
}

#mcgofwrd {
	width: 18px;
	float: right;
	margin-right: 4px;
}

#ytploutterslider {
	position: relative;
	margin-top: 10px;
	width: 416px;
	height: 234px;
	float: left;
	overflow: hidden;
}

#ytplinnerslider {
	width: 5000px;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}

.moduletablemcleft ul {
	list-style-type: square;
	margin-left: 18px;
	padding-left: 0;
}

.moduletablemcleft ul li {
	font-size: 14px;
}

.moduletablemcleft ul li a {
	font-size: 14px;
}

#ytgallery_wrapper {
	width: 100%;
	margin-top: -20px;
}

#ytplayerbox {
	margin: 0;
	padding: 0;
}

#ytgallerybar {
	margin-top: 4px;
	width: 99.7%;
	height: 18px;
	border: 1px solid black;
	background-image: url('../../../modules/mod_ytGallery/images/ytbg2.gif');
	background-repeat: repeat-x;
	text-align: center;
}

#allback {
	width: 18px;
	float: left;
	text-align: center;
}

#mvback {
	width: 18px;
	float: left;
	text-align: center;
}

#mvinfo {
	margin-top: 0;
	text-align: center;
	font-size: 11px;
}

#mvfwrd {
	width: 18px;
	float: right;
	text-align: center;
}

#allfwrd {
	width: 18px;
	float: right;
	text-align: center;
}

#ytgallery {
	width: 100%;
	background-color: #000;
	text-align: left;
	padding: 0;
}

.ytgallery_int a {
	display: block;
	font-size: 10px;
	color: #FFF;
	line-height: 14px;
}

#cont_form form {
	margin: 0;
}

#footr_in .moduletable h3 {
	font-size: 15px!important;
	font-weight: bold;
	margin: 0;
	color: #FFF;
}

#footr_in .moduletable a,
#footr_in .moduletable a:visited {
	color: #FFF;
}

#innerleft {
	width: 47.5%;
	float: left;
}

#innercenter {
	width: 34%;
	float: left;
}

#innerright {
	width: 47.5%;
	float: right;
}

.ytplayer {
	z-index: 2;
	width: 380px;
	float: left;
}

#ytplayer {
	width: 380px;
	height: 214px;
}

#ytlist {
	width: 191px;
	height: 204px;
	float: left;
	overflow-x: auto;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
	padding: 4px;
}

p.vidinfo {
	margin-top: 0;
	margin-bottom: 12px;
	line-height: 15px;
}

a.toclink {
	font-size: 11px;
	padding: 0;
}

ul.toc {
	margin: 0 0 0 -15px;
}

ul.toc li {
	display: inline-block;
	border: none;
}

.pager ul {
	margin: 0;
	margin-top: 10px;
	padding: 3px 0;
	border-top: 1px solid #CCC;
	list-style: none;
}

.pager ul li {
	width: 49%;
	margin: 0;
}

.pager ul li:first-child {
	float: left;
}

.pager ul li:last-child {
	float: right;
	text-align: right;
}

.contenttoc,
.article-index {
	border: 1px solid #CCC;
	background: #E9ECEF;
}

.contenttoc ul,
.article-index ul {
	margin: 0;
	padding: 5px;
	line-height: 20px;
}

.contenttoc ul li,
.article-index ul li {
	display: inline;
	margin: 0;
	padding: 0;
}


/* .contenttoc ul li:after, .article-index ul li:after {
     margin-left: 4px;
     margin-right: 4px;
     content: "|";
} */

.contenttoc ul li:last-child:after,
.article-index ul li:last-child:after {
	content: "";
}


/* fin Estilos para pagebreak */


/* Estilos para com_tabs */

#ctabs {
	clear: both;
	width: 100%;
	margin-top: 12px;
	float: left;
	border: 1px solid #AAA;
}

#ctabs-header {
	width: 100%;
	float: left;
}

#ctabs-header a {
	font-size: 13px;
	font-weight: bold;
}

#ctabs-content {
	clear: both;
	width: 100%;
	padding-top: 1px;
}

#ctabs-inner-content {
	clear: both;
	width: 100%;
	margin: 10px 5px;
}


/* Fim dos estilos para com_tabs */


/* Estilos para NMH */

div[class*='moduletablenmh-'] h3 {
	min-height: 28px;
	background-size: 32px;
	background-position: -0 0;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding: 6px 0 0 35px;
	/* border-top: 1px solid #2255AA;
     */
	border-bottom: 1px solid #2255AA;
	border-left: 8px solid #FFF;
	margin-top: 4px;
	margin-bottom: 0;
}

.moduletablenmh-data h3 {
	background-image: url("../../../images/stories/PAHO/data-icon.jpg");
}

.moduletablenmh-news h3 {
	background-image: url("../../../images/stories/PAHO/icon-news.jpg");
}

.moduletablenmh-events h3 {
	background-image: url("../../../images/stories/PAHO/calendar-icon.jpg");
}

.moduletablenmh-links h3 {
	background-image: url("../../../images/stories/PAHO/links-icon.jpg");
}

.moduletablenmh-multimedia h3 {
	background-image: url("../../../images/stories/PAHO/multimedia-icon.jpg");
}

.moduletablenmh-publications h3 {
	background-image: url("../../../images/stories/PAHO/pub-icon.jpg");
}

.moduletablenmh-resources h3 {
	background-image: url("../../../images/stories/PAHO/resources-icon.jpg");
}

.moduletablenmh-virtual h3 {
	background-image: url("../../../images/stories/PAHO/virtual-icon.jpg");
}

div[class*='moduletablenmh-'] {
	border-bottom: 1px dotted #25A;
	margin-bottom: 15px;
}

.moduletablenmh-events,
.moduletablenmh-publications {
	border-bottom: none !important;
	margin-bottom: 2px;
}

#mcnewsright {
	margin-top: 0;
}

div[class*='moduletablenmh-'] #mcnewsright p {
	margin-top: 0;
	margin-right: 6px;
}

div[class*='moduletablenmh-'] h3.contentheading {
	border: none !important;
	line-height: 16px;
	font-size: 13px;
	color: #26C;
	margin-left: -35px !important;
	margin-top: -8px !important;
	margin-bottom: 8px !important;
	background: none;
}


/* Fim dos estilos para NMH  */


/* Estilos para FGL   */

p.fgl {
	min-height: 40px;
	padding-left: 40px;
	background-size: 38px;
	background-position: -0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}

#article1_top p.fgl {
	background-image: url("../../../images/stories/PAHO/icon-immunization.png");
}

#article2_top p.fgl {
	background-image: url("../../../images/stories/PAHO/icon-life_course.png");
}

#article3_top p.fgl {
	background-image: url("../../../images/stories/PAHO/icon-reproductive.png");
}

#article4_top p.fgl {
	background-image: url("../../../images/stories/PAHO/icon-diversity.png");
}


/* =================== */


/* Fim dos estilos para FGL   */


/* =================== */


/* Estilos para GSHS */

.latest_eventgshs {
	font-size: 8pt;
}

div.moduletablegshs h3 {
	text-align: center;
	color: #336699;
	padding: 4px 2px 4px 2px;
	margin-bottom: 0px;
	border-top: 2px solid #336699;
	border-bottom: 2px solid #336699;
}

div.moduletablegshs ul {
	list-style-type: none;
}

.mod_docman_catdowngshs {
	margin-left: 0px;
	padding-left: 0px;
}

.mod_docman_catdowngshs a {
	font-size: 8pt;
	line-height: 95%;
}


/* Final de los estilos para GSHS */

#htopics_out {
	clear: both;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: -16px;
	/* background-image: url("../images/bg-980.png");
     */
}


/* ========================== */


/* Estilos para World Health Assembly */


/* ========================== */

.wha {
	border: 3px double #196AAA;
	border-radius: 7px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
}

.moduletable h3.wha {
	color: #196AAA;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}

#html5-text {
	font-size: 12px;
}


/* ================================ */


/* Fim dos estilos para World Health Assembly */


/* ================================ */


/* ===================== */


/* Estilos para modulo colapslist */


/* ===================== */

.moduletable .colapslist_title,
.colapslist_mainnoarroworange ul h3 {
	cursor: default;
	color: #26C;
	font-size: 13px;
	font-weight: normal;
}

.moduletablenoarroworange .colapslist_title {
	cursor: default;
	color: #D70;
	font-size: 13px;
	font-weight: bold;
}

.moduletable .colapslist_title_hover,
.moduletablenoarroworange .colapslist_title_hover {
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	color: #DD7700;
}

.moduletablebold .colapslist_titlebold {
	cursor: default;
	color: #26C;
	font-size: 13px;
	font-weight: normal;
}

.moduletablebold .colapslist_title_hoverbold {
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	color: #DD7700;
}

.moduletableorange .colapslist_titleorange {
	cursor: default;
	color: #DD7700;
	font-size: 13px;
	font-weight: normal;
}

.moduletableorange h3 {
	color: #DD7700;
	font-size: 13px;
	font-weight: normal;
}

.moduletablenoarrow h3 {
	font-size: 16px;
	font-weight: bold;
}

.moduletableh1n1 h3 {
	color: #259;
}

.moduletableorange .colapslist_title_hoverorange {
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	color: #26C;
}

.moduletablenoarrow .colapslist_titlenoarrow {
	cursor: default;
	color: #26C;
	font-size: 13px;
	font-weight: bold;
}

.moduletablenoarrow .colapslist_title_hovernoarrow {
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	color: #DD7700;
}

.moduletablenoarroworange .colapslist_titlenoarroworange {
	cursor: default;
	color: #DD7700;
	font-size: 16px;
	font-weight: bold;
}

.moduletablenoarroworange h3,
.colapslist_title_hovernoarroworange {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color: #D70;
}

.moduletablenoarrow img.colapslist_arrownoarrow {
	display: none;
}

.moduletablenoarroworange img.colapslist_arrownoarroworange {
	display: none;
}

.moduletable img.colapslist_arrow {
	float: left;
	margin: 2px 6px 0 0;
}

.moduletablenoarroworange img.clp_internal_img {
	display: block;
	float: left;
	margin: 2px 6px 0 0;
}

.colapslist_list ul {
	list-style-type: square;
	margin-left: 14px;
}

.colapslist_main ul li,
.colapslist_mainnoarrow ul li,
.colapslist_mainnoarroworange ul li {
	margin-left: 12px;
}

.colapslist_mainorangetitle ul {
	list-style-type: none;
}

.colapslist_mainorangetitle ul li {
	margin-left: -14px;
	line-height: 15px;
}

#sidebar .moduletableorangetitle .colapslist_mainorangetitle ul li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #dd7700;
	margin-top: 0px;
	border-bottom: 1px solid #AAA;
	padding-bottom: 2px;
}

#sidebar .moduletableorangetitle h3 {
	display: none;
}

.moduletablenoarroworange ul {
	margin-left: 12px;
}

.moduletableeb h3 {
	color: #248;
	margin: 16px 0 6px 0;
}

.moduletableeb h3 img {
	margin-right: 6px;
}

.moduletableeb ul {
	list-style-type: square;
	margin-left: 24px;
}


/************ WHITE STORY BLOCK ************************/

.story-block {
	width: 100%;
}

.story-block p {
	width: 90%;
	min-width: 280px;
	max-width: 1200px;
	padding: 10px;
	margin-right: auto !important;
	margin-left: auto !important;
	font-weight: 500;
	font-size: 22px;
	font-family: "Source Sans Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 35px;
	/* border-left: 2px solid #DDD;
     */
}

.story-block img {
	width: 90%;
	min-width: 280px;
	max-width: 750px;
	/*padding-right: 15px;
     padding-left: 15px;
    */
	padding: 10px;
	margin-right: auto !important;
	margin-left: auto !important;
	height: auto;
	display: block;
}

.story-block h2 {
	width: 90%;
	min-width: 280px;
	max-width: 1200px;
	padding: 10px;
	margin-right: auto !important;
	margin-left: auto !important;
	font-size: 24px;
	margin-top: 20px;
}

.story-full-width {
	width: 100% !important;
	padding: 5px;
	display: inline-block
}

.story-full-width:after {
	clear: both;
}

.story-full-width img {
	margin: 0 !important;
}

.bigger-font {
	font-size: 130%;
}

.light-silver-band {
	background-color: #EEE;
}

.silver-band {
	background-color: #DDD;
}

.gray-band {
	background-color: gray;
}

@media (min-width: 768px) {
	.story-full-width {
		padding: 30px;
	}
}

@media (min-width: 992px) {
	.story-block p,
	.story-block img {
		width: 80%;
	}
}

@media (min-width: 1200px) {}


/* ========================= */


/* Begin - Image overlay effects */


/* ========================= */


/* OVERLAY - OVERLAY - OVERLAY */

.vrlay-captioned {
	position: relative;
	padding: 0;
	margin: 0;
}

.vrlay-captioned img {
	display: block;
	max-width: 100%;
	height: auto;
	padding-bottom: 9px;
}

.vrlay-txt-lf {
	opacity: 1;
	position: absolute;
	color: #fff;
	left: 0;
	bottom: 20px;
	padding: 0.75em 1em;
	font-weight: 600;
	font-size: 22px;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.vrlay-txt-rt {
	opacity: 1;
	position: absolute;
	color: #fff;
	right: 0;
	bottom: 20px;
	padding: 0.75em 2em;
	font-weight: 600;
	font-size: 22px;
	text-align: left;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.no-vrlay-txt-md {
	opacity: 1;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 20px;
	padding: 0.75em 1em;
	font-weight: 600;
	font-size: 20px;
	text-align: left;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.vrlay-txt-md {
	opacity: 1;
	position: absolute;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 20px;
	padding: 0.75em 1em;
	font-weight: 600;
	font-size: 22px;
	text-align: left;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.vrlay-captioned:hover .vrlay-txt-md {
	opacity: 0.3;
}

.vrlay-captioned:hover .vrlay-txt-rt {
	opacity: 0.3;
}

.vrlay-captioned:hover .vrlay-txt-lf {
	opacity: 0.3;
}


/* OVERLAY - OVERLAY - OVERLAY */


/* ========================= */


/* End - Image overlay effects */


/* ========================= */


/* ============================= */


/* Fim dos estilos para o modulo colapslist */


/* ============================= */


/* ========================= */


/* Inicio: Grid para diseño de páginas web */


/* ========================= */


/* GRID - GRID - GRID - GRID */

.wd-panel {
	clear: both !important;
	width: 100%;
	float: left;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 6px;
	margin-bottom: 6px !important;
	box-sizing: border-box;
}

.wd-column,
.wd-quarter {
	width: 22.5%;
	float: left;
	margin-left: 1.6%;
	margin-right: 1.6%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.wd-column:first-child,
.wd-quarter:first-child {
	margin-left: 0;
}

.wd-half {
	width: 48%;
	float: left;
	margin-left: 0;
	margin-right: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.wd-half:last-child {
	float: right;
	margin-right: 0;
}

.wd-third,
.wd-third-left {
	width: 31%;
	float: left;
	margin-left: 0;
	margin-right: 3.4%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.wd-third-right {
	width: 31%;
	float: right;
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.wd-column:last-child,
.wd-quarter:last-child,
.wd-third:last-child,
.wd-third-left:last-child {
	float: right;
	margin-right: 0;
}

.wd-third-right:last-child {
	float: left;
	margin-left: 0;
}

.wd-twothirds,
.wd-twothirds-right {
	width: 65.6%;
	float: right;
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.wd-twothirds-left {
	width: 64.3%;
	float: left;
	margin-left: 0;
	margin-right: 2.3%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.wd-twothirds:after,
.wd-twothirds-right:after,
.wd-twothirds-left:after {
	content: "";
	display: table;
	clear: both;
}


/* BORDERS - BORDERS */

.wd-border {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.wd-dotted-border {
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}

.wd-border-tp {
	border-top: 1px solid #999;
}

.wd-dotted-border-tp {
	border-top: 1px dotted #aaa;
}

.wd-border-bt,
.wd-border-special {
	border-bottom: 1px solid #999;
}

.wd-dotted-border-bt,
.wd-dotted-border-special {
	border-bottom: 1px dotted #aaa;
}

.wd-border-full {
	border: 1px solid #999;
}

.wd-dotted-border-full {
	border: 1px dotted #aaa;
}

.wd-border-round {
	border-radius: 5px;
}


/* SPACING - SPACING */

.wd-padding {
	padding: 6px;
}

.wd-img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.wd-img-left {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: left;
	margin: 2px 8px 4px 0;
}

.wd-img-right {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: right;
	margin: 2px 0 4px 8px;
}

.wd-circle {
	border-radius: 50%!important;
}

.wd-pull-up {
	margin-top: -10px;
}


/* TYPOGRAPHY - TYPOGRAPHY */

.wd-panel h2 {
	font-size: 19px;
	line-height: 19px;
	font-weight: bold;
}

.wd-panel h3 {
	font-size: 17px;
	line-height: 19px;
	font-weight: bold;
}

.wd-panel h4 {
	font-size: 14px;
	line-height: 19px;
}

.wd-panel .wd-x-large {
	font-size: 44px !important;
	line-height: 40px;
}

.wd-panel .wd-large {
	font-size: 26px !important;
	line-height: 28px;
}

.wd-panel .wd-underline {
	border-bottom: 1px solid silver;
	padding-bottom: 3px;
}

.wd-panel .wd-mod-heading {
	font-size: 15px !important;
	font-weight: bold;
	line-height: 17px;
}

.wd-bold {
	font-weight: bold;
}

.wd-clear {
	clear: both;
}

.wd-panel p {
	margin-top: 0;
	margin-bottom: 12px;
	color: inherit;
	/* navarrojor 20171017
  line-height: 18px; */
}

.wd-panel ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 5px;
}

.wd-panel ul ul {
	list-style-type: none;
	padding-left: 15px;
}

.wd-panel ul li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.wd-panel ul li:last-child {
	border-bottom: none;
}


/* COLORS - COLORS - COLORS */

.wd-title-blue {
	background: #0081b8;
	color: #FFF;
	padding: 6px;
	margin-top: -11px !important;
}

.wd-title-orange {
	background: #FF6600;
	color: #FFF;
	padding: 6px;
	margin-top: -11px !important;
}

.wd-title-red {
	background: #ae1503;
	color: #FFF;
	padding: 6px;
	margin-top: -11px !important;
}

.wd-column p.wd-title-blue,
.wd-column p.wd-title-orange,
.wd-column p.wd-title-red {
	color: #FFFFFF;
}

.wd-bg-gray {
	background: #E6E9EC;
	padding: 5px;
}

.wd-bg-blue {
	background: #E4F6FF;
	padding: 5px;
}

.wd-bg-dark-blue {
	background: #0081b8;
	padding: 5px;
}

.wd-bg-navy {
	background: #000080;
	padding: 5px;
}

.wd-bg-orange {
	background: #FF6600;
	padding: 5px;
}

.wd-bg-red {
	background: #ae1503;
	padding: 5px;
}

.wd-bg-fucsia {
	background: #de4d88;
}

.wd-bg-teal {
	background: #1f8e7c;
}

.wd-bg-palegreen {
	background: #66cc66;
}

.wd-bg-peachpuff {
	background: #ffdab9;
}

.wd-bg-blueviolet {
	background: #666699;
}

.wd-bg-lightblue {
	background: #add8e6;
}

.wd-bg-mediumpurple {
	background: #9370db;
}

.wd-bg-seagreen {
	background: #2e8b57;
}

.wd-bg-mediumorchid {
	background: #ba55d3;
}

.wd-white {
	color: #FFFFFF;
}

.wd-blue {
	color: #258;
}

.wd-red {
	color: #ae1503;
}

.wd-white a {
	color: #FFFFFF;
}


/* EFFECTS - EFFECTS - EFFECTS */

.wd-animate-down {
	position: relative;
	-webkit-animation: wddown 0.6s;
	animation: wddown 0.6s
}

@-webkit-keyframes wddown {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0px;
		opacity: 1
	}
}

@keyframes wddown {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}

.wd-animate-up {
	position: relative;
	-webkit-animation: wdup 0.6s;
	animation: wdup 0.6s
}

@-webkit-keyframes wdup {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes wdup {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

.wd-animate-right {
	position: relative;
	-webkit-animation: wdrt 0.6s;
	animation: wdrt 0.6s
}

@-webkit-keyframes wdrt {
	from {
		left: -300px;
		opacity: 0
	}
	to {
		left: 0px;
		opacity: 1
	}
}

@keyframes wdrt {
	from {
		left: -300px;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}

.wd-animate-left {
	position: relative;
	-webkit-animation: wdlft 0.6s;
	animation: wdlft 0.6s
}

@-webkit-keyframes wdlft {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0px;
		opacity: 1
	}
}

@keyframes wdlft {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0;
		opacity: 1
	}
}

.bkbutton {
	margin-top: 6px;
	color: #FFF;
	background: #0081b8;
	border: none;
	border-radius: 5px;
	padding: 4px 8px;
}

a.bkbutton:hover {
	color: #FFDD99;
	text-decoration: underline;
}

a.bkbutton,
a.bkbutton:visited {
	color: #FFF;
}

.blueButton {
	-moz-box-shadow: inset 0px 2px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 2px 0px 0px #bbdaf7;
	box-shadow: inset 0px 2px 0px 0px #bbdaf7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #0081b8));
	background: -moz-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: -webkit-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: -o-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: -ms-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: linear-gradient(to bottom, #79bbff 5%, #0081b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#0081b8', GradientType=0);
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	display: inline-block;
	cursor: pointer;
	color: #ffffff !important;
	font-family: "Source Sans Pro", Helvetica Neue;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 30px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #528fcc;
}

.blueButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0081b8), color-stop(1, #79bbff));
	background: -moz-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: -webkit-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: -o-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: -ms-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: linear-gradient(to bottom, #0081b8 5%, #79bbff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081b8', endColorstr='#79bbff', GradientType=0);
	background-color: #0081b8;
}

.blueButton:active {
	position: relative;
	top: 1px;
}


/* ======================== */


/* Final: Estilos para Dias Mundiales */


/* ======================== */

.nxtbt {
	display: block;
}

.photo_story {
	clear: both;
	padding-top: 15px !important;
}


/* =================== */


/* Estilos para Health Topics */


/* =================== */

.htopics {
	margin-top: -16px;
	color: #C60;
	font: 26px/32px 'Open Sans', sans-serif;
}

.htsub {
	color: #25A;
	font: 20px/22px 'Open Sans', sans-serif;
	margin-bottom: 25px;
}

.htdef {
	border-bottom: 1px solid #DDD;
	margin-bottom: 18px;
	font-size: 12px;
	font-style: italic;
}

#htphoto {
	float: left;
	margin: 2px 8px 6px 0;
}

#htphoto p.htcaption {
	color: #999;
	font-size: 10px;
	margin: -5px 0 0 0;
}

#htblurb::after {
	clear: both;
}

.htheader {
	background: #FFF;
	color: #C60;
	font-size: 14px;
	font: 16px/19px 'Open Sans', sans-serif;
	margin-top: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #AAA;
}

#htpahowho {
	clear: both;
	width: 99.6%;
	float: left;
	border: 1px solid #CCC;
	margin-bottom: 12px;
}

#htpahowho:after {
	clear: both;
}

#htpaho {
	width: 48%;
	float: left;
	margin: 1%;
}

#htwho {
	width: 48%;
	float: right;
	margin: 1%;
}

.httopics {
	width: 40%;
	height: 250px;
	float: left;
	margin: 20px;
}

.httopics ul.categorias {
	background: #EFF3FC;
	list-style-type: none;
	margin-top: -12px;
	margin-left: 0;
	margin-bottom: 12px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 4px;
	line-height: 13px;
}

.httopics ul.categorias li {
	display: inline;
	margin: 0;
	font-size: 11px;
}

.httopics ul.categorias li::after {
	content: " | ";
}

.httopics ul.categorias li:last-child::after {
	content: " ";
}

.httopics ul.categorias li a {
	font-size: 10px;
}

.htlatest {
	margin-top: -5px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #25A;
}

#gov-bodies-text h2 {
	font-size: 12px;
}

#gov-bodies-text a {
	text-decoration: underline;
}


/* ========================= */


/* Fim dos estilos para Health Topics */


/* ========================= */

.ytGalleryCell-l {
	clear: both;
	width: 48%;
	float: left;
	margin-bottom: 10px;
}

.ytGalleryCell-r {
	clear: none;
	width: 48%;
	float: right;
	margin-bottom: 10px;
}

.ytGalleryCell-l img,
.ytGalleryCell-r img {
	border: 1px solid #CCC;
}

.ytGalleryCell-l a p,
.ytGalleryCell-r a p {
	line-height: 14px;
}

.moduletable h2.ytGallery {
	font-size: 14px;
	border-bottom: 2px solid #258;
	margin-top: -25px;
}

.ytGalleryNext {
	width: 49.5%;
	float: right;
	margin-bottom: 8px;
	text-align: right;
}

.ytGalleryPrev {
	width: 49.5%;
	float: left;
	margin-bottom: 8px;
}

.ytGalleryNext a,
.ytGalleryPrev a {
	border: 1px solid #CCC;
	border-radius: 6px;
	background: #EEE;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
}

.jg_element_gal,
.jg_element_gal_r {
	width: 100%;
}

.colapslist_listhhs ul {
	margin-left: 0;
}

.colapslist_listhhs ul li {
	margin-left: -20px;
}

#innercontent {
	padding-right: 0;
}

#innercontent h2 {
	/* font-weight: bold;
     */
}


/******************************************************** Estilos para el slideshow ****************************************************** */

#slides {
	width: 100%;
	height: 0;
	padding-bottom: 30%;
	/* define el alto del cuadro externo */
	position: relative;
	/* margin: -20px 0 18px 0;
     */
	/* background: #ccc;
     */
	border: 1px solid #CCC;
	overflow: hidden;
}

#big_slide {
	width: 820%;
	height: 0;
	padding-bottom: 37%;
	/* define el clipping de la foto. */
	overflow-y: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.fp_slsh_foto {
	width: 7%;
	float: left;
	z-index: 3;
	overflow: hidden;
}

.fp_slsh_foto_margin {
	width: 7%;
	float: left;
	z-index: 3;
	overflow: hidden;
	margin-top: -18%;
}

.fp_slsh_play {
	width: 7%;
	float: left;
	margin-left: -7%;
	z-index: 8000;
}

.fp_slsh_play img,
.fp_slsh_play img {
	width: 100%;
	height: auto;
}

.fp_slsh_foto img,
.fp_slsh_foto_margin img {
	width: 100%;
	height: auto;
}

.fp_slsh_texto {
	width: 5%;
	height: 0;
	float: left;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	padding-bottom: 42%;
	display: table;
	overflow: hidden;
}

.sl_texto {
	padding-right: 40px;
	display: table-cell;
	vertical-align: middle;
}

#mini_sld_texto {
	display: none;
}

#big_slide h2 {
	font-family: Arial;
	font-size: 18px;
	max-height: 290px;
	line-height: 26px;
	font-weight: bold;
}

.color-circle {
	margin: 3px;
	width: 13px;
	height: 13px;
	float: left;
	background: #F92;
	border-radius: 50%;
}

.color-circle-b {
	margin: 3px;
	width: 13px;
	height: 13px;
	float: left;
	background: #258;
	border-radius: 50%;
}

#circles {
	clear: both;
	height: 21px;
	padding: 0;
	margin: 0 auto 0 auto;
}

#sld_crc {
	position: absolute;
	width: 370px;
	height: 22px;
	right: 0;
	top: 263px;
	text-align: center;
	z-index: 9100;
}

.mascara {
	display: none;
}

.programs ul {
	list-style: none;
	padding: 0;
}

#stories {
	position: relative;
	width: 820px;
	height: 460px;
	float: left;
	overflow: hidden;
	background: #000;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
}

#big_story {
	position: absolute;
	width: 20000px;
	height: 460px;
	left: 0;
	top: 0;
}

.slide_container {
	position: relative;
	width: 820px;
	height: 460px;
	float: left;
}

.stories_title {
	width: 820px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 5px;
}

p.stories {
	margin-top: 0;
	color: #EEE;
	font-size: 20px;
	font-weight: bold;
}

.stories_slide {
	width: 580px;
	height: 387px;
	position: absolute;
	left: 5px;
	top: 30px;
}

.stories_slide img {
	width: 580px;
	height: 387px;
}

.stories_control {
	position: absolute;
	width: 585px;
	height: 40px;
	left: 0;
	top: 420px;
}

.control_left {
	width: 40px;
	float: left;
	margin-left: 5px;
}

.control_right {
	width: 40px;
	float: right;
}

.stories_caption {
	position: absolute;
	width: 225px;
	height: 430px;
	top: 32px;
	left: 590px;
	font-size: 18px;
	line-height: 24px;
	color: #EEE;
}


/* Estilo para plugin slideshow */

#ssframe {
	height: 530px;
}


/* ESTILOS PARA TORNAR O TEMPLATE RESPONSIVO */


/* Para janelas acima de 1024 pixels de largura           */

@media screen and (min-width: 990px) {}


/* Para janelas acima de 768 pixels de largura mas menos de 1024 pixels    */

@media screen and (min-width: 768px) and (max-width: 989px) {
	#big_slide {
		width: 815%;
	}
	#big_slide h2 {
		font-size: 13px;
		line-height: 18px;
	}
	#sld_crc {
		top: 193px;
	}
	#stories {
		position: relative;
		width: 610px;
		height: 340px;
		float: left;
		overflow: hidden;
		background: #000;
		border-top: 5px solid #000;
		border-bottom: 5px solid #000;
	}
	#big_story {
		position: absolute;
		width: 20000px;
		height: 340px;
		left: 0;
		top: 0;
	}
	.slide_container {
		position: relative;
		width: 610px;
		height: 340px;
		float: left;
	}
	.stories_title {
		width: 610px;
		height: 25px;
		position: absolute;
		top: 0;
		left: 5px;
	}
	p.stories {
		margin-top: 0;
		color: #EEE;
		font-size: 18px;
		font-weight: bold;
	}
	.stories_slide {
		width: 400px;
		height: 268px;
		position: absolute;
		left: 5px;
		top: 25px;
	}
	.stories_slide img {
		width: 400px;
		height: 268px;
	}
	.stories_control {
		position: absolute;
		width: 405px;
		height: 40px;
		left: 0;
		top: 297px;
	}
	.control_left {
		width: 40px;
		float: left;
		margin-left: 5px;
	}
	.control_right {
		width: 40px;
		float: right;
	}
	.stories_caption {
		position: absolute;
		width: 188px;
		height: 305px;
		top: 27px;
		left: 415px;
		font-size: 15px;
		line-height: 18px;
		color: #EEE;
	}
	/* ==================== */
	/* Estilos para Dias Mundiales */
	/* ==================== */
	.wd-img {
		width: 100%;
		height: auto;
	}
	.wd-column,
	.wd-quarter,
	.wd-half {
		width: 47.5%;
		float: left;
		margin-left: 0;
		margin-right: 1%;
	}
	.wd-column:nth-child(odd),
	.wd-quarter:nth-child(odd) {
		clear: both;
	}
	.wd-column:nth-child(even),
	.wd-quarter:nth-child(even),
	.wd-half:nth-child(even) {
		float: right;
		margin-right: 0;
	}
	.wd-third,
	.wd-third-left {
		width: 32%;
		margin-right: 2%;
	}
	.wd-third-right {
		width: 32%;
		margin-left: 2%;
	}
	.wd-twothirds,
	.wd-twothirds-right {
		width: 66%;
		margin-left: 0;
	}
	.wd-twothirds-left {
		width: 66%;
		margin-right: 0;
	}
	.wd-border {
		margin-top: -13px;
	}
	.wd-border:first-child {
		margin-top: -13px;
	}
	.wd-border-round {
		border-radius: 7px;
	}
	.wd-panel h2 {
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h3 {
		font-size: 14px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h4 {
		font-size: 13px;
		line-height: 19px;
	}
	.wd-panel p {
		margin-bottom: 16px;
	}
	.wd-pull-up {
		margin-top: -16px;
	}
	#ssframe {
		height: 410px;
	}
}


/* Para janelas abaixo de 640 pixels de largura mas menos de 768 pixels               */

@media screen and (min-width: 640px) and (max-width: 767px) {
	#big_slide {
		width: 810%;
	}
	#big_slide h2 {
		font-size: 12px;
		line-height: 14px;
	}
	#sld_crc {
		top: 153px;
	}
	#stories {
		position: relative;
		width: 600px;
		height: 340px;
		float: left;
		overflow: hidden;
		background: #000;
		border-top: 5px solid #000;
		border-bottom: 5px solid #000;
	}
	#big_story {
		position: absolute;
		width: 20000px;
		height: 340px;
		left: 0;
		top: 0;
	}
	.slide_container {
		position: relative;
		width: 600px;
		height: 340px;
		float: left;
	}
	.stories_title {
		width: 600px;
		height: 25px;
		position: absolute;
		top: 0;
		left: 5px;
	}
	p.stories {
		margin-top: 0;
		color: #EEE;
		font-size: 18px;
		font-weight: bold;
	}
	.stories_slide {
		width: 400px;
		height: 268px;
		position: absolute;
		left: 5px;
		top: 25px;
	}
	.stories_slide img {
		width: 400px;
		height: 268px;
	}
	.stories_control {
		position: absolute;
		width: 405px;
		height: 40px;
		left: 0;
		top: 297px;
	}
	.control_left {
		width: 40px;
		float: left;
		margin-left: 5px;
	}
	.control_right {
		width: 40px;
		float: right;
	}
	.stories_caption {
		position: absolute;
		width: 178px;
		height: 305px;
		top: 27px;
		left: 415px;
		font-size: 15px;
		line-height: 18px;
		color: #EEE;
	}
	/* ==================== */
	/* Estilos para Dias Mundiales 640 */
	/* ==================== */
	.wd-img {
		width: 100%;
		height: auto;
	}
	.wd-column,
	.wd-quarter,
	.wd-half {
		width: 47.5%;
		float: left;
		margin-left: 0;
		margin-right: 1%;
	}
	.wd-column:nth-child(odd),
	.wd-quarter:nth-child(odd) {
		clear: both;
	}
	.wd-column:nth-child(even),
	.wd-quarter:nth-child(even),
	.wd-half:nth-child(even) {
		float: right;
		margin-right: 0;
	}
	.wd-third,
	.wd-third-left {
		width: 32%;
		margin-right: 2%;
	}
	.wd-third-right {
		width: 32%;
		margin-left: 2%;
	}
	.wd-twothirds,
	.wd-twothirds-right {
		width: 66%;
		margin-left: 0;
	}
	.wd-twothirds-left {
		width: 66%;
		margin-right: 0;
	}
	.wd-border {
		margin-top: -13px;
	}
	.wd-border:first-child {
		margin-top: -13px;
	}
	.wd-border-round {
		border-radius: 7px;
	}
	.wd-panel h2 {
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h3 {
		font-size: 14px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h4 {
		font-size: 13px;
		line-height: 19px;
	}
	.wd-panel p {
		margin-bottom: 16px;
	}
	.wd-pull-up {
		margin-top: -16px;
	}
	/* modulos de las paginas wd */
	.colapslist_main p,
	.colapslist_mainnoarrow p,
	.colapslist_mainnoarroworange p {
		font-size: 16px !important;
	}
	#mcnewsright p {
		font-size: 16px;
	}
	#ssframe {
		height: 420px;
	}
}


/* Para janelas acima de 480 pixels de largura mas menos de 640 pixels    */

@media screen and (min-width: 480px) and (max-width: 639px) {
	#big_slide {
		width: 806%;
	}
	.fp_slsh_foto img,
	.fp_slsh_foto_margin img {
		display: none;
	}
	.fp_slsh_texto {
		width: 12%;
	}
	#big_slide h2 {
		font-size: 13px;
		line-height: 15px;
	}
	#sld_crc {
		top: 110px;
	}
	#stories {
		position: relative;
		width: 450px;
		height: 500px;
		float: left;
		overflow: hidden;
		background: #000;
		border-top: 5px solid #000;
		border-bottom: 5px solid #000;
	}
	#big_story {
		position: absolute;
		width: 20000px;
		height: 500px;
		left: 0;
		top: 0;
	}
	.slide_container {
		position: relative;
		width: 450px;
		height: 500px;
		float: left;
	}
	.stories_title {
		width: 450px;
		height: 25px;
		position: absolute;
		top: 0;
		left: 5px;
	}
	p.stories {
		margin-top: 0;
		color: #EEE;
		font-size: 18px;
		font-weight: bold;
	}
	.stories_slide {
		width: 440px;
		height: 294px;
		position: absolute;
		left: 5px;
		top: 25px;
	}
	.stories_slide img {
		width: 440px;
		height: 294px;
	}
	.stories_control {
		position: absolute;
		width: 445px;
		height: 40px;
		left: 0;
		top: 322px;
	}
	.control_left {
		width: 40px;
		float: left;
		margin-left: 5px;
	}
	.control_right {
		width: 40px;
		float: right;
	}
	.stories_caption {
		position: absolute;
		width: 440px;
		height: 130px;
		top: 362px;
		left: 5px;
		font-size: 14px;
		line-height: 18px;
		color: #EEE;
	}
	/* ==================== */
	/* Estilos para Dias Mundiales */
	/* ==================== */
	.wd-column,
	.wd-quarter {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.wd-half {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.wd-third,
	.wd-third-left {
		width: 100%;
		margin-right: 0;
	}
	.wd-third-right {
		width: 100%;
		margin-left: 0;
	}
	.wd-twothirds,
	.wd-twothirds-right {
		width: 100%;
		margin-left: 0;
	}
	.wd-twothirds-left {
		width: 100%;
		margin-right: 0;
	}
	.wd-border {
		margin-top: -13px;
	}
	.wd-border:first-child {
		clear: both;
		margin-top: 1px;
	}
	.wd-border-round {
		border-radius: 7px;
	}
	.wd-panel h2 {
		font-size: 15px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h3 {
		font-size: 14px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h4 {
		font-size: 13px;
		line-height: 19px;
	}
	.wd-panel p {
		margin-top: 8px;
		margin-bottom: 16px;
	}
	.wd-pull-up {
		margin-top: -16px;
	}
	/* modulos de las paginas wd */
	.colapslist_main p,
	.colapslist_mainnoarrow p,
	.colapslist_mainnoarroworange p {
		font-size: 16px !important;
	}
	#mcnewsright p {
		font-size: 16px;
	}
	#ssframe {
		height: 340px;
	}
}


/* Para janelas abaixo de 480 pixels de largura (na pratica, 320px) */

@media screen and (max-width: 479px) {
	#slides {
		padding-bottom: 54%;
		/* define el alto del cuadro externo */
	}
	#big_slide {
		width: 790%;
		padding-bottom: 50%;
		/* define el clipping de la foto. */
	}
	.fp_slsh_foto img,
	.fp_slsh_foto_margin img {
		/*display: none;*/
	}
	.fp_slsh_foto {
		width: 100px;
		float: none;
		/* z-index: 3; */
		/* overflow: hidden; */
	}
	.fp_slsh_texto {
		width: 12%;
	}
	#big_slide h2 {
		font-size: 12px;
		line-height: 14px;
	}
	#sld_crc {
		top: 133px;
	}
	#stories {
		position: relative;
		width: 300px;
		height: 410px;
		float: left;
		overflow: hidden;
		background: #000;
		border-top: 5px solid #000;
		border-bottom: 5px solid #000;
	}
	#big_story {
		position: absolute;
		width: 20000px;
		height: 410px;
		left: 0;
		top: 0;
	}
	.slide_container {
		position: relative;
		width: 300px;
		height: 410px;
		float: left;
	}
	.stories_title {
		width: 290px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 5px;
	}
	p.stories {
		margin-top: 0;
		color: #EEE;
		font-size: 13px;
		line-height: 12px;
		font-weight: bold;
	}
	.stories_slide {
		width: 290px;
		height: 294px;
		position: absolute;
		left: 5px;
		top: 20px;
	}
	.stories_slide img {
		width: 290px;
		height: 194px;
	}
	.stories_control {
		position: absolute;
		width: 295px;
		height: 32px;
		left: 0;
		top: 218px;
	}
	.control_left {
		width: 32px;
		float: left;
		margin-left: 5px;
	}
	.control_right {
		width: 32px;
		float: right;
	}
	.control_left img,
	.control_right img {
		width: 32px;
		height: 32px;
	}
	.stories_caption {
		position: absolute;
		width: 290px;
		height: 146px;
		top: 256px;
		left: 5px;
		font-size: 13px;
		line-height: 16px;
		color: #EEE;
	}
	/* ==================== */
	/* Estilos para Dias Mundiales */
	/* ==================== */
	.wd-column,
	.wd-quarter {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.wd-half {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.wd-third,
	.wd-third-left {
		width: 100%;
		margin-right: 0;
	}
	.wd-third-right {
		width: 100%;
		margin-left: 0;
	}
	.wd-twothirds,
	.wd-twothirds-right {
		width: 100%;
		margin-left: 0;
	}
	.wd-twothirds-left {
		width: 100%;
		margin-right: 0;
	}
	.wd-border {
		margin-top: -13px;
	}
	.wd-border:first-child {
		clear: both;
		margin-top: 1px;
	}
	.wd-border-round {
		border-radius: 7px;
	}
	.wd-panel h2 {
		font-size: 18px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h3 {
		font-size: 16px;
		line-height: 19px;
		font-weight: bold;
	}
	.wd-panel h4 {
		font-size: 14px;
		line-height: 19px;
	}
	.wd-panel p {
		margin-top: 8px;
		margin-bottom: 16px;
	}
	.wd-pull-up {
		margin-top: -16px;
	}
	#ssframe {
		height: 210px;
	}
}


/* para el com_topics (readmore and readall) */

.docmanthumbnail,
.doc_description img {
	max-width: 100px;
	max-height: 100px;
	box-shadow: 2px 2px 2px #888888;
}

.docmanthumbnail {
	padding: 5px;
	vertical-align: top;
	float: left;
}

.doc_description img {
	height: auto;
}

li.lidocman {
	clear: both;
	padding-top: 10px;
}

.lidocman a {
	font-weight: 600;
}

.listdoctopics {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-webkit-perspective: 1;
}

.listdoctopics1 {
	column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	-webkit-perspective: 1;
}

.listdoctopics2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-webkit-perspective: 1;
}


/* http://blog.room34.com/archives/5454 */

.listdoctopics>* {
	column-break-inside: avoid;
	page-break-inside: avoid;
	/* Theoretically FF 20+ */
	break-inside: avoid-column;
	/* IE 11 */
	-webkit-column-break-inside: avoid;
	/* display: inline-block;
     */
	width: 100%;
}

h5 {
	border-bottom: 1px solid #ddd;
}


/*  https://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element */


/* https://stackoverflow.com/questions/41985733/column-count-is-not-working-in-chrome */

.listdoctopics ul {
	margin: 0;
	-webkit-column-break-inside: avoid;
	/* Chrome, Safari */
	page-break-inside: avoid;
	/* Theoretically FF 20+ */
	break-inside: avoid-column;
	/* IE 11 */
	display: table;
	/* Actually FF 20+ */
}

@media (max-width: 640px) {
	.listdoctopics {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
}

.panelblurb {
	text-align: center;
	width: 100%;
	max-width: 540px;
}

.imgblurb {
	width: 100%;
	max-width: 340px;
	height: auto;
}

.blue-table {
	padding: 5px;
}

.blue-table tr:nth-child(2n) {
	background-color: #d6efff;
}

.blue-table tbody tr:hover {
	background-color: #9bd7ff;
}

.blue-table tr {
	border-bottom: 1px solid #abddfc;
}

.blue-table td {
	padding: 10px;
}

.blue-table thead {
	background-color: #0099d9;
	vertical-align: top;
	color: #fff;
	border: 1px solid #0099d9;
}

.blue-table tbody {
	border: 1px solid #abddfc;
}

.same_height {
	display: table
}

.same_height>div {
	display: table-row
}

.sh_header,
.sh_footer {
	display: table-cell;
	width: 33.33%;
	padding: 0 12px
}

.sh_body {
	display: table-cell;
	width: 33.33%;
	padding: 0 12px
}

@media screen and (max-width: 768px) {
	.sh_header,
	.sh_footer,
	.sh_body {
		display: inline-block;
		width: 100%;
	}
}

.pahomts .note {
	width: 400px;
	margin: 20px auto;
	padding: 2px 10px;
	border: 1px solid black;
	background-color: #fff;
}

.pahomts .pink {
	background-color: #FFCCFF;
}

.pahomts .white {
	background-color: #FFFFFF;
}

.pahomts .blue {
	background-color: #CCFFFF;
}

.pahomts .desc {
	padding-left: 5px;
	padding-bottom: 20px;
	text-align: left;
}

.pahomts .red {
	color: red;
}

.pahomts .i {
	font-style: italic;
}

.pahomts table {
	width: 100%;
	border: 0;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.pahomts table thead,
.pahomts table tfoot {
	background-color: #e0eaf3;
	padding: 2px;
}

.pahomts table tr {
	padding: 1px 0 2px 0;
}

.pahomts table th {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
}

.pahomts table td {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 1px 5px;
}

.pahomts table.price th,
.pahomts table.price td {
	border: 1px solid #C0C0C0;
}

.pahomts table td.cost,
.pahomts table td.right {
	text-align: right;
}

.pahomts table td.cost:before {
	content: '$ ';
}

.pahomts table.docIndex {
	margin: 20px;
}

.pahomts table.docIndex td {
	width: 50%;
	vertical-align: middle;
	text-align: center;
}

.pahomts .boxCategory {
	display: inline-block;
	border: solid #6788A7 1px;
	background-color: #BDD8FA;
	cursor: pointer;
	padding: 5px;
	font-weight: bold;
	width: 200px;
	height: 18px;
	text-align: center;
	color: #196aaa;
	margin: 10px 0;
}

.pahomts .boxCategory:hover {
	border: solid #6788A7 1px;
	background-color: #196aaa;
	color: #BDD8FA;
}

.pahomts .subjectMatterTitle {
	display: block;
	clear: both;
	font-size: 11pt;
	padding: 2px 5px 2px 25px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	border: solid #BDD8FA 5px;
	background-color: #BDD8FA;
}

.pahomts .subjectMatter {
	display: block;
	clear: both;
	font-size: 10pt;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	border: solid #BDD8FA 1px;
	background: #FFFFFF;
}

.pahomts .subjectMatter img {
	width: 16px;
	height: 16px;
}

.pahomts table.down th,
.pahomts table.down td {
	border: 1px solid #205fbf;
	vertical-align: middle;
}

.pahomts table.down th {
	background-color: #205fbf;
	color: #fff;
}

.pahomts table.down td[rowspan] {
	vertical-align: top;
	padding-top: 4px;
}

.span12 img {
	padding: 10px;
}


/* ======================== */


/* BEGIN - FLEXIBLE SQUARE BOX - BEGIN = (OR-170608) */


/* CREATES A RESPONSIVE SQUARE AREA WITH CENTERED TEXT */

.flxxbox-square {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.flxxbox-square:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.flxxbox-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.flxxbox-content div {
	display: table;
	width: 100%;
	height: 100%;
}

.flxxbox-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


/* END - FLEXIBLE BOX - END */


/* ======================== */


/* ======================== */


/* BEGIN - GRID - GRID - BEGIN = (OR-170607) */

.grrd-panel {
	clear: both !important;
	width: 100%;
	float: left;
	/*margin-left: -15px;
    margin-right: -15px; */
	margin-top: 0px;
	margin-bottom: 0px !important;
	box-sizing: border-box;
}

.grrd-column,
.grrd-quarter {
	width: 25%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px !important;
	box-sizing: border-box;
	position: relative;
}

.grrd-column:first-child,
.grrd-quarter:first-child {
	margin-left: 0;
}

.grrd-half {
	width: 50%;
	float: left;
	margin-left: 0;
	margin-right: 0%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.grrd-half:nth-child(even) {
	float: right;
	margin-right: 0;
}

.grrd-third,
.grrd-third-left {
	width: 33.3%;
	float: left;
	margin-left: 0;
	margin-right: 0%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.grrd-third-right {
	width: 33.3%;
	float: right;
	margin-left: 0;
	margin-right: 0%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.grrd-column:last-child,
.grrd-quarter:last-child,
.grrd-third:last-child,
.grrd-third-left:last-child {
	float: right;
	margin-right: 0;
}

.grrd-third-right:last-child {
	float: left;
	margin-left: 0;
}

.grrd-twothirds,
.grrd-twothirds-right {
	width: 66.4%;
	float: right;
	margin-left: 0%;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.grrd-twothirds-left {
	width: 66.4%;
	float: left;
	margin-left: 0%;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px !important;
	box-sizing: border-box;
}

.grrd-twothirds:after,
.grrd-twothirds-right:after,
.grrd-twothirds-left:after {
	content: "";
	display: table;
	clear: both;
}


/* BORDERS - BORDERS */

.grrd-border {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.grrd-dotted-border {
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}

.grrd-border-tp {
	border-top: 1px solid #999;
}

.grrd-dotted-border-tp {
	border-top: 1px dotted #aaa;
}

.grrd-border-bt,
.grrd-border-special {
	border-bottom: 1px solid #999;
}

.grrd-dotted-border-bt,
.grrd-dotted-border-special {
	border-bottom: 1px dotted #aaa;
}

.grrd-border-full {
	border: 1px solid #999;
}

.grrd-dotted-border-full {
	border: 1px dotted #aaa;
}

.grrd-border-round {
	border-radius: 5px;
}


/* SPACING - SPACING */

.grrd-padding {
	padding: 6px;
}

.grrd-img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.grrd-img-left {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: left;
	margin: 2px 8px 4px 0;
}

.grrd-img-right {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: right;
	margin: 2px 0 4px 8px;
}

.grrd-circle {
	border-radius: 50%!important;
}

.grrd-pull-up {
	margin-top: -10px;
}


/* TYPOGRAPHY - TYPOGRAPHY */

.grrd-panel h2 {
	font-size: 44px;
	line-height: 40px;
}

.grrd-panel h3 {
	font-size: 26px;
	line-height: 26px;
}

.grrd-panel h4 {
	font-size: 15px;
	line-height: 19px;
}

.grrd-bold {
	font-weight: bold;
}

.grrd-clear {
	clear: both;
}

.grrd-panel p {
	margin-top: 0;
	margin-bottom: 12px;
	color: inherit;
	line-height: 18px;
}

.grrd-panel span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


/* COLORS - COLORS - COLORS */

.grrd-title-blue {
	background: #0081b8;
	color: #FFF;
	padding: 6px;
	margin-top: -11px !important;
}

.grrd-title-orange {
	background: #FF6600;
	color: #FFF;
	padding: 6px;
	margin-top: -11px !important;
}

.grrd-title-red {
	background: #ae1503;
	color: #FFF;
	padding: 6px;
	margin-top: -11px !important;
}

.grrd-column p.grrd-title-blue,
.grrd-column p.grrd-title-orange,
.grrd-column p.grrd-title-red {
	color: #FFFFFF;
}


/* http://chir.ag/projects/name-that-color/ */

.grrd-bg-puerto-rico {
	background: #54BF99;
	padding: 3px;
}

.grrd-bg-apple {
	background: #4FB248;
	padding: 3px;
}

.grrd-bg-atlantis {
	background: #99CA3D;
	padding: 3px;
}

.grrd-bg-scooter {
	background: #2cc1d7;
	padding: 3px;
}

.grrd-bg-zest {
	background: #e58a27;
	padding: 3px;
}

.grrd-bg-sandy-brown {
	background: #F4805C;
	padding: 3px;
}

.grrd-bg-blue-chill {
	background: #159897;
	padding: 3px;
}

.grrd-bg-old-brick {
	background: #93191C;
	padding: 3px;
}

.grrd-bg-fuzzy-wuzzy-brown {
	background: #C35858;
	padding: 3px;
}

.grrd-bg-alizarin-crimson {
	background: #ED1F24;
	padding: 3px;
}

.grrd-bg-tall-poppy {
	background: #BD2628;
	padding: 3px;
}

.grrd-bg-flamingo {
	background: #EF4446;
	padding: 3px;
}

.grrd-bg-bouquet {
	background: #B578B3;
	padding: 3px;
}

.grrd-bg-blue {
	background: #E4F6FF;
	padding: 3px;
}

.grrd-bg-byzantium {
	background: #702963;
	padding: 3px;
}

.grrd-bg-cadet {
	background: #536872;
	padding: 3px;
}

.grrd-bg-coffee {
	background: #6F4E37;
	padding: 3px;
}

.grrd-bg-dark-coral {
	background: #CD5B45;
	padding: 3px;
}

.grrd-bg-dark-yellow {
	background: #9B870C;
	padding: 3px;
}

.grrd-bg-fuchsia {
	background: #FF00FF;
	padding: 3px;
}

.grrd-bg-ginger {
	background: #B06500;
	padding: 3px;
}

.grrd-bg-gray {
	background: #E6E9EC;
	padding: 3px;
}

.grrd-bg-green {
	background: #008000;
	padding: 3px;
}

.grrd-bg-persimmon {
	background: #EC5800;
}

.grrd-bg-maroon {
	background: #800000;
}

.grrd-bg-navy {
	background: #000080;
	padding: 3px;
}

.grrd-bg-orange {
	background: #FB9902;
}

.grrd-bg-raspberry {
	background: #E30B5D;
	padding: 3px;
}

.grrd-bg-red {
	background: #FF0000;
	padding: 3px;
}

.grrd-bg-redwood {
	background: #A45A52;
	padding: 3px;
}

.grrd-bg-teal {
	background: #008080;
}

.grrd-bg-viridian {
	background: #40826D;
	padding: 3px;
}

.grrd-white {
	color: #FFFFFF;
}

.grrd-blue {
	color: #258;
}

.grrd-red {
	color: #ae1503;
}

.grrd-white a {
	color: #FFFFFF;
}


/* GRID - EFFECTS - GRID */

.grrd-animate-down {
	position: relative;
	-webkit-animation: wddown 0.6s;
	animation: wddown 0.6s
}

@-webkit-keyframes wddown {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0px;
		opacity: 1
	}
}

@keyframes wddown {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}

.grrd-animate-up {
	position: relative;
	-webkit-animation: wdup 0.6s;
	animation: wdup 0.6s
}

@-webkit-keyframes wdup {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes wdup {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

.grrd-animate-right {
	position: relative;
	-webkit-animation: wdrt 0.6s;
	animation: wdrt 0.6s
}

@-webkit-keyframes wdrt {
	from {
		left: -300px;
		opacity: 0
	}
	to {
		left: 0px;
		opacity: 1
	}
}

@keyframes wdrt {
	from {
		left: -300px;
		opacity: 0
	}
	to {
		left: 0;
		opacity: 1
	}
}

.grrd-animate-left {
	position: relative;
	-webkit-animation: wdlft 0.6s;
	animation: wdlft 0.6s
}

@-webkit-keyframes wdlft {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0px;
		opacity: 1
	}
}

@keyframes wdlft {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0;
		opacity: 1
	}
}

.bkbutton {
	margin-top: 6px;
	color: #FFF;
	background: #0081b8;
	border: none;
	border-radius: 5px;
	padding: 4px 8px;
}

a.bkbutton:hover {
	color: #FFDD99;
	text-decoration: underline;
}

a.bkbutton,
a.bkbutton:visited {
	color: #FFF;
}

.blueButton {
	-moz-box-shadow: inset 0px 2px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 2px 0px 0px #bbdaf7;
	box-shadow: inset 0px 2px 0px 0px #bbdaf7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #0081b8));
	background: -moz-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: -webkit-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: -o-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: -ms-linear-gradient(top, #79bbff 5%, #0081b8 100%);
	background: linear-gradient(to bottom, #79bbff 5%, #0081b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#0081b8', GradientType=0);
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	display: inline-block;
	cursor: pointer;
	color: #ffffff !important;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 30px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #528fcc;
}

.blueButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0081b8), color-stop(1, #79bbff));
	background: -moz-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: -webkit-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: -o-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: -ms-linear-gradient(top, #0081b8 5%, #79bbff 100%);
	background: linear-gradient(to bottom, #0081b8 5%, #79bbff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081b8', endColorstr='#79bbff', GradientType=0);
	background-color: #0081b8;
}

.blueButton:active {
	position: relative;
	top: 1px;
}


/* END - GRID - GRID - END */


/* ======================== */


/* *** begin = photo hover effect styles = begin = (OR-170411) *** */

ul.grrd-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.grrd-list li {
	display: inline-block;
	height: 100%;
	margin: 0 1em 1em 0;
	position: relative;
	width: 100%;
}

span.grrd-text-content {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	display: table;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

span.grrd-text-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

ul.grrd-list li:hover span.grrd-text-content {
	opacity: 1;
}


/* *** end = photo hover effect styles = end ****/

a.more-button {
	padding: 20px 30px;
	background-color: #0099D9;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	-webkit-transition: background .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	transition: background .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

#block-frontpagevideo .field--name-body a:hover,
a.more-button:hover {
	background-color: #d86422;
	text-decoration: none;
}

.paragraph.paragraph--type--bp-columns-three-uneven>.paragraph__column,
.paragraph.paragraph--type--bp-columns-two-uneven>.paragraph__column,
.paragraph.paragraph--type--bp-columns>.paragraph__column {
	padding-left: 0;
	padding-right: 0
}

a.orange-button {
	background-color: #ff671b !important;
}

a.orange-button:hover {
	background-color: #0090D0 !important;
}

.stories-title {
	font-size: 30px;
	line-height: 32px;
	margin-top: 0px !important;
}