/* Helper Classes */
.success-message{
    background-color: #43AC6A;
    border-color: #3a945b;
    color: #FFFFFF;
    padding: 10px;	
	margin-top:25px;
	margin-bottom:25px;
}
.error-message{
	background-color: #f04124;
    border-color: #de2d0f;
    color: #FFFFFF;
	padding:10px;
	margin-top:25px;
	margin-bottom:25px;
}

.user-home-title a {
    color: black;
}

button:focus{
    outline:none;
}

.button {
    background-color: #FFFF00;
    color: black;
    border:1px solid;
}

.edit-form{
	/* float: right; */
    display: inline-block;
    margin-left: 10px;	
}

.button.success.items {	
	margin:0px !important;	
}

.button:hover, .button:focus {
    background-color: #e4e434;
    color: black;
}


.button.error {
    background-color: #d9534f;
    color: white;
    border:1px solid black;
}

.button.error:hover {
    background-color: #c9302c;
    color: white;
    border:1px solid black;
}

#networks-container{
    margin-left: auto ;
    margin-right: auto;
}


.button.success {
    background-color: #FFFF00;
    color: black;
    border:1px solid;
}

.button.success:hover, .button.success:focus {
    background-color: #e4e434;
    color: black;
}

.hover-black{
	margin-bottom:1rem;
	position:relative;
}

#banner-desk{min-height: 265px; margin-bottom:20px;}
#banner-phone{min-height: 265px; margin-bottom:20px;}

.form-context{margin-bottom:0.5rem;}

.hover-black:after  {
	margin-bottom:1rem;
	z-index:20;
	width:100%;
	height:100%;
    content:'\A';
    position:absolute;
    top:0; left:0;
    background:rgba(0,0,0,0.4);
    opacity:0;
    transition: all 0.5s;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -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;
}

.info-content, .no-padding-right {padding-right:0px;}

.slogan-content{
	min-height: 155px;
	position:relative;
	text-align:center;
    background-color: #f7f7f7;
}

.slogan-content div {padding: 30px 150px;}
.hover-black:hover:after {opacity:1;}

.title a span, .title span { 
    box-decoration-break: clone; 
    background: #ff0;
    line-height: 1.6em;
    padding-top: 3px; 
    padding-bottom:3px;
    font-size: 24px;
    -webkit-box-shadow: 5px 0 0 #ff0,-5px 0 0 #ff0;
    -webkit-box-shadow: .57143rem 0 0 #ff0,-.57143rem 0 0 #ff0;
    box-shadow: 5px 0 0 #ff0,-5px 0 0 rgb(242,255,0);
    box-shadow: .47143rem 0 0 #ff0,-.47143rem 0 0 #ff0;
	font-family: ATG-Light;
    color: #000;
}

.premium-block-title{
	box-decoration-break: clone; 
	color: #000; 
	background: white;
	line-height: 1.6em;
	padding-top: 2px;
	padding-bottom:2px;
	font-size: 1.2em;
    -webkit-box-shadow: 5px 0 0  white, -5px 0 0  white;
    -webkit-box-shadow: .57143rem 0 0  white, -.57143rem 0 0  white;
    box-shadow: 5px 0 0  white,-5px 0 0 white;
    box-shadow: .47143rem 0 0  white,-.47143rem 0 0  white;
	font-family: ATG-Light;
}

#premium-block-content {margin-left:7px;}

