@charset "UTF-8";
/* CSS Document */

html, body{height:100%;}
.carousel,.item,.active{height:65%}
.carousel-inner{height:100%;}
.fill{width:100%;height:65%;background-position:center;background-size:cover;}

.espacio-botonera{
	height:80px;
	}
	
@media (max-width:1200px){
	.espacio-botonera{
	height:47px;
	}
	}
/* keep full widget on smaller screens */
@media (max-width: 767px) { 
	body {
		padding-left: 0;
		padding-right: 0;
	}
}

/*Ancla*/
.ancla:before {
      display: block;
      content: " ";
      margin-top: -85px;
      height: 85px;
      visibility: hidden;
}
/*fin Ancla*/

/*Ancla Dos*/
.ancla-dos:before {
	display: block;
	content: " ";
	margin-top: -125px;
	height: 125px;
	visibility: hidden;
}
/*fin Ancla*/

.image-gif{
	max-width:200px;
	height:auto;
	}

.alto-fondo-madera-home{
	height:20%;
	}

a {
  color: #009578;
  text-decoration:none;
}
.titulo-1{
	font-size:70px;
	}
	
.texto-destacado{
	font-size:18px;
	font-weight:900;
	color:#F5F5F5;
	}

.texto-cargo{
	font-size:15px;
	}

.texto-info{
	font-size:13px;
	}

.texto-contacto{
	font-size:14px;
	margin-top:-10px;
	}

.texto-contacto span{
	color:#009578;
	}

.texto-destacado{
	font-size:18px;
	font-weight:900;
	color:#009578;
	}
	
.border-img {
	border-left: 10px solid #009578;
	border-right:3px solid #009578;
	}

.border-img-gallery {
	border: 2px solid #009578;
	}

.img-min-max {
	width:100%;
/*-webkit-clip-path: polygon(100% 85%, 50% 95%, 0 85%, 0 2%, 100% 2%);
clip-path: polygon(100% 85%, 50% 95%, 0 85%, 0 2%, 100% 2%);*/
	}

.img-background {
	width:85%;
	background:#FFFFFF;
-webkit-clip-path: polygon(100% 85%, 50% 100%, 0 85%, 0 0, 100% 0);
clip-path: polygon(100% 85%, 50% 100%, 0 85%, 0 0, 100% 0);
	}

a:hover {
  color: #009578;
  text-decoration:none;
}

p {
  line-height: 1.5;
  font-size:16px;
  color:#646363;
}

ul {
	color:#646363;
	font-size:16px;
	}

footer ul {
	color:#ffffff;
	}


.color-tradex-1{
	color:#636362
	}
	
.color-tradex-2{
	color:#009578
	}

.color-blanco{
	color:#ffffff;
	}
	
.background-color-gris{
	  background-color: #f1f1f1;
  background-image: -webkit-linear-gradient(92deg, #f1f1f1 85%, #ffffff 10% );
  min-height: 400px;
	}

.background-color-verde{
	background:#009578;
	color:#ffffff;
	width:30%;
	padding:10px 10px;
	}

.padding-img{
	padding-top:20px;
	padding-bottom:20px;
	}

.padding-representantes{
	padding-top:60px;
	padding-bottom:30px;
	}

	.padding-tecnicos{
		padding-top:30px;
		padding-bottom:30px;
		}
		

.padding-1{
	padding-top:60px;
	padding-bottom:60px;
	}
.padding-2{
	padding-top:10%;
	padding-bottom:10%;
	}

.padding-3{
	padding-top:30px;
	padding-bottom:30px;
	}

.padding-5{
	padding-top:10px;
	padding-bottom:10px;
	}

.padding-4{
	padding-top:60px;
	padding-bottom:60px;
	}

.padding-pdf{
	padding-top: 20%;
	padding-bottom: 20%;
    }

.padding-pdf-titulo{
	padding-top: 0%;
	padding-bottom: 0%;
	}
	
.padding-canteadora{
	padding-top:8%;
	padding-bottom:60px;
	}


.padding-top{
	padding-top:50px;
	}

.padding-imagen-contacto{
	padding-top:20px;
	}

.padding-contacto{
	padding-top:80px;
	}
	
	
.padding-left{
	padding-left:30px;
	}
	
.padding-left-2{
	padding-left:15px;
	}


.padding-left-2-titulo{
	padding-left:25px;
	}

.padding-left-3{
	padding-left:80px;
	}


.padding-left-right{
	padding-left:20px;
	padding-right:20px;
	}

.text-mision-vision{
	text-align:justify;
	padding-left:40px;
	padding-right:40px;
	}
	
	
.sin-margenes{
	margin: 0 0;
	padding: 0 0;
	}

.list-number{
	list-style:decimal;
	}
	
.fondo-verde{
background: rgba(0,149,120,1);
background: -moz-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,149,120,1)), color-stop(50%, rgba(0,149,120,1)), color-stop(50%, rgba(40,91,81,1)), color-stop(100%, rgba(40,91,81,1)));
background: -webkit-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: -o-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: -ms-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: linear-gradient(to right, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009578', endColorstr='#285b51', GradientType=1 );
	}

