@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic");
@import url("font-awesome.min.css");


/* Reset */
details[open] SUMMARY ~ * {
  animation: sweep .99s ease-in-out;
  border-width: 0px;
}

details summary::-webkit-details-marker { 
	display:none;
}
	
summary {
		border-width: 0px;
	    /*max-width: 25%;
	    margin: auto;*/
}

@keyframes sweep {
  0%    {opacity: 0; margin-top: -20px}
  100%  {opacity: 1; margin-top: 0px}
}


	#logoHeader{
		height: inherit;
	}

	#logoHeader img{
	 	-webkit-transition: -webkit-transform .8s ease-in-out;
      	transition: transform .8s ease-in-out;
	}

	#logoHeader img:hover{
	  -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
	}

	#logoFooter img{
	 	-webkit-transition: -webkit-transform .8s ease-in-out;
      	transition: transform .8s ease-in-out;		
	}

	#logoFooter img:hover{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);	
	}      

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,  header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure,  header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	html {
		height: 100%;
	}

	body {
		opacity:0;
		background: #ffffff;
		height: 100%;
		min-width: 320px;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Spinner */

	@-moz-keyframes spinner-rotate {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
		}

		100% {
			-moz-transform: scale(1) rotate(360deg);
			-webkit-transform: scale(1) rotate(360deg);
			-ms-transform: scale(1) rotate(360deg);
			transform: scale(1) rotate(360deg);
		}
	}

	@-webkit-keyframes spinner-rotate {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
		}

		100% {
			-moz-transform: scale(1) rotate(360deg);
			-webkit-transform: scale(1) rotate(360deg);
			-ms-transform: scale(1) rotate(360deg);
			transform: scale(1) rotate(360deg);
		}
	}

	@-ms-keyframes spinner-rotate {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
		}

		100% {
			-moz-transform: scale(1) rotate(360deg);
			-webkit-transform: scale(1) rotate(360deg);
			-ms-transform: scale(1) rotate(360deg);
			transform: scale(1) rotate(360deg);
		}
	}

	@keyframes spinner-rotate {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
		}

		100% {
			-moz-transform: scale(1) rotate(360deg);
			-webkit-transform: scale(1) rotate(360deg);
			-ms-transform: scale(1) rotate(360deg);
			transform: scale(1) rotate(360deg);
		}
	}

