/*
#------------------------------------------------------------------------
# News II - February Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Basic elements */

html { -webkit-font-smoothing: subpixel-antialiased; }
body {
	background: #fff;
	color: #555;
	font-weight: 300;
	line-height: 1.5;
	margin: 0;
	min-height: 100%;
	padding: 0;
	word-wrap: break-word;
	font-family: Roboto;
}
a:hover,
a:active,
a:focus,
#gkMainbody header h2 a,
#k2Container article header h2 a {
	color: #e50707;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: none;
}
/*<style>
@font-face {font-family:'Roboto';
src:url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
src:url('../fonts/Roboto/Roboto-Regular.eot');
}
</style*/
a,
#gkMainbody header h2 a:active,
#gkMainbody header h2 a:focus,
#gkMainbody header h2 a:hover,
#k2Container article header h2 a:active,
#k2Container article header h2 a:focus,
#k2Container article header h2 a:hover { color: #eb1e00; text-decoration: none;}
h1,
h2,
h3,
h4,
h6 {
	color: #000;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	
}
h1 {
	font-size: 35px;
	font-weight: 500;
	text-transform: none;
    padding-top: 10px;
    padding-bottom: 15px;
  
}
 
/*iconos en secciones*/
div.items-row > div > article > div > ul > li > dl img, .leading > div > article > div > ul > li > dl img {
 width:22px;
}
/**estas dos item-page es el estilo de los iconos en articulos*/
.item-page > header > h1, .item-page > header > dl {
	display: inline;
	vertical-align: middle;
}
.item-page > header > dl img {
	width: 30px;
}

article > div > header > dl, article > div > header > h2 {
	display: inline;
}

article > div > header > dl img {
	width: 22px;
}

h2,
.componentheading {
	font-size: 20px;
	font-weight: 300;
	
}
h3 { font-size: 30px; }
h4 { font-size: 22px; }
h5 { font-size: 17px;margin: 0; padding: 0; }
h6 { font-size: 13px; }
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li { line-height: 1.5; }
p { margin: 0.5em 0 0.5em; }
iframe { max-width: 100%!important; }
span {
	font-family:Roboto;
}


/* Containers */

.especial-c #gkMainbody{padding: 0px !important;}
.especial-c #gkMainbody p {padding: 0px 210px !important;}


.gkPage {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto!important;
	padding: 0;
}
#gkPage #gkBottom3{border: 5px solid red;}
#gkHeader {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 58px 0 0 0;
}
#gkHeader h1.gkPage {
	color: #fff;
	font-size: 44px;
	letter-spacing: -1.5px;
	padding: 75px 0 35px 0;
	text-transform: none;
}
#gkHeaderNav {
	text-align: center;
}
#gkPageWrap { margin: 0 auto; }
#gkContent,
#gkPageContent { 
	float: right;
	width: 100%;
}
#gkPageContent {
	/*border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: none;
	border-bottom: 1px solid #e5e5e5;*/
}
#gkPageContent > div {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	width: 100%;
}
#gkPageContent > #gkBanners {
	min-height: 0;
}
#gkBanners {
	background: transparent!important;
	border-bottom: 1px solid #e5e5e5;
	padding: 0!important;
}
#gkBannerLeft {
	float: left;
	position: relative;
}
#gkBannerRight {
	float: right;
	position: relative;
}
#gkBannerLeft .box {
	border-top: 1px solid #e5e5e5;
	padding: 45px!important;
}
#gkBannerRight .box {
	border-top: 1px solid #e5e5e5;
	padding: 24px;
}
#gkBannerLeft .box:first-child,
#gkBannerRight .box:first-child {
	border-top: none;
}
#gkBannerLeft + #gkBannerRight {
	border-left: 1px solid #e5e5e5;
}
#gkBanners .header {
	color: #fff;
}

.principal h1{	
top: 393px;
padding: 0px !important;
position: absolute;
width:69% !important;
}