.fondo-verde-video-pdf{
background: rgba(0,149,120,1);
background: -moz-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,149,120,1)), color-stop(50%, rgba(0,149,120,1)), color-stop(50%, rgba(40,91,81,1)), color-stop(100%, rgba(40,91,81,1)));
background: -webkit-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: -o-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: -ms-linear-gradient(left, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
background: linear-gradient(to right, rgba(0,149,120,1) 0%, rgba(0,149,120,1) 50%, rgba(40,91,81,1) 50%, rgba(40,91,81,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009578', endColorstr='#285b51', GradientType=1 );
	}
	

.fondo-verde-video{
background:#009578;
	}
	
.fondo-verde-onaz{
background:#009578;
	}
	
	
.fondo-verde-pdf{
background:#285b51;
	}


.fondo-verde-1{
background:#009578;
	}


.fondo-verde-2{
background:#285b51;
	}

.fondo-verde-3{
background:#009578;
	}

.fondo-verde-4{
background:#009578;
	}

.fondo-verde-5{
		background:#009578;
	}

.fondo-verde-6{
	background:#285b51;
}


.marco-imagenes-izq{
-webkit-box-shadow: 71px -4px 0px -58px rgba(255,255,255,1);
-moz-box-shadow: 71px -4px 0px -58px rgba(255,255,255,1);
box-shadow: 71px -4px 0px -58px rgba(255,255,255,1);
	}
	

.marco-imagenes-der{
;-webkit-box-shadow: -71px -4px 0px -58px rgba(255,255,255,1);
-moz-box-shadow: -71px -4px 0px -58px rgba(255,255,255,1);
box-shadow: -71px -4px 0px -58px rgba(255,255,255,1);
	}

.familia-maquinaria{
	border-left:1px solid #FFFFFF ;
	}

.familia-maquinaria-right{
	border-right:1px solid #FFFFFF ;
	}

.familia-maquinaria-container ul{
	list-style:circle;
	line-height: 24px;
	font-weight:300;
	font-size:16px;
	color:#FFFFFF;
}


.familia-maquinaria-container:hover ul{
	list-style:circle;
	line-height: 24px;
	font-weight:300;
	font-size:16px;
	color:#646363;
	
}

.familia-maquinaria-container a{
	color:#FFFFFF;
	transition: all .5s ease;
}

.familia-maquinaria-container:hover a{
	color:#4C4C4C;
}

.familia-maquinaria-container:hover a:hover{
	color:#009578;
	font-weight:900;
}

.familia-maquinaria-container h1{	
	color:#FFFFFF;
	font-size:20px;
}


.familia-maquinaria-container:hover h1{	
   color: #009578;
}


.familia-maquinaria-container{
	
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	transition: all .4s ease;
	border: 1px solid #fff;
	color:#FFFFFF;
	z-index: 1;
  overflow: hidden;
  background:none;
  width:100%;
}


.familia-maquinaria-container:hover {
    text-decoration: none;
    font-size: 1em;
    display: inline-block;
    transition: all .4s ease;
    border: 10px solid #ffffff;
	background:#fff;
    color: #009578;
    z-index: 1;
    overflow: hidden;

}




.familia-maquinaria-padding{
		padding-top:45px;
		}
	
.familia-maquinaria-padding-2{
		padding-top:35px;
		}
		
.familia-maquinaria-padding-3{
	padding-top:22%;
		}

.familia-maquinaria-padding-4{
		padding-top:17%;
		}
		
.familia-maquinaria-padding-5{
		padding-top:20%;
		}

.fondo-negro{

background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,149,120,1) 27%, rgba(0,149,120,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(27%, rgba(0,149,120,1)), color-stop(100%, rgba(0,149,120,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,149,120,1) 27%, rgba(0,149,120,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,149,120,1) 27%, rgba(0,149,120,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,149,120,1) 27%, rgba(0,149,120,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,149,120,1) 27%, rgba(0,149,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#009578', GradientType=0 );
	}
	
	
.margin-top{
	margin-top:-50px;
	}

.margin-top-2{
	margin-top:-65px;
	}

	.margin-top-3{
		margin-top:-90px;
		}
	
@media (max-width: 1560px) {
	.padding-canteadora{
	padding-top:5%;
	padding-bottom:60px;
	}
	}

@media (max-width: 1200px) {
	.familia-maquinaria-padding{
		padding-top:12px;
		}
	
	.familia-maquinaria-padding-2{
		padding-top:10px;
		}
	
	.familia-maquinaria-padding-3{
	padding-top:21%;
		}
		
	.familia-maquinaria-padding-4{
		padding-top:14%;
		}
		
	.familia-maquinaria-padding-5{
		padding-top:19%;
		}
		
	.padding-left-3{
	padding-left:40px;
	}

	
	}

@media (max-width: 992px) {
	
	.padding-left-2{
	padding-left:10px;
	}
	
	.padding-left-2-titulo{
	padding-left:25px;
	}

	.padding-pdf-titulo{
	padding-top: 30px;
	padding-bottom: 0px;
	}

	.padding-pdf{
	padding-top: 0%;
	padding-bottom: 0%;
	}

.padding-left-3{
	padding-left:25px;
	}

	
		.familia-maquinaria-padding{
		padding-top:0px;
		}
		
			.familia-maquinaria-padding-3{
	padding-top:10px;
		}
	
	.familia-maquinaria-padding-4{
		padding-top:0px;
		}
	
	.familia-maquinaria-padding-5{
	padding-top:10px;
		}
	
	.padding-contacto{
	padding-top:0px;
	}

	
	.familia-maquinaria-container h1{	
	color:#FFFFFF;
	font-size:20px;
}

	.padding-canteadora{
	padding-top:60px;
	padding-bottom:60px;
	}

	
.margin-top{
	margin-top:-74px;
	}

.margin-top-2{
	margin-top:-74px;
	}


	}

.fondo-gris{
background:#F2F2F2;
	}
	
.fondo-contacto{
background:#F2F2F2;
	}
	
.fondo-equipo{
background:#F2F2F2;
	}



@media (max-width: 992px) {
.fondo-gris{
background:#F2F2F2;
	}
	
.fondo-equipo{
background:#F2F2F2;
	}
	

.fondo-verde-3{
background:#009578;
	}

.fondo-verde-4{
background:#009578;
	}

.fondo-verde-5{
background:#009578;
	}

.fondo-verde-6{
background:#285b51;	
    }

.fondo-verde-video{
background:#009578;
	}

.fondo-verde-onaz{
background:#009578;
	}
	
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  color:#009578;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (max-width: 992px) {
	.background-color-verde{
	background:#009578;
	color:#ffffff;
	width:50%;
	padding:10px 10px;
	}
	
.titulo-1{
	font-size:35px;
	}
	
.fondo-verde{
background:#009578;
	}
	
.fondo-verde-video-pdf{
background:#009578;
	}

	}

/*-----------------------------------------------------------------------------------*/
/*	GLYPHICON
/*-----------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

/*-----------------------------------------------------------------------------------*/
/*	VIDEO BACKGROUND
/*-----------------------------------------------------------------------------------*/


.background-video{
 position: fixed;
  top: 50%; left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
	}
	
	.background-video h1{
	position: absolute;
    top: -100px;
    left: -100px;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-stretch:extra-condensed;
	font-size:28px;
	text-transform:uppercase;
	font-weight:100;
	color:#ffffff;
	line-height: 1.0;
	}
	
	.background-video hr{
	border: 1px solid #fff;
	width:80px;
	}

.background-video strong{
	font-size:80px;
	line-height: 1.0;
	font-weight:500;
	}

@media (max-width:992px) {
	
	.background-video h1{
	font-size:28px;
	text-transform:uppercase;
	font-weight:100;
	color:#ffffff;
	}
	
	.background-video hr{
	border: 1px solid #fff;
	width:80px;
	}

.background-video strong{
	font-size:30px;
	}

}

/*-----------------------------------------------------------------------------------*/
/*	Thumbnail de productos
/*-----------------------------------------------------------------------------------*/

.thumbnail-de-productos {
	margin: auto;
    display: block;
    padding: 0px;
	margin-top:20px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 10px;
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
	   -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



.thumbnail-de-productos h3 {
	
	margin-top:0px;
}

.thumbnail-de-productos p {
	line-height:1.25;
	text-align:center;
	height:70px;
	padding-left:20px;
	padding-right:20px;
}


.thumbnail-de-productos .caption {
	padding:22px;
	color:#333;
	}
	
.thumbnail-de-productos .caption h3{
	color:#009578;
	font-weight:700;
	 text-transform: uppercase;
	}

.thumbnail-de-productos:hover .caption h3{
	color:#ffffff;
	font-weight:700;
	}

.thumbnail-de-productos:hover .caption {
	padding:22px;
	color:#fff;
	}

.thumbnail-de-productos svg{
	margin: 0 0;
	padding-top: 40px;
	width:100%;
	}
	
.thumbnail-de-productos path {
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 815;
  stroke-dashoffset: -815;
  stroke-linecap: circle;
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -ms-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
	}
	
.thumbnail-de-productos:hover path {
fill: rgba(255,255,255,0.30);

  stroke-dashoffset: 0;
  stroke-dasharray: 815;
	}



.thumbnail-de-productos:hover {
	margin: auto;
    display: block;
    padding: 0px;
	margin-top:20px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #009578;
	color:#FFFFFF;
    border-radius: 10px;
	-webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
	-webkit-box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.75);
	   -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	cursor:pointer;
}

.thumbnail-de-productos:hover p {
	
	color:#FFFFFF;

}

	
.thumbnail-de-productos:hover:after{
	
	}
	
.thumbnail-de-productos:hover:before{
	
	}
	
.thumbnail-de-productos:hover .tradex-btn-inverse {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 1px solid #fff;
	text-align: center;
	line-height: 30px;
	width: 150px;
	height: 30px;
	color: #fff;
	z-index: 1;
  overflow: hidden;
}
.thumbnail-de-productos:hover .tradex-btn-inverse:before,
.thumbnail-de-productos:hover .tradex-btn-inverse:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#fff;
	opacity: 0;
	transition: all .2s ease-in;
}
.thumbnail-de-productos:hover .tradex-btn-inverse:after {
	left: 0;
	right: inherit;

}
.thumbnail-de-productos:hover .tradex-btn-inverse:hover:before,
.thumbnail-de-productos:hover .tradex-btn-inverse:hover:after {
	width: 100%;
	opacity: 1;
}
.thumbnail-de-productos:hover .tradex-btn-inverse:hover {
	box-shadow: 0 3px 7px rgba(0,0,0,.14)
}

 .thumbnail-de-productos:hover .btn-inverse a {
  color: #fff;
  text-decoration:none;
}

 .thumbnail-de-productos:hover .btn-inverse a:hover {
  color: #009578;
  text-decoration:none;
}




.fondo-verde-1 .tradex-btn-inverse, 
.fondo-verde-2 .tradex-btn-inverse {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 1px solid #fff;
	text-align: center;
	line-height: 30px;
	width: 150px;
	height: 30px;
	color: #fff;
	z-index: 1;
  overflow: hidden;
}
.fondo-verde-1 .tradex-btn-inverse:before,
.fondo-verde-1 .tradex-btn-inverse:after,
.fondo-verde-2 .tradex-btn-inverse:before,
.fondo-verde-2 .tradex-btn-inverse:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#fff;
	opacity: 0;
	transition: all .2s ease-in;
}
.fondo-verde-1 .tradex-btn-inverse:after,
.fondo-verde-2 .tradex-btn-inverse:after {
	left: 0;
	right: inherit;

}

.fondo-verde-1 .tradex-btn-inverse:hover:before,
.fondo-verde-1 .tradex-btn-inverse:hover:after
.fondo-verde-2 .tradex-btn-inverse:hover:before,
.fondo-verde-2 .tradex-btn-inverse:hover:after {
	width: 100%;
	opacity: 1;
}
.fondo-verde-1 .tradex-btn-inverse:hover,
.fondo-verde-2 .tradex-btn-inverse:hover  {
	box-shadow: 0 3px 7px rgba(0,0,0,.14)
}

 .fondo-verde-1 .btn-inverse a,
 .fondo-verde-2 .btn-inverse a {
  color: #fff;
  text-decoration:none;
}

 .fondo-verde-1 .btn-inverse a:hover ,
 .fondo-verde-2 .btn-inverse a:hover {
  color: #009578;
  text-decoration:none;
}



/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
	
	.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
	
	footer{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    background-image:url(../images/bg1-1024x546.jpg);
	color:#FFFFFF;
	font-weight:200;
	}
	
	footer iframe{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	footer ul li{
		list-style:none;
		font-size:12px;
	}
	
		footer li a{
			color:#fff;
			-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	}
	
		footer li a:hover{
			color:#009578;
	}
	
	
    footer .contactos{
		height:auto;
		width:100%;
	}
	
	
	.footer-copyright {
		padding-bottom:8px;
		padding-top:8px;
		font-size:10px;
		background:#1F1F1F;
		}
		
	.footer-copyright a {
		color:#939393;
		text-decoration:none;
			-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
		}
		
	.footer-copyright a:hover {
		color:#009578;
		}
	
	
	footer ul li {
		text-decoration:none;
		}
	
.pull-right {
  float: right !important;
  padding:0 0;
  margin: 0 0;
}

.pull-left {
  float:left;
  padding-left:195px;
  margin: 0 0;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none
}

body {
	background: #fff;
	font-family: sans-serif;
	margin:0;
	padding:0;
}

@media (max-width: 1200px) {
	.pull-left {
		float:left;
		padding-left:0px;
		margin: 0 0;
	  }
}
	
/*-----------------------------------------------------------------------------------*/
/*	CAROUSEL
/*-----------------------------------------------------------------------------------*/

.centrar-texto-carousel{
	top:50%;
	transform:translateY(-50%);
	position:absolute;
	}


	
.carousel-caption{
	position:absolute;
	right:60%;
	bottom:-5%;
	height:200px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	color:#fff;
	text-align:center;
	background: rgba(255,255, 255, 0.85);
	border-radius:14px;
	text-shadow: 0 0px 0px rgba(0,0,0,0.0);

	}
	
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #009578;
    border: #009578;
}


	
	.carousel-caption h3{
	
		text-align:left;
		text-transform:uppercase;
		font-size:1.8vw;
		font-variant:normal;
		padding-bottom:0px;
		margin-top:-1px;
		padding-right: 15px;
		}



.carousel-caption hr{
	border:1px solid #949494;
	width:80%;
		}
		

	.carousel-caption p{
		text-align:left;
		font-size:18px;
		margin-top:-7px;
		line-height:20px;
		padding-right: 15px;
		}
	
	
	
.jumbotron {
	width:50%;
	text-align:left;
	padding: 2rem 1rem;
    margin-bottom: 2rem;
    background: rgb(1, 127, 103, 0.8);
    border-radius: .3rem;
	}
	
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    display: block;
	overflow:hidden;
    max-width: 100%;
	margin:auto;
	padding:0;
	margin:auto;
}
	
	
	
@media (min-width: 480px) and (max-width: 992px) {
	.carousel-caption{
	position:absolute;
	right:40%;
	left:15%;
	bottom:0;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:10px;
	color:#fff;
	text-align:center;
	background: rgba(255,255, 255, 0.85);
	border-radius:14px;
	text-shadow: 0 0px 0px rgba(0,0,0,0.0);
	}
	
	.carousel{
		height:400px;
		}
	.item {
		height:400px;
	}
	
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    display: block;
	overflow:hidden;
    max-width: none;
	top:0;
	left:0;
	right:0;
	width:auto;
	height:600px;
	margin-top:-100px;
	float:none;	
}

.carousel-caption h3{
	
		text-align:left;
		text-transform:uppercase;
		font-size:24px;
		font-variant:normal;
		padding-bottom:0px;
		
		}

.carousel-caption p{
		text-align:left;
		font-size:15px;
		padding:0px 0px 0px 0px;
		}
	
	
	.display-none{
		display:none;
		}
	
}