.set-relative {position: relative !important;}
body {max-width: 1366px;margin: auto; overflow-x:hidden;}
.black-on-white { background-color: #fff; color: #000;}
.white-on-black { background-color: #000; color: #fff;}
.position-right {float:right;}
.clear {clear:both;}
.summary-container {height:250px;}
.position-left {float:left;}
.close-header {float:right;}
.header-title {display:none;}
.no-margins {margin: 0;}
.mce-menubar {display:none !important;}

#events{
	margin-top: -25px;	
	left: 500px ;
	overflow-y:scroll;
}

.mce-statusbar .mce-container-body { position: relative; display: none !important; }

.umb-grid { margin-top: 10px; }

div.tagsinput { width: 100% !important; min-height: 48px !important; height: 48px !important; }

.none{ display: none; }

.fb_iframe_widget iframe { position: absolute; margin-top: -6px; }
.fb-page { width:100%; }
.fb-page span { width:100% !important; }
.fb-page span iframe { width:100% !important; padding-right: 1px; }

#twitter-content iframe{ width:100% !important; height: 518px !important; }

#instagram-content iframe { width:100% !important; }
#instagram-content iframe html body div { width:100% !important; }
.activity-title { padding-left: 0px; }
.network-content { width: 32%; }
#twitter-content { margin-left: 2%; }

.title-detail{
	font-size: 34px;
    line-height: 36px;
    margin-top: 8px;
}

.date-detail {font-size: 14px;}

#user-home-buttons .button {
	margin:0px;
	margin-left:5px;
	margin-bottom:15px;	
}

#user-home-buttons .button.first { margin-left: 0; }
.change-password { float: right; }
#user-home-buttons { padding: 0px; margin-bottom: 20px;}
#user-home-buttons-container { padding: 0; }
#user-home-container { margin-top: 10px; }

#user-home-container h3 {
	padding:0px;
	font-size:24px;
}

.user-home-content {
	border: 1px solid black;
	border-radius: 7px;	
	margin-bottom: 10px;
}

.user-home-type{
	padding-left: 10px;
    border-left: solid 1px black;
    margin-left: 5px;	
}

.user-home-summary{
	padding:10px;	
	clear: both;
	font-size: 14px;
    color: black;
    font-family: sans-serif;
}

.user-home-date{
	font-size:14px;
	line-height: 25px;
	background: #FFFF00;
    color: black;
	border-radius: 6px;
	float: right;
}

.user-home-title{
	width:100%;
	float:left;
	background: #FFFF00;
    color: black;
    padding: 10px;
	margin-bottom: 0px;
	font-size:18px;
	border-radius: 6px;
    display:table-row;
}

.user-home-title-info { display: table-cell;width: 75%; }

.user-home-title-buttons { display: table-cell;width: 23%; text-align: right; vertical-align: middle;}

.user-home-title-status { display: table-cell;padding-left: 10px; vertical-align: middle; }