.principal h1 a{
color:#fff !important;
font-weight:bold;

}
.titulo-blanco  h1{	
bottom: 10%;
padding: 0px !important;
position: absolute;
width:86% !important;
left: 8%;
}

.titulo-blanco h1 a{
color:#fff !important;
font-weight:bold;
font-size: 30px! important;

}

.principal-fondo h1{ background: #e6e6e6; }
.first.active
{
	padding: 0 5px;
	background:none;
}
.first.active:hover
{
	
	background:none;
}
.first.active
{
	padding: 0 5px;
	background:none;
}

/* Logo  */
#gkLogo{
	float: left;
	height: 40px;
	margin: 31px 0 15px 35px;
	padding: 0;
	text-indent: -999em;
	text-shadow: none;
	width: auto;
	display: block;
}
#gkLogoSmall {
	float: left;
	margin:0px 0px 0 0;
	height: 40px;	
	padding: 0;
	text-indent: -999em;
	text-shadow: none;
	width: auto;
	display: block;
}

#gkLogoSmall img {
	display: block;
	margin: 0;
}
#gkLogo img
 {
	display: block;
	margin-left: 120px;

}
#gkLogo.cssLogo,
#gkLogoSmall.cssLogo {
	background: transparent url('../images/style1/logo.png') no-repeat 0 0;
	/* You can specify there logo size and background */
	
	width: 300px;
}
#gkLogoSmall.cssLogo{ height: 40px; }
#gkLogo.cssLogo {
		margin-left: 0px;
		height: 60px;
}
.svg #gkLogo.cssLogo{
	background-image: url('../images/style1/logo.png');
}
#gkLogo.text,
#gkLogoSmall.text {
	color: #eb1e00;
	display: block;
	float: left;
	height: 40px;
	margin: 45px 0 35px 0;
	padding: 10px 0 0 0;
	text-indent: 0;
	width: auto;
}
#gkLogoSmall.text {
	margin: 0 20px 0 0;
}
#gkLogo.text > span,
#gkLogoSmall.text > span {
	display: block;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -3px;
	line-height: 40px;
	padding: 0;
	text-transform: uppercase;
}
#gkLogo.text > span > sup,
#gkLogoSmall.text > span > sup {
	border: 1px solid #eb1e00;
	border-radius: 50%;
	color: #eb1e00;
	display: block;
	font-size: 10px;
	font-weight: 400;
	float: right;
	height: 14px;
	left: 5px;
	line-height: 14px;
	text-align: center;
	text-indent: -3px;
	top: -4px;
	width: 14px;
}
#gkLogo.text .gkLogoSlogan,
#gkLogoSmall.text .gkLogoSlogan {
	color: #e5e5e5;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
	text-align: left;
}
/* Userarea */
#gkLogin {
	background: #008ce6;
	color: #fff;
	float: right;
	font-weight: 400;
	padding: 0 40px;
	text-transform: uppercase;
}
#gkLogin:active,
#gkLogin:focus,
#gkLogin:hover {
	background: #eb1e00;
}
#gkLogoutForm {
	display: none!important;
}


/* Top bar */
#gkTopBar {
	
	height: 130px;
	line-height: 90px;
	position: relative;
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	-ms-transition: all .35s linear;
	-o-transition: all .35s linear;
	transition: all .35s linear;
	width: 100%;
	z-index: 110;
	background: #fff;	
	
}