@media (min-width: 992px) and (max-width: 1300px) {
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    display: block;
	overflow:hidden;
    max-width: none;
	top:0;
	left:0;
	right:0;
	width:auto;
	height:700px;
	float:none;	
}
	
}

@media (max-width: 480px) {
	
	.carousel-caption{
	position:absolute;
	right:15%;
    margin: auto;
	left:15%;
	bottom:0;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	text-align:center;
	border-radius:14px;
	}
	
	.carousel{
	height:350px;
		}
	.item {
	height:350px;
	}
	
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
     display: block;
	overflow:hidden;
    max-width: none;
	top:0;
	left:0;
	right:0;
	width:auto;
	height:500px;
	margin-top:-100px;
	margin-left:-300px;
	float:none;	
}

.carousel-caption h3{
	
		text-align:left;
		text-transform:uppercase;
		font-size:24px;
		font-variant:normal;
		padding-bottom:0px;
		
		}

.carousel-caption p{
		text-align:left;
		font-size:15px;
		padding:0px 0px 0px 0px;
		}
}

/*-----------------------------------------------------------------------------------*/
/*	Boton Tradex
/*-----------------------------------------------------------------------------------*/

.tradex-btn {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 1px solid #009578;
	text-align: center;
	line-height: 30px;
	width: 150px;
	height: 30px;
	color: #009578;
	z-index: 1;
  overflow: hidden;
}
.tradex-btn:before,
.tradex-btn:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#009578;
	opacity: 0;
	transition: all .2s ease-in;
}


