/* latin */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'), url(https://fonts.gstatic.com/s/courgette/v5/wEO_EBrAnc9BLjLQAUk1VvoK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local('Encode Sans Semi Condensed Regular'), local('EncodeSansSemiCondensed-Regular'), url(https://fonts.gstatic.com/s/encodesanssemicondensed/v2/3qT4oiKqnDuUtQUEHMoXcmspmy55SFWrXFRp9FTOG1yW9MQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: local('Encode Sans Semi Condensed Medium'), local('EncodeSansSemiCondensed-Medium'), url(https://fonts.gstatic.com/s/encodesanssemicondensed/v2/3qT7oiKqnDuUtQUEHMoXcmspmy55SFWrXFRp9FTOG1Rl19FAZ9U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Encode Sans Semi Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local('Encode Sans Semi Condensed SemiBold'), local('EncodeSansSemiCondensed-SemiBold'), url(https://fonts.gstatic.com/s/encodesanssemicondensed/v2/3qT7oiKqnDuUtQUEHMoXcmspmy55SFWrXFRp9FTOG1RJ0NFAZ9U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body, html {
	background-color: #fff;
	color:#2a363d;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 15px; /*1em;*/
	font-weight: 400;
	margin:0px;
	padding:0px;
	top: 0 !important;
}
body { min-height: auto !important; position: static !important }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display:block }
table { border:none; border-collapse:collapse }
a {
	color:#00aeef;
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:focus {
	background-color: rgba(61,73,80,.2);
	transition: none !important;
}
a:focus:hover { outline: none !important }
p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px; display:inline-block }
input, textarea, select {
	border-radius:0px;
	color:#2a363d;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	border:none;
	resize:none;
}

strong { font-weight: 600 }
input[type='text'], input[type='password'], input[type='button'], input[type='submit'], textarea, select {
	-webkit-appearance:none;
	-moz-appearance: none;
}
input[type="submit"], input[type="button"] { cursor:pointer }
input::-moz-focus-inner { border:0; padding:0 }
fieldset { border: 0 }
input[type="radio"] {
	background-color: #fff;
	border:1px solid #c3c3c3;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	margin-right: 8px;
	position: relative;
	top: 1px;
	transition:all 0.3s ease;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
}
/* input[type="radio"]:hover { background-color: #a31616 } */
input[type="radio"]:checked {
	background-color: #a73b3a;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.4);
}

input[type="checkbox"] {
	background-color: #fff;
	border:1px solid #c3c3c3;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin-right: 8px;
	position: relative;
	top: 1px;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="checkbox"]:checked {
	background-color: #a73b40;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.3);
}

