ul .rightside {
		float: right;
}

.leftside {
		float: left;
}

.jemmodframe {
	float: right;
	border: 1px red solid;
}

.jemmodframe h3 {
	font-size: 14px;
	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: #f0f0f0;
   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;
}

.fp_slsh_solo_texto {
   width: 4%; 
   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; }


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

.story-block {
	width:100%;
}
.story-block p {
	width: 70%;
	min-width: 280px;
	max-width: 1200px;
	padding: 10px;
  	margin-right: auto !important;
  	margin-left: auto !important;
	font-weight: 500;
	font-size: 22px;
	font-family: Montserrat, Merriweather, Calibri;
	line-height: 35px;
	/* border-left: 2px solid #DDD; */
}
.story-block img {
	width:70%;
	min-width: 280px;
	max-width: 900px;
  	/*padding-right: 15px;
  	padding-left: 15px;*/
	padding: 10px;
	margin-right: auto !important;
  	margin-left: auto !important;
	height: auto;
	display: block;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
.story-block h2 {
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.left-segment { width: 50%; margin-left: auto; margin-right: 0px; clear: none; float: left}
.right-segment { width: 50%; margin-right: auto; margin-left: 0px; clear:none; float: right}
.story-full-width-no-padding {
	width: 100% !important;
	padding: 0px !important;
	display: inline-block
}
.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; }
h1.story-xxxlarge{font-size:24px!important; line-height: 28px;padding: 20px; width: 100%;}
@media (min-width: 768px) {
	.story-full-width {
		padding: 30px;
	}
h1.story-xxxlarge{font-size:48px!important; line-height: 48px;padding: 20px; width: 50%;}
}
@media (min-width: 992px) {
	.story-block p, .story-block img {
		width:70%;
	}
}
@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: 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 .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;
}
/* ========================================= */
/* ESTILOS PARA TORNAR O TEMPLATE RESPONSIVO */
/* ========================================= */
/* ================================================================================ */
/* 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;
	}
}

/* ================================================================================ */
/* 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;
	}
}

/* ================================================================================ */
/* 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;
	}
}

/* ================================================================================ */
/* 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_texto {
		width: 12%; 
	}
	#big_slide h2 {
		font-size: 12px;
		line-height: 14px;
	}
	#sld_crc {
		top: 133px;
	}
	
}

.icon_image span {
	color: white;
}
/* ======================== */
/* 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: 2.55em;
	line-height: 43px;
}
.grrd-panel h3 {
	font-size: 1.6em;
	line-height: 29px;
}
.grrd-panel h4 {
	font-size: 1em;
	line-height: 22px;
}
.grrd-bold {
	font-weight: bold;
}
.grrd-clear {
	clear: both;
}
.grrd-panel p {
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: 12px; 
	color: inherit;
	line-height: 18px; 
	padding-left: 20px;
}
.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 ****/

/* *** begin = MCNews styles from Main CSS = begin = (OR-190404) *** */

 li.mcnews-list {
    /* Trabajo con el mcnews para el listado completo de noticias 20161108 */
     padding-bottom: 10px;
     border-bottom: 1px dotted gray;
}
 .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;
}
 #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;
}
 #mcnewsright p {
     font-size: 16px;
}
 #mcnewsright p {
     font-size: 16px;
}

/* *** end = MCNews styles from Main CSS = end = (OR-190404) *** */

.page-header {
	padding-left: 40px;
	font-weight: bold; 
}