.tradex-btn:after {
	left: 0;
	right: inherit;
}
.tradex-btn:hover:before,
.tradex-btn:hover:after {
	width: 100%;
	opacity: 1;
}
.tradex-btn:hover {
	box-shadow: 0 3px 7px rgba(0,0,0,.14);
	color: #ffffff;
}


/*-----------------------------------------------------------------------------------*/
/*	Boton Tradex Blanco
/*-----------------------------------------------------------------------------------*/

.tradex-btn-blanco {
	text-decoration: none;
	font-size: 1.3em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 1px solid #ffffff;
	text-align: center;
	line-height: 40px;
	width: 100%;
	height: auto;
	color: #ffffff;
	z-index: 1;
  overflow: hidden;
}
.tradex-btn-blanco:before,
.tradex-btn-blanco:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#ffffff;
	opacity: 0;
	transition: all .2s ease-in;
}


.tradex-btn-blanco:after {
	left: 0;
	right: inherit;
}
.tradex-btn-blanco:hover:before,
.tradex-btn-blanco:hover:after {
	width: 100%;
	opacity: 1;
}
.tradex-btn-blanco:hover {
	box-shadow: 0 3px 7px rgba(0,0,0,.14);
	color: #009578;
}




.tradex-btn-contacto {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 2px solid #009578;
	text-align: center;
	line-height: 30px;
	vertical-align:middle;
	top:0;
	bottom:0;
	padding-top:15px;
	font-size:20px;
	letter-spacing:4px;
	text-transform:uppercase;
	width: 60%;
	height: 60px;
	color: #009578;
	z-index: 1;
  overflow: hidden;
}
.tradex-btn-contacto:before,
.tradex-btn-contacto:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#009578;
	opacity: 0;
	transition: all .2s ease-in;
}


.tradex-btn-contacto:after {
	left: 0;
	right: inherit;
}
.tradex-btn-contacto:hover:before,
.tradex-btn-contacto:hover:after {
	width: 100%;
	opacity: 1;
}
.tradex-btn-contacto:hover {
	box-shadow: 0 3px 7px rgba(0,0,0,.14)
}

 .btn-normal a {
  color: #009578;
  text-decoration:none;
}

 .btn-normal a:hover {
  color: #fff;
  text-decoration:none;
}

.tradex-btn-inverse {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 1px solid #009578;
	text-align: center;
	line-height: 30px;
	width: 150px;
	height: 30px;
	color: #009578;
	z-index: 1;
  overflow: hidden;
}
.tradex-btn-inverse:before,
.tradex-btn-inverse:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#009578;
	opacity: 0;
	transition: all .2s ease-in;
}
.tradex-btn-inverse:after {
	left: 0;
	right: inherit;

}
.tradex-btn-inverse:hover:before,
.tradex-btn-inverse:hover:after {
	width: 100%;
	opacity: 1;
}
.tradex-btn-inverse:hover {
	box-shadow: 0 3px 7px rgba(0,0,0,.14)
}

 .btn-inverse a {
  color: #009578;
  text-decoration:none;
}

 .btn-inverse a:hover {
  color: #fff;
  text-decoration:none;
}


@media (min-width:576px){
.jumbotron{
	width:50%;
		}
		}
		
.jumbotron-fluid{
	padding-right:0;
	padding-left:0;
	border-radius:0
		}

.display-4{
	text-transform:uppercase;
	color:#fed136;
	font-size:2.5rem;
	font-weight:500;
	line-height:1.2;
	padding:0;
	margin:0;
	}

.lead{
	font-size:0.75rem;
	font-weight:100;
	color:#FFFFFF;
	line-height:1.5;
	}
			
.alert{
	position:relative;
	padding:.75rem 1.25rem;
	margin-bottom:1rem;
	border:1px solid transparent;
	border-radius:.25rem
				}

/*-----------------------------------------------------------------------------------*/
/*	OTROS
/*-----------------------------------------------------------------------------------*/


.img-responsive {
	width:100%;
	}

.color-azul{
	color:#060e9f;
	}
	
blockquote{
	color:#8C8C8C;
	font-size:10px;
	font-style:italic;
	padding:5px;
	}


/*-----------------------------------------------------------------------------------*/
/*	BANNERS
/*-----------------------------------------------------------------------------------*/


.fondo-home {
	margin-top:0px;
	position:relative;
	width:100%;
	height:10%;

background:url(../images/fondo-home.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	}

.fondo-somos {
	margin-top:0px;
	position:relative;
	width:100%;
	height:200px;
background:url(../images/fondo-somos.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
	}

  
  .texto {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  
  .texto-categorias{
	  font-weight:400;
	  letter-spacing:3px;
	  border-bottom:1px solid #636362;
	  padding-bottom:10px;
	  text-align:center;
	  }
  
   .texto-maquinaria{
  padding-top:0;
  }
  
    .texto-maquinaria h1{
	  color:#FFFFFF;
	  text-transform:uppercase;
	  font-size:6.5vw;
	  margin-top:-10px;
  }
  
  
  

.projects-section .project-text hr {
    border-color: #64a19d;
    border-width: .25rem;
    width: 30%;
	
	}
  
  
  
  .alto-max{
	/*-----------------------------------------------------------------------------------*/
	/* max-height:800px;
	/* min-height:400px;
	/*-----------------------------------------------------------------------------------*/


background: rgba(255,255,255,0.0);
background: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(105,105,105,0.6) 20%, rgba(0,0,0,9.5) 80%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.0)), color-stop(0%, rgba(255,255,255,0.0)), color-stop(20%, rgba(105,105,105,0.6)), color-stop(80%, rgba(0,0,0,9.5)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,9.5) 80%);
background: -o-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,9.5) 80%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,9.5) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,9.5) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
	  }

@media (max-width:992px) {
	.alto-max{
		/*-----------------------------------------------------------------------------------*/
		/* max-height:800px;
		/* min-height:400px;
		/*-----------------------------------------------------------------------------------*/
	
	
	background: rgba(255,255,255,0.0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(105,105,105,0.6) 10%, rgba(0,0,0,9.5) 90%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.0)), color-stop(0%, rgba(255,255,255,0)), color-stop(10%, rgba(105,105,105,0.6)), color-stop(90%, rgba(0,0,0,9.5)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,9.5) 90%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,9.5) 90%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,9.5) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.0) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,9.5) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
		  }
	
}

.alto-contacto{
    height:200px;
	}
	
.alto-contacto h3{
	padding-top:30px;
	}	

.alto-contacto h4{
	color:#646363;
	}	
	
.alto-contacto span{
	color:#009578;
	}	


.alto-contacto-tecnicos{
    height:auto;
	}
	
.alto-contacto-tecnicos h3{
	padding-top: 5px;
	}	

.alto-contacto-tecnicos h4{
	color:#646363;
	}	
	
.alto-contacto-tecnicos span{
	color:#009578;
	}	
	 
.alto-contacto-tecnicos p{
	line-height:1.25;
	}	

.alto-contacto-tecnicos h5{
	}	

	  
.padding-vertical {
	padding-top:15%;
	padding-bottom:15%;
	}


  
  .texto h1{
	  color:#FFFFFF;
	  text-transform:uppercase;
	  font-size: 6vw;
  }

.cabecera {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	}