/* Loader */

	@-moz-keyframes spinner-show {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-webkit-keyframes spinner-show {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-ms-keyframes spinner-show {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes spinner-show {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-moz-keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@-webkit-keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@-ms-keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@keyframes spinner-hide {
		0% {
			-moz-transform: scale(1) rotate(0deg);
			-webkit-transform: scale(1) rotate(0deg);
			-ms-transform: scale(1) rotate(0deg);
			transform: scale(1) rotate(0deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		99% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: 100001;
		}

		100% {
			-moz-transform: scale(0.5) rotate(360deg);
			-webkit-transform: scale(0.5) rotate(360deg);
			-ms-transform: scale(0.5) rotate(360deg);
			transform: scale(0.5) rotate(360deg);
			color: #e5e6e7;
			z-index: -1;
		}
	}

	@-moz-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@-webkit-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@-ms-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	body {
		text-decoration: none;
	}

		body:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-moz-transform-origin: 50% 50%;
			-webkit-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			color: #e5e6e7;
			content: '\f1ce';
			cursor: default;
			display: none;
			font-size: 2em;
			height: 2em;
			left: 50%;
			line-height: 2em;
			margin: -1em 0 0 -1em;
			opacity: 0;
			position: fixed;
			text-align: center;
			top: 50%;
			width: 2em;
			z-index: -1;
		}

		body:after {
			-moz-animation: overlay-hide 1.5s ease-in forwards !important;
			-webkit-animation: overlay-hide 1.5s ease-in forwards !important;
			-ms-animation: overlay-hide 1.5s ease-in forwards !important;
			animation: overlay-hide 1.5s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}

		body.is-loading:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			opacity: 0;
			z-index: 100001;
		}

		body.is-loading:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			opacity: 1;
			z-index: 100000;
		}

	@media (-webkit-min-device-pixel-ratio: 2) {

		body:before {
			display:none;
			line-height: 2.025em;
		}

	}

/* Type */
	.boxClientes{
		width:80%;
	}

	/* Flecha no se ve */
	a.button.style2.down.anchored {
	    display: none;
	}

	.tableServicios li {
	    width: 100%;
	    padding-left: 1em;
	    margin-top: 1e;
	    text-align: left;
	}

	/* Config grilla  */
	/*#gridGallery {
	  
	  line-height: 2px;
	   
	  -webkit-column-count: 6;
	  -webkit-column-gap:   10px;
	  -moz-column-count:    6;
	  -moz-column-gap:      10px;
	  column-count:         6;
	  column-gap:           10px;  
	}*/

	section#clientes{
		padding-top: 0;
		margin: auto;
	}


	section#comotrabajamos{
		padding:0;
		margin-top:2em;
	}

	/* Effect 3: bottom line slides/fades in */
	.cl-effect-3 a {
		padding: 8px 0;
	}

	.cl-effect-3 a::after {
		position: absolute;
	    top: 80%;
	    left: 0;
	    width: 100%;
	    height: 2px;
	    color : rgb(9, 1, 48);
	    background: rgba(9, 1, 48,0.8);
	    content: '';
	    opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}

	.cl-effect-3 a:hover::after,
	.cl-effect-3 a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	#gridGallery {   
		width: 80%;
		margin-left: 13%;
	    margin-right: auto;
	    text-align: left;

	     text-align: left;
	    -ms-text-justify: distribute-all-lines;
	    text-justify: distribute-all-lines;
	}

	#gridGallery img{
	    margin: 0;
	    width: 10%;
	    height: auto;
	}

	@media screen and (min-width: 801px) {

		/*#gridGallery {
		  -webkit-column-count: 6;
		  -webkit-column-gap:   10px;
		  -moz-column-count:    6;
		  -moz-column-gap:      10px;
		  column-count:         6;
		  column-gap:           10px;  
		}*/
		#tableContainer{
			width:60%;
			margin:auto;
		}

	}

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

		/*#gridGallery {
		  -webkit-column-count: 5;
		  -webkit-column-gap:   8px;
		  -moz-column-count:    5;
		  -moz-column-gap:      8px;
		  column-count:         5;
		  column-gap:           8px;  
		}*/
		#tableContainer{
			width:80%;
			margin:auto;
		}
	}

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

		#tableContainer{
			width:90%;
			margin:auto;
		}
		#gridGallery{
			width: 100%;
		}
	}	

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

		/*#gridGallery {
		  -webkit-column-count: 3;
		  -webkit-column-gap:   4px;
		  -moz-column-count:    3;
		  -moz-column-gap:      4px;
		  column-count:         3;
		  column-gap:           4px;  
		}*/
		#tableContainer{
			width:100%;
			margin:auto;
		}
	}	

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

		img.logoHeader{
			height: inherit;
	    	padding: 0.4em;
		}

		/*#gridGallery {
		  -webkit-column-count: 3;
		  -webkit-column-gap:   4px;
		  -moz-column-count:    3;
		  -moz-column-gap:      4px;
		  column-count:         3;
		  column-gap:           4px;  
		}*/
		#tableContainer{
			width:100%;
			margin:auto;
		}
	}	

	/*#gridGallery img {
	  width: 100% !important;
	  height: auto !important;
	}*/

	/* Tamaño box de la grilla   */
	.content.box.style2 {
    	width: 100%;
	}



	body, input, textarea, select {
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 300;
		font-size: 18pt;
		line-height: 1.75em;
		color: #39454b;
		letter-spacing: 0.025em;
	}

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

			body, input, textarea, select {
				font-size: 17pt;
			}

		}

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

			body, input, textarea, select {
				font-size: 15pt;
			}

		}

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

			body, input, textarea, select {
				font-size: 13pt;
			}

		}

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

			body, input, textarea, select {
				font-size: 13pt;
			}

		}

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

			body, input, textarea, select {
				font-size: 12pt;
				line-height: 1.5em;
			}

		}

				

	h1, h2, h3, h4, h5, h6 {
		font-weight: 900;
		font-style: normal;
		color: inherit;
		letter-spacing: -0.0325em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	p.boxServicios{
		line-height: 1.4em;
	    letter-spacing: 0.2px;
	    padding-bottom: 0.5em;
	    text-align: left;
	    font-family: Source Sans Pro;
	    font-size: 1em;
	    color: black;
	}

	h2.boxServicios2{
		text-align: center;
		font-family : Source Sans Pro;
  		font-weight : bold;
  		font-size : 60px;
  		letter-spacing : 5.46px;
  		color : #090130;
  		color : rgb(9, 1, 48);
	}
	p.boxServicios2{
		font-family : Source Sans Pro;
  		font-size : 18px;
  		line-height : 27px;
  		letter-spacing : 1.64px;
  		color : #090130;
  		color : rgb(9, 1, 48);
	}
	h2 {
		font-family: "Source Sans Pro", sans-serif;
		font-weight: bold;
		font-size: 2.25em;
		line-height: 1.25em;
		letter-spacing: -0.05em;
	}

	.tableContainer{
		margin:auto; 
		width: 60%;
		table-layout: fixed;
	}
	.tableContainerServicios{
		margin:auto;
		width:auto;
		text-align:left;
		table-layout: fixed;
	}
	#tableNosotrosCell img{
		margin: 1em;
	}

	.nosotrosText{
	    display: flex;
	    line-height: 1.4em;
	    letter-spacing: 0.2px;
	    text-align: left;
	    font-family: Source Sans Pro;
	    font-size: 1em;
	    color: black;
        width: 100%;
        padding: 15%;
	    padding-top: 0;
	    padding-bottom: 0;
    	margin: auto;
	}

	.card{
		width:100%; 
		padding:5%; 
		padding-left:15%; 
		padding-right:15%;
		margin:auto; 
		background-color: rgba(225,189,71,0.2);
	}

	.nosotrosTextCell{
	    width: 50%;
	    height: 250px;
	    text-align: left;
	    font-size: 0.8em;
	    line-height: 25px;
	    margin-bottom:2em;
	}

	/*#nosotrosText1{
		padding-right: 1.25em;
	}

	#nosotrosText2{
		padding-left: 1.25em;
	}	*/

	.nosotrosTextCell img{
		margin: auto; height: 18px; margin-top: 2%;
	}

	.comoTrabajamosCell{
	    width: 50%;
	    height: 250px;
	    margin: 0;
	    text-align: left;
	    font-size: 0.8em;
	    line-height: 25px;	    
	}

	#comotrabajamos1{
		padding-right: 1.25em;
	}

	#comotrabajamos2{
		padding-left: 1.25em;	
	}

	.comoTrabajamosCell img{
		margin: auto; height: 18px; margin-top: 2%;
	}

	#tableContainerNosotros{
		margin:auto;
		width:auto;
	}

	#tableContainerComoTrabajamos{
		margin:auto;
		width:auto;
	}

	.cellImage{
		width:100%;
	}

	.columnServicios{
		display:table-cell;
	}

	#logo{
		height: inherit; 
		float:left; display: 
		inline-block; 
		padding:0.5em;
	}
	#logoFerz{
		height: inherit; 
		float: left; 
		display: inline-block; 
		padding:0.5em;
		max-width: 200px;
		min-width: 50px;
	}

	#navMenu{
		height: inherit; 
		width: 100%; 
		top:0; 
		margin:auto;
	}
	#navIconMenu{
		display:none;
		height: inherit; 
		width: 100%; 
		top:0;
		margin:auto;
	}
	#columnNav{
		width: 60%; top:0;
	}

	@media screen and (min-width: 978px){
		#logoFerz{
			padding:0.5em;
		}
	}

	@media screen and (max-width: 818px){
		#logoFerz{
			padding:0.7em;
		}
	}

	@media screen and (max-width: 762px){
		#logoFerz{
			margin-top: -3em;
    		margin-left: 2em;
		}
	}	

	@media screen and (max-width: 736px){
		#logoFerz{
			padding:0.5em;
			margin-top: 0;
    		margin-left: 0;
		}
		#navMenu{
			display:none;
		}
		#navIconMenu{
			display: initial;
		}
		#columnNav{
			width:10%;
		}
		#spanmenu{
			display:none;
		}
	}	

	@media screen and (max-width: 980px){
		.textMenu {
		    font-size: 0.85em;
		    letter-spacing: 0;
		}
		#spanmenu{
			display:none;
		}
	}
	@media screen and (max-width: 825px){
		.textMenu {
		    font-size: 0.80em;	
		    letter-spacing: 0;	    
		}
		#spanmenu{
			display:none;
		}		
	}

	@media screen and (max-width: 784px){
		.textMenu {
		    font-size: 0.75em;		
		    letter-spacing: 0;
		}
		#spanmenu{
			display:none;
		}		
	}	

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

		h2 {
			font-size: 1.5em;
		}
		#spanmenu{
			display:none;
		}		

	}

	strong, b {
		font-weight: 900;
		color: inherit;
	}

	em, i {
		font-style: italic;
		font-weight: 600;
	}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		color: #98c593;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #e5e6e7;
	}

	blockquote {
		border-left: solid 0.5em #e5e6e7;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		/*margin-bottom: -0.3em;*/
	}

/* Box */

	.box {
		color: #39454b;
		padding: 2em;
	}

		.box > :last-child {
			margin-bottom: 0;
		}

		.box.style2 {
			padding: 3.5em 2.5em 3.5em 4.5em;
		}

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

			.box {
				padding: 1em;
			}

				.box.style2 {
					padding: 1.5em 1.25em 1.5em 1.25em;
					background-color: rgba(255, 255, 255, 0.9);
				}

		}


	.boxServicios {
		/* #090130 */
	}
	.boxServiciosDetalle{
		background : white;
		color: rgba(9,1,48,1);;
	}
	.boxServicios2{
		background: white;
		color: rgba(9,1,48,1);;
	}
	.boxNosotros{
		/* #ff */
		background : rgba(255,255,255,1);
		color:white;
	}

	.boxComoTrabajamos.style1.content{
		width: 87%;
	}

	.tableServicios  {
		border-collapse:collapse;
		border-spacing:0;
	}
	.tableServicios td{
		font-size:22px;
		font-weight:bold;
		padding:10px 5px;
		overflow:hidden;
		word-break:normal;
	}
	.tableServicios th{
		font-size:22px;
		font-weight:bold;
		padding:10px 5px;
		overflow:hidden;
		word-break:normal;
	}

	.tableServicios .celdaServicios{
	    font-size: 22px;
	    text-align: left;
	    vertical-align: top;
	    padding: 2em 2em 2em 2em;
	}

	.container {
	    margin: 0 auto;
	    max-width: 480px;
	}

	th#columnNav {
	    vertical-align: middle;
	}

/*
 * Caption component
 */
