/*     <-------- CSS/CUSTOM.CSS -------->     */

	/* ie10 viewport bug workarround */
		@-ms-viewport{width:device-width;}
		@-o-viewport{width:device-width;}
		@viewport{width:device-width;}
	/* ie10 viewport bug workarround */

	/* Static Generic Material */
		img {max-width: 100%;}

		/* Static Divs */
		.fix10{width:10%}.fix15{width:15%}
		.fix20{width:20%}.fix25{width:25%}
		.fix30{width:30%}.fix35{width:35%}
		.fix40{width:40%}.fix45{width:45%}
		.fix50{width:50%}.fix55{width:55%}
		.fix60{width:60%}.fix65{width:65%}
		.fix70{width:70%}.fix75{width:75%}
		.fix80{width:80%}.fix85{width:85%}
		.fix90{width:90%}.fix95{width:95%}
		.fix1_3{width:33.33%}.fix2_3{width:66.67%}
		/* Static Divs */
	
		/* Margin Divs */
		.div10{width:10%;margin:0 45%;}.div15{width:15%;margin:0 42.5%;}
		.div20{width:20%;margin:0 40%;}.div25{width:25%;margin:0 37.5%;}
		.div30{width:30%;margin:0 35%;}.div35{width:35%;margin:0 32.5%;}
		.div40{width:40%;margin:0 30%;}.div45{width:45%;margin:0 27.5%;}
		.div50{width:50%;margin:0 25%;}.div55{width:55%;margin:0 22.5%;}
		.div60{width:60%;margin:0 20%;}.div65{width:65%;margin:0 17.5%;}
		.div70{width:70%;margin:0 15%;}.div75{width:75%;margin:0 12.5%;}
		.div80{width:80%;margin:0 10%;}.div85{width:85%;margin:0 7.5%;}
		.div90{width:90%;margin:0 5%;}.div95{width:95%;margin:0 2.5%;}
		.div1_3{width:33.32%;margin:0 33.34%;}.div2_3{width:66.66%;margin:0 16.67%;}
		/* Margin Divs */

		/* Shortcuts */	.floatleft{float:left}.floatright{float:right}.clr{clear:both}.center{text-align:center}.right{text-align:right}.left{text-align:left}.relative{position:relative}.oHide{overflow:hidden}
		/* Shortcuts */

	/* Static Generic Material */
		img{max-width:100%;}
		h1,h2,h3,h4,h5,h6{
			line-height:1.4;
            font-family: 'Verdana','Calibri','Arial',sans-serif;
			color:#333;}
		h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
			line-height:1.2;}
		h1,h2,h3,h4,h5,h6 {
			margin-top:.8em;
			margin-bottom:.5em}
		h1 small,h2 small,h3 small,
		h4 small,h5 small,h6 small{font-size:50%}
		h1{font-size:36px;}
		h2{font-size:30px}
		h3{font-size:24px;}
		h4{font-size:18px}
		h5{font-size:16px}
		h6{font-size:14px}
		p{margin:0 0 10px;font-size:18px;color:#666;font-family: 'Open Sans';}
		a,a:hover,a:focus,a:active,a:visited{text-decoration:none !important;outline-offset: 0px;}

		small {font-size: .85em}
		.container-fluid,.container{margin:0;padding:0;width:100%;}
		/* Hover Effects */

		.darken,
		.glow,
		.grayToColor,
		.colorToGray,
		.grow{
			-moz-transition:all ease 0.5s;
			-webkit-transition:all ease 0.5s;
			-o-transition:all ease 0.5s;
			transition:all ease 0.5s;}


		/* oscurecer */
		.darken{
			-moz-filter:brightness(1);
			-webkit-filter:brightness(1);
			-o-filter:brightness(1);
			filter:brightness(1);}
		.darken:hover{
			-moz-filter:brightness(0.5);
			-webkit-filter:brightness(0.5);
			-o-filter:brightness(0.5);
			filter:brightness(0.5);}
		/* oscurecer */

		/* brillar */
		.glow{
			-moz-filter:brightness(0.6);
			-webkit-filter:brightness(0.6);
			-o-filter:brightness(0.6);
			filter:brightness(0.6);}
		.glow:hover{
			-moz-filter:brightness(1.5);
			-webkit-filter:brightness(1.5);
			-o-filter:brightness(1.5);
			filter:brightness(1.5);}
		/* brillar */

		/* gris a color */
		.grayToColor{
			filter:grayscale(.9);
			-webkit-filter:grayscale(.9);
			-moz-filter:grayscale(.9);
			-o-filter:grayscale(.9);
			-ms-filter:grayscale(.9);}
		.grayToColor:hover{	
			filter:grayscale(0);
			-webkit-filter:grayscale(0);
			-moz-filter:grayscale(0);
			-o-filter:grayscale(0);
			-ms-filter:grayscale(0);}
		/* gris a color */

		/* color a gris */
		.colorToGray{
			filter:grayscale(0);
			-webkit-filter:grayscale(0);
			-moz-filter:grayscale(0);
			-o-filter:grayscale(0);
			-ms-filter:grayscale(0);}
		.colorToGray:hover{	
			filter:grayscale(.9);
			-webkit-filter:grayscale(.9);
			-moz-filter:grayscale(.9);
			-o-filter:grayscale(.9);
			-ms-filter:grayscale(.9);}
		/* color a gris */

		/* agrandar */
		.grow:hover{transform:scale(1.3);}
		/* agrandar */

		/* Hover Effects */

	/* Static Generic Material */

	/* Customizable Generic Material */
	
		/* Structural */
		#wrapper{
            font-family: 'Verdana','Calibri','Arial',sans-serif;
			display:block;
			width:100%;
			margin:0 auto;
			padding:0;
			max-width:1366px;
			box-shadow:0 0 50px rgba(0,0,0,0.5);
			border:0px solid rgba(0,0,0,0.25);	
			background:#fff;
			overflow: hidden;
		}
        
		#divInfoBarTop{background:#64a344 ;padding:10px 5% 10px 5%;margin:0;}
		#divInfoBarTop p{color: #FFF !important;padding:0;margin:0;text-align:center; font-size:18px;font-weight:bold;}
        #divInfoBarTop i {font-style: normal;}
		#divInfoBarTop a,
		#divInfoBarTop a:visited,
		#divInfoBarTop a:hover {color: #FFF;}
		#divInfoBarTop p span{color: #FFF !important;}
        
		#footercontainer{
			clear:both;
			width:100%;
			padding:0;
			margin:0 auto 0;
			background:#111;
			overflow:hidden;}	
            #footercontainer > div.col-xs-12 {margin:0;padding:0;}
		footer{
        clear:both;
        width:100%;
        margin:0 auto;
        padding:0; 
        text-align:left;}
		footer h4{color:#eed532;height: 3em;}
		footer a,
		footer a:visited{text-decoration:none;color:#ffffff;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#eed532;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:16px;
			color:#ccc ;
    line-height: 2em;}
    
		div.divRecaptcha{width: 67%;margin: 0 auto;}
        
        ul.check { list-style-type: none;}
		
		li.check:before {
		  content:"\f00c"; /* FontAwesome Unicode */
		  font-family:FontAwesome;
		  display:inline-block;
		  margin-left:-1.3em; /* same as padding-left set on li */
		  width:1.3em; /* same as padding-left set on li */
		}
		
		/* Structural */


		/* Imagenes */
		
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;}
		/* Imagenes */

		/*  Backgrounds and Colors */
		.bgYellow{background:#64a344;}
		.bgWhite{background:rgba(255,255,255,1);}
		.bgOffWhite{background:rgba(240,240,240,1);}
		.bgGrey{background:rgba(225,225,225,1);}
		.bgBlack{background:rgba(0,0,0,1);}
		/*  Backgrounds and Colors */

		/* Lines */
		.hrTop100{
			margin:0 auto 20px;
			border:0;
			height:0;
			width:100%;
			border-top:#ffa500 5px solid;}
		.hrSmall{
			margin:25px auto;
			border:0;
			height:0;
			width:80px;
			border-top:#64a344 2px solid;}
		.hr100{
			margin:15px auto;
			border:0;
			height:0;
			width:100%;
			border-top:#bbb 1px solid;}
		.hrSmallLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#64a344 2px solid;}
		.hrWhiteLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#64a344 2px solid;}
		.hrSmallRight{
			margin:15px inherit;
			border:0;
			height:0;
			width:80px;
			border-top:#64a344 1px solid;}
		.hrSmallLeftWhite{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#fff 1px solid;}
		.hrSmallLeftBlack{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#222 1px solid;}
				
		
		.hrLight{
			margin:0px;
			border:0px;
			height:0;
			border-top:rgba(255,255,255,0.25) 1px solid;
			border-bottom:rgba(255,255,255,0.1) 1px solid;
		}
		.hrDark{
			margin:0px;
			border:0px;
			height:0;
			border-top:rgba(0,0,0,0.25) 1px solid;
			border-bottom:rgba(0,0,0,0.1) 1px solid;
		}
		div.gradientLine {
			-moz-border-image:-moz-linear-gradient(left,rgba(222,91,4,1) 0,rgba(222,91,4,1)80%,rgba(222,91,4,0) 100%);
			-webkit-border-image:-webkit-linear-gradient(left,rgba(222,91,4,1) 0,rgba(222,91,4,1) 80%,rgba(222,91,4,0) 100%);
			border-image:linear-gradient(to right,rgba(222,91,4,1) 0,rgba(222,91,4,1) 80%,rgba(222,91,4,0) 100%);
			border-image-slice:1;
			margin:15px auto;		}
        
		div.gradientDestacado{
			-moz-border-image: -moz-linear-gradient(left,#3333 0,#555555 100%);
			-webkit-border-image: -webkit-linear-gradient(left,#333333 0,#555555   100%);
			border-image: linear-gradient(to right,#333333 0,#555555   100%);
			border-image-slice: 1;margin: 15px auto;
		}
		/* Lines */

		/* Buttons */
		.verMas1 {
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 2em .8em 1em;
			background:#de5b04;
			border-radius:4px;
			color:#FFF;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			width:75%;
			margin:0 auto;
		  	min-width:12em;
		}
		.verMas1:hover{color:#FFF;background:#de5b04;text-decoration:none;}
		.verMas1:active,
		.verMas1:focus{background:#FFFF;outline:none;}
		.verMas1:after{
			position:absolute;
			top:0;
			bottom:0;
			right:0;
			padding-top:inherit;
			padding-bottom:inherit;
			width:2.8em;
			content:"\f178";
			font-family:'FontAwesome',sans-serif;
			font-size:1.2em;
			text-align:center;
			transition:.2s;
		}
		.verMas1:hover:after{
			-webkit-animation:bounceright .3s alternate ease infinite;
			animation:bounceright .3s alternate ease infinite;
		}

		.verMas2{
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 1em;
			background:#FFF;
			border-radius:4px;
			color:#64a344;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			float:left;
			margin:0 auto;
		  	min-width:12em;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.verMas2:hover{	
    color: #fff;
	background:#64a344}
		
		
		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */



		/* Nav Menu */

		.navbar{
			margin-bottom:0;
			width: 100%;
		}
		nav.navbar-fixed-top{
            left:auto;
            right:auto;
            max-width:1366px
            ;width:100%; 
            z-index: 1040;
            background: #FFF; }
            
		.navbar-logoBrand{
            width:10%;
            margin:25px 0 0 0 !important;
            float: left;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;}
		.navbar-header{width:20%;margin:0 0 0 5% !important;float: left;}
		.navbar-collapse{width:70%;margin:25px 0 0 5%  !important;float: left; padding: 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
		
		ul.nav.navbar-nav{width:100%; padding: 0;}
		
		#divLogo {
			padding:5px 0px 5px;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: 0 auto;
			text-align:center;
		}
		
		.imgLogo{
			max-height:160px;/*relacion con #divLogo {padding}/ relacion con .navbar li a{line-height} /*/
			padding:0;
			height:auto;
			margin:0 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		}
			
			
		.navbar-brand {
			display:block;
			float: inherit;
			height: initial;
			padding: initial;
			line-height: initial;
			font-size: initial;
			margin: 0 !important;
    		border: 0 solid transparent !important;
    		background: transparent !important;
		}
		.navbar span {padding:0;color: #000;}
		.navbar-default .navbar-collapse, 
		.navbar-default .navbar-form{border-color:transparent;border-bottom:0 solid transparent;}
		.navbar-default{background-color:rgba(255,255,255,95);border-bottom:0px solid #64a344;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
		
		
        /* nav menu items */
        
            /* ul and  li styles */
                .navbar li {border:none; margin:0;padding: 0; font-size:12px;}
                .navbar li:nth-child(1){width:10.25%;}
                .navbar li:nth-child(2){width:11.25%;}
                .navbar li:nth-child(3){width:14.6%;}
                .navbar li:nth-child(4){width:14.6%;}
                .navbar li:nth-child(5){width:20.45%;}
                .navbar li:nth-child(6){width:14.6%;}
                .navbar li:nth-child(7){width:14.25%;}
                .navbar li.active:after{
                    position: absolute;
                    bottom: 0;
                    left: 10%;
                    width: 80%;
                    height: 5px;
                    background: #eed532;
                    border-radius: 2px;
                    display: table;
                    content: " ";}
        
        
            /* anchor styles */
            
            .navbar-default .navbar-nav>li>a{
                color:#64a344;
                border-top:0 solid transparent; 
                font-size:10px;
                font-weight: 300;
                line-height:85px;
                text-align:center;
                padding:0;
                margin:0; 
                text-transform: uppercase; 
                letter-spacing:1px;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;}
		
            .navbar-default .navbar-nav>li>a:hover,
            .navbar-default .navbar-nav>.active>a,
            .navbar-default .navbar-nav >.active>a:hover{
                color: #eed532;/*hover / active*/
                background-color: transparent;}
            .navbar-default .navbar-nav>.active > a:focus,
            .navbar-default .navbar-nav>li >a:focus{
                background-color: transparent;
                color: #eed532;/*hover / active*/}
                
            .dropdown-menu>.active>a{background-color:transparent;}
        
        
        
            /* Scroll down Changes */
		          nav.colorAlBajar.navbar-fixed-top{                      
                    background-color: #fff;
                    border-bottom: 1px solid #eee;
                    box-shadow: 5px 0 15px rgba(0,0,0,0.05);}
		          nav.colorAlBajar .navbar-logoBrand{margin:5px 0 0 0 !important;}
                    nav .colorAlBajar{border-bottom:0px solid #000 !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;background-color:rgba(255,255,255,1)}

                 nav.colorAlBajar .navbar-nav>li>a{
                     line-height: 30px;}
               nav.colorAlBajar .navbar-nav  .navbar-collapse {
                    width: 45%;
                    margin: 15px 5% 5px 25% !important;}
               nav.colorAlBajar.navbar-default .navbar-nav>li>a:hover,
               nav.colorAlBajar.navbar-default .navbar-nav>.active>a,
               nav.colorAlBajar.navbar-default .navbar-nav >.active>a:hover{
                    background-color: transparent;}
                nav.colorAlBajar.navbar-default .navbar-nav>.active > a:focus,
               nav.colorAlBajar.navbar-default .navbar-nav>li >a:focus{
                    background-color: transparent;}
                nav .colorAlBajar .navbar span {padding:0;}
                nav .colorAlBajar #divLogo {}
                
                nav.colorAlBajar.navbar li.active:after{ 
                    height: 3px;
                    border-radius: 1px;}
        
		        .classImagenAlBajar{max-height: 55px;}
		/* Nav Menu */


		
		

	/* Bootstrap Customized Material */

	/* PANTALLAZOS */
	#home,#nosotros,#productos,#servicio01,#servicio02,#servicio03,#servicio04,#contacto {
		margin:0;
		padding:70px 0 0;
		min-height:672px;}
        
        
	#home{padding-top:97px;}
		
		
	#nosotros{
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
           
           
	#nosotrosBottom{
			background:#FFF url("../images/bg/nosotros.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:102.9%;
			height:auto;
			margin:50px 0 0 -15px;
            padding:  50px 0;
		   position:relative;}
           
           #nosotrosBottom div {margin:0;padding:0;}
           
           #nosotrosBottom h4,#nosotrosBottom p {text-align: center; color: #FFF;text-shadow: 1px 1px #000;}
           
           
           
           #nosotrosBottom h4 {font-size:24px}
           
          #nosotrosBottom p {font-size:18px}
           
    #servicios {
			background: #eed532 url("../images/bg/servicios.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
		
		
	#capacitacion {
			background:#64a344 url("../images/bg/productos.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
			height:auto;
			margin:0;
		   position:relative;}
		
		
	#contacto {
			background:#222 url("../images/bg/contacto.jpg");
			background-repeat:no-repeat;
			background-position:center; 
			background-size:cover;
			width:100%;
            padding-bottom: 70px;
			height:auto;
			margin:0;
		   position:relative;}
           
    #contacto p, #contacto a,  #contacto a:visited, #contacto label{color:#eee;text-shadow: 1px 1px #000;}
    #contacto h2,  #contacto a:hover{
           color: #FFF;text-shadow: 1px 1px #000;}
        #capacitacion hr,#contacto 	hr.hrSmallLeft{
			border-top:#FFF solid 2px;}
           
           
           #nosotros h2,#servicio01 h2,#servicio02 h2,#servicio03 h2,#servicio04 h2, #productos h2,#servicios h5 {
           color: #64a344;
           }
           
           #capacitacion h2 {color: #FFF;}
           #capacitacion h4 {height: 2.5em;display: block;width:100%; text-align: center;}
			
#contactForm{width:100%;}

        
           div .google-maps {
    position: relative;
    overflow: hidden;
}


div.google-maps iframe{
			height:420px;
            width:100%;
}

.color1 {color:burlywood;}
.color2{color: silver}
.color3{color:gold}
.bg1 {background:burlywood;}
.bg2{background: silver}
.bg3{background:gold}
		

#servicios div.bgOffWhite {margin-top:50px;}
#servicios p {color: #FFF;}
#servicios div.bgOffWhite p {color: #000;}

.fa-linkedin:before {padding-left: 4px;}

	/* Responsive */

		/* Big Screens */
			@media screen and (min-width: 1920px) {
			}
		/* Big Screens */


		/* Tablets y PC */
			@media screen and (max-width: 1280px){  
                    .navbar-default .navbar-nav>li>a {font-size: 9px;}
			}

			@media screen and (max-width: 1112px){  
                    .navbar-default .navbar-nav>li>a {font-size: 9px;}
			}

			@media screen and (max-width: 1049px){  
                    .navbar-default .navbar-nav>li>a {font-size: 8px;}
			}

			@media screen and (max-width: 1024px){  
                    .navbar-default .navbar-nav>li>a {font-size: 7px;}
			}

			@media screen and (max-width: 800px){
                    .navbar-default .navbar-nav>li>a {font-size: 7px;}
			}

			@media screen and (max-width: 768px){
                    .navbar-default .navbar-nav>li>a {font-size: 14px;}
                    .navbar-default .navbar-nav>li>a{line-height: 30px;}
                    .imgLogo {max-height: 60px;}
                    .col-xs-5Colum {width: 80%;pading-eft:10%;padding-right:10%;}
                    #divInfoBarTop i {display:none;}
                    #divInfoBarTop p.social {text-align:right;}
			}
		/* Tablets y PC */

			@media screen and (max-width: 767px){
                 .navbar li:nth-child(1){width:100%;}
				.navbar li:nth-child(2){width:100%;}
				.navbar li:nth-child(3){width:100%;}
				.navbar li:nth-child(4){width:100%;}
				.navbar li:nth-child(5){width:100%;}
				.navbar li:nth-child(6){width:100%;}
				.navbar li:nth-child(7){width:100%;}
                .navbar-default .navbar-nav>li>a {font-size: 14px;}
				.navbar-header{
					width:90%;
					margin:0 5%  !important;}
				.navbar-collapse{
					width:90%;
					margin:30px 5%  !important;}
				
				#home,
				#nosotros,
				#servicios,
				#contacto{min-height:auto;}
			}

		/* Celu horizontal */
			@media screen and (max-width:736px){  
			}

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

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

			@media screen and (max-width:568px){  
			}
		/* Celu horizontal */


		/* Celu vertical */
			@media only screen and (max-width:480px){
				#contactoMapa {
					width:100%;
					margin:0 auto;}
				#contactoMapa img{max-width: inherit;}
				#contactForm{
					position:relative;
					width:98%;
					margin:0 auto;}
				#videoPad{
					margin:20px auto;
					position:relative; 
					width:90%; 
					height:0px; 
					padding-bottom:60%;}
                  #home {padding-top:85px;}  
                    
                    .imgLogo{max-height:80px; }
			}

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

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

			@media screen and (max-width: 320px){  
			}
		/* Celu vertical */

	/* Responsive */