.maquinaria {
	width:100%;
	height:auto;
	margin-top:80px;
	position:relative;
	overflow:hidden;
	background:url(../images/lastly-creative-249033-unsplash.jpg);	
background-attachment: fixed;
    background-position:center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size: 1920px !important ;
	}

.papel {
	width:100%;
	height:auto;
	margin-top:80px;
	position:relative;
	overflow:hidden;
	background:url(../images/fondo-papel.jpg);	
	background-attachment: fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size: 1920px !important ;
	}

.impresion {
	width:100%;
	height:auto;
	margin-top:80px;
	position:relative;
	overflow:hidden;
	background:url(../images/fondo-impresion.jpg);	
	background-attachment: fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size: 1920px !important ;
	}

.reciclaje {
	width:100%;
	height:auto;
	margin-top:80px;
	position:relative;
	overflow:hidden;
	background:url(../images/fondo-reciclaje.jpg);	
	background-attachment: fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size: 1920px !important ;
	}

.alimentos {
	width:100%;
	height:auto;
	margin-top:80px;
	position:relative;
	overflow:hidden;
	background:url(../images/fondo-alimentos.jpg);	
	background-attachment: fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size: 1920px !important ;
	}

.cabecera-maquinaria {
	width:100%;
	margin-top:80px;
	position:relative;
	}


.cabecera-remanufactura {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-madera.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	}

	
.cabecera-aserradero {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-madera.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	}

.cabecera-medicion {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-madera.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	z-index:1000;
	}

.cabecera-papel {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-papel.jpg);	
	background-attachment: fixed;
	background-position: center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	z-index:1000;
	}

.cabecera-alimentos {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-alimentos.jpg);	
	background-attachment: fixed;
	background-position: center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	z-index:1000;
	}

.cabecera-impresion {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-impresion.jpg);	
	background-attachment: fixed;
	background-position: center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	z-index:1000;
	}

.cabecera-reciclaje {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabecera-reciclaje.jpg);	
	background-attachment: fixed;
	background-position: center;
	background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	z-index:1000;
	}

.cabecera-servicio-tecnico {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
	}

.cabecera-servicio-tecnico-2 {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
	}
	

.cabecera-repuestos {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
	}
	
.cabecera-herramientas {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	}


.cabecera-entrenamiento {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
	}


	
	.cabecera-contacto {
	width:100%;
	margin-top:80px;
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/fondo-cabeceras.jpg);	
background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-size:cover;
	}

@media (max-width:1200px) {
	.maquinaria {
	margin-top:47px;
	}

	.papel {
	margin-top:47px;
	}

	.alimentos {
	margin-top:47px;
	}

	.reciclaje {
	margin-top:47px;
	}

	.impresion {
	margin-top:47px;
	}

	.cabecera-medicion {
	margin-top:47px;
	}
	
	.cabecera-papel {
	margin-top:47px;
	}

	.cabecera-alimentos {
	margin-top:47px;
	}

	.cabecera-impresion {
	margin-top:47px;
	}

	.cabecera-reciclaje {
	margin-top:47px;
	}
		
	.cabecera-maquinaria {
	margin-top:47px;
	}
}

@media (max-width:992px) {
	
	.alto-contacto h3{
	padding-top:0px;
	}	
	
	.alto-contacto{
    height:auto;
	}
	
	
	.alto-contacto h3, 
	.alto-contacto h4,
	.alto-contacto p {
		text-align:center;
	}
	
	
	.alto-contacto-tecnicos h3{
	padding-top:0px;
	}	
	
	.alto-contacto-tecnicos{
    height:auto;
	}
	
	
	.alto-contacto-tecnicos h3, 
	.alto-contacto-tecnicos h4,
	.alto-contacto-tecnicos p {
		text-align:center;
	}
	
	
	  .texto h1{
	  color:#FFFFFF;
	  text-transform:uppercase;
	  font-size:40px;
  }
  
      .texto-maquinaria h1{
	  color:#FFFFFF;
	  text-transform:uppercase;
	  font-size:40px;
	  margin-top:0px;
  }
	
.banner-home {
	margin-top:47px;
	position:relative;
	width:100%;
	height:200px;
	background:url(../images/fondo-home.jpg);
background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
	.cabecera {
	margin-top:47px;
	}

.cabecera-remanufactura {
	margin-top:47px;
	}
	
.cabecera-aserradero {
	margin-top:47px;
	}
	
.cabecera-servicio-tecnico {
	margin-top:47px;
	}
	
.cabecera-servicio-tecnico-2 {
	margin-top:47px;
	}
	
.cabecera-repuestos {
	margin-top:47px;
	}

.cabecera-entrenamiento {
	margin-top:47px;
	}

.cabecera-contacto {
	margin-top:47px;
	}
	
	
	}

/*-----------------------------------------------------------------------------------*/
/*	Portafolio
/*-----------------------------------------------------------------------------------*/

.portfolio .thumbnail {
    position: relative;
}

.portfolio .thumbnail:hover {
    cursor: pointer;
}

.portfolio .caption {
    bottom: 0;
    position: absolute;
}

.portfolio .btn {
    opacity: 0.75;
}

/*-----------------------------------------------------------------------------------*/
/*	GALERIA
/*-----------------------------------------------------------------------------------*/
.container.gallery-container {


    padding: 0px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 0px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 149, 120, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

/*-----------------------------------------------------------------------------------*/
/*	CLIENTES
/*-----------------------------------------------------------------------------------*/
a li{
	list-style:none;
	text-align:center;
	}
	
.cliente{
	min-height:100px;
	}
	

.clientes a img{
	padding:0;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0.7;
	filter: alpha(opacity=50);
	border-bottom:1px solid rgb(255, 107, 0 , 0.75);
	border-width:0;
	width:220px;
	margin-top:0px;
	}
	
.clientes a:hover img{
	 filter: grayscale(0);
	 -webkit-filter: grayscale(0);
	 opacity: 1.0;
	 filter: alpha(opacity=100);
	 transition: all 0.5s ease 0s;
	 -webkit-transition: all .5s ease;
	 -ms-transition: all .5s ease;
	 transition: all .5s ease;
	 width:220px;
	 margin-top:0px; 
	}
	

.entrenamiento a img{
	padding:0;
	filter: grayscale(100%) saturate(0%) brightness(70%) contrast(1000%);
	-webkit-filter: grayscale(100%);
	border-bottom:1px solid rgb(255, 107, 0 , 0.75);
	border-width:0;
	margin-top:0px;
	 transition: all 0.75s ease 0s;
	 -webkit-transition: all 0.75s ease;
	 -ms-transition: all 0.75s ease;
	 transition: all 0.75s ease;
	 position: relative;
	}
	
.entrenamiento a:hover img{
	 filter: grayscale(0) saturate(0%) brightness(0%) contrast(0%);
	 -webkit-filter: grayscale(0);
	}
	

.entrenamiento:before,
.entrenamiento:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 0%;
	z-index: -1;
	
}


.entrenamiento:before,
.entrenamiento:after {
	width:auto;
}

/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/
.forms {
    position: relative;
    padding: 0;
    width: 100%;
}
.form-container .response {
    display: none
}
.forms ol {
    margin: 0;
    padding: 0;
}
.forms ol li {
    line-height: auto;
    list-style: none;
}
.forms li.hidden-row {
    display: none
}
input,
textarea,
.uneditable-input {
    width: 100%
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    height: 40px;
    padding: 0 10px;
    /* margin-bottom: 15px; */ 
    font-size: 14px;
    line-height: 25px;
    color: #737373;
    border: 1px solid #e1e1e1;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border: 1px solid #c1c1c1;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea {
    height: 100%;
    padding: 5px 10px;
    margin-bottom: 15px;
    min-height: 150px;
    resize: vertical;
}
.btn-submit {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    width: auto;
}
.forms li.error input,
.forms li.error textarea {
    border: 1px solid #b54d4d
}
.forms span.error {
    display: none
}
.forms .button-row span.error {
    padding: 0;
    display: none;
}
.forms .button-row p.forgot {
    padding: 6px 0 0 10px;
    overflow: hidden;
    display: inline-block;
}
.forms label {
    display: block;
    float: left;
    width: 95px;
    padding-top: 7px;
    font-size: 13px;
    clear: both;
}
.comment-form div label {
    position: absolute;
    top: 0;
    left: 0;
}
.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.searchform {
    position: relative
}
.searchform .btn {
    position: absolute;
    top: 0;
    right: -5px;
    height: 40px !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    padding: 0 15px !important;
}


/*-----------------------------------------------------------------------------------*/
/*	NAV
/*-----------------------------------------------------------------------------------*/

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

header {
	position: relative;
	width: 100%;
	background:url(../images/fondo-menu-left.jpg) left  no-repeat, url(../images/fondo-menu-right.jpg) no-repeat right;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 13px 24px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 13px 24px -13px rgba(0,0,0,0.75);
box-shadow: 0px 13px 24px -13px rgba(0,0,0,0.75);
}

.logo {
	position: relative;
	z-index: 123;
	padding: 3px;
	font: 18px verdana;
	color: #009578;
	float: left;
	width: 170px;
	height:80px;
	background:url(../images/logo.png) no-repeat;
	background-size:contain;
	background-position: center;
}

a .logo img {
		display:none;
	}

.logo a {
	color: #009578;
}


.btn-li {
    color: #fff;
    background-color: #0e76a8 !important;
}


.btn-li:hover {
    color: #fff;
    background-color: #18628a !important;
	transition: all .5s ease;
}


.btn {
    margin: auto;
    /*height: 40px;*/
    color: #FFFFFF;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    margin-top: 20px;
    border-radius: 0.325rem;
    padding: 0.2rem 0.4rem;
    font-size: 2.30rem;
}



nav {
	position: relative;
	margin: 0 auto;
	height:80px;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:80px;
}

#cssmenu:after,
#cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

#cssmenu #head-mobile {
	display: none
}