::selection { background:#70b4f5; color:#fff; padding:20px }
::-moz-selection { background:#70b4f5; color:#fff }
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
hr {
	background-color: #f2f2f2;
	border: 0;
	height: 1px;
	margin: 16px 0;
	width: 100%;
}
h1, h2, h3, h4, h5,  h6 {
	font-weight: 400;
	color: #474747;
}
 h1 {
	 font-size: 2em;
 }
	
 h2 {
	 color: #6ca942;
	 font-size: 1.8em;
 }

 h3 {
	 font-size: 1.2em;
 }
 h4 {
	 font-size: 1.15em; 
	 font-weight: 500;
 }
h5, h6 {
	 font-weight: 600;
 }

 p {
	color: #474747;
 }

.generalWrap {
	margin: 0 auto;
	max-width: 1218px;
	position:relative;
	width: inherit;
}

.center {
	text-align: center;
	padding: 45px 0px;
}

.grid {
	display: grid;
	grid-template-rows: auto;
}
@media only screen and (max-width:1274px) {
	.generalWrap { 
		margin:0 20px;
		width: 95%;
	 }
}

@media only screen and (max-width:1100px) {
	.generalWrap { 
		width: 100%;
		margin: 0;
	 }
}
@media only screen and (max-width:800px) {
	a:focus { outline: none !important }
}


/* ----------- header -----------*/
header {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 8000;
}
.bg {
	width: 100%;
	height: 492px;
	background-size: cover;
	background-position: 0 center;
	background-repeat: no-repeat;
}
.bg:before {
	content: " ";
	width: 100%;
	height: 501px;
	position: absolute;
	top: 0;
	/* bottom: 0; */
	left: 0;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 8%, rgba(255,255,255,0.01) 8%, rgba(255,255,255,0.07) 34%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 91%);
	background: -webkit-gradient(left top, left bottom, color-stop(8%, rgba(255,255,255,0)), color-stop(8%, rgba(255,255,255,0.01)), color-stop(34%, rgba(255,255,255,0.07)), color-stop(86%, rgba(255,255,255,1)), color-stop(89%, rgba(255,255,255,1)), color-stop(91%, rgba(255,255,255,1)), color-stop(91%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 8%, rgba(255,255,255,0.01) 8%, rgba(255,255,255,0.07) 34%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 91%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 8%, rgba(255,255,255,0.01) 8%, rgba(255,255,255,0.07) 34%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 91%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 8%, rgba(255,255,255,0.01) 8%, rgba(255,255,255,0.07) 34%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 91%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 8%, rgba(255,255,255,0.01) 8%, rgba(255,255,255,0.07) 34%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}


.topNav {
	width: 100%;
	background-color: #fff;
	height: 38px;
	position: fixed;
	top: 0;
	z-index: 9999;
	-webkit-box-shadow: 0px 2px 30px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 30px -16px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 30px -16px rgba(0,0,0,0.75);
}
.topNav > .topnav {

	grid-template-columns: 1fr 212px 1fr;
	width: 91%;
	margin: 9px auto;
}
.topNav .generalWrap > ul {
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
}

.topNav .generalWrap > ul > li > a {
	color: #5f9e29;
	font-size: 0.87em;
	text-align: center;
	text-transform: uppercase;
}

.topNav .generalWrap > ul > li:hover > a {
	color: #70b4f5;
}

.topNav .generalWrap > ul > li > a.lg {
	background-color: #fff;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	position: absolute;
	top: -25px;
	left: 46px;
}
.topNav .generalWrap > ul > li {
	position: relative;
}

.topNav .generalWrap > ul > li > a > .logo {
	width: 70px;
	position: absolute;
	top:28px;
	left: 19px;
	background-repeat: no-repeat;
}

.topNav > .generalWrap > ul > li:nth-child(5) {
	grid-column: 6 ;
}

@media only screen and (max-width:1100px){
	.topNav > .topnav {
		width: 100%;
	}
	.topNav .generalWrap > ul > li > a {
		font-size: 0.75em;
	}

	.topNav .generalWrap > ul > li > a > .logo {
		left: 17px;
		top: 21px;
		width: 66px;
	}

	.topNav .generalWrap > ul > li > a.lg {
		width: 100px;
		height: 100px;
		left: 50px;
	}
}

@media only screen and (max-width:920px){
	.topNav {
		display: none;
	}
	.navBar > .titulozarcero {
		display: none;
	}
}




/*------- titulo zarcero -------*/

.titulozarcero p {
	color: #fff;
	font-size: 1.34em;
	letter-spacing: 0.1em;
	padding-top: 103px;
	padding-bottom: 25px;
	text-align: center;
	text-transform: uppercase;
}
.titulozarcero p > strong {
	font-size: 1.28em;
	display: block;
}


nav {
	background: #70b4f5;
	height:46px;
	position: sticky;
	width: 100%;
	z-index: 1000;
	padding: 0;
}

nav > a.iconBar, nav > a.close {
	color: #fff;
	font-size: 1.3em;
	padding: 11px 7px 11px 18px;
	display: none;
}

.searchbtn2 {

	position: absolute; 
	top: 13px;
	right: 28px;
	display: none;
}

.searchbtn2 > p, .searchbtn2 > i {
	display: inline;
	color: #fff;
}


nav > ul {
	grid-template-columns: repeat(8, auto);
	justify-content: center;
}
nav > ul > li {
	height: auto;
	/*justify-self: stretch;*/
	text-align: center;
}

nav > ul > li > a {
	color: #fff;
	display: block;
	padding: 14px 32px;
	text-transform: uppercase;
	font-weight: 500;
}
nav > ul > li:hover > a,
nav > ul > li > a.page {
	color: #5f9e43;
	background-color: #fff;
	border-bottom: 3px solid #5f9e43;
}
nav > ul > li:hover >.subMenu {
	display: block;
}

nav > ul > li > .subMenu {
	background-color: #1e2c3be6;
	display: none;
	padding: 0px 10px 0px 5px;
	max-height: 100vh;
	position: absolute;
	text-align: left;
	top: 46px;
	border-top: 3px solid #5f9e43;
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0px 8px 19px -8px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0px 8px 19px -8px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 8px 19px -8px rgba(0, 0, 0, 0.7);
}

.subMenu > li > a {
	display: block;
	padding: 9px 10px;
	position: relative;
}

.subMenu > li > a p {
	color: #fff;
	position: relative;
	display: inline-block
}

.subMenu > li > a p:before {
	content: "";
	bottom:-2px;
	left: 0;
	width: 0%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	transition: width .3s ease;
}
.subMenu > li:hover > a p:before {
	width: 100%;
}
.background {
	background-color: #efefef;
	width: 100%;
	height: 700px;
	padding-top: 200px;
}

.background2 {
	background-color: #aacbc1;
	width: 100%;
	height: 800px;
}

@media only screen and (max-width:1270px) {
	nav > ul > li > a { padding: 14px 20px }
}
@media only screen and (max-width:1030px) {
	nav > ul > li > a { padding: 14px 14px }
}

@media only screen and (max-width:920px){
	nav > a.iconBar {
		display: block;
	}

	nav > ul {
		width: 0%;
		background-color: #1e2c3be6;
		height:94vh;
		overflow: auto;
		position: absolute;
		top: 46px;
	}
	nav > ul.grid {
		display: block;
		position: relative;
		top: 0;
	}

	nav > ul > li > a {
		text-align: left;
		padding-left: 17px;
	}

	nav > ul > li > .subMenu {
		left: 371px;
		width: 100%;
		position: initial;
	}
	.navBar > .titulozarcero {
		display: block;
		position: absolute;
		top: 0;
		z-index: 1040;
		padding: 10px 20px;
		left: 40px;
	}

	.navBar > .titulozarcero p {
		padding: 0;
		letter-spacing: 0;
	}
	.navBar > .titulozarcero p > strong {
		font-size: 1em;
		display: inline;
	}

	.searchbtn2 {
		display: block;
	}
}


@media only screen and (max-width:450px){
	.navBar > .titulozarcero {
		padding-left:0px; 
	}
	.navBar > .titulozarcero p {
		padding: 4px 0px 4px 10px;
		font-size: 1em;
	}

	.searchbtn2 > i{
		font-size: 0.89em;
	}
}

/*------------------ banner principal -------------------*/


.banner, .bannerInfo .banner, .banner > a > img , .bannerInfo .banner >a > img {
	border-radius: 0px 0px  12px 12px ;
	height: 500px;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.bannerInfo .banner, .imgArtcl {
	border-radius: 12px 12px  0px 0px ;
	height: 400px;
}

.slider, .slider1 {
	position: relative;
	border-radius: 0px 0px  12px 12px ;
	height: 500px;
	overflow: hidden;
	/* width: 100%; */
	position: relative;
}


.imgBanner, .imgArtcl {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	width: 100%;
}

.dotBanner {
	text-align: center;
	position: absolute;
	bottom: -12px;
	left: 45%;
	padding: 0px 0px 25px 10px;
	border-radius: 7px 7px 0px 0px;
}


.dotBanner > li {
	display: inline-block;
	margin-right: 15px;
	font-size: 0;
}
.dotBanner > li > button {
	/* background-color: #5f9e43; */
	background-color: #fff;

	border-radius: 50%;
	border: none;
	padding: 6px 6px;
	font-size: 0;
}

.dotBanner > li > button:active, 		li.slick-active button {
	background-color: #5ba9f1;
}

.slick-slider {
	position: initial;
}
@media only screen and (max-width:1010px){
	.imgBanner {
		height: 600px;
	}
}

@media only screen and (max-width:1000px){
	.banner, .bannerInfo .banner, .banner > a > img , .bannerInfo .banner >a > img {
		height: 412px;
	}

	.imgBanner {
		height: 560px;
	}
}

@media only screen and (max-width:750px){
	.slider {
		height: 388px;;
	}
	.imgBanner {
		height: 395px;
	}
}

@media only screen and (max-width:500px){
	.slider {
		height: 300px;;
	}
	.imgBanner {
		height: 300px;
	}

	.dotBanner {
		left: 37%;
	}
}


/*--------------- slider varias cajas ------------------------------*/

.mSlider .container {
	margin: 39px 8px;
	border-radius: 10px;
	/* overflow: hidden; */
	
}

.boxAdd {
	border-radius: 12px;
	margin: 0px 20px;
	max-width: 23%;
	height: 213px !important;
	overflow: hidden;
	position: relative;
}

.boxAdd button {
	color: #fff;
	font-size: 1em;
}

.boxAdd > .imgMultiS {
	width: 100%;
	background-position: center center;
	background-size: cover;

	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.boxAdd > .imgMultiS:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}

.prevA , .nextA {
	color: rgba(255, 255, 255, 0.788);
	position: absolute;
	font-size: 24px;
	z-index: 1;
	cursor: pointer;
	top: 45%;
}
.prevA:hover , .nextA:hover {
	color: #fff;
}

.prevA { left: 12px;}
.nextA { right: 12px;}

.boxAdd .contentTxt {
	background-image: url('../img/vector1.svg');
	position: absolute;
	bottom: -5px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.boxAdd .contentTxt h4 {
	padding-top: 13px;
	color: #fff;
	text-align: center;
}


/* the slides */
.multiSlider .slick-slide {
		margin: 0 0px 0px 1.6%;
}
@media only screen and (max-width: 1198px) {

		.boxAdd {
			height: 200px  !important;	
		}
}

@media only screen and (max-width: 1100px) {
	.mSlider .container {
		margin: 69px 10px;
	}
		.prevA { left: 24px;}
		.nextA { right: 24px;}

		.boxAdd {
			height: 196px  !important;	
		}
}


@media only screen and (max-width: 890px) {

.boxAdd {
	height: 177px  !important;	
}
}


@media only screen and (max-width: 500px) {

	.boxAdd {
		height: 154px  !important;	
	}
	}

	@media only screen and (max-width: 450px) {

		.boxAdd {
			height: 215px  !important;	
		}
		}

/*------------------------- Magnific Popup CSS -----------------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8; }
  
  .mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden; }
  
  .mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box; }
  
  .mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
	display: none; }
  
  .mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; }
  
  .mfp-ajax-cur {
	cursor: progress; }
  
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; }
  
  .mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; }
  
  .mfp-auto-cursor .mfp-content {
	cursor: auto; }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; }
  
  .mfp-loading.mfp-figure {
	display: none; }
  
  .mfp-hide {
	display: none !important; }
  
  .mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044; }
	.mfp-preloader a {
	  color: #CCC; }
	  .mfp-preloader a:hover {
		color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
	display: none; }
  
  .mfp-s-error .mfp-content {
	display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation; }
  
  button::-moz-focus-inner {
	padding: 0;
	border: 0; }
  
  .mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 5px;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 21px;
	font-family: Arial, Baskerville, monospace; }
	.mfp-close:hover,
	.mfp-close:focus {
	  opacity: 1; }
	/* .mfp-close:active {
	  top: 1px; } */
  
  .mfp-close-btn-in .mfp-close {
	color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }
  
  .mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap; }
  
  .mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent; }
	.mfp-arrow:active {
	  margin-top: -54px; }
	.mfp-arrow:hover,
	.mfp-arrow:focus {
	  opacity: 1; }
	.mfp-arrow:before,
	.mfp-arrow:after {
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  position: absolute;
	  left: 0;
	  top: 0;
	  margin-top: 35px;
	  margin-left: 35px;
	  border: medium inset transparent; }
	.mfp-arrow:after {
	  border-top-width: 13px;
	  border-bottom-width: 13px;
	  top: 8px; }
	.mfp-arrow:before {
	  border-top-width: 21px;
	  border-bottom-width: 21px;
	  opacity: 0.7; }
  
  .mfp-arrow-left {
	left: 0; }
	.mfp-arrow-left:after {
	  border-right: 17px solid #FFF;
	  margin-left: 31px; }
	.mfp-arrow-left:before {
	  margin-left: 25px;
	  border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
	right: 0; }
	.mfp-arrow-right:after {
	  border-left: 17px solid #FFF;
	  margin-left: 39px; }
	.mfp-arrow-right:before {
	  border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px; }
	.mfp-iframe-holder .mfp-content {
	  line-height: 0;
	  width: 100%;
	  max-width: 900px; }
	.mfp-iframe-holder .mfp-close {
	  top: -40px; }
  
  .mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%; }
	.mfp-iframe-scaler iframe {
	  position: absolute;
	  display: block;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	  background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
	line-height: 0; }
	.mfp-figure:after {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 40px;
	  bottom: 40px;
	  display: block;
	  right: 0;
	  width: auto;
	  height: auto;
	  z-index: -1;
	  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	  background: #444; }
	.mfp-figure small {
	  color: #BDBDBD;
	  display: block;
	  font-size: 12px;
	  line-height: 14px; }
	.mfp-figure figure {
	  margin: 0; }
  
  .mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; }
  
  .mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
	max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
		 * Remove all paddings around the image on small screen
		 */
	.mfp-img-mobile .mfp-image-holder {
	  padding-left: 0;
	  padding-right: 0; }
	.mfp-img-mobile img.mfp-img {
	  padding: 0; }
	.mfp-img-mobile .mfp-figure:after {
	  top: 0;
	  bottom: 0; }
	.mfp-img-mobile .mfp-figure small {
	  display: inline;
	  margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar {
	  background: rgba(0, 0, 0, 0.6);
	  bottom: 0;
	  margin: 0;
	  top: auto;
	  padding: 3px 5px;
	  position: fixed;
	  box-sizing: border-box; }
	  .mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0; }
	.mfp-img-mobile .mfp-counter {
	  right: 5px;
	  top: 3px; }
	.mfp-img-mobile .mfp-close {
	  top: 0;
	  right: 0;
	  width: 35px;
	  height: 35px;
	  line-height: 35px;
	  background: rgba(0, 0, 0, 0.6);
	  position: fixed;
	  text-align: center;
	  padding: 0; } }
  
  @media all and (max-width: 900px) {
	.mfp-arrow {
	  -webkit-transform: scale(0.75);
	  transform: scale(0.75); }
	.mfp-arrow-left {
	  -webkit-transform-origin: 0;
	  transform-origin: 0; }
	.mfp-arrow-right {
	  -webkit-transform-origin: 100%;
	  transform-origin: 100%; }
	.mfp-container {
	  padding-left: 6px;
  padding-right: 6px; } 
}

/*----------------- mfp end --------------------*/

/*-------------------------- section 3 home -----------------------------*/

  .modal {
	  display: block;
	  background-color: #fff;
	  min-height: 200px;
	  width: 65%;
	  margin: 0 auto;
  }


  .actvServicios {
		background-color: #ececec;
		padding: 54px 0px;
	}

  .actvServicios .act {
		column-gap: 3%;
	  display: grid;
	  grid-template-columns: 41% 1fr 1fr;
		height: auto;
		width: 100%;
  }

  .act > .actividades  {
	background-repeat: no-repeat;
	background-position: center center;
	/* background-size: 520px auto; */
	box-shadow: 0px -68px 87px -29px rgba(0,0,0,0.85) inset;
	-webkit-box-shadow: 0px -68px 87px -29px rgba(0,0,0,0.85) inset;
	-moz-box-shadow: 0px -68px 87px -29px rgba(0,0,0,0.85) inset;
	width: 100%;
	transition: all .3s ease;
	background-size: cover;
	position: relative;
}


 

	
	.act > .actividades:hover {
		background-size: 500px;
}


  .act > .actividades, .act > .encuesta,.act > .tramites {
		border-radius: 0px 0px 12px 12px;
		background-color: #fff;
	}
	
	.act > .actividades > .title, .tramites > .title {
		background-color: #5ba9f1;
		padding: 9px;
		text-align: center;
	}
	.act > .actividades > .title h4, .tramites > .title h4 {
		text-transform: uppercase;
		color: #fff;
	}

	.act > .actividades p {
		color: #fff;
		font-weight: 500;
		font-size: 1.1em;
		transition: all .3s ease;
		position: absolute;
		bottom: 30px;
		left: 31px;
	}


.encuesta {
		padding:  0px 22px 20px 22px;
		text-align: center;
		border-top: 3px solid #a73b3a !important;
	}

.encuesta > .title {
		padding: 9px;
	}
.encuesta > .title h4 {
		color: #a73b3a;
		text-transform: uppercase;
		font-size: 1.1em;
	}

	.ask {
		padding: 7px 3px;		
	}

.encuesta  .options {
		padding: 8px;
		margin: 11px;
		border-top: 1px solid #a73b3a;
		border-bottom: 1px solid #a73b3a;
	}
	.options .answer {
		display: inline-block;
		text-align: left;
	}
	.options label {
		padding: 3px;
		display: block;
		text-align: left;
	}

.encuesta > button, .encuesta > .resultPoll, form input[type="submit"] {
		background-color: #a73b3a;
		border: none;
		color: #fff;
	}
.encuesta > button:hover, .encuesta > .resultPoll:hover, form input[type="submit"]:hover {
		background-color: #ddd;
		color: #323232;
	}

.encuesta > button, .resultPoll, form input[type="submit"]{
		border-radius:0px 0px 4px 4px;
		padding: 4px 11px;
		font-size: 1em;
		margin-bottom: 10px;
	}


	.act > .tramites > .listTram li a {
		border-bottom: 1px solid #e7e7e7;
		display: block;
		padding: 8px 10px 8px 13px;
		color: #323232;
		text-transform: uppercase;
	}
	.act > .tramites > .listTram li a:hover, .act > .tramites > .listTram li a:hover p {
		background-color: #f5f5f5;
		color:  #5ba9f1;
	}

	.act > .tramites > .listTram li a p {
		display: inline-block;
		font-size: 0.81em;
	}
	.act > .tramites > .listTram li a i {
		padding-right: 7px;
		color: #5ba9f1;
		font-size: 0.8em;
	}

@media only screen and (max-width:1064px){
	.actvServicios > .act {
		grid-template-columns: 35% 1fr 1fr;
		width: 97%;
	}

	.encuesta {
		padding:0px 6px 20px 6px
	}

}

@media only screen and (max-width:1000px){
	.act > .actividades {
		grid-column: 1 / span 2;
		height: 353px;
	}
	.actvServicios .act {
		grid-template-columns: 1fr 1fr;
		height: auto;
		width: 95%;
		row-gap: 57px;
		margin: 0 auto;
	}

	.act > .actividades:hover {
		background-size: cover;
}
}


@media only screen and (max-width:610px){
	.actvServicios .act {
		grid-template-columns: 1fr;
		width: 81%;
	}
	.act > .actividades {
		grid-column: 1 ;
	}
	
}


	/*------------------- enlaces home ------------------*/

	.enlaces {
		padding: 35px 0px;
	}

	.enlaces > .title {
		color: #6ca942;
		text-align: center;
		text-transform: uppercase;
	}
	.enlaces > .boxesEnlacs, .enlacDirectos > .links {
		grid-template-columns: repeat(5, 18%);
		column-gap: 2.5%;
		row-gap: 3%;
		padding-top: 37px;
	}
	.boxesEnlacs > .enlace {
		border-radius: 12px;
		-webkit-box-shadow: 0px 0px 85px 6px rgba(219,219,219,1);
		-moz-box-shadow: 0px 0px 85px 6px rgba(219,219,219,1);
		box-shadow: 0px 0px 85px 6px rgba(219,219,219,1);
		overflow: hidden;
		}

	.boxesEnlacs > .enlace > div {
		overflow: hidden;
		height: 162px;
	}

	.boxesEnlacs > .enlace > div > .imgEnlace {
		background-size: cover;
		background-position: center;
		min-height: 100%;
		/* width: 100%; */
		transform:scale(1);
		-ms-transform:scale(1);  
		-moz-transform:scale(1);  
		-webkit-transform:scale(1); 
		transition: all 500 ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out; 
		-moz-transition: all 500ms ease-in-out; 
		-ms-transition: all 500ms ease-in-out; 
	}

	.boxesEnlacs > .enlace:hover .imgEnlace {
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2); 
		-webkit-transform:scale(1.2); 
	}

	.boxesEnlacs > .enlace >.txt {
		padding: 17px;
		padding-bottom: 150px;
		color: #323232;
		position: relative;
	}
	.boxesEnlacs > .enlace >.txt p {
		 font-size: 0.8em;
		 line-height: 1.5;
		 padding-top: 7px;
		}
	.boxesEnlacs > .enlace >.txt h3 {
		text-transform: uppercase;
		color: #6ca942;
	}

	.boxesEnlacs > .enlace >.txt button {
		background-color: #6ca942;
		border: none;
		border-radius: 9px;
		color: #fff;
		padding: 3px 11px;
		position: absolute;
		bottom: 15px;
		right: 21px;
	}

	.boxesEnlacs > .enlace:hover button {
		background-color: #ececec;
		color: #6ca942;
		border: 1px solid #6ca942;
	}

	.boxesEnlacs > .enlace:hover > .txt:before {
		background-color: #6ca942;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		top:0;
		width: 100%;
	}
	