.caption {
    position: relative;
    overflow: hidden;

    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.caption:hover::before {
	background: rgba(9,1,48,0.85);
    /* background: rgba(225,189,71,.9); */
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
	font-family: "Source Sans Pro Regular", sans-serif;
	font-size: 0.68em;
	line-height: 1.4em;
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: white;
    padding:2em;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .85s ease-out;
    transition:         transform .85s ease-out;
}

.caption:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.titulo {
    /*-webkit-transform: translateY( -webkit-calc(-110% - 10px) );
            transform: translateY( calc(-110% - 10px) );

    transition: -webkit-transform .85s ease-out;
    transition:         transform .85s ease-out;*/
    text-align: center;
    margin-top: 0;
    /*transition: 1s ease;*/
}

/*.caption:hover .titulo {
    -webkit-transform: translateY(0);
            transform: translateY(0);
	margin-top:-1em;           
}

.caption:hover .subtitulo{
	display:none;
}*/

p.contenido {
	color: rgb(9, 1, 48);
	text-align: left;
	line-height: 1.2em;
    font-size: 1em;
    margin-top: -0.5em;
}






/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button,
	button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		background-color: rgb(9, 1, 48); 
		border: 0;
		border-radius: 3.5em;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		height: 3.5em;
		line-height: 3.5em;
		outline: 0;
		padding: 0 2em 0 2em;
		position: relative;
		text-align: center;
		text-decoration: none;
	}

		input[type="button"].down,
		input[type="submit"].down,
		input[type="reset"].down,
		.button.down,
		button.down {
			width: 5em;
			height: 5em;
			line-height: 4.5em;
			padding: 0;
			
			background-position: center center;
			background-repeat: no-repeat;
			text-indent: -10em;
			overflow: hidden;
		}

			input[type="button"].down.anchored,
			input[type="submit"].down.anchored,
			input[type="reset"].down.anchored,
			.button.down.anchored,
			button.down.anchored {
				bottom: 0;
				border-bottom: 0;
				border-radius: 3em 3em 0 0;
				height: 4.5em;
				margin-left: -2.5em;
			}

		input[type="button"].anchored,
		input[type="submit"].anchored,
		input[type="reset"].anchored,
		.button.anchored,
		button.anchored {
			position: absolute;
			left: 50%;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover,
		button:hover {
			background-color: rgb(255,189,71);
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active,
		button:active {
			background-color: rgb(9, 1, 48);
		}

		input[type="button"].style2,
		input[type="submit"].style2,
		input[type="reset"].style2,
		.button.style2,
		button.style2 {
			background-color: transparent;
			border: solid 2px #e5e6e7;
			color: inherit;
		}

			input[type="button"].style2:hover,
			input[type="submit"].style2:hover,
			input[type="reset"].style2:hover,
			.button.style2:hover,
			button.style2:hover {
				background-color: rgba(229, 230, 231, 0.25);
			}

			input[type="button"].style2:active,
			input[type="submit"].style2:active,
			input[type="reset"].style2:active,
			.button.style2:active,
			button.style2:active {
				background-color: rgba(229, 230, 231, 0.375);
			}

			input[type="button"].style2.down,
			input[type="submit"].style2.down,
			input[type="reset"].style2.down,
			.button.style2.down,
			button.style2.down {
				
			}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

		form .field {
			margin: 0 0 1.5em 0;
		}

			form .field.half {
				width: 50%;
				float: left;
				padding: 0 0 0 0.75em;
			}

				form .field.half.first {
					padding: 0 0.75em 0 0;
				}

		form > .actions {
			margin: 1.5em 0 0 0 !important;
		}

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

			form .field {
				margin: 0 0 1em 0;
			}

				form .field.half {
					padding: 0 0 0 0.5em;
				}

					form .field.half.first {
						padding: 0 0.5em 0 0;
					}

			form > .actions {
				margin: 1em 0 0 0 !important;
			}

		}

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

			form .field.half {
				width: 100%;
				float: none;
				padding: 0;
			}

				form .field.half.first {
					padding: 0;
				}

		}

	label {
		display: block;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		color: #39454b;
		display: block;
		width: 100%;
		padding: 0.65em 0.75em;
		background: none;
		border: solid 2px rgba(9,1,48,0.4);
		color: inherit;
		border-radius: 0.5em;
		outline: none;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: rgba(9, 1, 48,0.5);
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		line-height: 1.35em;
	}

	textarea {
		min-height: 8em;
	}

	::-moz-focus-inner {
		border: 0;
	}

	::-webkit-input-placeholder {
		opacity: 0.8;
	}

	:-moz-placeholder {
		opacity: 0.8;
	}

	::-moz-placeholder {
		opacity: 0.8;
	}

	:-ms-input-placeholder {
		opacity: 0.8;
	}

	.formerize-placeholder {
		opacity: 0.8;
	}

/* Icon */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon > .label {
			display: none;
		}

/* Image */

	.image {
		position: relative;
		display: inline-block;
	}

		.image:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			
		}

		.image img {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* List */

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.icons {
		cursor: default;
	}

		ul.icons li {
			display: inline-block;
		}

		ul.icons a {
			display: inline-block;
			width: 2em;
			height: 2em;
			line-height: 2em;
			text-align: center;
			border: 0;
		}

	ul.menu {
		cursor: default;
	}

		ul.menu li {
			display: inline-block;
			line-height: 1em;
			border-left: solid 1px #e5e6e7;
			padding: 0 0 0 0.5em;
			margin: 0 0 0 0.5em;
		}

			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

	ul.actions {
		cursor: default;
	}

		ul.actions li {
			display: inline-block;
			margin: 0 0 0 0.5em;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

/* Sections/Article */

	header#header {
	    display: table;
	}

	header {
		/*margin-bottom: 1em;*/
	}

		header p {
			display: block;
			margin: 1em 0 0 0;
			padding: 0 0 0.5em 0;
		}

	

/* Table */

	table {
		/*width: 100%;*/
	}
	table.tableServicios {
	    margin: auto;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr:nth-child(2n+2) {
				background: rgba(229, 230, 231, 0.5);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				font-weight: 900;
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default thead {
				background: #39454b;
				color: #ffffff;
			}

			table.default tfoot {
				background: #e5e6e7;
			}

/* Poptrox */

	.poptrox-popup {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		background: #fff;
		padding-bottom: 3em;
		box-shadow: 0 0.1em 0.15em 0 rgba(0, 0, 0, 0.15);
	}

		.poptrox-popup .loader {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -1em 0 0 -1em;
			width: 2em;
			height: 2em;
			display: block;
			font-size: 2em;
		}

			.poptrox-popup .loader:before {
				-moz-animation: spinner-rotate 0.75s infinite linear !important;
				-webkit-animation: spinner-rotate 0.75s infinite linear !important;
				-ms-animation: spinner-rotate 0.75s infinite linear !important;
				animation: spinner-rotate 0.75s infinite linear !important;
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
				color: #e5e6e7;
				content: '\f1ce';
				cursor: default;
				display: block;
				height: 2em;
				left: 0;
				line-height: 2em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2em;
			}

		.poptrox-popup .caption {
			position: absolute;
			bottom: 0;
			left: 0;
			background: #ffffff;
			width: 100%;
			height: 3em;
			line-height: 2.8em;
			text-align: center;
			cursor: default;
			z-index: 1;
			font-size: 0.9em;
		}

		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			position: absolute;
			top: 0;
			width: 50%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			background: rgba(0, 0, 0, 0.01);
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		}

		.poptrox-popup .nav-next:before,
		.poptrox-popup .nav-previous:before {
			content: '';
			position: absolute;
			width: 96px;
			height: 64px;
			
			top: calc(50% - 1.5em);
			margin: -32px 0 0 0;
		}

		.poptrox-popup:hover .nav-next,
		.poptrox-popup:hover .nav-previous {
			opacity: 0.5;
		}

		.poptrox-popup:hover .nav-next:hover,
		.poptrox-popup:hover .nav-previous:hover {
			opacity: 1.0;
		}

		.poptrox-popup .nav-previous:before {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			-ms-filter: "FlipH";
			filter: FlipH;
		}

		.poptrox-popup .nav-next {
			right: 0;
		}

			.poptrox-popup .nav-next:before {
				right: 0;
			}

		.poptrox-popup .nav-previous {
			left: 0;
		}

			.poptrox-popup .nav-previous:before {
				left: 0;
			}

		.poptrox-popup .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			position: absolute;
			top: 0;
			right: 0;
			width: 64px;
			height: 64px;
			text-indent: -9999px;
			z-index: 2;
			opacity: 0;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		}

			.poptrox-popup .closer:before {
				content: '';
				display: block;
				position: absolute;
				right: 16px;
				top: 16px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				box-shadow: inset 0 0 0 2px #fff;
				
				color: #ffffff !important;
			}

		.poptrox-popup:hover .closer {
			opacity: 0.5;
		}

			.poptrox-popup:hover .closer:hover {
				opacity: 1.0;
			}

		body.is-touch .poptrox-popup .nav-next,
		body.is-touch .poptrox-popup .nav-previous,
		body.is-touch .poptrox-popup .closer {
			opacity: 1.0 !important;
		}

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

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				width: 48px;
				height: 32px;
				background-size: contain;
				margin: -16px 0 0 0;
			}

			.poptrox-popup .closer:before {
				right: 12px;
				top: 12px;
				width: 20px;
				height: 20px;
				box-shadow: inset 0 0 0 1px #fff;
				background-size: contain;
				opacity: 0.65;
			}

		}