#cssmenu 
{
	font-family: sans-serif;
	background: #fff;
	text-transform:uppercase;
	
}


#cssmenu > ul > li {
	float: left
}

#cssmenu > ul > li > a {
	padding: 11px 11px 11px 11px;
	font-size: 13px;
	letter-spacing: 0.5px;
	text-decoration: none;
	color: #626261;
	font-weight: 600;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	line-height:15px;
}

#cssmenu > ul > li:hover > a,
#cssmenu ul li.active a {
	color: #fff;
}

#cssmenu ul li.active-dropdown a {
	color: #009578;
	
	
}

#cssmenu ul li.inactive a {
	color: #fff
}



#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
	background:none !important;
	border-bottom: 80px solid #009578;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}



#cssmenu > ul > li.has-sub > a {
	padding-right: 11px;
}

#cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 18px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}

#cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 15px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}

#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
	height: 0
}

#cssmenu ul ul {
	position: absolute;
	left: -9999px
}

#cssmenu ul ul li {
	height:auto;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	background: #333;
	transition: all 0.5s ease;
	opacity:0;
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover > ul {
	left: auto
}

#cssmenu li:hover > ul > li {
	height: auto;
	opacity:1;
}

#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}

#cssmenu ul ul li a {
	border-bottom: 0;
	height:100%;
	padding: 9px 15px;
	vertical-align:middle;
	width: 220px;
	line-height:1.2;
	font-size: 12px;
	text-decoration: none;
	color: #ddd;
	font-weight: 400;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
	border-bottom: 0
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #009578
}

#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}

#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}

#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background:#1E1E1E;
}

#cssmenu ul ul ul li.active a {
	border-left: 1px solid #333
}

#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a {
	border-top: 1px solid #333
}

@media (max-width:1200px) {
	
	#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
    background: #009578!important;
	border-bottom:none;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
	
}
	
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 46px;
		text-align: center;
		padding: 5px 0 0 0;
		float: none;
		background:none;
	}
	
	a .logo img {
		display:block;
		margin:auto;
		padding:0;
	}
	
	.logo2 {
		display: none
	}
	nav {
		width: 100%;
		height:auto;
	}
	#cssmenu {
		width: 100%;
	}
	
	#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:auto;
}

#cssmenu > ul > li > a {
	padding: 17px 17px 17px 17px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #000;
	font-weight: 700;
}


	#cssmenu ul {
		width: 100%;
		display: none
	}
	#cssmenu ul li {
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, .2);
	}
	#cssmenu ul li:hover {
		background: #363636;
	}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li {
		height: auto
	}
	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 100%;
		border-bottom: 0
	}
	#cssmenu > ul > li {
		float: none
	}
	#cssmenu ul ul li a {
		padding-left: 25px
	}
	#cssmenu ul ul li {
		background: #333!important;
	}
	#cssmenu ul ul li:hover {
		background: #363636!important
	}
	#cssmenu ul ul ul li a {
		padding-left: 35px
	}
	#cssmenu ul ul li a {
		color: #ddd;
		background: none
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {
		color: #009578
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left
	}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before {
		display: none
	}
	#cssmenu #head-mobile {
		display: block;
		padding: 23px;
		color: #ddd;
		font-size: 12px;
		font-weight: 700
	}
	.button {
		width: 55px;
		height: 46px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		z-index: 12399994;
	}
	.button:after {
		position: absolute;
		top: 22px;
		right: 20px;
		display: block;
		height: 4px;
		width: 20px;
		border-top: 2px solid #009578;
		border-bottom: 2px solid #009578;
		content: ''
	}
	.button:before {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		position: absolute;
		top: 16px;
		right: 20px;
		display: block;
		height: 2px;
		width: 20px;
		background: #009578;
		content: ''
	}
	.button.menu-opened:after {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		top: 23px;
		border: 0;
		height: 2px;
		width: 19px;
		background: #009578;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.button.menu-opened:before {
		top: 23px;
		background: #009578;
		width: 19px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(0, 0, 0, .2);
		height: 46px;
		width: 46px;
		cursor: pointer
	}
	#cssmenu .submenu-button.submenu-opened {
		background: #262626
	}
	#cssmenu ul ul .submenu-button {
		height: 34px;
		width: 34px
	}
	#cssmenu .submenu-button:after {
		position: absolute;
		top: 22px;
		right: 19px;
		width: 8px;
		height: 2px;
		display: block;
		background: #ddd;
		content: ''
	}
	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px
	}
	#cssmenu .submenu-button.submenu-opened:after {
		background: #fff
	}
	#cssmenu .submenu-button:before {
		position: absolute;
		top: 19px;
		right: 22px;
		display: block;
		width: 2px;
		height: 8px;
		background: #ddd;
		content: ''
	}
	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px
	}
	#cssmenu .submenu-button.submenu-opened:before {
		display: none
	}
	#cssmenu ul ul ul li.active a {
		border-left: none
	}
	#cssmenu > ul > li.has-sub > ul > li.active > a,
	#cssmenu > ul ul > li.has-sub > ul > li.active > a {
		border-top: none
	}
}


/*-----------------------------------------------------------------------------------*/
/*	Table2
/*-----------------------------------------------------------------------------------*/