.enlacDirectos > .links > .lnk {
	color: #fff;
	background-color: #5ba9f1;
	border-radius: 4px 4px 0px 0px;
	margin-bottom: 20px;
	padding: 8px 15px;
	text-align: center;
}

.enlacDirectos > .links > .lnk i {
	font-size: 0.9em;
	padding-right: 5px;
}

@media only screen and (max-width:1100px) {
	.enlaces > .boxesEnlacs, .enlacDirectos > .links {
		width: 98%;
		margin: 0 auto;
	}
}

@media only screen and (max-width:1040px) {
	.boxesEnlacs > .enlace >.txt {
		padding: 10px;
		padding-bottom: 173px;
	}
}
@media only screen and (max-width:820px) {
	.boxesEnlacs > .enlace >.txt button {
		bottom: 9px;
	}

	.enlaces > .boxesEnlacs, .enlacDirectos > .links {
		grid-template-columns: repeat(3, 27%);
		width: 95%;
		margin: 0 auto;
		justify-content: center;

	}
}

@media only screen and (max-width:650px) {
	.enlaces > .boxesEnlacs, .enlacDirectos > .links {
		grid-template-columns: repeat(2, 45%);
		column-gap: 4%;
	}

	.boxesEnlacs > .enlace > .txt {
		padding-bottom: 146px;
	}

	.boxesEnlacs > .enlace:nth-child(5){
		grid-column: 1 / span 2;
		width: 52%;
		justify-self: center;
	}

	.boxesEnlacs > .enlace > div > .imgEnlace {
		background-size: cover;
		width: 100%;
	}
}

@media only screen and (max-width:410px){
	.enlaces {
    padding: 35px 0px 223px 0px;
}

	.enlaces > .boxesEnlacs, .enlacDirectos > .links {
    grid-template-columns: 90%;
}
.boxesEnlacs > .enlace:nth-child(5){
	grid-column: 1 ;
	width: 100%;
}
}


/*---------------------------- footer --------------------------------*/

footer {
	background-color: #d9d9d9;
}

.bannerfooter {
	background-color: #d9d9d9;
	position: relative;
	overflow: hidden;
	z-index: -1;
}

.contentFooter {
	overflow: hidden
}
.bannerfooter .imgF {
	background-size: cover;
	background-position: center center;
	display: block;
	width: 100%;
	height: 322px;
	animation: scales 7s ease infinite alternate;
}

.imgF > .title h2 {
	color: #fff;
	text-align: center;
	padding-top: 174px;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 0px 0px 17px rgb(41, 41, 41);
}

.bgfooter {
	background-image: url(../img/bgfooterWhite2.svg);
	height: 140px;
	width: 100%;
	position: absolute;
	z-index: 1000;
	top: -64px;/*-46px;*/

}
.foot > .contactF, .foot > .hours, .foot > .weather {
	display: inline-block;
	margin: 0 auto;
	position: relative;
}

.foot > .contactF:before, .foot > .hours:before, .foot > .weather:before {
	background-color: #fff;
	content: "";
	height: 58px;
	position: absolute;
	right: -39px;
	width: 1px;
}

.phone {
	background-image: url(../img/phone.svg);
}

.clock {
	background-image: url(../img/icomtime.svg);
}

.iconweater, .phone, .clock  {
	width: 31px;
	height: 31px;
	background-size: contain;
	position: absolute;
	top: 7px;
	left: -38px;
}

.iconweater {
	width: 39px;
	height: 39px;
	top: -1px;
}
.socials {
	grid-template-columns: repeat(3, 20%);
	align-content: center;
}
.socials a {
	display: block;
	text-align: center;
}
.socials a i {
	font-size: 1.2em;
	color: #d7e458;   
}
.socials a:hover i {
	color: #fff;
}

.foot {
	background-color: #74b1ed;
	border-radius: 0px 0px 10px 10px;
	column-gap: 8px;
	grid-template-columns: 25% 26% 26% 19%;/*repeat(4,22%);*/
	justify-content: center;
	line-height: 1.3;
	padding: 30px 112px;
	position: relative;
}

.foot .text p, .foot .text a {
	color: #fff;
	padding-left: 5px;
	font-weight: 600;
}
.foot .text p span, .foot .text a {
	font-weight: 400;
}
.text > .weather {
	font-size: 1.2em;
}
.foot .text a:hover {
	text-decoration: underline;
}
#policy {
	padding: 30px 0px;
	text-align: center;
}

@keyframes scales {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.05);
	}
}

@media only screen and (max-width:950px){
	.foot {
		padding: 30px 8px;
	}

	.foot > .contactF::before, .foot > .hours::before, .foot > .weather::before {
		right: -19px;
	}
}

@media only screen and (max-width:760px){
	.foot {
		grid-template-columns: 43% 40%;
	}

	.foot > .contactF::before, .foot > .hours::before, .foot > .weather::before {
    right: -13px;
	}
	.socials {
		grid-template-columns: repeat(3, 34%);
	}

	.foot > .contactF:before,
	.foot > .hours:before{
		background-color: #fff;
	content: "";
	height: 1px;
	position: absolute;
	right: -75px;
	width: 281px;
	bottom: 0;
	}

	.foot > .weather::before{
		width: 0px;
	}

	.foot > .weather, .foot .socials {
		margin-top: 21px;

	}
}

@media only screen and (max-width:520px){
	.foot > .contactF:before,
	.foot > .hours:before{
		right: -33px;
		width: 218px;
	}
}