#gkTopNav {
	height: 40px;
	/*border-bottom: 1px solid #e5e5e5;*/
	background: #A00A0A;
}
#gkTopNav,
#gkToolbar {
		clear: both;
	
}
#gkToolbar {
	padding-top: 55px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	border-bottom:none;
}
#gkTopNav + #gkToolbar {
	padding-top: 0;
}
#gkSearch {
	border-left: 1px solid #e5e5e5;
	float: right;
	position: relative;
	width: 18.5%;
}
#gkSearch1 {
	float: right;
	position: relative;
	width: 14%;
}
#tiempo {
	float: left;
	width: 35%;
	color: #808080;
	height: 55px;
	margin: 35px 0 15px 0px;
}
#TT_FytgbBtBdc19WBBU7AV2WjcjZUlU1BWFLtkY1ZiIqkz{ height: 55px !important; }
#fecha {
	float: left;
	width: 120px;
	color: #808080;
	font: Roboto;
	margin-left: 30px;
	margin-top: 20px;
}
#date-hour
{
	
	height: 40px;

}
#date-hour span
{
	
	font-size: 14px;

}
#hour{
	
	height: 35px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 11px;

}
.text-predate{
	height: 28px;
}



#gkSocial {
	float: right;
	margin: 35px 0 15px 0px;
	height: 55px;
	width: 320px;
}
#gkSocial2 {
	float: right;
	margin: 35px 10px 35px 0;
	height: 40px;
	width: 75px;
}
#gkSocial a {
	float: left;
	height: 16px;
	padding: 0 4px;
	
}
#gkSocial i {
	color: #000;
	font-size: 25px;
	line-height: 25px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#gkSocial a:active i.gk-icon-fb,
#gkSocial a:focus i.gk-icon-fb,
#gkSocial a:hover i.gk-icon-fb {
	color: #204385;
	font-size: 25px;/*no quitar importante*/
}
#gkSocial a:active i.gk-icon-twitter,
#gkSocial a:focus i.gk-icon-twitter,
#gkSocial a:hover i.gk-icon-twitter {
	color: #2aa9e0;
	
}
#gkSocial a:active i.gk-icon-gplus,
#gkSocial a:focus i.gk-icon-gplus,
#gkSocial a:hover i.gk-icon-gplus {
	color: #d3492c;
}
#gkSocial a:active i.gk-icon-rss,
#gkSocial a:focus i.gk-icon-rss,
#gkSocial a:hover i.gk-icon-rss {
	color: #ea7054;
}
#gkSocial a:active i.gk-icon-youtube,
#gkSocial a:focus i.gk-icon-youtube,
#gkSocial a:hover i.gk-icon-youtube {
	color: #CD332D;
}
  
.fa-facebook,.fa-instagram,.fa-youtube,.fa-twitter,.fa-google-plus,.fa-rss,.fa-arrow-down,.fa-youtube-square,.fa-soundcloud
  	{
	border:0px solid #808080;
  padding: 0.05em 0.07em;
  background:#fff;
	}
.circle{
	border-radius: 50%;
	font-size: 25px;

	}
	.circle a{
	
	font-size: 25px;
	}
#gkUpdates {
	border-right: 1px solid #e5e5e5;
	color: #000;
	float: left;
	font-size: 12px;
	padding-left: 32px;	
	width: 21.25%;
}
#gkHighlights {
	float: left;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
#gkBannerTop {
	float: right;
	margin: 15px 0 0 0;
}
#gkBannerTop a,
#gkBannerTop img {
	display: block;
}

/* Mainbody */
#gkMainbody { 
	padding: 2px 32px; 
}
/* Sidebars */
#gkContentWrap {
	width: 100%;
}
#gkContentWrap > div[data-inset-pos="right"] {
	border-right: 1px solid #e5e5e5;
}
#gkContentWrap > div[data-inset-pos="left"] {
	border-left: 1px solid #e5e5e5;
}
#gkSidebarLeft {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

#gkSidebarRight .box {
	padding: 0 0 20px 0;
}
#gkInset .box:first-child,
#gkSidebarLeft .box:first-child,
#gkSidebarRight .box:first-child {
	border-top: none;
}