/* Gallery */

	.gallery {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 45em;
		max-width: 100%;
		margin: 0 auto 2em auto;
	}

		.gallery article {
			-moz-transition: -moz-transform 1s ease, opacity 1s ease;
			-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
			-ms-transition: -ms-transform 1s ease, opacity 1s ease;
			transition: transform 1s ease, opacity 1s ease;
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			width: 50%;
			position: relative;
			opacity: 1.0;
		}

			.gallery article .image {
				margin: 0;
				display: block;
			}

			.gallery article:nth-last-child(1n) {
				-moz-transition-delay: 0.05s;
				-webkit-transition-delay: 0.05s;
				-ms-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}

			.gallery article:nth-last-child(2n) {
				-moz-transition-delay: 0.05s;
				-webkit-transition-delay: 0.05s;
				-ms-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}

			.gallery article:nth-last-child(2n) {
				-moz-transition-delay: 0.1s;
				-webkit-transition-delay: 0.1s;
				-ms-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}

			.gallery article:nth-last-child(3n) {
				-moz-transition-delay: 0.1s;
				-webkit-transition-delay: 0.1s;
				-ms-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}

			.gallery article:nth-last-child(3n) {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.gallery article:nth-last-child(4n) {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.gallery article:nth-last-child(4n) {
				-moz-transition-delay: 0.2s;
				-webkit-transition-delay: 0.2s;
				-ms-transition-delay: 0.2s;
				transition-delay: 0.2s;
			}

			.gallery article:nth-last-child(5n) {
				-moz-transition-delay: 0.2s;
				-webkit-transition-delay: 0.2s;
				-ms-transition-delay: 0.2s;
				transition-delay: 0.2s;
			}

			.gallery article:nth-last-child(5n) {
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
			}

			.gallery article:nth-last-child(6n) {
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
			}

			.gallery article:nth-last-child(6n) {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.gallery article:nth-last-child(7n) {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.gallery article:nth-last-child(7n) {
				-moz-transition-delay: 0.35s;
				-webkit-transition-delay: 0.35s;
				-ms-transition-delay: 0.35s;
				transition-delay: 0.35s;
			}

			.gallery article:nth-last-child(8n) {
				-moz-transition-delay: 0.35s;
				-webkit-transition-delay: 0.35s;
				-ms-transition-delay: 0.35s;
				transition-delay: 0.35s;
			}

			.gallery article:nth-last-child(8n) {
				-moz-transition-delay: 0.4s;
				-webkit-transition-delay: 0.4s;
				-ms-transition-delay: 0.4s;
				transition-delay: 0.4s;
			}

			.gallery article:nth-last-child(9n) {
				-moz-transition-delay: 0.4s;
				-webkit-transition-delay: 0.4s;
				-ms-transition-delay: 0.4s;
				transition-delay: 0.4s;
			}

			.gallery article:nth-last-child(9n) {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.gallery article:nth-last-child(10n) {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.gallery article:nth-last-child(10n) {
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
			}

			.gallery article:nth-last-child(11n) {
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
			}

			.gallery article:nth-last-child(11n) {
				-moz-transition-delay: 0.55s;
				-webkit-transition-delay: 0.55s;
				-ms-transition-delay: 0.55s;
				transition-delay: 0.55s;
			}

			.gallery article:nth-last-child(12n) {
				-moz-transition-delay: 0.55s;
				-webkit-transition-delay: 0.55s;
				-ms-transition-delay: 0.55s;
				transition-delay: 0.55s;
			}

			.gallery article:nth-last-child(12n) {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.gallery article:nth-last-child(13n) {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.gallery article:nth-last-child(13n) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			.gallery article:nth-last-child(14n) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			.gallery article:nth-last-child(14n) {
				-moz-transition-delay: 0.7s;
				-webkit-transition-delay: 0.7s;
				-ms-transition-delay: 0.7s;
				transition-delay: 0.7s;
			}

			.gallery article:nth-last-child(15n) {
				-moz-transition-delay: 0.7s;
				-webkit-transition-delay: 0.7s;
				-ms-transition-delay: 0.7s;
				transition-delay: 0.7s;
			}

			.gallery article:nth-last-child(15n) {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.gallery article:nth-last-child(16n) {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.gallery article:nth-last-child(16n) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			.gallery article:nth-last-child(17n) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			.gallery article:nth-last-child(17n) {
				-moz-transition-delay: 0.85s;
				-webkit-transition-delay: 0.85s;
				-ms-transition-delay: 0.85s;
				transition-delay: 0.85s;
			}

			.gallery article:nth-last-child(18n) {
				-moz-transition-delay: 0.85s;
				-webkit-transition-delay: 0.85s;
				-ms-transition-delay: 0.85s;
				transition-delay: 0.85s;
			}

			.gallery article:nth-last-child(18n) {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.gallery article:nth-last-child(19n) {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.gallery article:nth-last-child(19n) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			.gallery article:nth-last-child(20n) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			.gallery article:nth-last-child(20n) {
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
			}

			.gallery article:nth-last-child(21n) {
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
			}

			.gallery article:nth-last-child(21n) {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.gallery article:nth-last-child(22n) {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.gallery article:nth-last-child(22n) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			.gallery article:nth-last-child(23n) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			.gallery article:nth-last-child(23n) {
				-moz-transition-delay: 1.15s;
				-webkit-transition-delay: 1.15s;
				-ms-transition-delay: 1.15s;
				transition-delay: 1.15s;
			}

			.gallery article:nth-last-child(24n) {
				-moz-transition-delay: 1.15s;
				-webkit-transition-delay: 1.15s;
				-ms-transition-delay: 1.15s;
				transition-delay: 1.15s;
			}

		.gallery.inactive article {
			opacity: 1;
		}

			.gallery.inactive article.from-left {
				-moz-transform: translateX(-14em);
				-webkit-transform: translateX(-14em);
				-ms-transform: translateX(-14em);
				transform: translateX(-14em);
			}

			.gallery.inactive article.from-right {
				-moz-transform: translateX(14em);
				-webkit-transform: translateX(14em);
				-ms-transform: translateX(14em);
				transform: translateX(14em);
			}

			.gallery.inactive article.from-top {
				-moz-transform: translateY(-7em);
				-webkit-transform: translateY(-7em);
				-ms-transform: translateY(-7em);
				transform: translateY(-7em);
			}

			.gallery.inactive article.from-bottom {
				-moz-transform: translateY(7em);
				-webkit-transform: translateY(7em);
				-ms-transform: translateY(7em);
				transform: translateY(7em);
			}

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

			.gallery {
				-moz-flex-wrap: nowrap;
				-webkit-flex-wrap: nowrap;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.gallery article {
					width: 100%;
				}

		}

/* Header */

	#header {
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background: rgba(255, 255, 255, 1);
		height: 3em;
		line-height: 3em;
		box-shadow: 0 0 0.50em 0 rgba(0, 0, 0, 0.25);
	}

		#header h1 {
			position: absolute;
			left: 1em;
			top: 0;
			height: 3em;
			line-height: 3em;
			cursor: default;
		}

			#header h1 a {
				font-size: 1.25em;
			}



		#header nav {
	     	/*position: absolute;
			right: 0.5em;
			top: 0;
			height: 3em;
			line-height: 3em;*/
		}

			#header nav ul {
				margin: 0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 0.5em;
					font-size: 0.9em;
					font-weight: normal;
				}

					#header nav ul li a {
						font-family : "Source Sans Pro"; 
						font-weight: 500; 
						font-style: bold;
						color : rgb(9, 1, 48);
						position: relative;
						display: inline-block;
						text-decoration: none;
						height: 3em;
						line-height: 3em;
						padding: 0 0.5em 0 0.5em;
						outline: 0;
					}

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

			#header {
				height: 2.5em;
				line-height: 2.5em;
			}

				#header h1 {
					text-align: center;
					position: relative;
					left: 0;
					top: 0;
					height: 2.5em;
					line-height: 2.5em;
				}

					#header h1 a {
						font-size: 1em;
					}

				#header nav {
					display: none;
				}

		}

	body {
		padding-top: 3em;
	}

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

			body {
				padding-top: 2.5em;
			}

		}

/* Main */

	.main {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
		margin: 0;
		overflow-x: hidden;
	}

		.main > .content {
			width: 45em;
			/*max-width: calc(100% - 4em);*/
			margin: 0 auto;
		}

			.main > .content > :last-child {
				margin-bottom: 0;
			}

		.main.fullscreen {
			min-height: 100%;
		}
		.content.boxServiciosDetalle {
		    width: 100%;
		    height: 100%;
		}

		.boxServicioDetalle h2{
			font-size: 3em;
		}

		.main.style1 {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			text-align: center;
			padding: 3em 0 3em 0;
		}

			h2#textoIntro {
				letter-spacing: 0.5px;
				padding-top:0.5em;
				font-size: 1.25em;
				line-height: 1em;
			}

			.main.style1 h1{
				letter-spacing: 0.5px;
			}

			.main.style1 > .content {
				-moz-transition: opacity 1s ease;
				-webkit-transition: opacity 1s ease;
				-ms-transition: opacity 1s ease;
				transition: opacity 0.5s ease;
				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				opacity: 1.0;
				margin: 0;
			}

			.main.style1.inactive > .content {
				opacity: 1;
			}

		.main.style2 {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			padding: 3em 0 0 0;
			overflow: hidden;
		}

			.main.style2 > .content {
				-moz-transition: -moz-transform 1s ease;
				-webkit-transition: -webkit-transform 1s ease;
				-ms-transition: -ms-transform 1s ease;
				transition: transform 0.3s ease;
				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
				position: relative;
				width: 35%;
				margin: 0;
			}
			.main.style2 > .content.boxServicios {
			    width: 100%;
			}

			.main.style2.left {
				-moz-justify-content: -moz-flex-start;
				-webkit-justify-content: -webkit-flex-start;
				-ms-justify-content: -ms-flex-start;
				justify-content: flex-start;
			}

			.main.style2.right {
				-moz-justify-content: -moz-flex-end;
				-webkit-justify-content: -webkit-flex-end;
				-ms-justify-content: -ms-flex-end;
				justify-content: flex-end;
			}

			.main.style2.inactive.left > .content {
				-moz-transform: translateX(-100%);
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
			}

			.main.style2.inactive.right > .content {
				-moz-transform: translateX(100%);
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
			}

		.main.style3 {
			text-align: center;
			padding: 6em 0 6em 0;
		}

			.main.style3 .content > header {
				
			}

			.main.style3.primary {
				background: #ffffff;
			}

			.main.style3.secondary {
				background: #f5f6f7;
			}

		.main.dark {
			color: #ffffff;
		}

			.main.dark a {
				color: inherit;
			}

			.main.dark .button.style2 {
				border-color: #ffffff;
			}

				.main.dark .button.style2:hover {
					background-color: rgba(255, 255, 255, 0.125);
				}

				.main.dark .button.style2:active {
					background-color: rgba(255, 255, 255, 0.25);
				}

				.main.dark .button.style2.down {
					
				}

		body.is-touch .main {
			background-attachment: scroll !important;
		}

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

			.main.style2 .content {
				width: 100%;
			}
		}

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

			.main.style2 .content {
				width: 50%;
			}

			.main.style2 .content.boxServicios {
				width: 100%;
			}
			p.boxServicios{
			    /*padding-right: 2em;
			    padding-left: 2em;*/
			    font-size: 1em;
			    line-height: 1.7em;
			}
			.cellImage{
				width:98%;
			}
		}

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

			.main.style2 .content {
				width: 60%;
			}
			.cellImage{
				width:95%;
			}
			p.boxServicios{
				font-size: 1em;
			}	

			.main.style1 >h2 {
				font-size: 0.85em;
			}

			.fraseIntro > .subTextIntro {
				font-size: 0.85em;
				line-height: 30px;
			}
		}

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

			.columnServicios{
				display: inline;
			}
			.main.fullscreen {
				height: auto ;
			}

			.main.style1 {
				padding: 4em 15px 4em 15px;
			}

				h2#textoIntro {
					font-size: 0.75em;
				}	
				.main.style1 h1 {
					font-size: 1em;
				}		

			.main.style2 {
				padding: 6em 15px 6em 15px;
			}

				.main.style2:before, .main.style2:after {
					display: none !important;
				}	

				.main.style2 .button.anchored {
					display: none;
				}

				.main.style2 .content {
					width: 100%;
					max-width: 100%;
					text-align: center;
					-moz-transform: none;
					-webkit-transform: none;
					-ms-transform: none;
					transform: none;
				}

			.main.style3 {
				text-align: center;
				padding: 3em 10px 3em 10px;
			}
			.cellImage{
				width:90%;
			}
			p.boxServicios{
				font-size: 0.9em;
			}	
		}

		@media screen and (max-width: 603px) {
			p.boxServicios{
				font-size: 0.8em;
				padding-left: 2.4em;
			}	

			h2#textoIntro {
				font-size: 0.6em;
			}	
		}

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

			.main > .content {
				max-width: calc(100% - 1.5em);
			}
			.cellImage{
				width:75%;
			}
			th.tableNosotrosCell {
			    display: inline;
			}
		}

		@media screen and (max-width: 377px) {
			h2#textoIntro {
				font-size: 0.5em;
			    padding-left: 5px;
			    padding-right: 5px;
			}	

			h2.textoIntro{
				font-size: 0.5em;
			    padding-left: 5px;
			    padding-right: 5px;				
			}
			#logoFerz{
				padding:0.7em;
			}
		}