@media only screen and (max-width:410px){
	.foot {
			grid-template-columns: 88%;
	}

	.contactF {
		margin-left: 94px;
	}
	.foot > .contactF,
	.foot > .hours, .foot > .weather{
		padding-bottom:18px;
		padding-top: 17px;
	}
	.foot > .contactF,
	.foot > .hours, .foot > .weather {
		margin: 0px auto 0px 93px;
	}

	.foot > .contactF:before,
	.foot > .hours:before, .foot > .weather:before{
		background-color: #fff;
		content: "";
		height: 1px;
		position: absolute;
		width: 281px;
		bottom: 0;
		margin: 0 auto;
	}
	.foot > .contactF:before {
		left: -78px;
	}
	.foot > .hours:before,
	.foot > .weather:before{
		left: -63px;
	}

	.contactF .phone, .clock  {
		top:21px;
	}

	.iconweater {
		top: 12px;
	}
}
/* ------------cambiar idioma------- */
.modalBox, .inlineBox, .modalBox2 {
	background: #fff;
	box-shadow: 0 0 20px rgba(64,64,64,0.2);
	border-top: 3px solid #1f68dd;
	margin: 26px auto;
	max-width: 520px;
	padding:17px 10px 12px;
	position: relative;
	/* text-align: center; */
}
.modalBox {
	text-align: center;
}
.modalBox.v2, .inlineBox.v2 { max-width: 380px }

.modalBox h1, .inlineBox h1 {
	color: #1f68dd /*#005bec*/;
	font-size: 1.8em;
	margin-bottom: 10px;
	text-align: center;
}

.modalBox #google_translate_element select, .inlineBox #google_translate_element select {
	padding: 6px 10px 2px 10px;
	border-bottom: 1px solid #1f68dd;

	margin-bottom: 24px;
}

.modalBox2 {
	border-top: 3px solid #66a033;
}

.modalPoll {
	border-top: 3px solid #a73b3a;
}


/*------------- modal buscar -------------*/
#frmSearch input[type="text"],
#frmSearch input[type="submit"] {
	display: block;
	margin: 0 auto;
	width: 80%;
}
#frmSearch input[type="text"] {
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #cbcbcb;
	padding: 10px;
	margin-bottom: 10px;
}

#frmSearch input[type="submit"]{
	padding: 7px 10px;
	background-color: #66a033;
	border-radius: 0px 0px 5px 5px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}
#frmSearch input[type="submit"]:hover {
	background-color: #70c526;
}
 /*--------------- arrow to top ---------------*/
.cdTop {
	background-color: #6ca942;
	border-radius: 50%;
	bottom: 112px;
	color: #fff;
	font-size: 1.5em;
	height: 40px;
	line-height: 38px;
	opacity: 0;
	position: fixed;
	right: 58px;
	text-align: center;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden;
	width: 40px;
	z-index: 9988;
}
.cdTop:hover { background-color: #70b343 }
.cdTop.cd-is-visible, .cdTop.cd-fade-out, .no-touch .cdTop:hover { transition: opacity .3s 0s, visibility 0s 0s }
.cdTop.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.no-touch .cdTop:hover {
	background-color: #4da750;
	opacity: 1;
}
.cdTop.cd-is-visible:focus { background-color: #729d3d }

@media only screen and (max-width: 750px){
	.cdTop {
		bottom: 71px;
		right: 24px;
	}
}


/*------------------------------------------ internas -----------------------------------------------*/

/* -------------------------------Article -------------------------------------*/
.allbg {
	width: 100%;
	background-color: #ececec;
	position: relative;
	padding-bottom: 49px;
}
.contentArticle {
	min-height: 300px;
	grid-template-columns: 19.3% 55% 18%;
	column-gap: 45px;
	justify-content: center;
	align-items: start; 
}

.menu, .container, .col3 {
	margin-top: 25px;
	position: relative;
	background-color: #fff;
}

.menu {
	border-radius: 0px 8px 8px 0px;
}
.col3 {
	border-radius: 7px 0px 0px 7px;
}

.menu, .col3 {
	box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.09);
	position: sticky;
	top: 40px;
}
.menu:before {
	background-color: #5f9e43;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px;
}

.menu li {
	position: relative;
}
.menu li a {
	color: #454545;
}
.menu li a:hover, .menu .pageSub a {
	color: #5f9e43;
}
.menu .subMenu li:hover:before, .pageSub:before {
	content: "";
	border-left: 5px solid #5f9e43;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	left: 0px;
	top: 12px;

} 
.boxTools {
	background-color: #fff;
	box-shadow: 0px 10px 16px -13px rgba(0,0,0,0.71);
	-moz-box-shadow: 0px 10px 16px -13px rgba(0,0,0,0.71);
	-webkit-box-shadow: 0px 10px 16px -13px rgba(0,0,0,0.71);
	position: sticky;
	top: 0;
	z-index: 100;
}
.tools {
	grid-template-columns: 1fr  repeat(5, 6%);
	border-bottom: 1px solid #5f9e43;
	border-top: 1px solid #5f9e43;
	padding: 5px;
	margin-bottom: 10px;
}

.tools a {
	border-left: 1px solid #e0e0e0;
	text-align: center;
	color: #5f9e43;
}
.tools #fontChange > a:last-child, .tools > a:last-child {
	border-right: 1px solid #e0e0e0;
}

.tools a:hover {
	border-left: 1px solid #e0e0e0;
	text-align: center;
	color: #aaaaaa;
}

.tools  a i {
	font-size: 0.9em;
}

.tools  a i.fa-plus, .tools  a i.fa-minus {
	font-size: 0.65em;
	position: absolute;
	top: 11px;
}
.contentArticle .col3 > .encuesta .options {
	margin-bottom: 12px;
	padding: 13px 15px;
}

#fontChange a {
	padding: 0px 9px;
}
#fontChange a:nth-child(2), #fontChange a:nth-child(3) {
	padding-right: 14px;
}


.update {
	color: #898989;
	font-size: 0.8em;
	text-align: center;
	padding-bottom: 15px;
}
.contentArticle .container {
	border-radius: 10px;
	padding: 0px;
}

.contentArticle .container .title h1 {
	color: #7cb058;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0px 7px 0px;
	text-align: center;
	text-transform: uppercase;
}

.titlePage {
	position: relative;
}
	
.contentArticle .container .textInfo  {
	padding: 10px 22px 20px 22px;
}
.contentArticle .container .textInfo p {
	line-height: 1.5em;
	padding: 8px 0px;
	text-align: justify;
}

.container .textInfo .imgLeft, .container .textInfo .imgRight , .container .textInfo .img100 {
	width: 100%;
	background-size: cover;
	background-position: center;
	border-radius: 0px 0px 9px 9px;
	border-top: 3px solid;
}

.container .textInfo .imgLeft, .container .textInfo .imgRight{
	width: 40%;

}
.container .textInfo .img100 {
	width: 100%;
}

.container .textInfo .imgLeft{
	float: left;
	margin: 20px 15px 10px 0px;
}

.container .textInfo .imgRight {
	float: right;
	margin: 20px 0px 10px 16px;
}


.textInfo a.zoomImage img{
	display: block;
	overflow: hidden;
	position: relative;
}
.textInfo a.zoomImage:before img{
	background-color: rgba(35,45,50,0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition:all 0.3s ease;
	top: 0;
	width: 100%;
}
.textInfo a.zoomImage:hover:before img{
	background-color: rgba(35,45,50,0.3);
}

	.container .textInfo > h5 {
		display: flow-root;
		width: 100%;
	}

@media only screen and (max-width: 1262px){
	.contentArticle {
		grid-template-columns: 18% 55% 18%;
		column-gap: 13px;
	}
}

@media only screen and (max-width:1100px){
	.contentArticle {
		grid-template-columns: 18% 55% 18%;
		column-gap: 23px;
	}
}

@media only screen and (max-width:866px){
	.contentArticle {
		grid-template-columns: 67% 29%;
		column-gap: 15px;
	}
	.menu {
		display: none;
	}
}

@media only screen and (max-width:620px){
	.contentArticle .bannerInfo > .banner {
		height: 301px;
	}
	.imgArtcl {
		height: 310px;
	}

	span.iconVideo {
    left: 44%;
		top: 32%;
	}

	.tools {
		grid-template-columns: 1fr repeat(5, 10%);
	}
}

@media only screen and (max-width:600px){
	.contentArticle {
    grid-template-columns: 100%;
	}

	.contentArticle > .col3 {
		width: 90%;
		justify-self: center;
	}
}


	/*-------------------- tabla ------------------*/

	.textInfo table {
		margin: 10px 0px;
		width: 100%;
	}

	.textInfo table thead tr > th {
		border-bottom: 1px solid #5f9e43;
		border-right: 1px solid #e0e0e04d;
		text-align: center;
		text-transform: uppercase;
		padding: 10px 12px;
		color: #fff;
		background-color: #5f9e43;
	}

	.textInfo table tbody tr > td {
		border-bottom: 1px solid #ccc;
		padding: 8px 15px;
	}
		
.textInfo table tbody tr:nth-child(odd) {
	background-color:#f2f2f2;
}

.textInfo table tbody tr:nth-child(even) {
	background-color:#fbfbfb;
}




/*------------------ listas ordernadas ----------------------*/
.textInfo > ul > li, .textInfo > ol > li {
	line-height: 1.2;
	padding: 5px 16px;
	position: relative;
	list-style: none;
}
.textInfo > ol > li  {
	counter-increment: myCounter;
}

.textInfo > ol > li:before {
	content: counter(myCounter)".";
	font-weight: 500;
	left: -12px;
	position: absolute;
	text-align: right;
	bottom: 5px;
	width: 22px;
}

.textInfo > ul > li:before {
	content: "";
	background-color: #5f9e43;
	border-radius: 50%;
	height: 7px;
	left: 3px;
	position: absolute;
	top: 11px;
	width: 7px;

}

/* ---------------banner article----------- */
.prev, .next {
	background-color: rgba(0, 0, 0, 0.322);
	border: none;
	color: rgba(255, 255, 255, 0.664);
	font-size: 28px;
	position: absolute;
	top: 45%;;
	z-index: 1;
	padding: 0px 12px;

}

.prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.54);
	color: #fff;
}
.prev {
	border-radius: 0px 4px 4px 0px;
}

.next {
	right: 0;
	border-radius: 4px 0px 0px 4px;
}
.banner .pagnDots {
	bottom: 0;
	position: absolute;
}

.banner  .pagnDots > li {
	background-color: transparent;
}

.textInfo h6:first-of-type {border: none;}
.textInfo h6 {
	background-color: #f2f2f2;
	color: #2a363d;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.36em;
	padding: 10px 28px 10px 10px;
	position: relative;
	text-align: left;
	transition:all 0.3s ease;
	border-top: 2px solid #fff;
}
.textInfo a {
	color: #5f9e43;
	transition:all 0.3s ease;
}
.textInfo h6:hover a { color: #5f9e43; text-decoration: none }

.textInfo h6:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2em;
	content: "\f107";
	color:#5f9e43;
	position: absolute;
	right: 9px;
	top: 7px;
}

