@charset "utf-8";
/* CSS Document */

/* basic style starts  */
body,
html {
	width: 100%;
	height: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
/**
 * Enable smooth scrolling on the whole document
 */
html {
	scroll-behavior: smooth;
}
p,
a {
	font-size: 1.2rem;
	line-height: 1.4;
}
p {
	margin: 0 30px 1em 30px;
}
a {
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a:link,
a:visited {
	color: #259D5C;
	text-decoration: underline;
}
a:hover {
	color: #2E5496;
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	color: #259D5C;
	margin: 0 30px 1em 30px;
}
strong {
	font-weight: 700;
	color: #259D5C;
}
hr {
	clear: both;
	padding: 10px 0 5px 0;
	border-top: 1px solid #259D5C;
}
hr.linea-grad {/* Gradient transparent - color - transparent */
	border: 0;
	height: 4px;
	background-image: linear-gradient(to right, rgba(84,141,212,0), rgba(84,141,212,0.75), rgba(84,141,212,0));
	width: 70%;
	margin: 1em auto;
}
/* basic style ends  */
/* plantilla boskejo starts */
/* grid starts */
div[class*="contenido-"] {
	clear: both;
	float: left;
	display: block;
	position: relative;
}
.contenido-12,
.contenido-10,
.contenido-08,
.contenido-06 {
	padding: 0;
	margin-left: 0;
	width: 100%;
}
.contenido-04 {
	margin-left: 16.923%;
	width: 66.1538%;
}
.row {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
 *border: 1px solid green;
}
div[class*="col-"] {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.col-01,
.col-02,
.col-03,
.col-04,
.col-05,
.col-06,
.col-07,
.col-08,
.col-09,
.col-10,
.col-11,
.col-12 {
	width: 100%;
	float: left;
}
.ambos {
	clear: both;
}
.ninguno {
	clear: none;
}
/* grid ends */
ul.lista,
ol.lista {
	margin: 0.5em 2em 1em 2em !important;
}
ul.lista li {
	list-style-type: none;
	text-align: left;
	margin-left: 0;
	margin-right: 0;
	font-size: 1.2rem !important;
	line-height: 2rem !important;
}
ol.lista li {
	list-style-type: none;
	text-align: left;
	margin-left: 1.5em;
	margin-right: 0;
}
ul.lista li::before {
	content: "\2BC1";
	color: #259D5C;
	margin: 0 0.7em 0 0;
}
ol.lista {
	list-style: none;
	counter-reset: li;
}
ol.lista li::before {
	content: counter(li);
	color: #259D5C;
	display: inline-block;
	width: 1em;
	margin-left: -1.5em;
	margin-right: 0.5em;
	text-align: right;
	direction: rtl;
}
ol.lista li {
	counter-increment: li;
}
/* forms boskejo start */
.form-ppal {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 90%;
	padding: 0 1em;
	margin: 0 auto 1em auto;/*border: solid 1px #259D5C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(37,157,92,0.2);*/
}
.form-ppal label {
	cursor: default;
	color: grey;
	display: inline-block;
	margin: 0 0 0.2em 1.5em;
}
.form-ppal input:focus, .form-ppal border::focus, .form-ppal textarea:focus, .form-ppal button:focus {
 outline: none;
}
.form-ppal select,
.form-ppal textarea,
.form-ppal input[type="text"],
.form-ppal input[type="email"],
.form-ppal input[type="password"],
.form-ppal input[type="tel"],
.form-ppal input[type="number"],
.form-ppal input[type="date"],
.form-ppal input[type="time"],
.form-ppal input[type="file"] {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #000;
	background-color: white;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	border: solid 1px rgba(37,157,92,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.form-ppal input[type="date"] {
	min-height: 1.8rem;
}
.form-ppal select,
.form-ppal select option {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0.4rem;
	font-size: 0.9rem;
}
.form-ppal select option:nth-child(odd) {
	background-color: #DEE6EF;
	color: #000;
	padding: 0.4em;
}
.form-ppal textarea {
	min-height: 7em;
	resize: vertical;
	overflow: auto;
}
.form-ppal fieldset {
		box-sizing: border-box;
	*display: block;
	width: 100%;
	padding: 0 7px;
	margin-bottom: 1em;
	background-color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(37,157,92,0.2);

}
.form-ppal legend {
	cursor: default;
	color: grey;
	display: inline-block;
	padding: 0 0.5em;
	margin: 0 0 0.25em 0.5em;
}
.form-ppal border:, .form-ppal border: option {
	/*	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/ 
	width: 100%;
 font-family:Arial, Helvetica, sans-serif;
 padding: 0.4rem;
 margin-bottom: 1em;
 border: solid 1px orange;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.form-ppal border: { /* flecha hacia abajo 
	background-image: linear-gradient(45deg, transparent 50%, orange 50%), linear-gradient(135deg, orange 50%, transparent 50%), linear-gradient(to right, white, white);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
	background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
	background-repeat: no-repeat;*/
}
.form-ppal border: option:nth-child(odd) {
 background-color: rgba(84,63,42,0.2);
 color: #000;
}
.form-ppal input[type="checkbox"] {
	vertical-align: middle;
	display: inline;
	width: 17px;
	height: 17px;
	cursor: pointer;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
	margin: 0.2em 0 0.4em 0em;
}
.form-ppal input[type="radio"] {
	vertical-align: middle;
	display: inline;
	width: 17px;
	height: 17px;
	cursor: pointer;
	margin: 0 0 0.2em 0;
}
.form-ppal input[type=button],
.form-ppal input[type=submit],
.form-ppal input[type=reset] {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	min-width: 7rem;
	cursor: pointer;
	font-size: 1.2rem;
	color: #FFF;
	background-color: #259D5C;
	padding: 0.5em 1em;
	margin: 1em auto;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border: solid 1px #259D5C;/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
}
.form-ppal input[type=button]:hover,
.form-ppal input[type=submit]:hover,
.form-ppal input[type=reset]:hover {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #259D5C;
	color: #FFF;
	border: solid 1px #259D5C;
}
.form-ppal .rojo {
	display: inline;
	font-size: 1rem;
	line-height: 1;
	vertical-align: text-top;
	color: #FF0000;
	margin-left: 0;
	margin-right: 0;
}
/* placeholders */
input:required, textarea:required {
 box-shadow: 0 0 0px 1000px #FFFFFF inset;
 -moz-box-shadow: 0 0 0px 1000px #FFFFFF inset;
 -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 margin: 0;
}
input::-webkit-input-placeholder { /* WebKit browsers */
font-family:Arial, Helvetica, sans-serif;
 font-weight:300;
 opacity: 1;
 font-size: 0.9rem;
 color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-family:Arial, Helvetica, sans-serif;
 font-weight:300;
 opacity: 1;
 font-size: 0.9rem;
 color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
font-family:Arial, Helvetica, sans-serif;
 font-weight:300;
 opacity: 1;
 font-size: 0.9rem;
 color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
font-family:Arial, Helvetica, sans-serif;
 font-weight:300;
 font-size: 0.9rem;
 color: #999;
}
/* forms ends */
/* centered div starts */
.div-tabla-centrada {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 380px;
}
.div-tabla-celda-centrada-vert {
	display: table-cell;
 *text-align: center;
	vertical-align: middle;
}
/* centered div ends */
/* imagenes start */
.imagen-izq {
	float: left;
	margin: 0 1em 0.5em 0;
}
.imagen-cen {
	display: block;
	margin: 0 auto 0.5em auto;
}
.imagen-der {
	float: right;
	margin: 0.5em 1em 0 0.5em;
}
.imagen-100 {
	width: 100%;
}
.imagen-090 {
	width: 90%;
}
.imagen-080 {
	width: 80%;
}
.imagen-075 {
	width: 75%;
}
.imagen-060 {
	width: 60%;
}
.imagen-050 {
	width: 50%;
}
.imagen-040 {
	width: 40%;
}
.imagen-030 {
	width: 30%;
}
.imagen-025 {
	width: 25%;
}
.imagen-020 {
	width: 20%;
}
.imagen-010 {
	width: 10%;
}
.zoom {
	transition: transform 0.5s; /* Animation */
	margin: 0 auto;
}
.zoom:hover {
	transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/* imagenes ends */
/* textos start */
.texto-izq {
	text-align: left;
}
.textos-cen {
	text-align: center;
}
.texto-der {
	text-align: right;
}
.textos-neg {
	font-weight: bold;
}
.texto-ita {
	font-style: italic;
}
/* textos ends */

/* botones start */
a:link.boton-curvo,
a:visited.boton-curvo {
	color: #FFF;
	background-color: #259D5C;
}
a:hover.boton-curvo {
	color: #259D5C;
	background-color: #FFF;
}
a:link.boton-curvo,
a:visited.boton-curvo,
a:hover.boton-curvo {
	display: inline-block;
	min-width: 6em;
	text-decoration: none;
	padding: 0.5em 1em;
	margin: 0 1em 1em 0;
	border: solid 1px #259D5C;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* botones ends */
/* tablas starts */
.tablas-contenedor {
	overflow-x: auto;
}
.tablas-contenedor {
	width: 100%;
	overflow-y: auto;
	overflow-x: auto;
	margin: 0 0 1em;
}
.tablas-contenedor::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 14px;
 height: 14px;
}
.tablas-contenedor::-webkit-scrollbar-thumb {
 border-radius: 8px;
 border: 3px solid #fff;
 background-color: rgba(0, 0, 0, .3);
}
.tabla {
	width: 95%;
	margin: 1em auto;
	border-collapse: collapse;
	font-size: 1.1em;
}
.tabla table,
.tabla th,
.tabla td {
	border: 1px dotted rgba(37,157,92, 0.4);
}
.tabla th,
.tabla td,
.tabla a {
	padding: 0.2em 0.5em;
}
.tabla th {
	font-weight: 400;
	color: #FFF;
	letter-spacing: 0.25em;
	background-color: #259D5C;
}
.tabla td {
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
}
.tabla tr:nth-child(odd) {
	background-color: rgba(37,157,92, 0.1);
}
.tabla tr:nth-child(even) {
	background-color: #FFFFFF;
}
.tabla a:link,
.tabla a:visited {
	color: #FFF;
	background-color: #259D5C;
}
.tabla a:hover {
	color: #259D5C;
	background-color: #FFF;
}
.tabla a:link,
.tabla a:visited,
.tabla a:hover {
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	text-decoration: none;
	margin: 0;
}
.tabla .pad {
	padding: 0;
}
.tabla .correo {
	white-space: nowrap;
}
/* tablas ends */
/* plantilla boskejo ends */
.menu-ppal {
	display: none;
}
#menu-panel {
	z-index: 2030;
	display: none;
	clear: both;
	float: left;
	width: 80%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(37,157,92,0.8);
	position: fixed;
	left: 0;
	top: 0;
	-webkit-box-shadow: 10px 10px 19px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 19px -6px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 19px -6px rgba(0,0,0,0.75);
}
#fondo {
	z-index: 2020;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: rgba(165,165,165,0.8);
}
#cerrar {
	width: 100%;
	text-align: right;
}
#cerrar {
	clear: both;
	display: block;
	float: right;
}
#cerrar a:link,
#cerrar a:visited {
	color: #FFF;
	background-color: #344472;
}
#cerrar a:hover {
	color: #344472;
	background-color: #FFF;
}
#abrir {
	display: block;
	width: 100%;
	float: left;
	font-size: 2rem;
}
#abrir a:link,
#abrir a:visited,
#abrir a:hover {
	font-size: 1.5rem;
}
#abrir a:link,
#abrir a:visited {
	color: #344472;
	background-color: #FFF;
}
#abrir a:hover {
	color: #FFF;
	background-color: #344472;
}
#abrir a:link,
#abrir a:visited,
#abrir a:hover,
#cerrar a:link,
#cerrar a:visited,
#cerrar a:hover {
	display: block;
	padding: 0.7em;
	text-decoration: none;
}
#menu-celu {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu-celu ul {
	border-top-color: rgba(255, 255,255, 0.7);
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 0;
	margin: 0;
}
#menu-celu li {
	list-style-type: none;
}
#menu-celu a:link,
#menu-celu a:visited {
	background-color: rgba(37,157,92,1)
}
#menu-celu a:hover {
	background-color: #09C;
}
#menu-celu a:link,
#menu-celu a:visited,
#menu-celu a:hover {
	color: #FFF;
	box-sizing: border-box;
	border-top-color: rgba(255, 255,255, 0.7);
	border-top-style: dotted;
	border-top-width: 1px;
	width: 100%;
	display: block;
	float: left;
	margin: 0;
	padding: 0.5em 1em;
	text-decoration: none;
	text-transform: capitalize;
}
#menu-celu a:last-child {
	border-bottom-color: rgba(255, 255,255, 0.7);
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#menu-vertical {
	display: block;
	width: 50%;
	margin: 0 auto !important;
}
#menu-vertical ul {
	margin: 0;
	padding: 0;
	border-top: dotted 1px #FF9900;
}
#menu-vertical li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu-vertical a:link,
#menu-vertical a:visited {
	color: #000;
}
#menu-vertical a:hover {
	color: #FFF;
	background-color: #F90;
}
#menu-vertical a:link,
#menu-vertical a:visited,
#menu-vertical a:hover {
	display: block;
	font-size: 1rem;
	margin: 0;
	padding: 0.4em;
	text-decoration: none;
	border-bottom: dotted 1px #FF9900;
}
#menu-vertical .current {
	color: #FFF !important;
	background-color: #999;
}
.footer {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	background-color: rgba(37,157,92,1);
	margin: 2em 0 0 0;
	padding: 2em 0;
}
.footer p,
.footer a {
	font-size: 1rem;
	line-height: 1.4;
	color: #FFF;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 0;
}
.footer strong {
	color: #FFF;
}
.footer a {
	font-size: 1rem;
	line-height: 1.4;
	color: #FFF;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0;
}
.footer a:link,
.footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#social .fb-page {
	display: block;
	width: 90%;
	margin: 0 auto;
}
#menu-footer ul {
	padding: 0;
	margin: 0;
}
#menu-footer li {
	list-style-type: none;
}
#menu-footer a:link,
#menu-footer a:visited {
	text-decoration: none;
}
#menu-footer a:hover {
	text-decoration: underline;
}
#menu-footer a:link,
#menu-footer a:visited,
#menu-footer a:hover {
	font-size: 1rem;
	color: #FFF;
	width: 90%;
	display: block;
	float: left;
	margin: 0;
	padding: 0.3em 0 0.3em 30px;
	text-transform: capitalize;
}
#boskejo p,
#boskejo a {
	color: #666;
	font-size: 0.8rem;
	margin-top: 1rem;
}
#boskejo a:link,
#boskejo a:visited {
	color: #333;
	background-color: #FFF;
	text-decoration: none;
}
#boskejo a:hover {
	text-decoration: underline;
}
/* subir start*/
#subir {
	position: fixed;
	bottom: 10%;
	z-index: 100;
	padding: 0;
	margin: 0;
	right: 0;
}
#subir a:link,
#subir a:visited {
	color: #FFF;
	background-color: #344472;
}
#subir a:hover {
	color: #344472;
	background-color: #FFF;
}
#subir a:link,
#subir a:visited,
#subir a:hover {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	text-decoration: none;
	margin: 0;
	padding: 0.7em;
	-webkit-box-shadow: rgba(0,0,0,.5) -0.25em -0.25em 0.75em;
	-moz-box-shadow: rgba(0,0,0,.5) -0.25em -0.25em 0.75em;
	box-shadow: rgba(0,0,0,.5) -0.25em -0.25em 0.75em;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