/* Footer */

	#footer {

		position: relative;
		/*height: 8em;
		line-height: 5em;*/
		/*position: relative;
	    height: 10em;*/
	    margin: 0;
	    background-color: rgb(9, 1, 48);
	    color: rgba(185, 186, 187, 0.5);

	}

		#footer a {
			color: inherit;
		}

			#footer a:hover {
				color: #b9babb;
			}

		#footer ul.logo {
		    position: absolute;
		    margin-top: 1.5em;
		    left: 47.5%;
		}		

		#footer ul.logo img{
			width: 100%;
			-webkit-transition: -webkit-transform .8s ease-in-out;
  			transition: transform .8s ease-in-out;
		}			

		#footer ul.logo img:hover{
		  -webkit-transform: rotate(360deg);
	      transform: rotate(360deg);
		}


		#footer ul.logo hr{
		    margin-top: -20%;
		    border-top: 2px solid white;
    		border-bottom: 2px solid white;
		}

		#footer ul.actions {
			position: absolute;
			left: 1em;
			height: 100%;
			line-height: 5em;
			margin: 0;
		}

		#footer ul.actions hr{
		    margin-top: -20%;
		    border-top: 2px solid white;
    		border-bottom: 2px solid white;
		}

			#footer ul.actions li {
				font-size: 1.25em;
				margin: 0;
			}
			
			#footer ul.actions span{
			    color: white;
			    padding-left: 1.5em;
			    margin: 0;
			}
			

				#footer ul.actions li a {
					padding: 0.5em;
				}


		#footer ul.menu {

		    position: absolute;
		    right: 2em;
		    bottom: 0.10em;
		    height: 5em;
		    line-height: 5em;
		    margin: 0;
		}

			#footer ul.menu li {
				border-left-color: rgba(185, 186, 187, 0.2);
				font-size: 0.9em;
			}

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

			#footer {
				height: auto;
				line-height: inherit;
				text-align: center;
				padding: 1em 1em 1em 1em;
			}

				#footer ul.actions {
					position: relative;
					left: 0;
					top: 0;
					height: auto;
					line-height: inherit;
					margin: 0 0 1em 0;
				}

				#footer ul.menu {
					position: relative;
					right: 0;
					top: 0;
					height: auto;
					line-height: inherit;
				}

		}

		#footerHr{
			width: 2%;
		}

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

			#footerHr{
				width: 5%;
			}

			#footer ul.menu li {
				border-left: 0;
				padding: 1em 0 0 0;
				margin: 0;
				display: block;
			}

				#footer ul.menu li:first-child {
					padding-top: 0;
				}

				#footer ul.menu li a {
					line-height: 1.5em;
				}

		}

		
		#footer3{
			width: 30%;
			vertical-align: bottom;
			line-height: 1em;
			padding-bottom: 0.25em;
		}

		#ubicacion{
			width: 100%;
			color: red;			
		    position: relative;
		    text-align: left;
		    padding-left: 1em;
		    padding-top: 0.25em;
		}

		div#textUbicacion {
		    font-size: 0.65em;
		    line-height: 20px;
		    text-align: left;
		    padding-left: 1.2em;
		}