/* Stylearea */
#gkStyleArea {
	clear: both;
	display: block;
	line-height: 10px;
	margin: 20px 0 40px 0;
	padding: 10px 0;
	text-align: center;
}
#gkStyleArea a {
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	margin: 15px 0 0 5px;
	text-indent: -9999px;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	-o-transition: -o-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	width: 10px;
}
#gkStyleArea a:first-child { margin-left: 0; }
#gkStyleArea a:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
#gkColor1 { background: #eb1e00; }
#gkColor2 { background: #f2745c; }
#gkColor3 { background: #4c61a0; }
#gkColor4 { background: #ff9800; }
#gkColor5 { background: #348899; }
#gkColor6 { background: #ff8000; }

/* Group modules */

#gkTop2,
#gkMainbodyTop {
	border-bottom: 1px solid #e5e5e5;
}

#gkMainbodyTop,
#gkMainbodyBottom {
	padding: 32px;
}

#gkMainbodyBottom {
	border-top: 1px solid #e5e5e5;
}

#gkBottom1,
#gkBottom2,
#gkBottom3 {
	overflow: hidden;
}

/* standard breadcrumb */
#gkBreadcrumb {	
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
    padding: 20px 32px;
}
#gkBreadcrumb:first-child {
	border-top: none;
}
#gkBreadcrumb .breadcrumbs {
	float: left;
	color: #999;
}
#gkBreadcrumb .breadcrumbs li.separator {
	padding: 0 10px!important;
	width: 6px;
}
#gkBreadcrumb .breadcrumbs li.separator i {
	color: #eb1e00;
	font-size: 4px;
	line-height: 1.6;
	position: relative;
	top: -3px;
}
#gkBreadcrumb .breadcrumbs > ul > li {
	float: left;
	font-size: 13px;
	font-weight: 500;
	line-height: 1
}
#gkBreadcrumb .breadcrumbs > ul > li a { font-weight: normal }
#gkTools {
	float: right;
	margin: 4px 0 0 10px;
}
#gkTools a {
	display: block;
	float: left;
	width: 22px;
	height: 16px;
	margin: 0 0 0 0px !important;
	text-indent: -99999em;
	background: url('../images/font_size.png') no-repeat -38px 50%;
}
a#gkToolsReset {
	background-position: -15px 50%;
	margin-left: 6px;
}
a#gkToolsDec { background-position: 6px 50%; }
/* footer */
#gkFooter {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #505050;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
}
#gkFooter > div { 
	padding: 0; 
}
#gkFooteryeni{
	width:35%;
	margin-left:20px;
}
#gkFooteryeni i{
	font-size:25px;
	margin-right:5px;
	color: #000;
	line-height: 25px;
}

#gkFooteryeni1{
	
	width:40%;
}
#gkFooteryeni1 li {
	border-left: 1px solid #e5e5e5;
	display: inline-block;
	float: none;
	font-size: 16px;
	line-height: 12px;
	margin: 8px 0;
	padding: 0 11px;
}
#gkFooterArea {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	padding: 14px 38px;
    margin-top: 0.8rem;
}
#gkFooterArea > div {
	float: right;
	/*width: 75%;*/
}
#top_panel
 {
	background: #fff;
	border-right: 0px solid #e5e5e5;
	border-top: 5px solid #A00A0A;
	border-left: 0px solid #e5e5e5;
	border-bottom:   1px solid #e5e5e5;

}
#menutop
 {

 float: right;
 width: 32%;
 height: 25px;
 padding-bottom: 5px;
}
#menutop ul li
 {

	border-left: 1px solid;
	display: inline-block;
	padding: 0 5px;
	line-height: 0.8;
	font-size: 15px;

}
#menutop ul li a
 {

	font-size: 0.7rem;
    text-transform: uppercase;

}
#idioma {

 float: left;
 width: 20%;
 height: 25px;
 margin-left: 15px;
}
#idioma ul li
 {

	border-left: 1px solid;
	display: inline-block;
	padding: 0 5px;
	line-height: 0.8;
	font-size: 15px;

}
#date_time {

 float: left;
 width: 35%;
 height: 20px;
 margin-left: 15px;
 font-size: 0.7rem;
 margin-top: 6px;
 text-transform: uppercase;
}
#gkBackToTop {
	color: #afafaf!important;
	font-size: 12px;
	line-height: 40px;
	text-transform: uppercase;
}
#gkBackToTop:before {
	color: #eb1e00;
	content: "\f106";
	font-family: FontAwesome; 
	font-size: 14px;
	line-height: 40px;
	padding: 0 10px 0 0;
}
#gkBackToTop:active,
#gkBackToTop:focus,
#gkBackToTop:hover {
	color: #eb1e00!important;
}
#gkFooterNav {
	clear: both;
	margin: 50px auto 20px auto;
	text-align: center;
	width: 50%;	
}
#gkFooterNav li {
	border-left: 1px solid #e5e5e5;
	display: inline-block;
	float: none;
	font-size: 12px;
	line-height: 12px;
	margin: 8px 0;
	padding: 0 11px;
}
#gkFooterNav li:first-child {
	border-left: none;
}
#gkFooter a { 
	color: #555; 
}
#gkFooter a:active,
#gkFooter a:focus,
#gkFooter a:hover { 
	color: #eb1e00; 
}
#gkCopyrights {
	color: #999;
	float: none;
	line-height: 1.2;
	margin: 0 auto;
	padding: 36px 0;
	text-align: center;
	width: 50%;
    font-size: 0.8rem;

}
#gkFooterNav + #gkCopyrights {
	border-top: 1px solid #e5e5e5;
}