.textInfo h6:first-of-type { margin-top: 22px }
.textInfo h2 + h6 { margin-top: 22px }
.textInfo h6.symbol:before { content: "\f106" }
.textInfo h6.symbol { color:#292826 }
.textInfo blockquote { 
	background-color: #f2f2f2;
	border-top: 1px solid #e0e0e0;
	padding: 5px 10px;
	display: none
 }
 



/* ------------------------leer más--------------------- */

#contentTruncate {
	display: none;
	margin-top: 22px;
}


	.textInfo h5 {
		cursor: pointer;
		font-size: 1em;
		font-weight: 500;
		padding-top: 10px;
		position: relative;
		text-align: center;
		border-top: #c6c6c6 1px dashed;
		color: #5f9e43;
	}
	.textInfo h5 a {
		border-bottom: 1px solid transparent;
		color: #5f9e43;
		display: inline-block;
		padding-bottom: 1px;
		transition:all 0.3s ease;
	}
	.textInfo h5 a:hover { text-decoration: none }
	.textInfo h5:hover a { border-color: #5f9e43 }
	.textInfo h5 i { margin-right: 6px }
	.textInfo h5.open a { color: #a5a5a5 }
	.textInfo h5:hover.open a { border-color: #a5a5a5 }
.textInfo h5.open:before { display: none }









#docs {
	background-color: #f6f6f6;
	border: 1px dashed #d6d6d6;
	display: inline-block;
	margin-top: 20px;	
	padding: 24px 30px;
	position: relative;
	width: 100%;
}

/*--------------------------- documentos ------------------*/
.file-list, .file-list ul {
	border-left:1px dotted #aaa;
	font-size:1em;
	list-style-type: none;
	margin-left:8px;
	padding-left:19px;
}
.fileTree ul { margin-left: -20px }
.file-list li {
	padding: 6px 0 6px 29px;
	position: relative;
}
.file-list li a {
	color:#2a363d;
	font-size: .94em;
	line-height: 1em;
}
.file-list li a:hover { text-decoration: underline }
.file-list li a:before{
	border-bottom:1px dotted #aaa;
	content: " ";
	display:block;
	height:1px;
	left:-14px;
	position:absolute;
	top:1em;
	width:10px;
}
.file-list li:before{
	color:#7a858b;
	content:'\f15b';
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	height:20px;
	left:2px;
	list-style-type: none;
	position:absolute;
	text-align: center;
	top:6px;
	width:20px;
}
.file-list li.doc:before { content:'\f1c2' }
.file-list li.power:before { content:'\f1c4' }
.file-list li.pdf:before { content:'\f1c1' }
.file-list li.img:before { content:'\f1c5' }
.file-list li.excel:before { content:'\f1c3' }
.file-list li.csv:before { content:'\f6dd' }
.file-list li.code:before { content:'\f1c9' }
.file-list .folder-root:before{
	color:#8f999e;
	content: "\f07b";
	font-weight: 900;
}
.file-list .folder-root.open > a {
	font-weight: 500
}
.file-list .folder-root.open:before{
	content: "\f07c"
}
li.folder-root ul{
	overflow:hidden;
	transition: all .3s ease-in-out;
}
li.folder-root.closed > ul {
	max-height:0px;
	opacity:0;
}
li.folder-root.open > ul {
	display:block;
	opacity:1;
	padding-top: 6px;
}


@media only screen and (max-width: 400px){
	.file-list li {
			padding: 6px 0 6px 19px;
	}
}



/*--------------------- Noticias ----------------------*/

.generalContainer {
	min-height: 300px;
	grid-template-columns: 19.3% 1fr;
	column-gap: 45px;
	justify-content: center;
	align-items: start; 
}

.container2 {
	border-radius: 0px 0px 10px 10px;
	margin-top:25px;
	padding: 0px;
}

.container2 h1 {
	color: #7cb058;
	font-size: 1.85em;
	padding: 10px 0px 7px 0px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
	position: relative;
}

.container2 h1:before {
	content: "";
	background-color: #7cb05899;
	height: 1px;
	width: 79%;
	position: absolute;
	left: 83px;
	bottom: 0;
}

.new .container2 h1:before {
	width: 100%;
position: absolute;
left: 0;
bottom: -4px;
}


.new > .container2 .titlePage > h1 p.fecha {
	padding: 2px 8px;
	text-align: center;
	font-size: .5em;
	color: #6ca942;
	position: absolute;
	left: 47%;
	background-color: #fff;
}

.imgNew:before {
	content: " ";
	background-color: #74a942;
	height: 3px;
	width: 100%;
	position: absolute;
	transition: all .4s;
}
.imgNew {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px 5px 0px 0px;
	height: 200px;
	position: relative;
	width: 100%;
	transition: all .4s;
	overflow: hidden;
}

.boxNew:hover .imgNew {
filter: brightness(0.8);
}

.cardNews{
	grid-template-columns: repeat(3, 31%);
	column-gap: 30px;
	row-gap: 37px;
	justify-content: center;
}

.cardNews > .boxNew {
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.09);
	transition: all .4s;

}

.boxNew:hover {
	box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 0.171);
}

.boxNew:hover .imgNew:before {
	background-color: #4d4d4d;
}


.cardNews > .boxNew p.fecha {
	color: #96a78b; 
	padding: 3px 18px 10px 0px;
	margin-top: 2px;
	text-align: right;
	transition: all .4s;
}
.boxNew:hover p.fecha {
	color: #6ca942; 

}

.cardNews > .boxNew .txt {
	padding: 10px 18px;
	color: #474747;

}

.cardNews > .boxNew .txt p {
	padding: 7px 0px;
}

.cardNews > .boxNew .txt h3 {
	font-weight: 600;
	transition: all .4s;
	color: #6ca942;
}

.boxNew:hover > .txt h3 {
	color: #4d4d4d;
}

#noticias .container2 > p, #actividades .container2 > p {
	text-align: center
} 


@media only screen and (max-width:1260px){
	.generalContainer {
		grid-template-columns: 17% 1fr;
		column-gap: 21px;
		width: 99%;
	}

}

@media only screen and (max-width:1100px){
	.cardNews {
	
			grid-template-columns: repeat(2, 46%);
			column-gap: 39px;
			justify-content: initial;
	}

}

@media only screen and (max-width: 885px){
	.generalContainer {
		grid-template-columns: 18% 1fr;
		column-gap: 17px;
		width: 98%;
	}
}

@media only screen and (max-width: 650px){
	#noticias .titlePage, #places .titlePage {
		width: 95%;
		margin: 0 auto;
	}
	.cardNews {
		column-gap: 20px;
		justify-content: center;
	}
}

@media only screen and (max-width: 530px){
	#noticias .titlePage {
		width: 92%;
	}
	.cardNews {
		grid-template-columns:92%;
	}

	.imgNew {
		height: 275px;
	}
	
	.container2 h1::before {
		left: 10%;}

}



/*-------------------- proyectos --------------------*/
#proyectos form,  #actividades form {
	display: inline-block;
	position: absolute;
	top: 0;
	padding: 0px;
}
#proyectos form {
	right: 30px;
}

.titlePage .descripcion {
	padding-bottom:32px;
	position: relative;
}

#proyectos .titlePage .descripcion {
	padding-bottom: 52px;
}

#proyectos .descripcion p, #actividades .descripcion p {
	width: 73%;
	display: inline-block;
	padding-right: 25px;
	text-align: justify;
}

#proyectos form select, #actividades form select {
	padding: 7px 12px;
	border-radius: 9px 9px 0px 0px;
	border: 1px solid #83b158;
} 
#proyectos .cardProject {
	width: 98%;
	grid-template-columns: 47% 47%;
	column-gap: 33px;
	row-gap: 23px;
	justify-content: center;
}

#proyectos .box {
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
	padding: 12px 18px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-top: 3px solid #83b158;
	border-radius: 6px;
	box-shadow:	0px 0px 22px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:	0px 0px 22px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:	0px 0px 22px 0px rgba(0,0,0,0.1);
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out; /* IE 9*/
	-moz-transition: all 500ms ease-in-out; /* Firefox*/
	-ms-transition: all 500ms ease-in-out; /* Safari and Chrome */
	-o-transition: all 500ms ease-in-out; /* Opera   */
}

#proyectos .box:hover {
	border-top: 3px solid #438ed4;
}

#proyectos .box > .img {
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.1);
	padding-top: 200px;
	border-top: 3px solid #83b158;
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out; /* IE 9*/
	-moz-transition: all 500ms ease-in-out; /* Firefox*/
	-ms-transition: all 500ms ease-in-out; /* Safari and Chrome */
	-o-transition: all 500ms ease-in-out; /* Opera   */
	position: relative;
	overflow: hidden;
}

#proyectos .box:hover > .img {
	border-top: 3px solid #438ed4;
	filter:brightness(0.8);

}

#proyectos .text, #actividades .text {
	line-height: 1.5;
	padding: 5px 0px;
}

#proyectos .text h3, #actividades .text h3{
	margin-bottom: 5px;
	text-align: center;
	color: #83b158;
	font-weight: 600;
	transition: all 500ms ease-in-out;
-webkit-transition: all 500ms ease-in-out; /* IE 9*/
-moz-transition: all 500ms ease-in-out; /* Firefox*/
-ms-transition: all 500ms ease-in-out; /* Safari and Chrome */
-o-transition: all 500ms ease-in-out; /* Opera   */
}

#proyectos .box p.fecha {
	padding-top: 7px;
	color: #83b158;
}

#proyectos .box:hover p.fecha, #proyectos .box:hover p.estado, #proyectos .box:hover .text h3{
	color: #438ed4;

}

#proyectos .box p.estado {
	position: absolute;
	bottom: 12px;
	right: 16px;
	color: #999999;
}



@media only screen and (max-width: 950px){
	#proyectos .cardProject {
    width: 98%;
		grid-template-columns: 48% 48%;
		column-gap: 4%;
		row-gap: 23px;
		justify-content: center;
	}
}
@media only screen and (max-width: 650px){
	#proyectos .cardProject {
    width: 99%;
    grid-template-columns: 48% 48%;
    column-gap: 10px;
    justify-content: center;
	}
}

@media only screen and (max-width: 530px){
	#proyectos .cardProject {
		width: 100%;
		grid-template-columns: 87%;
	}
}

@media only screen and (max-width: 340px){
	#proyectos .cardProject {
		grid-template-columns: 98%;
	}
}
/*--------------------- actividades ---------------------*/