.table2 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table2 > thead > tr > th,
.table2 > tbody > tr > th,
.table2 > tfoot > tr > th,
.table2 > thead > tr > td,
.table2 > tbody > tr > td,
.table2 > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;

}
.table2 > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table2 > caption + thead > tr:first-child > th,
.table2 > colgroup + thead > tr:first-child > th,
.table2 > thead:first-child > tr:first-child > th,
.table2 > caption + thead > tr:first-child > td,
.table2 > colgroup + thead > tr:first-child > td,
.table2 > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table2 > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table2 .table {
  background-color: #ddd;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #fff;
}
.table-bordered2 > thead > tr > th,
.table-bordered2 > tbody > tr > th,
.table-bordered2 > tfoot > tr > th,
.table-bordered2 > thead > tr > td,
.table-bordered2 > tbody > tr > td,
.table-bordered2 > tfoot > tr > td {
  border: 0px solid #fff;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table2 td[class*="col-"],
table2 th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table2 > thead > tr > td.active,
.table2 > tbody > tr > td.active,
.table2 > tfoot > tr > td.active,
.table2 > thead > tr > th.active,
.table2 > tbody > tr > th.active,
.table2 > tfoot > tr > th.active,
.table2 > thead > tr.active > td,
.table2 > tbody > tr.active > td,
.table2 > tfoot > tr.active > td,
.table2 > thead > tr.active > th,
.table2 > tbody > tr.active > th,
.table2 > tfoot > tr.active > th {
  background-color: #009578;
  color: white;
  text-transform: uppercase;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #009578;
}
.table2 > thead > tr > td.success,
.table2 > tbody > tr > td.success,
.table2 > tfoot > tr > td.success,
.table2 > thead > tr > th.success,
.table2 > tbody > tr > th.success,
.table2 > tfoot > tr > th.success,
.table2 > thead > tr.success > td,
.table2 > tbody > tr.success > td,
.table2 > tfoot > tr.success > td,
.table2 > thead > tr.success > th,
.table2 > tbody > tr.success > th,
.table2 > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table2 > thead > tr > td.warning,
.table2 > tbody > tr > td.warning,
.table2 > tfoot > tr > td.warning,
.table2 > thead > tr > th.warning,
.table2 > tbody > tr > th.warning,
.table2 > tfoot > tr > th.warning,
.table2 > thead > tr.warning > td,
.table2 > tbody > tr.warning > td,
.table2 > tfoot > tr.warning > td,
.table2 > thead > tr.warning > th,
.table2 > tbody > tr.warning > th,
.table2 > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table2 > thead > tr > td.danger,
.table2 > tbody > tr > td.danger,
.table2 > tfoot > tr > td.danger,
.table2 > thead > tr > th.danger,
.table2 > tbody > tr > th.danger,
.table2 > tfoot > tr > th.danger,
.table2 > thead > tr.danger > td,
.table2 > tbody > tr.danger > td,
.table2 > tfoot > tr.danger > td,
.table2 > thead > tr.danger > th,
.table2 > tbody > tr.danger > th,
.table2 > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

.nombre-personal {
	color:#009578;
	font-weight:900;
	}
	

/*-----------------------------------------------------------------------------------*/
/*	Thumbnail de Contacto
/*-----------------------------------------------------------------------------------*/

.thumbnail-de-contacto {
	position: relative;
	overflow: hidden;
	
	margin: auto;
    display: block;
	margin-top:0px;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color:transparent;
    border-radius: 10px;
	-webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
	   -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	height:360px;
	border: 1px solid #E9E9E9;
}


.thumbnail-de-contacto img {
	padding-top:10px;
	}

.thumbnail-de-contacto .caption {
	padding:22px;
	color:#333;
	}

	
.thumbnail-de-contacto .caption h3{
	color:#009578;
	font-weight:700;
	}



.thumbnail-de-contacto:hover {
	margin: auto;
    display: block;

	margin-top:0px;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color:transparent;
    border-radius: 10px;
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
	-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.44);
box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.44);
	   -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	cursor:pointer;
	border: 0px solid;
}

	
.thumbnail-de-contacto:hover:after{
	
	}
	
.thumbnail-de-contacto:hover:before{
	
	}
	
.thumbnail-more-text{
	position: absolute;
	bottom: 0;
	padding: 0px 0px;
	margin: auto;
	background: rgba(0,149,120,1.0);
	color: #fff;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	width:100%;
	height:100%;
}

.espaciado-entre-parrafo{
	line-height:1.25;
	}


.thumbnail-de-contacto:hover .thumbnail-more-text{
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
}



.image1{
	top:-50%;
	overflow:hidden;
	z-index:2;
	}	

.image2{
	top:-20%;
	overflow:hidden;
	z-index:1;
	}	


	
.titulo-footer{
	font-size:18px;
	font-weight: 700;
    color: #009578;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	
html {
  position: relative;
}
body {
     overflow-y: scroll;
}

footer {
  position: absolute;
  width: 100%;
}

.display-desktop{
	display:block;
	}

.display-movil{
	display:none;
	}

@media (max-width: 992px) {

.display-desktop{
	display:none;
	}
	
.display-movil{
	display:block;
	}
	
}

/*-----------------------------------------------------------------------------------*/
/*	Logos Carousel
/*-----------------------------------------------------------------------------------*/

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

.logos {
	overflow: hidden;
	padding: 10px 0;
	white-space: nowrap;
	position: relative;
  }
  
  .logos:before,
  .logos:after {
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	content: "";
	z-index: 2;
  }
  
  .logos:before {
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  }
  
  .logos:after {
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  }
  
  .logos:hover .logos-slide {
	animation-play-state: paused;
  }
  
  .logos-slide {
	display: inline-block;
	animation: 35s slide infinite linear;
  }
  
  .logos-slide img {
	height: 80px;
	margin: 0 30px;
	filter:grayscale(100%);
	transition: all 0.5s ease-out;
  }
  
  .logos-slide img:hover {
	height: 80px;
	margin: 0 30px;
	filter:grayscale(0%);
	transition: all 0.5s ease-out;
  }


  .logos-estatico {
	white-space: nowrap;
	padding: 10px 0;
	width: 100%;
	overflow: hidden;
  }
  
  .logos-estatico:before,
  .logos-estatico:after {
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	content: "";
	z-index: 2;
  }

  .logos-slide-estatico {
	display: inline-block;
  }
  
  .logos-slide-estatico img {
	height: 80px;
	margin: 0 2%;
	filter:grayscale(100%);
	transition: all 0.5s ease-out;
  }
  
  .logos-slide-estatico img:hover {
	height: 80px;
	margin: 0 2%;
	filter:grayscale(0%);
	transition: all 0.5s ease-out;
  }
  
  .texto-marcas {
	  text-align: center;
	  font-weight: 300;
	  color:#636362;
	  padding: 18px;
	  font-size: 20px;
  }

  .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.contenido {
    background: none;
    padding: 30px 30px 30px 30px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
}

.padding-contenido {
    padding: 50px 0;
}

@media (max-width:991px){
	.vcenter {
		display:block;
		vertical-align: middle;
		float: none;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	Whatsapp          
/*-----------------------------------------------------------------------------------*/


.whatsapp {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 99999;
	width: 50px;
	transition: all 0.3s;
	}
	
.whatsapp:hover {
	position: fixed;
	right: 37px;
	bottom: 37px;
	z-index: 99999;
	width: 50px;
	transition: all 0.3s;
	}
	
.whatsapp img{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0.75;
	transition: all 0.3s;
	}
	
.whatsapp img:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-webkit-transform: scale(2.0);
	-ms-transform: scale(2.0);
	transform: scale(2.0);
	opacity: 1;
	transition: all 0.3s;
	}
	
@media (max-width: 992px) {
	.whatsapp {
		bottom: 80px;
		}
	.whatsapp:hover {
		bottom: 92px;
		}
}

/*-----------------------------------------------------------------------------------*/
/*	formulario          
/*-----------------------------------------------------------------------------------*/

.formulario-contenedor {
    background-color: white;
    padding: 20px 30px;
    margin: 0 auto;
}

form label {
    display: block;
    margin: 15px 0 5px;
}

form input,
form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#resultado {
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}

.formulario-contenedor button {
	text-decoration: none;
	font-size: 1em;
	display: inline-block;
	position: relative;
	transition: all .4s ease;
	border: 1px solid #009578;
	text-align: center;
	line-height: 30px;
	width: 100%;
	height: 40px;
	color: #009578;
	z-index: 1;
    overflow: hidden;
}

.formulario-contenedor button:before,
.formulario-contenedor button:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	z-index: -1;
	background-color:#009578;
	opacity: 0;
	transition: all .2s ease-in;
}