.user-home-published-icon {color: #43AC6A; font-size: 1.5em !important;}
.user-home-unpublished-icon {color: #de2d0f; font-size: 1.5em !important;}

.fb-page { margin-top: 6px; }

.network-title { background: #2199e8; color: white; padding: 10px; text-align: center; }

.network-title a p { margin-bottom: 0px; }

.network-title a { color: white; }

.network-title a:hover { color: white; }

.type-detail { font-size: 20px !important; line-height: 20px; margin-left: 1px; }

.content-left-detail { margin-top:25px; }

#title-login{
	font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;	
}

.dropdown.menu .submenu.first-sub {
	left:auto !important; right:0 !important;
	width: 100% !important;
    top:120px !important; 
    padding-top: 5px;
    height: 45px;
}

.showMoreLink { float: right; color: #000; background-color: #ff0; padding: 5px; font-weight: bold; margin-right: 15px; }
.showMoreLink:hover { color: #000; }

.preview-warning { background-color: #ff0; }
.preview-warning h1 { margin-bottom: 0; }

.add-bottom-margin-5 { margin-bottom: 5px; }
.add-top-margin-5 { margin-top: 5px; }

/* End Helper Classes */
/* BEGIN HOME */
/* BEGIN HEADER */
.is-submenu-item{height:38px; }
.submenu-item{    margin-top: -18px !important}
.menu-item a{  height:72px ; padding: 0 1.57143rem !important;     padding-top: 28px !important;}
.menu-item:focus{outline:none;}
.menu-item a:focus{outline:none;}
#menu-logo{padding:0px; }
#menu-logo img{height: 72px;}
.top-bar, .top-bar ul { padding: 0; background-color: #fff;     height: 72px; }
.top-bar a { color: #000; }

.dropdown.menu .submenu { margin-top: -49px;}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after { border-color: #000 transparent transparent; }

.menu-item:hover{background-color: #e5e5e5 ;}
.dropdown.menu .is-active {background-color: #e5e5e5; color:black !important;}

.fb-comments, .fb-comments iframe[style] {width: 95% !important;}
.fb-comments span{
		width:  95% !important;
	}

/* BEGIN Submenu Temas */
.nav-submenu {width: 490px; height: auto; display:table; border: none; background-color: rgba(0,0,0,0.8); position:absolute; z-index: 100; display:none; padding:20px 10px; }
.nav-submenu-links {display: table-cell;}
.nav-submenu-links ul {float: none !important; height: auto; background: none; list-style-type: none; border-left: 1px solid #fff;}
.nav-submenu-links ul li { margin-bottom: 15px; list-style-position: outside; text-indent: -0.65em; padding-left: 1em; line-height: 1em;}
.nav-submenu-links ul li:last-child { margin-bottom: 0;  }
.nav-submenu-links ul {margin-bottom: 0;}
.nav-submenu-links ul a {color: #fff;}
.nav-submenu-links ul a:hover { color: #ff0; }
/* END Submenu Temas */

/* Breadcrumbs */
.breadcrumb-container { margin: 5px 14px; font-size:14px; }
.breadcrumb-container .separator { margin: 0 5px; font-size:16px;     font-weight: bold;}
/* End Breadcrumbs*/
@media screen and (max-width: 40em){
	#networks-container{ margin-left: 0px; margin-right: 0px; }
	.section-title { width: 42px !important; }
	.slogan-content { min-height: 255px; }
	.slogan-content div { padding: 30px 30px; }  
	.info-content { padding-right:0.625rem; }
	.menu-item:hover { background-color:white; }
	.submenu-item { margin-top: -2px !important;}
	.menu-item a { height: 19px; margin-top: 0px; padding-top:0px !important; color:#fff; }
    .menu-item a:hover, .menu-item a:active { color: #ff0; background-color: #000; }
	.menu-item { margin-top: 15px;margin-bottom: 15px; margin-left: -15px; }
	.top-bar, .top-bar ul { height:initial; background-color: #000; }
	#banner-container-bread { margin-bottom:-20px; }
	.banner-label-row { left:6% !important; width:92% !important; }

	#user-home-buttons .button{float:left; margin-left:0px; margin-right:5px;}
	.low-margin{margin-top: 5px !important;}
	.content-type{line-height:2 !important;}
	.banner-label-row .content-type span{ font-size:12px;}
	.premium-label-row .content-type span { font-size:12px;}
    .title a span { font-size: 16px; line-height: 30px; }
	.network-content{ width:100%; }

	#twitter-content{ margin-left:0%; }
	.menu-icon{ display:inline-block !important; }
	
	.home-calendar .clndr { min-height:410px; }	
}

@media screen and (min-width: 40em){
	.fb-comments, .fb-comments iframe[style] {width: 85% !important;}
	.fb-comments span { width: 140% !important; }
	.top-bar-right{ height: 72px; }
}

@media screen and (min-width: 650px) and (max-width: 850px){
	
	tbody th, tbody td ,thead th, thead td, tfoot th, tfoot td { line-height: 1; }
	
	.home-calendar .clndr .clndr-table { margin-top:-10px; }
}

@media screen and (min-width: 40em) and (max-width: 64em){
	.menu-item a {padding: 0 1.27143rem !important; padding-top:28px !important}

	.news-label-row { left: 12.5% !important; max-width: 88% !important; }
	.premium-block-title { font-size:1em; line-height: 1.7em; }
	.hover-black { height: 96%;}
	.hover-black img{height:100%}
	
	.slogan-content{min-height: 205px;}
    .slogan-content div{padding: 30px 60px;} 
	.submenu-item{margin-bottom:10px !important;}
	
	#user-home-container h3{font-size:20px;}
    .activities-title { font-size: 1em !important; padding-top: 0px !important; }

	.title-bar{background:white}
	.dropdown.menu .submenu.first-sub { height: initial; right: inherit !important; width: 21.5% !important; float:left; top:0px !important; margin-top:72px; }
	.dropdown.menu .submenu.first-sub li{float:left !important;}
	.top-bar-right ul{float:right;}
	.top-bar-right, .top-bar-right > ul, .top-bar-right > ul > li { height: 72px; }
	.top-bar set-relative{ display:block; }

    .has-horizontal-dropdown { position: static !important; }
    .has-horizontal-dropdown a:after { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; top: 4px !important; left: 4px !important; }
    .has-horizontal-dropdown ul { width: 100% !important; background: none repeat scroll 0 0 #000 !important; border: 0 !important; margin-left: 0 !important; }
    .has-horizontal-dropdown ul a { color: #fff; }
    .has-horizontal-dropdown ul > li { display: inline-block !important; width: auto !important; }
    .has-horizontal-dropdown ul > li { float: right !important; } 
	
	.dropdown.menu .submenu { margin-top: -6%;}
}

.thumbnail{ margin-bottom:0px; position:relative; border:0px; min-height: 265px; width: 100%; max-height: 350px; }

.thumbnail:hover{ box-shadow: none; }

@media only screen and (max-width: 850px) and (min-width: 40em) { 
	.menu-item a {padding: 0 0.9rem !important; padding-top:28px !important;}
}
@media only screen and (min-width: 64em) { 

  .title-bar { background:white; }
  .top-bar-right ul { float:right; }
  .submenu-temas ul { float: none; }

  .has-horizontal-dropdown { position: static !important; }
  .has-horizontal-dropdown a:after { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; top: 4px !important; left: 4px !important; }
  .has-horizontal-dropdown ul { width: 100% !important; background: none repeat scroll 0 0 #000 !important; border: 0 !important; margin-left: 0 !important; }
  .has-horizontal-dropdown ul a { color: #fff; }
  .has-horizontal-dropdown ul > li { display: inline-block !important; width: auto !important; }
  .has-horizontal-dropdown ul > li { float: right !important; } 
}


.news-filters { margin:0; }
.banner-label-row { position: absolute;left: 2%;bottom: 13%; width:70%; }
.banner-label-row .content-type span { padding: 5px; }
/*
.banner-label-row .title { padding: 5px; border: 2px solid #000; }

*/
.banner-label-row a { color: #000; }

.news-banner-label-row { position: absolute; bottom: 0; left: 2%; }
.news-banner-label-row .title { padding: 5px; border: 2px solid #000; }

@media only screen and (max-width: 750px) and (min-width: 40em){
	.menu > li:not(.menu-text) > a { display: block; padding: 0.7rem 1rem; line-height: 1; padding-left: 2px; }
}

.is-accordion-submenu-parent > a::after { border-color: #000 transparent transparent; }
.disabledBannerLink { cursor:default default; pointer-events: none; }
/* END HEADER */

/* BEGIN HOME MID-SECTION */
.premium-label-row { position: absolute; bottom: 6%; left: 8.5%; max-width: 90%; }
.premium-label-row .content-type span { padding: 5px; }
.news-label-row .content-type span { padding: 5px; }
.premium-label-row .title { padding: 5px; border: 2px solid #000; }
.premium-label-row .more-link { margin-top: 20px; }
.premium-label-row .more-link span { padding: 5px; border: 2px solid #000; }

.news-label-row { position: absolute; bottom: 10%; left: 8.5%; max-width: 90%; }

.promo-label-row { position: absolute; top: 5%; left: 2%; }
.promo-label-row span { padding: 5px; }

.activities-title { color: #555; font-size:22px;border-left: 3px #d5d5d5 solid; border-right: 3px #d5d5d5 solid; text-align: center; background-color: #d5d5d5; height: 10%; }

.home-calendar {
	height: 86.5%; 
	border-left: 3px #d5d5d5 solid; 
	border-right: 3px #d5d5d5 solid;
	border-bottom: 3px #d5d5d5 solid;
	min-height: 310px;
}

.collaborate-buttons-home, .widget-sidebar { background-color: #e5e5e5; padding-top: 1.25em; }
.black-text { color: #000; }
.register-home-button { font-size:3em !important; padding: 0.25em; border: 0; }
.donate-home-button { font-size:3em !important; padding: 0.25em; border: 0; background-color: #fff; }

/* END HOME MID-SECTION */
/* BEGIN PAGINA TEMAS */
.topics-grid a { color: #000; }
.topics-grid .topic-icon { width: 50%; margin: 30px 0;     max-width: 180px; max-height: 180px;}
.topics-grid .see-more-icon { width: 10%; }


@media screen and (max-width: 568px) { .topics-grid .topic-icon { width: 70%; margin: 15px 0; }
  .topics-grid .see-more-icon { width: 20%; } 
}
/* END PAGINA TEMAS */
/* BEGIN LISTADO TEMAS */
.image-container .text-over-image { position: absolute; bottom: 15%; left: 4%; max-width: 90%; }
.image-container .content-type span { padding: 5px; }
.image-container .title { padding-right: 5px; padding-top: 1px;}
.image-container .title a { color: #000; }

@media screen and (max-width: 568px) { .image-container .text-over-image { bottom: 25%; }
  .image-container .content-type span { padding: 6px; }
  .image-container .title { padding: 0 2px; border: 1px solid #000; } 
}
/* END LISTADO TEMAS */
/* LISTADO NOTICIAS */
.news-filters-wrapper { background-color: #bbb; padding-top: 15px; margin-bottom: 10px; }

/* END LISTADO NOTICIAS */
/* DETALLE NOTICIAS */
.news-content .news-body img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.news-content .news-attachments .attachment-row { margin-bottom: 10px; }
.news-content .news-attachments .attachment-row-last { margin-bottom: 0; }
.news-content .social-media-links .icons a { float: left; margin-right: 10px; }
.news-content .social-media-links .icons a:last-child { margin-right: 0; }

.related-content { margin-bottom: 15px; }
.related-content .see-more-link { width: 32%; margin-left: auto; margin-right: auto; }
.related-content .see-more-link a { width: 100%; }

.widget-sidebar .button { border: 0;}
/* END DETALLE NOTICIAS */
/* BEGIN LISTADO ACTIVIDADES */
.activities-listing { margin: 15px 0; }

.odd-activities-row { background-color: #ddd; }

.date-column p { margin-top: 2px; }
.date-column .activity-date { border: 1px solid black; padding: 5px; }

/* END LISTADO ACTIVIDADES */
/* BEGIN DETALLE ACTIVIDADES */
.activity-content .activity-body img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.activity-content .activity-attachments .attachment-row { margin-bottom: 10px; }
.activity-content .activity-attachments .attachment-row-last { margin-bottom: 0; }
.activity-content .social-media-links .icons a { float: left; margin-right: 10px; }
.activity-content .social-media-links .icons a:last-child { margin-right: 0; }

.activity-info { background-color: #bbb; border: 2px solid #000; margin-bottom: 10px; padding: 7px; }
.activity-info .left-border-fat { border-left: 20px solid #000; margin: 10px 0; }

/* END DETALLE ACTIVIDADES */
/* BEGIN FOOTER */
.footer {padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
.footer a { color: #fff; }
.footer .section-title-big { border-bottom: 2px solid #fff; }
.footer .copyright { padding: 10px 0; }
.footer .section-title-big { font-size: 24px; }

.social-icons-footer { position: absolute; right: 2%; }
.social-icons-footer img { padding: 0 5px; }

@media screen and (max-width: 830px) { 
	.type-detail { margin-left: 1px; }
    #menu-logo img { position: absolute; clip: rect(0px,160px,200px,118px); margin-left: -118px; }
}

@media screen and (max-width: 568px) { 
	.social-icons-footer { position: relative; text-align: center; margin: 10px; } 
}
/* END FOOTER */
/* END HOME */

/*** Aqui van los estilos que afectan a las fuentes. Considerar si se mueve esto a su propio archivo de CSS. ***/
/* HOME */
.content-type { font-size: 0.9em; text-transform: uppercase; line-height: 1.8em; width: 80%; }

.top-news-title, .section-title { margin-left: 8px; }

.section-title { width: 100px;}

.listing-title { font-size: 0.9em; }

.premium-more-link { font-size: 0.9em; }

.promo-label-row, .activities-title { font-size: 1.5em; }

.news-content .photo-source { font-size: 0.8em; font-style: italic; }

.activity-info span { font-weight: bold; }

.uppercase-tag { text-transform: uppercase; }

@media screen and (max-width: 568px) { 
	.content-type { font-size: 12px; }
	.top-news-title, .section-title, .listing-title { font-size: 0.8em; }
	.promo-label-row span { font-size: 0.8em; }
	.banner-label-row .title-container span { font-size: 0.9em; }
	.news-content .photo-source { font-size: 0.7em; }
}
/* END HOME */


#poweredBy{float:right; margin-right: 10px; font-size: 10px;}
#poweredBy a img{margin-top: -4px;}
#poweredBy a {color:black;}

@media screen and (max-width: 568px) {
	.activities-title{    
		font-size: 1em;
		padding-top:0px;
	}
}

table.table-noStyle {margin: 0; background-color: transparent !important;}
table.table-noStyle tbody {background-color: transparent !important; border: none !important;}
table.table-noStyle tr {border: none; background-color: transparent !important;}
table.table-noStyle tr:nth-of-type(even) {
    background-color: transparent !important;
}
	
/***formularios colaboradores***/
.formularioColaboradores { margin-top: 45px; }
.formularioColaboradores label.error { color: #f04124; text-align: right; }
#cabeceraFormularios { height: 30px; background-color: #FFFF00; margin-bottom: 20px; }
.formAddVerticalMargins { margin: 15px 0; }
.field-validation-error { color:  #cc0000; float: right; font-size: 0.8em; }
.donate-button { color: #fff !important; border-color: #fff !important; margin: 0; }
.formHelpMessage { font-style: italic; font-size: 0.8em; }
/***end formularios colaboradores***/

/* BEGIN REDES */
.linkGroupTitle { margin-bottom: 10px; }
.linkGroupTitle span { background-color: #ff0; text-transform: uppercase; padding: 5px; }
.subgroupTitle { padding: 15px 0; }
.subgroupTitle span { 
    background-color: #000; 
    color: #fff; 
    text-transform: uppercase; 
    padding: 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.linkContainer { min-height: 48px; display:table;}
.linkContainer span {padding-left: 48px; display:table-cell; vertical-align: middle;}
.linkLogo { max-width: 32px; }
.giantLinkIcon { font-size: 11.25em !important; margin: 30px 0; }
.smallLinkIcon { font-size: 2em !important; color: #000; display:inline-block !important; padding: 0 !important; margin-right: 10px;}
/* END REDES */

.no-js .top-bar { display: none; }

@media screen and (min-width: 40em) {
  .no-js .top-bar { display: block; }
  .no-js .title-bar { display: none; }
}