#actividades .box {
	/* border-left: 2px solid #83b158; */
	grid-template-columns: 35% 1fr;
	margin-bottom: 20px;
	column-gap: 20px;
	background: #fff;
	border-radius: 12px 0px 0px 12px;
	overflow: hidden;
}

#actividades .box .img {
		background-size: cover;
		background-position: center;
		border-right: 2px solid #83b158;
		-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.1);
		padding-top: 200px;
		position: relative;
		overflow: hidden;
}




#actividades .content {
	padding: 20px 20px 40px 20px;
	position: relative;
}

#actividades .box span, #proyectos .box span {
	position: absolute;
	right: 0;
	color: #ffffff;
	padding: 8px;
	background-color: #232323cc;
	bottom: 0;
	border-radius: 8px 0px 0px 0px;
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out; /* IE 9*/
	-moz-transition: all 500ms ease-in-out; /* Firefox*/
	-ms-transition: all 500ms ease-in-out; /* Safari and Chrome */
	-o-transition: all 500ms ease-in-out; /* Opera   */
	transform:translate(0px);
	-ms-transform:translate(0px); /* IE 9 */
	-moz-transform:translate(0px); /* Firefox */
	-webkit-transform:translate(0px); /* Safari and Chrome */
	-o-transform:translate(0px); /* Opera */
}

#actividades .box:hover span, #proyectos .box:hover span {
	transform:translate(90px);
	-ms-transform:translate(90px); /* IE 9 */
	-moz-transform:translate(90px); /* Firefox */
	-webkit-transform:translate(90px); /* Safari and Chrome */
	-o-transform:translate(90px); /* Opera */
}

#actividades .text h3{
	text-align: left;
}
#actividades .box p.fecha {
	text-align: right;
	color: #868686
}

#actividades .box .btnVer {
	display: block;
	background: #6ca942;
	border: none;
	border-radius: 5px;
	padding: 4px 12px;
	position: absolute;
	color: #fff;
	bottom: 20px;
}

#actividades .box:hover .btnVer {
	background-color: #575757;
}

.text > p {
	padding-bottom: 5px;
}

@media only screen and (max-width:1100px){
	.generalContainer {
		grid-template-columns: 19% 1fr;
		column-gap: 25px;
		width: 96%;
		margin: 0 auto;
	}
}


@media only screen and (max-width:866px){
	
	#actividades .box {
		grid-template-columns: 42% 1fr;
		margin-bottom: 20px;
		column-gap: 0px;
	}
	.generalContainer {
		grid-template-columns: 100%;
		width: 98%;
		margin: 0 auto;
	}
	

}


@media only screen and (max-width:530px){
	
	#actividades .box {
		grid-template-columns: 100%;
		width: 80%;
		margin: 20px auto;
	}
	#actividades .box .img {
		border-right: none;
		border-bottom: 2px solid #83b158;
	}

	#proyectos .descripcion p, #actividades .descripcion p {
    width: 83%;
    display: block;
    padding-right: 0px;
    margin: 0 auto;
	}

	#proyectos form, #actividades form {
		display: block;
		position: initial;
		width: 83%;
		margin: 10px auto 0px auto;
	}

}

@media only screen and (max-width:340px){
	#actividades .box {
		width: 95%;
	}

	#proyectos form, #actividades form {
		width: 97%;
	}
	#proyectos .descripcion p, #actividades .descripcion p {
		width: 95%;
		overflow-wrap: break-word;
		
	}
}


/*------------------- paginator ---------------------*/

.paginator {
	display: block;
	text-align: center;
	margin-top: 30px;
}
.paginator span  {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	background-color: #e0e0e0;
	padding: 1px 1px 0px 1px;
	/* border: 1px solid #6ca942; */
}
.paginator span a {
	color: #618f42;
	font-size: 0.8em;
}

.paginator span:hover, .paginator span:hover a  {
	background-color: #618f42;
	color: #fff;
}

.paginator .pager, .paginator .pager a  {
	background-color: #6ca942;
	color: #fff;
	font-size:0.9em;
}


/*--------------------------- actividad iterna----------------------------- */
/* #detailActivity */
 .detail {
	grid-template-columns: 18.3% 59% 18%;
	column-gap: 28px;
	justify-content: center;
	align-items: start;
}

#detailActivity .act .info, .detail .info {
padding: 0px  22px 20px 22px;
}

 .info > .titlePage h1 {
	color: #6ca942;
	position: relative;
	font-weight: 500;
}
#detailActivity .act .info > .titlePage h1:before {
	content: "";
	background-color: #6ca942;
	height: 1px;
	width: 100%;
	left: 0;
	bottom:-3px;
	position: absolute;

}
#detailActivity .act .info > .titlePage p {
	text-align: right;
	padding: 8px 2px;;
}

#detailActivity  .act .content {
	grid-template-columns: 60% 40%;
	margin-bottom: 15px;
}

.detailSlick {	
	border-radius: 10px 10px 0px 0px;
	position: relative;
	overflow: hidden;
}


.detail .img, .detail .img1 {
	background-size: cover;
	 background-repeat: no-repeat;
	 height: 400px;
	background-position: center;
	border-bottom: 3px solid #7aa23f;
	border-radius: 7px 7px 0px 0px;
}

.detail .img1 {
	height: 260px;
}

.vid > span, .vidBanner > span  {
	position: absolute;
	left: 48%;
	top: 41%;
	font-size: 2em;
	color: rgba(255, 255, 255, 0.658);
}

.vidBanner > span {
	font-size: 2.5em;
}

.vid, .vidBanner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 10px 10px 0px 0px;
	height: 400px;
	position: relative;
}

.vid {
	height: 260px;
}

span.iconVideo {
	font-size: 3em;
	left: 47%;
	top: 43%;
}
span.iconVideo:hover {
	color: #fff;

}
span.mini {
	left: 44%;
	top: 40%;
}


.datosfecha {
	align-items: center;
}



.datosfecha > .inicio p, .datosfecha > .fin p, .datosfecha > .lugar p {
	font-size: 1.3em;
	padding-top: 5px;
	color: #68a23f;
}


.datosfecha > .inicio, .datosfecha > .fin, .datosfecha > .lugar {
	padding-left: 20px;
	position: relative;
}

.info > .text p {
	padding: 5px 0px;
	line-height: 1.5;
}

@media only screen and (max-width:1100px){
	.detail {
		width: 97%;
    margin: 0 auto;
	}
}

@media only screen and (max-width:866px){
	.detail {
		grid-template-columns: 69% 29%;
		column-gap: 13px;
	}

	#detailActivity > .detail > .act > .container > .content {
		grid-template-columns: 100%;
	}
	.datosfecha {
    grid-template-columns: repeat(2, 1fr);
	}
	.datosfecha > .lugar {
		grid-column: 1 / span 2;
		margin: 10px 0px;
	}
	.datosfecha > .inicio, .datosfecha > .fin {
	margin: 10px 0px;

	}
}

@media only screen and (max-width:600px){
	.detail {
		grid-template-columns: 100%;
	}

	.detail > .col3 {
		width: 90%;
		justify-self: center;
	}

	.datosfecha > .inicio, .datosfecha > .fin, 	.datosfecha > .lugar {
		padding: 0;
	}

}

@media only screen and (max-width:400px){

	.detail > .col3 {
		width: 90%;
		justify-self: center;
	}

	.datosfecha {
    grid-template-columns:100%;
	}
	.datosfecha > .lugar {
		grid-column: 1 ;
		padding: 0
	}

	.datosfecha > .inicio, .datosfecha > .fin {
		padding: 0;
	}

}







/*---------------------- resultados de encuestas ----------------------------*/

#pollResult {
	padding: 0px 10px;
}
#pollResult .pTitle, #pollResult .pRow {
	display: block;
	padding: 8px 0px;
	position: relative;
}

#pollResult  .pRow span {
	background-color: #c2c2c2;
	width: 80%;
	height: 5px;
	position: absolute;
	right: 0;
	top: 16px;
}

#pollResult  .pRow span em {
	background-color: #a73b3a;
	width: 80%;
	height: 5px;
	position: absolute;
	left: 0;
	top: 0px;
}

/*--------------------- proyecto interna -------------------*/

.project .info > .titlePage {
	text-align: left;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 10px;
}

.project .info > .titlePage p {
	position: absolute;
	right: 0;
	background-color: #fff;
	display: inline;
	bottom: -10px;
	padding: 2px 5px;
}
.project .info > .titlePage p.estado {
	right: 47px;
	padding: 2px 7px;
}

.project .info > .textInfo {
	margin-top: 20px;
}


