@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url(../fonts/icomoon-icons/flaticon.css);

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:1.4;
background: #c1ecef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxZWNlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MxZWNlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #c1ecef 0%, #ffffff 2%, #ffffff 97%, #c1ecef 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c1ecef), color-stop(2%,#ffffff), color-stop(97%,#ffffff), color-stop(100%,#c1ecef));
background: -webkit-linear-gradient(left,  #c1ecef 0%,#ffffff 2%,#ffffff 97%,#c1ecef 100%);
background: -o-linear-gradient(left,  #c1ecef 0%,#ffffff 2%,#ffffff 97%,#c1ecef 100%);
background: -ms-linear-gradient(left,  #c1ecef 0%,#ffffff 2%,#ffffff 97%,#c1ecef 100%);
background: linear-gradient(to right,  #c1ecef 0%,#ffffff 2%,#ffffff 97%,#c1ecef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1ecef', endColorstr='#c1ecef',GradientType=1 );
}

a{text-decoration:none; color:#2a2a2a;}
p{padding:0;margin:0;}
strong, b{font-weight:700;}

/*Fonts*/
.font-light{font-weight:300;}
.font-normal{font-weight:400;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

.jump-gl,
.grid-gl{clear:both;display:block;float:left;width:100%;}


.pull-left{clear:none;display:block;float:left;margin:0 20px 20px 0;}
.pull-right{clear:none;display:block;float:right;}

.icons1{margin:0 10px 0 0; font-size:110%;}

/* Diseño móvil: 480 px e inferior. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.desktop{display:none;}
.tablet1{display:none;}
.tablet2{display:block;}
.smartphone{display:block;}

#col2-gl{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
#col2-gl:last-child{margin:10px 0 0 0;}
#col2-gl-tablet{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
#col2-gl-tablet:first-child{margin:10px 0 0 0;}

#col3-gl{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
#col3-gl:first-child{margin:10px 0 0 0;}

#col4-gl{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
#col4-gl:first-child{margin:10px 0 0 0;}

/**/
.col2-gl{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
.col2-gl:last-child{margin:10px 0 0 0;}
.col2-gl-tablet{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
.col2-gl-tablet:first-child{margin:10px 0 0 0;}

.col3-gl{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
.col3-gl:first-child{margin:10px 0 0 0;}

.col4-gl{clear:both;display:block;float:left;width:100%;margin:10px 0 0 0;}
.col4-gl:first-child{margin:10px 0 0 0;}


/*Plantilla General*/
header{
    display: flex;
    flex-direction: column;
	background:transparent;
}
header .head{
	display: flex;
    flex-direction:column;
	min-height:100px;
	margin:0;
}

#logo-3d{
	width:100%;
	text-align:center;
}

#slogan-header-3d{
	width:100%;
	text-align:center;
}

#slogan-header-3d h1{
	font-size:150%;
	margin:0px 0 0 0;
	color:#10648b;
}
#slogan-header-3d h3{
	font-size:100%;
}
#slogan-header-3d p{
	font-size:80%;
	color:#10648b;
	font-weight:700;
}

header .menu{
	height:auto;
	border-bottom:#a0d85d solid 10px;
}
header .slider{
	flex: auto;
}

.nav-icon{
	margin:0 10px 0 0;
	font-size:180%;
	font-weight:300;
	color:#a0d85d;
}

.body-content{
	display:block;
	clear:both;
	float:left;
	width:100%;
}

.body-content h1.tittle-type1{
	margin:20px 0 0 0;
	padding:10px 0;
	text-align:center;
	font-size:110%;
	line-height:110%;
	color:#004161;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2U2ZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2U2ZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #e6f2f3 15%, #e6f2f3 85%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#e6f2f3), color-stop(85%,#e6f2f3), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #ffffff 0%,#e6f2f3 15%,#e6f2f3 85%,#ffffff 100%);
background: -o-linear-gradient(left,  #ffffff 0%,#e6f2f3 15%,#e6f2f3 85%,#ffffff 100%);
background: -ms-linear-gradient(left,  #ffffff 0%,#e6f2f3 15%,#e6f2f3 85%,#ffffff 100%);
background: linear-gradient(to right,  #ffffff 0%,#e6f2f3 15%,#e6f2f3 85%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.body-content h1.tittle-type1 span{
	font-weight:400;
	font-size:80%;
	display:block;
	margin:10px 0 0 0;
	color:#2a2a2a;
}

#col4-gl img{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
    transition: all 0.5s;
}

img.diplomas-quienes-somos{
	width:90%;
	box-shadow:#333 3px 3px 10px;
	-webkit-box-shadow:#333 3px 3px 10px;
	-moz-box-shadow:#333 3px 3px 10px;
	-o-box-shadow:#333 3px 3px 10px;
	text-align:center;
	margin:20px auto 0 auto;
	display:block;

}

img.diplomas-quienes-somos:hover{
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
}

h2.tittle-type2{
	background:#a0d85d;
	color:#004161;
	padding:20px;
	text-align:left;
	font-size:110%;
	line-height:110%;
	margin:20px 0;
}

h2.section-main-tittle{
	margin:20px 0;
}

.interes-home{
	background:#5dcfd8;
	border-radius:10px;
	text-align:center;
	padding:20px 0;
	width:100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
    transition: all 0.5s;
}

.interes-home:hover{
	background:#52b9c1;
}

.interes-home .interes-home-icon{
	background:#FFF;
	color:#5dcfd8;
	font-size:300%;
	border-radius:10px;
	padding:10px;
	width:40%;
	margin:0 0 0 27%;
	display:block;
}

.interes-home p{
	color:#2a2a2a;
	margin:20px 0 0 0;
	font-weight:700;
}

.interes-home a,.interes-home a:hover{color:#2a2a2a;}

footer{
	border-top:#5dcfd8 1px solid;
	border-bottom:#a0d85d 10px solid;
	margin:20px 0 0 0;
	padding:10px 0 20px 0;
	text-align:center;
}

footer p{
	text-align:center;
}

footer a, footer a:hover{
	color:#2a2a2a;
	font-weight:700;
}
.body-content2{
	display:flex;
	flex-direction:column;
	min-height:65%;
}
.body-content2 p{
	margin:10px 0;
	line-height:1.7;
}

.body-content2 p:first-child{
	margin:0 0 10px 0;
}

.flexboxAuto{
	flex:auto;
}

h3.servicios-tittle{
	margin:30px 0 0 0;
	padding:0;
	text-align:center;
	line-height:0;
}

h2.pleca-ordenes,
h2.pleca-ordenes a{
	clear:both;
	float:left;
	display:block;
	text-align:center;
	color:#004360;
	margin:auto;
}

.line-divisor{
	display:block;
	clear:both;
	float:left;
	width:100%;
	margin:20px 0 10px 0;
	border-bottom:#CCC solid 1px;
}

.contact-map{
	width:100%;
	min-height:300px;
}

.contacto-form{
	font-family: 'Open Sans', sans-serif;
	width:100%;
	text-align:left;
	color:#292e31;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	height:auto;
}

.contacto-form label{
	display: block;
    padding: 10px 5px 5px 2px;
	width:100%;
}

.contacto-form input,
.contacto-form textarea {
	font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    font-size:90%;
    padding: 5px 2%;
    color: #292e31;
    display: block;
    width:96%;
    background:rgba(85,190,215,0.5);
	border:0;
}

.contacto-form textarea {
    min-height:60px;
}

.contacto-form-button{
	margin-top:20px;
	width:50%;
	text-align:left;
}

.contacto-form .contacto-form-submit {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
    background: #00b9d7;
	text-align:center;
    border: none;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding:20px 0;
    font-size: 1.1em;
    border-radius: 2px;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	clear:none;
	display:block;
	margin-left:0;

}

.contacto-form-submit:hover {
    background: #029ab3;
}

.contacto-form-submit:hover a{
	color:#FFF;
}

.facebook3D{
	margin:30px 0 0 0;
}

.facebook3D span{
	color:#004260;
	font-size:200%;
}

#contenedor_mapa {
  width: 100%;
  height: 300px;
  margin:20px 0 0 0;
}

/*//Plantilla General*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width:100%;
	margin:0%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.titulosVideos{height: 80px;}
.videoGrid{display: block; float:left; width:29%; margin:10px 2%; padding:0 0 10px 0; border-bottom:solid 10px #00b9d7;}
.videoGrid h3{color:#00b9d7;}

p.video-text{font-size:85%; text-align:justify; height:90px;}

.articuloWrap{display: block; clear:both; float:left; width:76%; margin:20px 10%; padding:20px 2%; background:#f0f0f0;}
.articuloWrap2{display: block; clear:both; float:left; width:90%; margin:20px 0; padding:0 5%;}
.articulo1, .articulo2{display: block; clear:none; float:left;}
.articulo1{width:30%;}
.articulo1 img{width:100%}
.articulo2{width:68%; margin:0 0 0 2%;}
.articulo2 a h2{color:#00cbe2;}
.articulo2 span{ font-style:italic; font-size:80%; font-weight:300;}
.articulo2 p{ text-align:justify;}

button.ordenesEs{border:0; display:block; float:left; background:#00b9d7; padding:20px 0; color:#FFF; font-family: 'Open Sans', sans-serif; width:50%; margin:0 25%;}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (max-width: 481px) {

/* 	.pdf-btm{
	position: relative !important;
	left: 0% !important;
	bottom: -5px !important;
	z-index: 2 !important;
	overflow: hidden;
	width: 100% !important;
} */

}

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}


.desktop{display:none;}
.tablet1{display:block;}
.tablet2{display:block;}
.smartphone{display:none;}

#col2-gl{clear:none;width:49%;}
#col2-gl:first-child{margin:20px 0 0 0;}
/* #col2-gl:last-child{margin:20px 0 0 2%;} */
#col3-gl{clear:none;display:block;float:left;width:32.6666%;margin:10px 0 0 1%;}
#col3-gl:first-child{margin:10px 0 0 0;}
#col4-gl{clear:none;width:49%;margin:10px 0 0 2%;}
#col4-gl:first-child, #col4-gl:nth-child(3) {clear:both;margin:10px 0 0 0;}
/**/
.col2-gl{clear:none;width:49%;}
.col2-gl:first-child{margin:20px 0 0 0;}
/* .col2-gl:last-child{margin:20px 0 0 2%;} */
.col3-gl{clear:none;display:block;float:left;width:32.6666%;margin:10px 0 0 1%;}
.col3-gl:first-child{margin:10px 0 0 0;}
.col4-gl{clear:none;width:49%;margin:10px 0 0 2%;}
.col4-gl:first-child, .col4-gl:nth-child(3) {clear:both;margin:10px 0 0 0;}

/*Plantilla General*/
header .head{
	display: flex;
    flex-direction: row;
	min-height:100px;
	margin:10px 0;
}

#logo-3d{
	width:40%;
	text-align:left;
}

#slogan-header-3d{
	width:60%;
	text-align:right;
	margin-top:20px;
}

.body-content h1.tittle-type1{
	font-size:180%;
}

.body-content h1.tittle-type1 span{
	font-size:80%;
}

footer{text-align:left;}
footer p{text-align:right;}
/*//Plantilla General*/

img.diplomas-quienes-somos:hover{
	transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5); /* IE 9 */
    -webkit-transform: scale(1.5,1.5); /* Chrome, Safari, Opera */
	-moz-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
}

