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

	/* Fonts */
		/* google font imports */
		@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
		/* google font imports */

		/* google font imports */
		b{font-weight:700;}
		.marginRight15{margin-right:15px;}
		.icons span:before{
			font-size:120px;
			line-height:0;
			margin:0;
			background: rgba(97,132,153,1);
			background: -moz-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(97,132,153,1)), color-stop(100%, rgba(243,153,162,1)));
			background: -webkit-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: -o-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: -ms-linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			background: linear-gradient(45deg, rgba(97,132,153,1) 0%, rgba(243,153,162,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618499', endColorstr='#f399a2', GradientType=1 );
			-webkit-background-clip: text;
			color: transparent;
		}
		
		.boxPublicidad{
		background:url(../images/publicidad_bg.jpg) center ;
		background-size:100%;
		background-repeat:no-repeat;width:100%; height:300px;position:relative;margin-bottom: 15px;}
		.boxPublicidad h1{position:absolute;bottom:30px;color:#FFF;font-size:20px; background:rgba(58,87,160,0.85); display:block; padding:20px; text-transform:uppercase;}
.h2Franja{display: inline-block; margin-left:150px; letter-spacing:2px;font-size:28px; text-transform: uppercase;}
.bg-franjaTop{background:#eee;}		
.marginTop10{margin-top:10px;}
.marginTop75{margin-top:75px;}
.marginLeft50{margin-left:50px;}
.marginBottom50{margin-bottom:50px;}
.paddingVer05{overflow: hidden;}
.font16{font-size:16px;}
.posRel{position:relative;}
.borderLeft5{border-left:10px solid #bbab75 ;}
.borderLeft10{border-left:10px solid #6d9fd3 ;}


		/* Icons */
		.colorBrand{color: #bbab75 !important;}
		.colorCambio{color: #bbab75 !important;}
		.colorCambio:hover{color: #111 !important;}
		.redesSociales {
		display: inline;
		color: #fff;
		padding: 0px 15px;
		font-size: 26px;
		background: none;
   		 line-height: 2.5em;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

		.redesSociales:hover {
		color: #bbab75;
		}
		.pinterest:hover{color:#cb2027;}
		.facebook:hover{color:#3B5998;}
		.twitter:hover{color:#69b9f6;}
		.linkedIn:hover{color:#1984bc;}
		.whatsapp:hover{color:#07b601;}
		.googlemas:hover{color:#CA3625;}
		.skype:hover{color:#00AFF0;}
		.youtube:hover{color:#FF3333;}
		.vimeo:hover{color:#1AB7EA;}
		.instagram:hover{
		color: #f09433;
		color: -webkit-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		color: -o-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		color: linear-gradient(to top right, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		}
		/* Icons */


	/* 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: 'Montserrat', sans-serif;
			line-height:1.4;
			color:inherit}
		h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
			line-height:1.2;
			color:#777}
		h1,h2,h3,h4,h5,h6 {
			margin-top:.8em;
			margin-bottom:.5em}
		h1 small,h2 small,h3 small{
			font-size:65em;}
		h4 small,h5 small,h6 small{font-size:75%}
		h1{font-size:42px}
		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:14px}
		a,a:hover,a:focus,a:active,a:visited{text-decoration:none !important;outline-offset: 0px;}

		small {font-size: .85em}

		.colums3{
			-webkit-column-count:3;-moz-column-count:3;column-count:3;
			-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;}
		.noBorder{border:none !important;}

		.tableStyle{border:0 solid #ededed;width:100%;border-radius:4px;}
		.tableStyle th,.tableStyle td{padding:10px 20px;}
		.tableStyle thead tr,.tableStyle tbody tr{border-bottom:1px solid #ededed;}
		.tableStyle tbody tr::last-child{border-bottom:0 solid #ededed;}
		.tableStyle thead th{
			border-bottom:3px solid #dddddd;text-transform:uppercase;}


		.containerFotoGaleria {
			margin-top:0;
			padding-bottom:20px;
			margin-left:-6px;
			margin-right:-6px;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
		.containerFotoGaleria:hover{opacity:0.6;}
		.containerFotoGaleria h4{
			text-align:center;
			font-weight:700;
			color:#ffa500;}

		/* 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);}
		.gdarken: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(.7);
			-webkit-filter:grayscale(.7);
			-moz-filter:grayscale(.7);
			-o-filter:grayscale(.7);
			-ms-filter:grayscale(.7);}
		.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: 'Montserrat', 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:#28282a;
			overflow: hidden;
		}
		.bgLightBlack{	
			background:#2f2f31;
		}
		#divInfoBarTop{background:#bbab75 ;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;}
		
		#contactoMapa{
			width:100%;
			margin:0 auto;
			height:300px;
			text-align:center;
			line-height:1.35;
			overflow:hidden;
			white-space:nowrap;}
		#contactoMapa img{max-width:inherit;}
		#footercontainer{
			clear:both;
			width:100%;
			padding:0px;
			margin:25px auto 0 ;
			overflow:hidden;}		
		footer{clear:both;width:100%;margin:0 auto;padding:0; text-align:center;}
		footer h4{}
		footer a,
		footer a:visited{text-decoration:none;color:#FFF;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#f00;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:14px;
			color:#FFF;}
			
		.infoFooter{padding:25px 0 0;}
		.infoFooter p{margin-bottom:5px; font-weight:400; color:#FFF;}
		.infoFooter p a{font-weight:300;color:#FFF;}
		.infoFooter p a:hover{color:#bbab75;}
		.icons span{
			margin-top: 50px;
			display: block;
			margin:50px 0 0 0;
		}
		
		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;
		}
		div.divRecaptcha{width: 67%;margin: 0 auto;}
		div.innerContent{}
		div.innerContent h1{font-weight:700;color: #FFF; text-transform:uppercase }
		div.innerContent h2{}
		div.innerContent h3{color: #FFF; text-transform:uppercase;font-weight:700;}
		div.innerContent h4{color: #FFF;}
		div.innerContent h5{margin:5px 0;color: #666;}
		div.innerContent p{margin-bottom:15px; font-size: 14px;color:#FFF;}
		div.innerContent li{}
		div.innerContent a,div.innerContent a:visited{color:#cd4a00;}
		div.innerContent a:hover{color:#cd4a00;}
		div.innerContent img{max-width:100%;}
		div.innerContent ul{padding:0px 0px 0px 20px;}
		div.innerContent li{padding-left:1.3em; color:#FFF;}
		div.innerContent 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 */
		}
		
		
		
		div.boxAutor{margin: 15px auto 30px;}
		div.boxAutor h4{color:#000;margin:2px 0;text-align:center}
		div.boxAutor h5{color:#000;margin:2px 0;text-align:center}
		
		/* Structural */


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

		/*  Backgrounds and Colors */
		.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:15px auto;
			border:0;
			height:0;
			width:40px;
			border-top:#bbab75 1px solid;}
		.hr100{
			margin:15px auto;
			border:0;
			height:0;
			width:100%;
			border-top:#bbb 1px solid;}
		.hrSmallLeft{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#bbab75 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;
		}
		/* 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{
			margin:0 auto;
			padding:0;
			-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{	}
		
		
		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */



		/* Nav Menu */

		#certs {
			margin: 7px 10px 7px auto;
			display: block;
			padding: 3px 15px;
			color: #FFF;
			max-width: 200px;
			text-align: center;
			letter-spacing: 2px;
			border-radius: 2px;}
		
		

		.navbar{
			margin-bottom:0;
			width: 100%;
		}
		nav.navbar-fixed-top{left:auto;right:auto;max-width:1366px;width:100%; z-index: 9999;}
		.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:30%;margin:0 !important;float: left;}
		.navbar-collapse{width:50%;margin:30px 0 0 20%  !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;}
		
		.lineHeight50{ margin-top:15px !important;}
		ul.nav.navbar-nav{width:100%; padding: 0;}
		
		#divLogo {
			padding: 10px 10px 20px;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: 0 auto;
			text-align:center;
		}
		
		.imgLogo{
			max-height:70px;/*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;
		}
		.classImagenAlBajar{
    		max-height: 55px;
		}
			
			
		.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-default .navbar-nav>li>a{color:#fff;border-top:0 solid transparent;}
		.navbar span {padding:0;color: #fff;}
		.navbar-default .navbar-collapse, 
		.navbar-default .navbar-form{border-color:transparent;border-bottom:0 solid transparent;}
		.navbar-default{background-color:rgba(40,40,40,0.5);border-bottom:2px solid #bbab75;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
		
			
		.colorAlBajar{border-bottom:1px solid #bbab75 !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;background-color:rgba(40,40,40,0.9)}
		.colorAlBajar #divLogo {
    		padding: 5px;
		}
		.colorAlBajar .navbar-logoBrand{margin:5px 0 0 0 !important;}
		
		.navbar li {border:none; margin:0;padding: 0; font-size:12px;}
		.navbar li:nth-child(1){width:21%;}
		.navbar li:nth-child(2){width:25%;}
		.navbar li:nth-child(3){width:29%;}
		.navbar li:nth-child(4){width:25%;}
		
	
		
		.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li >a:focus,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav >.active>a:hover,.navbar-default .navbar-nav>.active > a:focus {
			color: #bbab75;/*hover / active*/
			background-color: transparent;
		}
		.navbar li a{line-height:40px;text-align:center;padding:0;margin:0; text-transform: uppercase; font-weight:400; 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 li p{margin:0;}
		.navbar li p a span{display: inline; margin:0 5px;padding: 10px;font-size:16px}
		
		.navbar-nav>li>ul.dropdown-menu{width:100%;}
		.navbar li li{width:100%;text-align:center;padding:5px 10px;}	
		.navbar li li a{line-height:3em;}
		.dropdown-menu>.active>a{background-color:#047327}
		/* Nav Menu */

		
		.btnHeader{
			line-height:inherit !important;
			margin:0 5% !important;
			padding:10px 5px !important;
			background:#bbab75 !important;
			color:#fff !important;
			border-radius:4px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.btnHeader:hover{color:#fff !important;background:#1c2f61 !important;}
		
		
		.btnHeader span{color:#fff;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
		.btnHeader:hover span{color:#fff;}
		
		.btnAgenda{
			text-transform:uppercase;
			font-size:16px;
			float:right;
			line-height:inherit !important;
			margin:15px 5% !important;
			padding:15px 10px !important;
			background:#60896d !important;
			color:#fff !important;
			border-radius:4px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.btnAgenda:hover{color:#fff !important;background:#bbab75 !important;}		
		.btnAgenda span{color:#fff;
			-webkit-transition:all 0.2s ease;
			-moz-transition:all 0.2s ease;
			-o-transition:all 0.2s ease;
			transition:all 0.2s ease;}
		.btnAgenda:hover span{color:#fff;}
		
		
		.container-fluid,.container{margin:0;padding:0;width:100%;}

	/* Bootstrap Customized Material */

	/* PANTALLAZOS */
	#home{
		margin:0;
		padding:0px 0 0;
		min-height:672px;}
	#aboutus,#services,#contact{
		margin:0;
		padding:70px 0 0;
		min-height:672px;}
	#products {
		height:auto;
		margin:0 auto;
		width:100%;
		position:relative;}
	.boxServicios{
		background:#60896d;
		overflow:hidden;
	}
	.imgServicios,
	.textServicios{
		float:left;
	}
	
	.imgServicios{width:30%;}
	.imgServicios img{width:100%;}
	.textServicios{width:70%;padding:15px;}
	
	.textServicios p{
		margin:2px 0;
		text-transform: uppercase;
	}
	.precio{
		font-size:28px;
		font-weight:700;
		letter-spacing:1px;
		padding:10px 15px;
		background:#bbab75;
		color:#FFF;
		border-radius:4px;
    	display: inline-block;
		margin-top: 10px;
	}
	/* PANTALLAZOS */









		
		#indexCoda{
			background:#bcac76 url("../images/bg-index-productos.jpg");
			background-repeat:repeat;
			background-position:center; 
			background-size:100%;
			width:100%;
			height:auto;
			padding: 0;
			margin:0;}
		#indexCoda h4{color:#FFF;}
		#indexCoda p{color:#eee;}
			
		.boxProductos{
			padding:15px;
			min-height: 180px;
			background: #333 ;
		}

		.boxProductos h4{ color:#fff; font-size:16px; margin-top:0px; margin-bottom:5px; font-weight:700;}
		.boxProductos p{ color:#eee; margin-bottom:5px;}
		.boxProductos .btn{ border-radius:0px; color:#fff; font-size:10px; padding: 13px 10px 10px; text-transform:uppercase; margin-top:5px; margin-bottom:0px; border:1px solid #FFF; background:transparent;}
		.boxProductos .btn:hover{ color:#bbab75; background:#FFF;}
			
		.franja{
			background: transparent;
			padding: 35px 10% 30px;
			overflow: hidden;
		}

		.franja h2{
			margin:0;
			padding:0;
			text-transform:uppercase;
			letter-spacing:2px;
			color:#bbab75;
    		text-align: center;
			font-weight:400;
			font-size:1.8vw;
		}

		.franja span{ 
			font-size: 3.660322108345534vw;
			float: left;
			line-height: 0.5em;
			color: #fff;
			margin-right: 20px;
			margin-left: 85px;}
			
		.boxImage{
			-ms-transform: rotate(-45deg); /* IE 9 */
			-webkit-transform: rotate(-45deg); /* Safari 3-8 */
			transform: rotate(-45deg);	
     		overflow: hidden;
    		position: relative;
			margin:90px auto auto auto;
     		max-width: 70%;
		}
		
		
		.boxImage img{
			width:100%;
			-ms-transform: skew(-45deg, 45deg);
			-webkit-transform: skew(-45deg, 45deg);
			transform: skew(-45deg, 45deg);
		}
		
		.marginTop50{margin:50px auto auto auto !important;	}
		
		.boxDestacados{
			-ms-transform: rotate(-45deg); /* IE 9 */
			-webkit-transform: rotate(-45deg); /* Safari 3-8 */
			transform: rotate(-45deg);	
			background: transparent ;
			width:180px;
			height:180px;
			margin: auto ;
			box-shadow: 2px 2px 2px rgba(0,0,0,0);
			overflow:hidden;
			position:relative;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
		.boxDestacados:hover{
			background: #bbab75 ;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
		}

		.boxInnerDestacados{
			position:absolute;
			width:105%;
			margin:auto;
    		padding: 5px 0 0 0;
			text-align:center;
			-ms-transform: rotate(45deg); /* IE 9 */
			-webkit-transform: rotate(45deg); /* Safari 3-8 */
			transform: rotate(45deg);
		}
		.boxInnerDestacados h4{
			color:#fff !important; font-size:16px; margin-top:0px; margin-bottom:5px; font-weight:400;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;}
			
		.boxInnerDestacados span{
			color:#bbab75 !important;margin-bottom:0px !important; font-size:80px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
		
		.boxDestacados:hover .boxInnerDestacados h4{
			color:#333 !important; 
		}
		.boxDestacados:hover .boxInnerDestacados span{
			color:#333 !important; 
		}
			
			
		.boxInfo{
			background: #bbab75;
			color: #FFF !important;
			padding:20px;
			border-radius:10px;
     		margin: 50px auto 0px;
			position:relative;
		}
		.boxInfo span{
			position: absolute;
			top: 0%;
			left: 50%;
			transform: translate(-50%,-50%);
			font-size: 3em;
			padding: 15px 17px;
			background: #bbab75;
			line-height: 1em;
			border-radius: 50%;
		}
		.boxInfo h4{
			color: #FFF !important;
			text-align:center;
			font-weight:300;
		}
		
		.titleSectionLeft{
			background: #bbab75;
			color: #FFF !important;
			padding: 15px 70px 15px 70px;
			margin-left: -70px;
			display: inline-block;
			letter-spacing:2px;
		}
		
		.titleSectionRight{
			background: #bbab75;
			color: #FFF !important;
			padding: 15px 70px 15px 70px;
			margin-right: -70px;
			display: inline-block;
			text-align:left;
			float:right;
			letter-spacing:2px;
		}




				#contactForm{width:100%;}
				
				#contactForm label{color:#fff; font-weight:400;}



	/* Responsive */

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


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

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

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

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

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

			@media screen and (max-width: 768px){
			}
		/* Tablets y PC  */
			@media screen and (max-width: 768px){
				.navbar-header {
					width: 50%;
					margin: 0 auto !important;
					float: none;}
				.navbar-collapse {
					width: 90%;
					margin: 30px auto !important;
					float: none;
					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;}
				nav li a {font-size: 14px;}

			}
		/* 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){
				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%;}
				.navbar li {width:90% !important;margin:0 auto !important;float: none !important;}
			}

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

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

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

	/* Responsive */