/* Intro */


	#intro {
		padding:0;
		height: 65%;
		width: 100%;
		background: transparent;
		overflow: hidden;	
	}

	#spanmenu{
		display:inline;
	}


/* One */

	#servicios {
		top:3%;
		width: 87%;
		margin:auto;
		/*background-color:rgba(9,1,48,1);*/
		/*background: url("images/overlay.png"), url("../../images/one.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;*/
	}
	.content.boxServicios {
		width: 80%;
	}

/* Two */

	#nosotros {
	    background-color: white;
    	padding: 0;
    	overflow-x: inherit;
		/*background: url("images/overlay.png"), url("../../images/two.jpg");
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;*/
	}



/* Contacto */

	#contacto {
		overflow: hidden;
		padding-bottom: 0;
		padding-top: 0;
	}

	div#boxContainer {
		width: 87%;
	}

		#contacto .box {
			-moz-transition: -moz-transform 1s ease;
			-webkit-transition: -webkit-transform 1s ease;
			-ms-transition: -ms-transform 1s ease;
			transition: transform 1s ease;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			position: relative;
			padding: 0;
		    width: 80%;
		    margin: auto;			
		}

		#contacto.inactive .box {
			-moz-transform: translateY(100%);
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transform: translateY(100%);
		}

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

			#contacto .box {
				padding-bottom: 2em;
				margin-top: 2em;
				width: 100%;
			}

		}

/* Acordion */

		button.accordion {
			font-family: "Source Sans Pro", sans-serif;
		    background-color: transparent;
		    cursor: pointer;		    
		    border: none;
		    text-align: left;
		    outline: none;
		    font-size: 1em;
		    font-weight: bold;
		    transition: 0.4s;
	        line-height: 1em;
	        padding: 0;
	        margin-bottom: 0px;
		}


		button.accordion:after {

		    text-align: top;
		    color: #777;
		    font-weight: bold;
		    float: top;
		}

		button.accordion.active:after {

		}



		div.panelExpandible {
			line-height: 1.5em;
			font-size: 0.90em;
			width: auto;
		    background-color: white;
		    font-weight: normal;
		    text-align: left;
    		transition: opacity 1s ease-out;
		    opacity: 0; 
		    height: 0;
		    overflow: hidden;
		    color: rgb(9, 1, 48);
		}

		div.panelExpandible.show {
		    opacity: 1;
		    height: auto;
		    transition: opacity 1s ease-out;
		}

		span.panelExpandible{
			margin-left:2em;
		}

