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

	/* Fonts */
    
    
		/* google font imports */
        
        @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&family=Source+Sans+Pro:wght@300;400;700&display=swap');

		/* google font imports */
        
	/* Fonts */

	/* 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{
			font-family: 'Oswald';
			line-height:1.4;
			color:#3d3b3e;}
		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:32px}
		h3{font-size:28px;}
		h4{font-size:24px}
		h5{font-size:20px}
		h6{font-size:18px}
		p{margin:0 0 10px;font-size:16px;color:#3d3b3e;}
		li{font-size:16px;color:#3d3b3e;}
		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: 'Source Sans Pro', 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:#996633 ;padding:5px 5% 5px 25%;margin:0;}
		#divInfoBarTop p{color: #FFF !important;padding:0;margin:0;text-align:center; font-size:12px;}
		#divInfoBarTop p a{color: #FFF;}
		#divInfoBarTop p a:hover{color:rgba(109,159,210,1);}
		#divInfoBarTop p span{color: #FFF !important;}
        
		#footercontainer{
			clear:both;
			width:100%;
			padding:0;
			margin:0 auto 0;
			background:#996633;
			overflow:hidden;}	
        #footercontainer > div.col-xs-12 {margin:0;padding:0;} 	/* map div */

		footer{
			clear:both;
			width:100%;
			margin:0 auto;
			padding:0; 
			text-align:center;}
		footer h4{color:#996633;}
		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:#996633;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:16px;
			color:#996633;
    		line-height: 2em;}
		footer span.redesSociales {
			font-size: 2em;
			padding-left: .25em;
			padding-right: .25em;}
    
		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 */

		/* 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:#996633 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:#426f98 2px solid;}
		.hrWhiteLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#996633 2px solid;}
		.hrSmallRight{
			margin:15px inherit;
			border:0;
			height:0;
			width:80px;
			border-top:#996633 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:#3d3b3e;
			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:#996633; 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:#996633;
			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:#996633}
		
		
		/* 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; }
            
		.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:45%;
			margin:35px 5% 0 25%  !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 #996633;
			-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:20%;}
                .navbar li:nth-child(2){width:25%;}
                .navbar li:nth-child(3){width:30%;}
                .navbar li:nth-child(4){width:25%;}
                .navbar li.active:after{
                    position: absolute;
                    bottom: 0;
                    left: 10%;
                    margin-left: -5px;
                    width: 80%;
                    height: 5px;
                    background: #996633;
                    border-radius: 2px;
                    display: table;
                    content: " ";}
        
        
            /* anchor styles */
            
            .navbar-default .navbar-nav>li>a{
                color:#3d3b3e;
                border-top:0 solid transparent; 
                font-size:14px;
                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: #996633;/*hover / active*/
                background-color: transparent;}
            .navbar-default .navbar-nav>.active > a:focus,
            .navbar-default .navbar-nav>li >a:focus{
                background-color: transparent;
                color: #996633;/*hover / active*/}
                
            .dropdown-menu>.active>a{background-color:transparent;}
        
        
        
            /* Scroll down Changes */
		          nav.colorAlBajar.navbar-fixed-top{  
                    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;}

                 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{}
                nav.colorAlBajar.navbar-default .navbar-nav>.active > a:focus,
               nav.colorAlBajar.navbar-default .navbar-nav>li >a:focus{}
                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,#servicios,#galeria,#noticias,#contacto {
		margin:0;
		padding:70px 0 0;
		min-height:672px;}
        
        
	#home{padding-top:170px;}
		
		
	#nosotros,
	#nosotros,
	#productos,
	#servicios,
	#galeria,
	#noticias,
	#contacto{
		background-repeat:no-repeat;
		background-position:center; 
		background-size:cover;
		width:100%;
		height:auto;
		margin:0;
		position:relative;}


	#nosotros	{background: #fff url("../images/bg/nosotros.jpg");}
	#servicios	{background: #eee url("../images/bg/servicios.jpg");}	
	#productos	{background: #fff url("../images/bg/productos.jpg");}
	#galeria	{background: #eee url("../images/bg/galeria.jpg");}
	#noticias	{background: #fff url("../images/bg/noticias.jpg");}
	#contacto	{background: #eee url("../images/bg/contacto.jpg");}


    #nosotros h2,
	#servicios h2, 
	#productos h2,
	#galeria h2,
	#noticias h2,
	#contacto h2{color: #996633;text-align: center;}
           
	#contacto p, 
	#contacto a,  
	#contacto a:visited, 
	#contacto label{color:#ccc}
	#contacto h2,  #contacto a:hover{color: #FFF;}
    #contacto 	hr.hrSmall{border-top:#FFF solid 2px;}
           
#nosotros div.well {
    min-height: 650px;
    background: #eee;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
#nosotros div.well:hover {transform: scale(1.05)}
#nosotros div.well span{
    text-align: center;
        display: block;
        margin: 0 auto;
        font-size: 60px;
        background: #fff;
        border-radius: 50%;
        padding: 1em;
        width: 3em;}
#nosotros div.well h4{color:#996633;text-align: center;}
#nosotros div.well p{}


#servicios div.well {
    min-height: 200px;
    background: #FFF;}
#servicios div.well h5{color:#996633;text-align: center;min-height: 2.5em;}
#servicios div.well p{color:#996633;text-align: center;}
			
		#contactForm{width:100%;}

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


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

.color0 {color:#000;} 		/* black 	0,0,0 			*/
.color1 {color:#fff;} 		/* white 	255,255,255		*/
.color2	{color:#cccc00} 	/* yellow 	204,204,0 		*/
.color3	{color:#ff8000} 	/* orange 	255,127,0		*/
.color4 {color:#ff0000;} 	/* red 		255,127,0		*/
.color5	{color:#ff00ff} 	/* purple 	255,0,255 		*/
.color6	{color:#0000ff} 	/* blue 	0,0,255 		*/
.color7	{color:#00f00f} 	/* green 	0,255,0 		*/

.bg0 {background:#000;} 		/* black 	0,0,0 			*/
.bg1 {background:#fff;} 		/* white 	255,255,255		*/
.bg2 {background:#cccc00} 	/* yellow 	204,204,0 		*/
.bg3 {background:#ff8000} 	/* orange 	255,127,0		*/
.bg4 {background:#ff0000;} 	/* red 		255,127,0		*/
.bg5 {background:#0000ff} 	/* blue 	0,0,255 		*/
.bg6 {background:#ff00ff} 	/* purple 	255,0,255 		*/
.bg7 {background:#00ff00} 	/* green 	0,255,0 		*/
		

	/* 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: 13px;}
			}

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

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

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

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

			@media screen and (max-width: 768px){
                    .navbar-default .navbar-nav>li>a {font-size: 13px;}
			}
		/* 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-default .navbar-nav>li>a {font-size: 14px;line-height: 50px;}
				.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 */

        
            @media screen and (max-height: 575px){
                #rc-imageselect, .g-recaptcha {
                    transform:scale(0.77);
                    -webkit-transform:scale(0.77);
                    transform-origin:0 0;
                    -webkit-transform-origin:0 0;}
            }

		/* Celu vertical */
			@media only screen and (max-width:480px){
				footer p{text-align:center;}
				#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 */