/* --------------------------------- ORGANIGRAMA --------------------------------------- */
.orgchart .titlePage h1 {
	color: #a73b3a;
	border-bottom: 1px solid #a73b3a;
	padding: 15px 0px;
	text-align: center;
}
/* ----------- orgChart -----------*/

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
 .orgchart {
	font-size: .98em;
	min-height: 202px;
	min-width: 202px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	position: relative;
}
.orgchart .hidden, .orgchart~.hidden { display: none }
.orgchart.b2t { transform: rotate(180deg) }
.orgchart.l2r {
	position: absolute;
	transform: rotate(-90deg) rotateY(180deg);
	transform-origin: left top;
}
.orgchart .verticalNodes ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	text-align: left;
}
.orgchart .verticalNodes ul:first-child { margin-top: 2px }
.orgchart .verticalNodes>td::before {
	content: '';
	border: 1px solid #819ba3;
	line-height: 25px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	box-sizing: border-box;
	top: -4px;
	height: 27px; /*fcc*/
	width: calc(50% - 2px);
	border-width: 2px 0 0 2px;
	margin-top: -2px;
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: -6px;
	border-color: #819ba3;
	border-style: solid;
	border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
	top: -4px;
	height: 27px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	top: 1px;
	height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
	box-sizing: border-box;
	top: 21px; /*fcc*/
	width: 15px; /*fcc*/
	border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li:last-child::after {
	box-sizing: border-box;
	border-width: 2px 0 0;
}

.orgchart.r2l {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
}
.orgchart>.spinner {
	font-size: 100px;
	margin-top: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart table {
	border-spacing: 0;
	border-collapse: separate;
}
.orgchart>table:first-child { margin: 20px auto }
.orgchart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}
.orgchart .lines:nth-child(3) td {
	box-sizing: border-box;
	height: 20px;
}
.orgchart .lines .topLine { border-top: 2px solid #819ba3 }
.orgchart .lines .rightLine {
	border-right: 1px solid #819ba3;
	float: none;
	border-radius: 0;
}
.orgchart .lines .leftLine {
	border-left: 1px solid #819ba3;
	float: none;
	border-radius: 0;
}
.orgchart .lines .downLine {
	background-color: #819ba3;
	margin: 0 auto;
	height: 20px;
	width: 2px;
	float: none;
}

/* node styling */
.orgchart .node {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 3px;
	border: 2px dashed transparent;
	text-align: center;
	/*width: 130px;*/
}
.orgchart.l2r .node, .orgchart.r2l .node {
	width: 50px;
	height: 130px;
}
.orgchart .node>.spinner {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	vertical-align: middle;
	font-size: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
	/*background-color: rgba(238, 217, 54, 0.5);*/
	transition: .5s;
	cursor: default;
	z-index: 20;
}
/*.orgchart .node.focused { background-color: rgba(227, 227, 227, 0.8)}*/
.orgchart .ghost-node {
	position: fixed;
	left: -10000px;
	top: -10000px;
}
.orgchart .ghost-node rect {
	fill: #ffffff;
	stroke: #bf0000;
}
.orgchart .node.allowedDrop { border-color: rgba(68, 157, 68, 0.9) }

.orgchart .node .title {
	background-color: #5f9e43;
	border-radius: 3px;
	color: #fff;
	font-size: .85em;
	font-weight: 500;
	line-height: 20px;
	overflow: hidden;
	padding: 6px 12px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 4px;
}
.orgchart .node .title a { color: #fff; display: block; }
.orgchart .node .title i { display: none }

.orgchart > table .nodes .node .title {
	background-color: #a73b3a;
}
.orgchart .l01 .title {
	background-color: #5ba9f1 !important;
	font-size: .8em;
}
.orgchart .l02 .title {
	background-color: #5f9e43 !important;
}
.orgchart .l03 .title {
	background-color: #718f99 !important;
}

.orgchart.b2t .node .title {
	transform: rotate(-80deg);
	transform-origin: center bottom;
}
.orgchart.l2r .node .title {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart.r2l .node .title {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart .node .title .symbol {
	float: left;
	margin-top: 4px;
	margin-left: 2px;
}
.orgchart .node .content {
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid rgba(217, 83, 79, 0.8);
	border-radius: 0 0 4px 4px;
	text-align: center;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orgchart.b2t .node .content {
	transform: rotate(180deg);
	transform-origin: center top;
}
.orgchart.l2r .node .content {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: top center;
	width: 120px;
}
.orgchart.r2l .node .content {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: top center;
	width: 120px;
}
.orgchart .node .edge {
	font-size: 15px;
	position: absolute;
	color: rgba(68, 157, 68, 0.5);
	cursor: default;
	transition: .2s;
}
.orgchart.noncollapsable .node .edge { display: none }
.orgchart .edge:hover {
	color: #449d44;
	cursor: pointer;
}
.orgchart .node .verticalEdge {
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	left: 5px;
}
.orgchart .node .topEdge { top: -4px }
.orgchart .node .bottomEdge { bottom: -4px }
.orgchart .node .horizontalEdge {
	width: 15px;
	height: calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	top: 5px;
}
.orgchart .node .rightEdge { right: -4px }
.orgchart .node .leftEdge { left: -4px }
.orgchart .node .horizontalEdge::before {
	position: absolute;
	top: calc(50% - 7px);
}
.orgchart .node .rightEdge::before { right: 3px }
.orgchart .node .leftEdge::before { left: 3px }
.orgchart .node .topEdge,
.orgchart .node .bottomEdge,
.orgchart .node .rightEdge,
.orgchart .node .leftEdge { display: none }

.orgchart .node .toggleBtn {
	background-color: #00a0ff;
	border:1px solid #00a0ff;
	color: #fff;
	display: block;
	line-height: .86em;
	position: absolute;
	left: 0;
	bottom: 11px;
	width: 14px;
	z-index: 1000;
}
/*path { pointer-events: none }*/
.orgchart .node .toggleBtn:hover { background-color: #a73b3a }

.oc-export-btn {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid transparent;
	border-color: #4cae4c;
	border-radius: 4px;
}
.oc-export-btn[disabled] {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.3;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
	background-color: #449d44;
	border-color: #347a34;
}
.orgchart~.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
	position: absolute;
	top: calc(50% - 54px);
	left: calc(50% - 54px);
	color: rgba(255,255,255,0.8);
	font-size: 108px;
}
.orgchart .node { transition: transform 0.3s, opacity 0.3s }
.orgchart .slide-down {
	opacity: 0;
	transform: translateY(40px);
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
	transform: translateY(130px)
}
.orgchart .slide-up {
	opacity: 0;
	transform: translateY(-40px);
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
	transform: translateY(-130px)
}
.orgchart .slide-right {
	opacity: 0;
	transform: translateX(130px);
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
	transform: translateX(40px);
}
.orgchart .slide-left {
	opacity: 0;
	transform: translateX(-130px);
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
	transform: translateX(-40px);
}


/*------------------------------- Directotio ----------------------*/

#directory .container2 {
	padding: 10px 35px 42px 35px;
	background-color: #fff;
	border-radius: 9px;
}
#directory .container2 > .titlePage > h1 {
	 color: #a73b3a;
}#directory .container2 > .titlePage > h1::before {
	background-color: #a73b3a;
}

#directory .contacts .area {
	/* background-color: #ececec; */
	color: #2a363d;
	cursor: pointer;
	line-height: 1.36em;
	font-size: 1.4em;
	padding: 16px 10px 6px 0px;
	position: relative;
	text-align: left;
	transition:all 0.3s ease;
	border-bottom: 1px solid rgb(138, 52, 52);
	/* -webkit-box-shadow: 0px 10px 18px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 18px -16px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 18px -16px rgba(0,0,0,0.75); */
}


.contacts a {
	color: #5f9e43;
	transition:all 0.3s ease;
}
.contacts .area:hover a { 
	color: #a73b3a;
	text-decoration: none}

.contacts .area:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2em;
	content: "\f107";
	color:#a73b3a;
	position: absolute;
	right: 9px;
	top: 11px;
}

.contacts .area:first-of-type { margin-top: 22px }
.contacts h2 + .area { margin-top: 22px }
.contacts .area.symbol:before { content: "\f106" }
.contacts .area.symbol { color:#292826 }
.contacts blockquote { 
	background-color: #fff;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 9px 27px -26px rgba(0, 0, 0, 0.4);
	display: none;
	margin-bottom: 15px;
	-moz-box-shadow: 0px 9px 27px -26px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 9px 27px -26px rgba(0, 0, 0, 0.4);
}

.cntentContacts {
	grid-template-columns: repeat(4, 25%);
}

.employee:first-of-type, .employee:nth-child(4n+1) {
	border: none;
}
.employee {
	border-left: 1px solid #e0e0e0;
	line-height: 1.3;
	padding: 20px 5px;
	text-align: center;
}
 .employee > img {
	border-radius: 50%;
	width: 85px;
	height: 85px;
	margin: 0 auto;
 }

 .employee .datos > a {
	 padding: 3px 10px;
 }

 .employee .datos > a {
	color: #a73b3a;
}
	.employee .datos > a:hover {		
	color: #5f9e43;
 }




 /*----------------------- modal contacto ------------------*/

 .people {
	padding: 10px;
	text-align: center;
	display: inline-block;
 }

 .people figure,  .people2 figure {
	 margin: 0 auto;
 }

 .imgCover {
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 width: 85px;
	 height: 85px;
	 border-radius: 8px;
 }

 .people  h1, .contactBox > h1, #divEmployee h1  {
	color: #a73b3a;
	padding: 10px 0px;
 }

 .contactBox > h1 {
	 text-align: center;
 }

 .people p.name {
	 font-size: 1.2em;
	 font-weight: 500;
 }

/*----------------------- Form ---------------------*/
.formContacto, .colorBorder {
	border-top: 3px solid #a73b3a;
}

.formContacto form {
	width: 89%;
	margin: 0 auto;
}

.formContacto form input[type="text"], .formContacto form textarea, .formContacto form select, .formContacto form input[type="password"],.formContacto form  input[type="number"], .formArticle input[type="text"], .formArticle textarea, .formArticle select, .formArticle input[type="password"],.formArticle input[type="number"], .formArticle input[type="date"] {
	border-color: 	#a73b3a;
	display: block;
	width: 100%;
}

form input[type="submit"] {
	padding: 7px 26px;
	font-weight: 500;
}

form .load {
	margin-top: 20px
}

/*----------------------- form en contacto ------------------------*/
#articleForm .contentArticle .textInfo > .title > h1 {
	color: #a73b3a;
}

.captcha {
	background-repeat: no-repeat;
	background-position: right center;
}


/*------------------------ general_ ------------------------*/

form {
	padding: 20px 10px;
}

form input, form label, form textarea, form select {
	display: block;
	width: 100%;
}

form input[type="text"],form input[type="email"], form input[type="date"], form textarea, form select, input[type="password"], input[type="number"] {
 padding: 5px 7px;
 color: #52504e;
 border-bottom: 1px solid;
 margin-bottom: 23px;
}

form input[type="text"]:placeholder, form textarea:placeholder {
	color: rgb(107, 107, 107);
}

form input[type="submit"] {
	padding: 7px 26px;
	font-weight: 500;
	width: 100px;
}

input[type="file"] {
	padding: 17px 0px;
}
form label {
	padding: 5px 0px;
}


.generalForm .mandatory::after, .formContacto {
	content: "*";
	color: #6ca942;
	font-size: 1.6em;
	margin: -5px 0 0 6px;
	position: absolute;
}

.errors, .success, .redTxt  {
	background-color: #f2f2f2;
	padding:0px 8px;
	margin: 5px 0px;
}

.errors > p > span, .error > p > span, .redTxt  {
	color: #c9201d;
}

.success > p {
	color: #6ca942;
}

@media only screen and (max-width:820px) {
	form input[type="submit"] {
		width: 100%;
	}
}
@media only screen and (max-width:600px) {
	form input[type="submit"] {
		width: 100px;
	}
}

@media only screen and (max-width:450px) {
	form input[type="submit"] {
		width: 100%;
	}

	form textarea {
		height: 126px;
		/* border: 1px solid; */
		border-radius: 6px 6px 0px 0px;
		-webkit-box-shadow: inset 0px 0px 18px -3px rgba(0,0,0,0.14);
		-moz-box-shadow: inset 0px 0px 18px -3px rgba(0,0,0,0.14);
		box-shadow: inset 0px 0px 18px -3px rgba(0,0,0,0.14);
	}
}

/*----------------------- Resultados de Busqueda --------------------------*/

.searcher .container2 {
	margin-top: 0px;
	padding: 20px;
}