/* Other footer elements */
#gkFrameworkLogo {
	display: block;
	width: 90px;
	height: 36px;
	background: url('../images/gavern-logo.png') no-repeat 0 0;
	text-indent: -9999em;
	margin: 12px auto 0 auto;
	opacity: 0.4;
}
/* Default modules */
#gkSearch #mod-search-searchword {
	border: none;
	color: #999;
	display: block;
	font-weight: 400;
	height: 54px;
	line-height: 35px;
	padding: 8px 20px !important;
	width: 100%;
}
#gkSearch:after {
	color: #ddd;
	content: "h";
	font-size: 20px;
	font-family: 'news2-icons';
	position: absolute;
	right: 20px;
	top: 1px;
	z-index: 1;
}

/* Suffixes */
.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #555;
	line-height: 1.6;
	margin: 0;
	padding: 0 0px;
	width: 100%;
}
div.content { 
	clear: both; 
}
.box li {
	line-height: 1.6;
	padding: 10px 0;
	overflow: visible;
}
.box li:last-child { border-bottom: none; }
.box li a {
	line-height: 1.0;
	text-decoration: none;
    text-transform: none;
    font-family: 'Droid Serif';
}
.box a { text-decoration: none; }
.box ul ul { margin-left: 20px; }

/* default suffix */
.box .header {
	color: #222;
	font-size: 24px;
	font-weight: 700;
	line-height: 26px;
    margin: 10px 0 25px 0px;
	padding: 0;
	text-transform: none;
    letter-spacing: 1px;
	
}


/* clear suffix */
.box.clear,
#gkSidebarLeft .box.clear,
#gkSidebarRight .box.clear,
#gkInset .box.clear {
	clear: none;
	margin: 0!important;
	padding: 0;
}
.box.clear img {
	display: block;
	height: auto;
	width: 100%;
}
.clear div.content { 
	clear: both; 
}

/* clear-horizontal */
.box.clear-horizontal,
#gkSidebarLeft .box.clear-horizontal,
#gkSidebarRight .box.clear-horizontal,
#gkInset .box.clear-horizontal {
	clear: none;
	margin-left: 0!important;
	margin-right: 0!important;
	padding-left: 0;
	padding-right: 0;
}

/* banner-center */
.box.banner-center {
	text-align: center;
}
.box.banner-center.clear img {
	margin: 0 auto;
}

/* no-border */
.box.no-border {
	border: none!important;
}