.videoWrapper {
	max-width:80%;
	margin:0 10%;
}

}

@media only screen and (max-width: 1024px) {
	 .pdf-btm{
		position: relative;
		left: 0;
		bottom: 0;
		z-index: 2;
		overflow: hidden;
		width: 100% !important;
		display: block;
	}
	#col2-gl{
		width: 100% !important;
	}
	button.ordenesEs{
	border: 0;
	display: block;
	float: left;
	background: #00b9d7;
	padding: 20px 0;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	width: 100% !important;
	margin: 0px !important;
	}
	.col2-gl:last-child{margin:0px !important;}

}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
}

.pdf-btm{
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 2;
	overflow: hidden;
	width: 51%;
	display: block;
	margin: 0 auto;
}

.desktop{display:block;}
.tablet1{display:block;}
.tablet2{display:none;}
.smartphone{display:none;}

#col2-gl-tablet{clear:none;display:block;float:left;width:49%;margin:10px 0 0 2%;}
#col2-gl-tablet:first-child{margin:10px 0 0 0;}
#col4-gl{width:23.5%;margin:10px 0 0 2%;}
#col4-gl:first-child,{clear:none;margin:10px 0 0 0;}
#col4-gl:nth-child(3) {clear:none;margin:10px 0 0 2%;}
/**/
.col2-gl-tablet{clear:none;display:block;float:left;width:49%;margin:10px 0 0 2%;}
.col2-gl-tablet:first-child{margin:10px 0 0 0;}
.col4-gl{width:23.5%;margin:10px 0 0 2%;}
.col4-gl:first-child,{clear:none;margin:10px 0 0 0;}
.col4-gl:nth-child(3) {clear:none;margin:10px 0 0 2%;}




}
.pdf-btm{
	position: relative;

left: 0;

bottom: 0;

z-index: 2;

overflow: hidden;

width: 51%;

display: block;

margin: 0 auto;
	/* position: absolute;
	left: 111px;
	bottom: 15%;
	z-index: -1; */
}