.formulario-contenedor button:after {
	left: 0;
	right: inherit;
}
.formulario-contenedor button:hover:before,
.formulario-contenedor button:hover:after {
	width: 100%;
	opacity: 1;
}
.formulario-contenedor button:hover {
	box-shadow: 0 3px 7px rgba(0,0,0,.14);
	color: #ffffff;
}


/*-----------------------------------------------------------------------------------*/
/*	Vertical-padding          
/*-----------------------------------------------------------------------------------*/

.vertical-p1{
	padding-top: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	Columnas          
/*-----------------------------------------------------------------------------------*/
.container-columnas {
	display: flex;
	width: 100%;
	height: 500px;
	overflow: hidden;
  }
  
  .columnas {
	width: 33.33%;
	height: 100%;
	transition: width 0.4s ease;
	overflow: hidden;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	filter: grayscale(100%) brightness(70%);
	-webkit-filter: grayscale(100%) brightness(70%);
	-ms-filter: grayscale(100%) brightness(70%);
	transition: all .5s ease;
  }
  
  .columnas img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
  }
  
  .columnas p {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 15px;
	padding: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px black;
	background: rgba(0,0,0,0.25);
	margin-bottom: 0;
	transition: all .5s ease;
  }
  
  .container-columnas:hover .columnas {
	width: 25%;
  }
  
  .container-columnas .columnas:hover {
	width: 50%;
	filter: grayscale(0%) brightness(100%);
	-webkit-filter: grayscale(0%) brightness(100%);
	-ms-filter: grayscale(0%) brightness(100%);
	transition: all .5s ease;
  }


  .container-columnas .columnas:hover p {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 25px;
	padding: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px black;
	background: rgba(0,0,0,0.75);
	margin-bottom: 0;
	transition: all .5s ease;
  }

/*-----------------------------------------------------------------------------------*/
/*	Columnas 2         
/*-----------------------------------------------------------------------------------*/
.container-columnas-dos {
	display: flex;
	width: 100%;
	height: 500px;
	overflow: hidden;
  }
  
  .columnas-dos {
	width: 25%;
	height: 100%;
	transition: width 0.4s ease;
	overflow: hidden;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	filter: grayscale(100%) brightness(70%);
	-webkit-filter: grayscale(100%) brightness(70%);
	-ms-filter: grayscale(100%) brightness(70%);
	transition: all .5s ease;
  }
  
  .columnas-dos img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
  }
  
  .columnas-dos p {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 15px;
	padding: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px black;
	background: rgba(0,0,0,0.25);
	margin-bottom: 0;
	transition: all .5s ease;
  }
  
  .container-columnas-dos:hover .columnas-dos {
	width: 16%;
  }
  
  .container-columnas-dos .columnas-dos:hover {
	width: 52%;
	filter: grayscale(0%) brightness(100%);
	-webkit-filter: grayscale(0%) brightness(100%);
	-ms-filter: grayscale(0%) brightness(100%);
	transition: all .5s ease;
  }


  .container-columnas-dos .columnas-dos:hover p {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 25px;
	padding: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px black;
	background: rgba(0,0,0,0.75);
	margin-bottom: 0;
	transition: all .5s ease;
  }





/*-----------------------------------------------------------------------------------*/
/*	Leer mas      
/*-----------------------------------------------------------------------------------*/
  
.texto-completo {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.6s ease;
  }

  .texto-completo.expandido {
	max-height: 500px; /* Ajusta según lo largo del texto */
  }

  .btn-leer-mas {
	display: inline-block;
	margin-top: 10px;
	color: white;
	border: none;
	padding: 8px 14px;
	cursor: pointer;
	border-radius: 5px;
	border: 2px solid #009578;
	background: none;
	transition: background-color 0.3s;
  }

  .btn-leer-mas:hover {
	background: #009578;
  }

/*-----------------------------------------------------------------------------------*/
/*	PDFs de Acordeon
/*-----------------------------------------------------------------------------------*/

.gallery-wrapper {
	display: inline-block;
	max-width: 100%;
  }
  
.pdf-card {
	display: inline-block;
	width: 150px; /* Puedes ajustar este valor */
	margin: 10px;
	vertical-align: top;
	text-align: center;
  }

.btn-margin{
	margin-top: 10px;
  }
  
/*-----------------------------------------------------------------------------------*/
/*	Acordeon   
/*-----------------------------------------------------------------------------------*/

.panel-heading.active {
	background-color: #009578 !important;
	color: #fff !important;
  }
  
.panel-heading.active a {
	color: #fff !important;
	text-decoration: none;
  }

/*-----------------------------------------------------------------------------------*/
/*	Carousel 2   
/*-----------------------------------------------------------------------------------*/

  .carousel-t {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 65%; /* altura fija */
  }

  .slides-t {
	display: flex;
	transition: transform 0.5s ease-in-out;
	height: 100%;
  }

  .slide-t {
	flex: 0 0 100%; /* Cada slide ocupa el 100% del ancho del carrusel */
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
  }

  /* Imagen en el fondo */
  .slide-t img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
	z-index: 0;
  }

  /* Degradado entre imagen y texto */
  .slide-t::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
	z-index: 1;
	pointer-events: none;
  }

  /* Texto por encima de todo */
 .text-content-t {
	position: relative;
	z-index: 2;
	width: 50%;
	padding: 100px;
	color: white;
	background: rgba(0, 0, 0, 0.0);
	text-align: left;
  }

  .text-content-t h2 {
	font-size: 5.0rem;
	color: #ffffff;
  }

  .text-content-t p {
	font-size: 1.8rem;
	color: #ffffff;
  }

  /* Responsive */
  @media (max-width: 768px) {
	.text-content-t {
	  width: 100%;
	  text-align: center;
	  padding: 20px;
	}
	.slide-t::before {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
  }

  /* Arrows */
  .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0,0,0,0.0);
	color: white;
	font-size: 2rem;
	padding: 0.5rem 1rem;
	cursor: pointer;
	z-index: 3;
  }

  .arrow.left {
	left: 10px;
  }

  .arrow.right {
	right: 10px;
  }

  /* Indicators */
  .indicators-t {
	position: absolute;
	bottom: 15px;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 10px;
	z-index: 3;
  }

  .indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
  }

  .indicator.active {
	background: white;
  }