/* advertisement suffix */
.box.advertisement .header {
	background: transparent;
	color: #c0c0c0!important;
	font-size: 13px!important;
	font-weight: 300;
	line-height: 16px;
	margin: 0 0 16px 0;
	min-height: 21px;
	padding: 0;
	text-transform: none;
}

/* suffix light */
.box.light {
	background: #f1f1f1;
}

/* suffix _text */
.box_text > div { background: #fff; }

/* suffix dark */
.box.dark {
	background: #444;
	color: #eee;
}
.box.negro {
	background: #A00A0A;
	color: #fff;
  padding: 0 20px;
}
.box.dark .header {
	color: #fff;
	line-height: 1.2;
	border-bottom: 1px solid #eee;
}
#home{border: 1px solid blue;}

.box.dark h1,
.box.dark h2,
.box.dark h3,
.box.dark h4,
.box.dark h5,
.box.dark h6 { 
	color: #ddd;
	background: none;
}
.box.dark ul {
	margin: 0;
	padding: 0;
}
.box.dark ul li {
	border-bottom: 1px solid #333;
	position: relative;
}
.box.dark ul li:last-child { border-bottom: none; }
.box.dark a { color: #ccc!important; font-size: 30px; line-height: 33px; display: block;}
.box.dark a:active,
.box.dark a:focus,
.box.dark a:hover { color: #eb1e00!important; }
.box.dark ul ul { margin: 0 0 0 20px; }

.box.blanco {
	
	background: none;
}
.box.blanco a 
{ 
color: #222!important;
 font-size: 20px;
 line-height: 1.5;
 display: block;
 margin-right:14px;
 background: #eee;
 }
 .box.blanco a:focus,
.box.blanco a:hover { color: #e50707!important; }
 .box.sinfondo {
	
	background: none;
}
.box.sinfondo a 
{ 
/*color: #222!important;*/
 font-size: 16px;
 line-height: 1.35;
 display: block;
 margin-right:5px;

 }
 .box.bottom5reportaje { 
background: none;

 }
 .box.bottom5reportaje a{ 
/*color: #222!important;*/
 font-size: 20px;
 line-height: 1.5;
 display: block;
 margin-right:5px;
 color: #fff;
 }
 .box.bottom5reportaje a:focus,.box.bottom5reportaje a:hover{ color: #e50707!important; }
 .box.sinfondo a:focus,
.box.sinfondo a:hover { color: #e50707!important; }

/* suffix color */
.box.cobertura {
	
	background: none;
}
.box.cobertura a 
{ 
/*color: #222!important;*/
 font-size: 20px;
 line-height: 1.5;
 display: block;
 margin-right:0px;
 }
.box.color {
	background: #ccc;
	color: rgba(255, 255, 255, 0.75);
}
.box.color .header {
	color: #fff;
	line-height: 1.2;
}
.box.color h1,
.box.color h2,
.box.color h3,
.box.color h4,
.box.color h5,
.box.color h6 { 
	color: rgba(255, 255, 255, 0.85);
}
.box.color ul {
	margin: 0;
	padding: 0;
}
.box.color ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	position: relative;
}
.box.color ul li:last-child { border-bottom: none; }
.box.color a { color: rgba(255, 255, 255, 0.95)!important; }
.box.color a:active,
.box.color a:focus,
.box.color a:hover { color: rgba(255, 255, 255, 0.65)!important; }
.box.color ul ul { margin: 0 0 0 20px; }

/* Suffix banner */
.box.banner img {
	display: block;
}

/* Suffix nomargin */
.box.nomargin {
	margin: 0!important;
	padding: 0!important;
}

.mostread  li
{
	border-bottom: 1px solid #E5E5E5;
}

.mostread > li> a > span{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Droid Serif';
    letter-spacing: 1px;
}
/* title-color* suffixes */
.box.title-color1 .header,
.box.title-color1 .header a { color: #eb1e00; }
.box.title-color2 .header,
.box.title-color2 .header a { color: #56afc3; }
.box.title-color3 .header,
.box.title-color3 .header a { color: #ffc000; }
.box.title-color4 .header,
.box.title-color4 .header a { color: #8560a8; }
.box.title-color5 .header,
.box.title-color5 .header a { color: #fa5f00; }
.box.title-color6 .header, 
.box.title-color6 .header a { color: #736357; }

.box.title-color1 .header a:hover,
.box.title-color2 .header a:hover,
.box.title-color3 .header a:hover,
.box.title-color4 .header a:hover,
.box.title-color5 .header a:hover,
.box.title-color6 .header a:hover {
	color: #222;
}

.box.title-border .header {
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}

.box.title-border.title-color1 .header { border-top: 1px solid #eb1e00; }
.box.title-border.title-color2 .header { border-top: 1px solid #56afc3; }
.box.title-border.title-color3 .header { border-top: 1px solid #ffc000; }
.box.title-border.title-color4 .header { border-top: 1px solid #8560a8; }
.box.title-border.title-color5 .header { border-top: 1px solid #fa5f00; }
.box.title-border.title-color6 .header { border-top: 1px solid #736357; }
/* suffix video-lista */
.video-lista{
 background: #c81b1b;
 
}
.video-lista h3 a{
 
 color: #fff;
}
.video-lista .gkNspPM-VideoList .gkItem:hover figcaption
 {
	background: none;
	color: #fff;
}

/* Bottom */
#gkBottom2 {
	margin: 0 210px;
}

#gkBottom2 .box {
	border-left: 1px solid #e5e5e5;
}
#gkBottom1 .box:first-child,
#gkBottom2 .box:first-child {
	border-left: none;
}
#gkBottom3 > div,
#gkBottom4 > div {
	
	border-top: none;
}
#gkBottom3 .box,
#gkBottom4 .box {
	color: #555;
}
#gkBottom4 .box {
	margin-bottom: 20px;
	margin-top: 20px;
}
#gkBottom3 .box li,
#gkBottom4 .box li {
	border: none;
	padding: 4px 0;
}
#gkBottom4 .box .header {
	color: #eb1e00;
	text-align: left;
	font-size: 24px;
    margin-top: 20px; 
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 40px; 
    border-top: solid #eb1e00;
}

#gkBottom3 .box a:active,
#gkBottom3 .box a:focus,
#gkBottom3 .box a:hover,
#gkBottom4 .box a:active,
#gkBottom4 .box a:focus,
#gkBottom4 .box a:hover {
	color: #eb1e00;
}
#gkBottom6 {
	padding-top:20px;
}
/*.infografia-border nspImage {
	border:1px solid #e5e5e5;
}*/
#nsp-nsp-209 > div > div > div > div > div > a > img{
	border:1px solid #e5e5e5;
}

/* tablet/mobile suffixes */
.onlydesktop { display: block; }
.onlytablet { display: none; }
.onlymobile { display: none; }
/* Login form */
#gkFBLogin {
	float: left;
	width: 45%;
}
#gkFBLogin p {
	line-height: 18px;
	margin: 14px 0 20px;
}
#gkFBLogin + #login-form,
#gkFBLogin + #com-login-form {
	float: left;
	width: 45%;
	margin-left: 4%;
	padding-left: 30px;
	border-left: 1px solid #e7e7e7;
}
#form-login-remember { margin: 10px 0 20px; }
#form-login-remember label {
	color: #777;
	font-size: 11px;
	font-weight: normal;
	line-height: 27px;
}
#login-form fieldset { margin: 0 0 20px; }
#login-form fieldset p { margin: 0.5em 0; }
#login-form ul {
	border-top: 1px solid #E7E7E7;
	 margin: 42px 0 0;
    overflow: hidden;
    padding: 12px 0 0;
}

#login-form ul li {
	color: #999;
	font-size: 11px;
	display: inline-block;
	line-height: 1.6;
	margin-right: 12px;
}
#login-form input[type="text"],
#login-form input[type="password"] { width: 95%; }
label#jform_spacer-lbl {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