/* subir end */

/* videos mapas starts */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	margin: 0 0 1em 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* videos mapas ends */
/* plantilla boskejo ends */
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
}
/* tablet portrait */
@media only screen and (min-width: 760px) {
/* plantilla boskejo starts no se porque hice esto */
.form-ppal {
 *width: 70%;
}
#menu-vertical {
	width: 80%;
}
/* plantilla boskejo ends */
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
/* plantilla boskejo starts */
/* grid starts */
.contenido-10 {
	margin-left: 8.3969%;
	width: 83.2061%;
}
.contenido-08 {
	margin-left: 16.7938%;
	width: 66.4122%;
}
.contenido-06 {
	margin-left: 25.1908%;
	width: 49.6183%;
}
.contenido-04 {
	margin-left: 33.5877%;
	width: 32.8244%;
}
.col-01 {
	width: 8.33%;
}
.col-02 {
	width: 16.66%;
}
.col-03 {
	width: 25%;
}
.col-04 {
	width: 33.33%;
}
.col-05 {
	width: 41.66%;
}
.col-06 {
	width: 50%;
}
.col-07 {
	width: 58.33%;
}
.col-08 {
	width: 66.66%;
}
.col-09 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.66%;
}
.col-12 {
	width: 100%;
}
/* grid ends */
.form-ppal {
 *width: 50%;
}
/* plantilla boskejo ends */
#abrir,
#menu-panel {
	display: none;
}
.menu-ppal {
	display: block;
}
.menu-ppal ul {
	display: block;
	margin: 0;
	padding: 0;
}
.menu-ppal li {
	display: inline;
	list-style-type: none;
}
.menu-ppal a:link,
.menu-ppal a:visited {
	color: #FFF;
	background-color: #259D5C;
}
.menu-ppal a:hover {
	color: #FFF;
	background-color: #2E5496;
}
.menu-ppal a:link,
.menu-ppal a:visited,
.menu-ppal a:hover {
	display: inline-block;
	margin: 0;
	padding: 0.5em 1em;
	text-decoration: none;
	text-transform: capitalize;
}
}


/* laptop layout */

@media only screen and (min-width: 1366px) {
/* plantilla boskejo starts */
.form-ppal {
 *width: 35%;
}
/* plantilla boskejo ends */
}