.searcher .container2 h1::before {
	width: 82%;
	left: 9%;
}

.searcher .container2 h2 {
	color: #1fa0fc;
	text-align: center;
	margin-bottom: 10px;
}

.sResults {
	width: 82%;
	margin: 0 auto;
}
.sResults a.link {
	background-color: #ebebeb;
	border: 1px dashed #afafaf;
	border-top: 1px solid #aaaaaa;
	display: block;
	line-height: 1.5;
	margin-bottom: 6px;
	padding: 15px 20px;
	transition: all .3s ease;
}

.sResults a.link:hover {
	background-color: #f2f2f2;
	border-top: 1px solid #1fa0fc;
}

.sResults a.link p.title {
	font-size: 1.3em;
	font-weight: 500;
	padding-left: 10px;
	position: relative;
}

.sResults a.link p.title:before {
	content: "";
	background-color: #999999;
	bottom:11px;
	left: 0;
	height: 3px;
	width: 8px;
	position: absolute;
	border-radius: 3px;
	transition: all .5s ease;
}


.sResults a.link p.url {
	color: #999999
}

.sResults a.link:hover p.url {
	color: #1fa0fc;
	transition: all .3s ease;
}

.sResults a.link:hover p.title:before {
background-color: #1fa0fc;
}
@media only screen and (max-width:1260px){
	#directory > .generalContainer {
		width: 94%;
	}
}

@media only screen and (max-width:1100px){
	.cntentContacts {
		grid-template-columns: repeat(3, 31%);
	}
}

@media only screen and (max-width:980px){
	.cntentContacts {
		grid-template-columns: repeat(2, 51%);
	}
}

@media only screen and (max-width:550px){
	.cntentContacts {
		grid-template-columns:  100%;
	}
	.employee {
		text-align: left;
		border: none;
	}
	.employee > img {
		margin-right: 10px;
	}
	.employee > .datos {
		display: inline-block;
		top: -7px;
		position: relative;
	}
	.employee > .datos > a {
		padding: 0;
	}
}
@media only screen and (max-width:450px){
	.sResults a.link > p.text {
		display: none
	}

}

@media only screen and (max-width:390px){
	.employee {
		text-align: center;
	}
	.employee > img {
		margin-right: 0px;
	}

	.employee > .datos{
		padding: 10px 0px;
	}

}

/*------------------------------ encuestas ---------------------*/
.allPolls .titlePage h1 {
	text-align: center;
	padding-top: 15px;
}


.pollsList {
	grid-template-columns: 49% 49%;
	row-gap: 20px;
	column-gap: 23px;
	padding-top: 40px;
}

.pollsList .ls {
	background-color: #fff;
	border-radius: 10px;
}

.pollsList .ls  h2 {
text-align: center;
margin-bottom: 15px;
background-color: #a73b3a;
color: #fff;
}

.pollsList .ls > .on,
.pollsList .ls > .off {
	display: block;
	position: relative;
	width: 94%;
	margin: 0px auto 20px auto;
	padding: 0px 0px 15px 10px;
}


.pollsList .ls > .on > p, 
.pollsList .ls > .off > p {
	display: inline-block;
	font-size: 2.4em;
	color: #a73b3a;
	margin-right: 7px;
	position: absolute;
	top: -7px;
}

.pollsList .ls > .on:before,
.pollsList .ls > .off:before {
	content: "";
	height: 1px;
	width: 94%;
	position: absolute;
	bottom: -4px;
	border-top: 1px dashed #a73b3a;
}


.pollsList .ls > .on > .ask,
.pollsList .ls > .off > .ask {
	/* display: inline-block; */
	line-height: 1.5;
	padding: 0px 0px 12px 44px;
}
.pollsList .ls  .ask p:first-of-type {
	color: #a73b3a;
}

.pollsList .ls > .on  a {
	background-color: #e7e7e7;;
	border: 1px solid transparent;
	color: rgb(104, 104, 104);
	font-size: 0.83em;
	padding: 5px 30px;
	border-radius: 5px;
	letter-spacing: 0.6px;
	text-align: center;
	font-weight: 600;
}

.pollsList .ls > .on  a:hover {
	border-color: #a73b3a;
	color: #a73b3a;
}

@media only screen and (max-width:1100px){
	.pollsList {
		width: 95%;
		margin: 0 auto;
	}

}
@media only screen and (max-width:600px){
	.pollsList {
		grid-template-columns: 89%;
		justify-content: center;
	}

	.pollsList .ls > .on  a {
		display: block;
		margin-bottom: 10px;
	}

}

/*---------------------- mapa del sitio --------------------*/

.sitemap h1 {
	text-align: center;
	color: #1e2c3be6;
	padding-top: 20px;
}

.cols {
	grid-template-columns: repeat(2, auto);
	column-gap: 10px;
	row-gap: 10px;
	justify-content: space-evenly;
}

#sitemap > ul {
	font-size: 1.3em;
}

#sitemap > ul > li {
	margin-bottom: 15px;
}

#sitemap > ul > li p, #sitemap > ul > li > a > p  {
	font-weight: 500;
	color: #68a23f;
	padding-bottom: 6px;
}

#sitemap > ul > li > ul > li > a {
	font-size: 0.8em;
	color: #292826;
	font-weight: 400;
	position: relative;
padding-left: 10px;
transition: all .3s ease;
}


#sitemap > ul > li > ul > li:hover > a {
	color:#68a23f;
	padding-left:0px;
}
#sitemap > ul > li > ul > li > a:before {
	content: "";
	background-color: #68a23f;
	height: 1px;
	width: 0%;
	position: absolute;
	bottom: -3px;
	transition: width .3s ease;
}
#sitemap > ul > li > ul > li:hover > a:before {
	width: 100%;
}

#sitemap > ul > li > ul > li > a:after {
	content: "";
	background-color: #68a23f;
	width: 5px;
	height: 3px;
	border-radius: 10px;
	position: absolute;
	left: 0;
	bottom: 7px;
	transition: width .3s ease;
}

#sitemap > ul > li > ul > li:hover > a:after{
	width: 0px;
}

@media only screen and (max-width:500px){
	.cols {
		grid-template-columns: 100%;
		width: 90%;
		margin: 0 auto;
	}
}

/*------------------------ lugares --------------------------*/
.boxPlace {
	background: #fff;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	transition: .3s ease;
}

.boxPlace > .imgNew:before {
	bottom: 0;
	box-shadow:	 0px 0px 13px 6px  rgba(0, 0, 0, 0.2);
	-moz-box-shadow:	 0px 0px 13px 6px  rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:	 0px 0px 13px 6px  rgba(0, 0, 0, 0.2);
	transition: .3s ease;
}

.boxPlace:hover > .imgNew:before {
	box-shadow:	 0px 0px 13px 300px  rgba(0, 0, 0, 0.2);
	-moz-box-shadow:	 0px 0px 13px 300px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:	 0px 0px 13px 300px  rgba(0, 0, 0, 0.2);
}

.boxPlace > .txt {
	padding: 20px 15px 24px 15px;
	position: relative;
}

.boxPlace > .txt > h3 {
	color: #74a942;
	padding-bottom: 10px;
	position: relative;
	display: inline-block;
}
.boxPlace > .txt > h3:before {
	content: " ";
	background-color: #74a942;
	height: 2px;
	width: 0%;
	position: absolute;
	bottom: 7px;
	transition: width .3s ease;
}
.boxPlace:hover > .txt > h3:before {
	width: 100%;
}
@media only screen and (max-width:600px) {
	.boxPlace > .txt > h3:before {
		width: 100%;
	}

	.boxPlace:hover > .imgNew:before, .imgNew:before {
		box-shadow: none;
	}

	.boxNew:hover .imgNew {
		filter: none;
	}
}


/*------------------------------- blog -----------------------*/
.generalContainer > .container {
	padding: 10px 25px;
}

.container .title > h1  {
	color: #00a0ff;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}


.optblog {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	transition: all .4s ease;
}

.optblog:hover {
	background-color: #f5f5f5;
}


.blogs .optblog > .image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #fff;
	float: left;
	margin-right: 20px;
	padding-top: 201px;
	position: relative;
	transition: all .3s ease;
	width: 30%;
border-radius: 10px 10px 0px 0px;
}

.optblog:hover > .image {
	 border-color: #474747;
}

.optblog .text {
	padding: 10px 0px;
}

.optblog .text h3 {
	color: #00a0ff;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 1.4em;
	transition: all .4s ease;
	position: relative;
}

.optblog:hover > .text > h3 {
	color: #474747;

}

.optblog > .text > h3:before {
	content: "";
	background-color: /*#474747*/;
	height: 1px;
	width: 0%;
	left: 30%;
	bottom: -4px;
	position: absolute;
	transition: all .4s ease;
}
.optblog:hover .text > h3:before {
	width: 70%;
}

.optblog .text p {
	line-height: 1.4;
}

.blogPrincipal .paginator span a {
	color: #00a0ff;
	font-size: 0.8em;
}

.blogPrincipal .paginator span:hover,.blogPrincipal .paginator span:hover a  {
	background-color: #00a0ff;
	color: #fff;
}

.blogPrincipal .paginator .pager, .blogPrincipal .paginator .pager a  {
	background-color: #00a0ff;
	color: #fff;
}


@media only screen and (max-width:1100px){
	.blogs .optblog > .image {
		width: 40%;
	}
}

@media only screen and (max-width:650px){
	.blogs .optblog > .image {
		width: 100%;
		float: none;
	}
}

/*------------------------- detail Blog -------------------------*/

.blogPrincipal .imgblog {
	background-position: center;
	background-size: cover;
	height: 400px;
}

.formBlog label, .formBlog input, .formBlog input[type="submit"] {
	margin: 10px 0px;
}

.formBlog input, .formBlog input[type="text"], .formBlog input[type="email"], .formBlog textarea {
	border-color: #a73b3a;
}



.blogPrincipal #comentarios {
	margin-top: 45px;
}

.blogPrincipal #comentarios h3 {
	color: #a73b3a;
}

.coments {
	border-top: #323232 1px dashed;
}

.comment {
	margin-bottom: 10px;
}

.comment .name{
	font-size: 1.03em;
	color: #b95454;
	padding: 8px 0px 0px 10px;
	position: relative;
}

#comentarios .comment .fecha {
	color: #898989;
	font-size: 0.8em;
	padding: 0px;
}
#comentarios .comment .name:before {
	content: "";
border-left: 4px solid #b95454;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
position: absolute;
left: 0px;
top: 14px;
}

#comentarios .comment .txt {
	font-size: 0.9em;
}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}