/* Login with Facebook button */
span#fb-auth small {
	width: 20px;
	background: transparent url('../images/fbauth.png') no-repeat 0 2px;
	text-indent: -999em;
	display: block;
	float: left;
	border-right: 1px solid #a0aecd;
	margin: 3px 16px 0 0;
	height: 17px;
}
span#fb-auth {
	background-color: #798db9;
	display: inline-block;
	color: #fff;
	font-family: arial;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 7px 24px 7px 12px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #445375;
	cursor: pointer;
	height: 24px;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	position: relative;
	top: -3px;
}
.img_jdownload{
	/*border: 1px solid #eee;*/
}
.pdf{border: 1px solid #c5c5c5;}

th.pdf-titulo a {color: #a00a0a !important; font-size: 22px;}
.pdf-titulo  {font-size: 22px;display: table-cell; padding: 3px 10px; text-transform: uppercase; text-align: center;}
.pdf-titulo a{color: #a00a0a !important;}
.moduletable.recuadro {border: 7px solid #e5e5e5; margin-left: 210px;}	
	.moduletable.recuadro h3{color: #A00A0A; text-align: center; text-transform: uppercase; height: 60px;}	
	.moduletable.recuadro.porciento {width: 50%;}	
/*no borrar-- codigo icon comment */
article dl.fields-container {
                display: inline-block;
        }

img:not([class]), /*no borrar-- codigo icon home */
.bd-imagestyles {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.contact-image > img{padding: 5px; border: 1px solid #e5e5e5;}
span#fb-auth:hover { background-color: #556b9b; }
.login span#fb-auth { margin: 6px 0 0 10px; }
body[data-mobile="true"] #gkMobileMenu select { font-size: 50px; }
.sidebar-right-border{border-left: 1px solid #E5E5E5;}
/*codigo  para Ediciones Impresas*/
.container{margin-top: 20px; }

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableModulo {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableHead {
	/*border: 1px solid #c5c5c5;*/
	display: table-cell;
	padding: 3px 10px;
}
.divTableCell{
	border: 1px solid #c5c5c5;
	display: table-cell;
	padding: 3px 10px;
	
}
.divTableHeading {
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.easy_img_caption_inner{
  background:#fff;
  text-align:left;
  margin-top: 5px;
  font-size: 0.8rem;
  color: #999;

}
.border-gris .nspArt img.nspImage{
	border: 1px solid #c5c5c5 !important;
	
}

<style> 
/* columnas responsive de tabla con lista de seccion de impacto */
 .fila, .col-2, .col-3, img{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.fila {
  margin-right: -15px;
  margin-left: -15px;
}
.fila::after {
  clear: both;
}
.fila:before,
.fila:after{
  display: table;
  content: " ";
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.col-2, .col-3  {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  margin-top:15px;
  margin-bottom:15px;
}
.col-2 img, .col-3 img  {
 border:8px solid #fff;
 box-shadow:1px 1px 5px rgba(0, 0, 0, .1);
}
.col-2 img  {
 margin-right:auto;
 margin-left:auto;
 display:block;
}

.col-2 {
  width: 46%;
  
}
.col-3 {
  width: 30%;
}
.col-title {
  width: 100%;
}
.col-2 .col-title{
  width: 54%;
    margin-left: auto;
    margin-right: auto;
	border:2px solid #fff;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

}

.fila img{
  max-width:100%;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.col-3 {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.col-2, .col-3{
width: 100%;
}
.col-2 .col-title{
  width: 86%;
 margin-left: auto;
    margin-right: auto;
	border:none;
	box-shadow: none;
	margin-top:10px;

}
}
/* fin de columnas responsive */
</style>
.flexbox-container {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
}

.flexbox-container > div {
        width: 50%;
        padding: 10px;
}

.flexbox-container > div:first-child {
        margin-right: 20px;
}