/* Table */		
       	.tableCell {
			width:50%; 
			height: 50px; 
			text-align: left;
       	}

		.sliding-left-out {
		  text-decoration: none;
		  position: relative;
		  color: rgb(9, 1, 48);
		}

		/* 255,189,71 */

		.sliding-left-out:after {
		  content: '';
		  position: absolute;
		  bottom: -10px;
		  left: 0;
		  width: 20px;
		  border-bottom: 2px solid rgb(255,189,71);
		  transition: 0.4s;
		}
		.sliding-left-out:hover:after {
		  width: 100%;
		}

		#titleServicios{
			font-weight: bold; 
			font-size:2em; 
			letter-spacing: 5.46px;   
			color : rgb(9, 1, 48); 
			text-align: left;
		}


		hr {
	       display: block;
	       position: relative;
	       padding: 0;
	       height: 0;
	       width: 10%;
	       max-height: 0;
	       font-size: 1px;
	       line-height: 0;
	       clear: both;
	       border: none;
	       border-top: 2px solid rgba(225,189,71,1);
	       border-bottom: 2px solid rgba(225,189,71,1);
	       
	    }

		.overlay {		
		    height: 0;
		    width: 100%;
		    position: fixed;
		    z-index: 1;
		    top: 0;
		    left:0;
		    background-color: rgba(9, 1, 48,0.9);
		    overflow-x: hidden;
		    transition: 0.5s;
		}

		.overlay-content {
		    position: relative;
		    top: 25%;
		    height: : 100%;
		    text-align: center;
		    margin-top: 30px;
		}

		.overlay a {
		    padding: 8px;
		    text-decoration: none;
		    font-size: 25px;
		    color: white;
		    display: block;
		    transition: 0.3s;
		}

		.overlay a:hover, .overlay a:focus {
		    color: rgba(225,189,71,1);
		}

		.overlay .closebtn {
		    position: absolute;
		    top: 20px;
		    right: 45px;
		    font-size: 60px;
		}

		/*th#columnNav {
    		display: grid;
		}*/

		@media screen and (max-height: 450px) {
		  .overlay a {font-size: 20px}
		  .overlay .closebtn {
		    font-size: 40px;
		    top: 15px;
		    right: 35px;
			  }
		}	

	.fraseIntro{
		position:absolute;
		bottom:20%;
    	width: 100%;
    	margin:auto;
	}

	.fraseIntro h1{
		background-color: rgba(255,255,255,0.8);
		font-weight:  600 !important;
		font-size:1.2em;
		font-style : italic;
		line-height : 46px;
		color : rgb(9, 1, 48);		
        transform: translateX(-100%);
        animation: slide-in 2s forwards;
    	-webkit-animation: slide-in 2s forwards;
    	text-align: center;
	} 

	.fraseIntro h2{
		background-color: rgba(255,255,255,0.8);
		font-weight:  600 !important;
		font-size: 1em;
		font-style : italic;
		line-height : 46px;
		color : rgb(9, 1, 48);		
        transform: translateX(-100%);
        animation: slide-in 2s forwards;
    	-webkit-animation: slide-in 2s forwards;
    	text-align: center;
	}

	@keyframes slide-in {
	    100% { transform: translateX(0%); }
	}

	@-webkit-keyframes slide-in {
	    100% { -webkit-transform: translateX(0%); }
	}


	.content.box.style2.boxClientes {
	    padding-bottom: 0;
	}

	table.tableContainerServicios {
 	   margin-top: 3em;
	}



	.stretch {
	    width: 100%;
	    display: inline-block;
	    font-size: 0;
	    line-height: 0;
	}
	
	@media screen and (min-width: 1281px){
		#gridGallery img{
		    width: 7%%;
		}
    } 	
	@media screen and (min-width: 921px) and (max-width: 1280px){
		#gridGallery img{
		    width: 11%;
		}
		#gridGallery{
			margin-left: 14.5%;	
		}		
    }    

	@media screen and (min-width: 441px) and (max-width: 920px){
		#gridGallery img{
		    width: 13%;
		}
    }

	@media screen and (max-width: 440px){
		#gridGallery img{
		    width: 15%;
		}
    }

	.boxClientes.content.box {
    	width: 87%;
    	padding: 0;
	}

	#logoFooter img{
	    margin-top: 19px;
	    width: 59px;		
	}


	#seguinos{
	    font-size: 0.7em;
	    margin-bottom: 1px;
	    color: white;
	}

	.content.boxNosotros.box.style1 {
		width: 100%;
		padding: 0;
	}	

	.imgnos{
	    border-radius: 50%;
	    margin-bottom: 0.5em;
	    width: 250px;
	}

	.nosotrosCell{
		width: 30%;
		padding: 0.5em; 
	}

	.espaciofila1{
		width: 3.33%;
	}

	.espaciofila2{
		width:16.5%;
	}

	.bordeamarillo{
		border: 2px solid rgb(255,189,71);
	}
	.bordevioleta{
		border: 2px solid rgb(9,1,48);
	}

	#containerNosotros{
		display:inline-flex;
		text-align: center;
		width: 100%;
	}

	#containerComoTrabajamos{
		display: inline-flex;
	    height: inherit;
	    width:80%;
	}

	.titNos{
		font-size: 1.35em;
	}
	.subNos{
		font-size: 0.94em;
	}

	h1.titulo {
	    /*background-color: rgba(9, 1, 48,0.3);*/
	    color: rgb(9, 1, 48);
	    padding: 0.25em;
	}	

	.titulo p{
	    text-align: center;
	    font-weight: bold;
	    letter-spacing: 0.05em;
	    color: inherit;
	    font-size: 1.35em;
	    margin-bottom: 2em;
	    margin-top:1em;
	    line-height: 0;
	}

	p.subtitulo {
	    font-size: 1.15em;
	    line-height: 2.5em;
	}	

	/*h1.titulo {
	    background-color: rgba(9, 1, 48,0.3);
	    padding: 0.25em;
	}	

	.titulo p{
	    text-align: center;
	    font-weight: bold;
	    letter-spacing: 0.05em;
	    color: inherit;
	    font-size: 1.35em;
	    margin-bottom: 0.5em;
	}

	p.subtitulo {
	    font-size: 0.94em;
	}*/
         

	@media screen and (min-width: 1200px){
		.titulo p{
		    font-size: 0.9em;
		}
		p.subtitulo {
	    	font-size: 0.84em;
		}
		p.contenido {
			font-size: 0.8em;
		}				
    }      

	@media screen and (min-width: 960px) and (max-width: 1199px){          
		.titulo p{
		    font-size: 1em;
		}
		p.subtitulo {
	    	font-size: 0.85em;
		}
		p.contenido {
			font-size:0.8em;
		}		
	}

	@media screen and (min-width: 737px) and (max-width: 959px){          
		.titulo p{
		    font-size:0.79em;
		}
		p.subtitulo {
	    	font-size:0.5em;
		}
		p.contenido {
			font-size:0.7em;
		}
	}	

	@media screen and (min-width: 480px) and (max-width: 736px){          
		.titulo p{
		    font-size:1.8em;
		}
		p.subtitulo {
	    	font-size:1.5em;
		}
		p.contenido {
			font-size:0.9em;
		}
	}		

	.logoSection{
		width:140px;
		height: auto;
	}

	.titleSection{
		font-weight: bold; 
		font-size:2em; 
		letter-spacing: 5.46px;   
		color : rgb(9, 1, 48);
	}



	.espacioGuion{
		margin-top:30px; 
		margin-bottom: 60px;
	}

	h2#textIntroBsottomTittle {
    	font-size: 1.5em;
	}

	h1#textIntroBottom{
		font-size:0.8em;
	}

	.textSlideContainer{
		height: inherit; 
	}

	.textSlide{
		width: fit-content; 
		font-size:0.5em; 
		/*margin-bottom:0.5em; */
		color: black; 
		background: rgb(195,189,177); 
		padding-left:0.5em; 
		padding-right:0.5em; 
		padding-bottom: 0.25em; 
		padding-top:0.25em; 
		/*margin-top:0.5em;*/
	}

	.textSlideSubtitle{
		color:white;
		background: rgba(0,0,0,0.8); 
	}

	.textLeft{
		text-align: left; 
	}

	.textRight{
		text-align: right; 
	}

	.textStyle1{
		margin-top:1em;
		margin-right: 0em;
	}

	.textStyle2{
		margin-top: 1em;
		margin-right: -0.4em;
	}

	.brHeight{
		display: block;
	    content: "";
	    margin-top: 0em;
	}	

	/* Media Query de Intro y Servicios */


	@media screen and (max-width: 1650px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		#spanmenu{
			display:inline;
		}						
		/*#intro{
			height: 845px;
		}*/			
	}		

	@media screen and (max-width: 1550px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		   /*top: 0%;*/
		}		
		#spanmenu{
			display:inline;
		}						
		/*#intro{
			height: 794px;
		}*/
	}		

	@media screen and (max-width: 1450px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}	
		#spanmenu{
			display:inline;
		}							
		/*#intro{
			height: 743px;
		}*/			
	}		

	@media screen and (max-width: 1350px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		/*#intro{
			height: 691px;
		}*/			
		.logoSection{
			width:130px;
			height: auto;
		}	
		#spanmenu{
			display:inline;
		}								
	}		

	@media screen and (max-width: 1250px) {       
		#servicios{
			padding: 0;
		   /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		/*#intro{
			height: 640px;
		}*/
		.logoSection{
			width:125px;
			height: auto;
		}		
		.titleSection{
			font-size:2em; 
			letter-spacing: 5.46px;   
		}	
		#spanmenu{
			display:inline;
		}				
	}		

	@media screen and (max-width: 1150px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		/*#intro{
			height: 588px;
		}*/			
		.logoSection{
			width:120px;
			height: auto;
		}				
	}		

	@media screen and (max-width: 1050px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		/*#intro{
			height: 528px;
		}*/			
		.logoSection{
			width:125px;
			height: auto;
		}		

		#spanmenu{
			display:none;
		}				

		#containerNosotros {
		    display: inline-flex;
		    text-align: center;
		    width: 81%;
		}
		.nosotrosCell{
			width:30%;
		}
		.imgnos{
		    width:90%;
		}
		.espaciofila1{

		}
	}		

	@media screen and (max-width: 950px) {       
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		/*#intro{
			height: 435px;
		}*/
		.logoSection{
			width:120px;
			height: auto;
		}	
		#footer3{
			font-size: 0.9em;
		}			
		.comoTrabajamosCell{
			height: 300px;
		}	
		.nosotrosTextCell {
			height: 300px;
		}
		#spanmenu{
			display:none;
		}			

				#containerNosotros {
		    margin: auto;
		    display: block;
		    text-align: center;
		    width: 80%;
		}
		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}			

	}	

	@media screen and (max-width: 850px) {       
		#servicios{
		    padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		#intro{
			height: 51%;
		}
		.logoSection{
			width:115px;
			height: auto;
		}	
		#spanmenu{
			display:none;
		}
	}

	#introBottomContainer{
		margin:auto; 
		width: 50%; 
		border: 1px solid rgba(225,189,71,1); 
		padding:0.5em;
	}

	@media screen and (max-width: 736px) {          
		#containerNosotros{
			display:inline-table;
			width: 100%;
		}
		#containerComoTrabajamos{
			display:inline-table;
			width: 100%;	
		}
		.comoTrabajamosCell{
			width: 100%;
			margin: 0;
			height: 150px;
			line-height: 20px;
		}
		.nosotrosText{
		    margin: 0;
		    display: inline;
		    line-height: 1.4em;
		    letter-spacing: 0.2px;
		    text-align: left;
		    font-family: Source Sans Pro;
		    font-size: 1em;
		    color: black;
		    padding:0;
		}
		.nosotrosTextCell{
		    width: 100%;
		    height: 120px;
		    text-align: left;
		    font-size: 0.8em;
		    line-height: 20px;
	        margin-left: 0; 
			margin-right: 0;
			padding-right: 7%;
    		padding-left: 7%;
		}
		/*#nosotrosText1{
			padding-right: 0;
		}
		#nosotrosText2{
			padding-left: 0;
		}*/

		#comotrabajamos1{
			padding-right: 0;
		}
		#comotrabajamos2{
			padding-left: 0;	
		}		

		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}

		.main.style1 h1 {
		    font-size: 0.6em;
		    line-height: 25px;
		}
		.content.boxNosotros.box.style1 {
		    width: 100%;
		    /*padding-left: 7%;
		    padding-right: 7%;*/
		}

		#servicios {
			top:3%;
			width: 100%;
			margin:auto;
			/*background-color:rgba(9,1,48,1);*/
			/*background: url("images/overlay.png"), url("../../images/one.jpg");
			background-size: 256px 256px, cover;
			background-attachment: fixed, fixed;
			background-position: top left, center center;*/
		}
		.content.boxServicios {
			width: 87%;
			max-width: unset;
		}		

		p.boxServicios{
			padding:0;
		}

		.tableCell {
		    width: 50%;
		    height: 50px;
		    text-align: left;
		    padding:0;
		}

		section#clientes {
		    padding: 0;
		    width: 87%;
		}
		.boxClientes.content.box {
		    width: 100%;
		    padding: 0;
		}

		#gridGallery {
		    width: 100%;
		    margin-left: 1.5%;
		}

		#servicios{
		    padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		#intro{
			height: 45%;
		}
		.logoSection{
			width:110px;
			height: auto;
		}		
		.titleSection{
		    font-size: 1.3em;
		    letter-spacing: 3.5px;
		}	
		#footer3{
			font-size: 0.8em;
		}	
		#introBottomContainer{
			width: 87%; 			
		}
		#spanmenu{
			display:none;
		}		

		.card{
			width:100%;		
			background-color: rgba(225,189,71,0.2);
			padding-left: 7%;
		    padding-right: 7%;
		    margin: 0;
		}
		img.imgnos.bordeamarillo {
		    max-width: 220px !important;
		}
	}		


	@media screen and (max-width: 650px) {       	
		#servicios{
		    padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3.5em;
		    /*top: 0%;*/
		}		
		/*#intro{
			height: 160px;
		}*/		
		.logoSection{
			width:105px;
			height: auto;
		}
		#spanmenu{
			display:none;
		}		
		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}	
		.card{
			width:100%;		
			background-color: rgba(225,189,71,0.2);
			padding-left: 7%;
		    padding-right: 7%;
		    margin: 0;
		}
	}			

	@media screen and (max-width: 550px) {       	
		#servicios{
			padding: 0;
		    /*padding-top: 2em;*/
		    padding-bottom: 3em;
		    /*top: 0%;*/
		}		
		#intro{
			height: 37%;
		}
		.logoSection{
			width:100px;
			height: auto;
		}	
		#spanmenu{
			display:none;
		}
		.comoTrabajamosCell{
			width: 100%;
			margin: 0;
			height: 150px;
			line-height: 20px;
		}		
		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}
		.nosotrosTextCell {
			height: 150px;
		}


	}	

	@media screen and (max-width: 450px) {       	
		#servicios{
		    padding: 0;
		    /*top: 0%;*/
		    /*padding-top: 2em;*/
		    padding-bottom: 1.5em;

		}		
		#intro{
			height: 29%;
		}
		.logoSection{
			width:95px;
			height: auto;
		}	
		.comoTrabajamosCell{
			height: 200px;
		}		
		.nosotrosTextCell {
			height: 200px;
		}		
		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}		
		#spanmenu{
			display:none;
		}

	}

	@media screen and (max-width: 320px) {       	
		.card{
			width:100%;		
			background-color: rgba(225,189,71,0.2);
			padding-left: 7%;
		    padding-right: 7%;
		    margin: 0;
		}
		#spanmenu{
			display:none;
		}

		.fraseIntro{
			width: 95%;
    		bottom: 6%;			
		}

		.textoIntro h2 {
		    font-size: 0.5em;
		}

		#intro{
			height: 25%;
		}
		#servicios{
			/*top: 0%;*/
			padding:0;
			padding-top:2em;
			padding-bottom: 1em;
		}

		.logoSection{
			width:90px;
			height: auto;
		}
		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}		
	}

	#textIntroBottomTittle{
		font-size: 1.3em; 
		font-weight: 600;
	}
	#textIntroBottom{
		font-weight: 500;
		line-height: 1.3em; 
		padding-top: 0.5em;
		padding-bottom: 1em;
	}

	#serviciosHeader{
		width:100%;
		/*padding:2em; */
		padding-bottom: 0;
	}

	h1#textIntroBottom {
    	font-weight: 500;
	}

	#introBottom{
	    width: 100%;
	    margin: auto;
	    text-align: center;
	    padding-top: 1em;
	    margin-bottom: 2em;
	}

	img.imgnos.bordeamarillo {
	    max-width: none;
	}

	@media screen and (max-width: 850px) {
		span.textSlide{
			font-size:0.4em; 
			margin-bottom:0.2em; 
			padding-bottom: 0.35em; 
			padding-top:0.35em; 
			margin-top:0.2em;			
		}

		.textStyle1{
			margin-right: 0em;
			margin-top: 1em;
		}
		#containerNosotros {
		    margin: auto;
		    display: block;
		    text-align: center;
		    width: 100%;
		}
		.nosotrosCell{
			width:100%;
		}
		.imgnos{
		    width:90%;
		}
	}

	@media screen and (max-width: 630px) {
		span.textSlide{
			font-size: 0.35em;			
		}

		.textStyle1{
			margin-right: 0em;
			margin-top:1em;
		}
	}	

	@media screen and (max-width: 500px) {
		span.textSlide{
			font-size: 0.25em;			
		}	
		.textStyle1{
			margin-right: 0em;
			margin-top: 0.75em;
		}		
		.brHeight{
			display: block;
		    content: "";
		    margin-top: -0.35em;
		}
		.textStyle2{
			margin-top: 3em;
		}

	}	

	@media screen and (max-width: 420px) {
		.textStyle2{
			margin-top: 2em;
		}
	}