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

	/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Pacifico');
body{font-family: 'Open Sans', sans-serif;cursor:default !important; background:#ffffff;}
a, a:hover, a:focus, a:active, a:visited{text-decoration:none !important;}

#wrapper {
	font-family: 'Open Sans', sans-serif;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0 0 120px rgba(0, 0, 0, 0.5);
	border: 0px solid rgba(0,0,0,0.25);	
	background: transparent ;overflow:hidden;}
/*
font-family: 'Pacifico', cursive;
font-family: 'Open Sans', sans-serif;
*/
.buttomExpand,.buttomExpand:visited,.buttomExpand:active{
	font-size:1.4em;
	color:#222;
	display:block;
	margin:0 auto;
	text-align:left;
	line-height:1em;
}
.buttomExpand:hover,.buttomExpand:focus{
	color:#c11524;
}

.paddingBottom10 {margin-top: 10px;}

.marginRight05{margin-right:5px;}
.fontSizeXL{font-size:1.4em;}
.marginLeft0{margin-left:0px;}
.marginTop0{margin-top:0px;}
h5{
	font-weight:700;
	color:#c11524;
	text-align:left;
	text-transform:uppercase;
    margin-top: 15px;
    margin-bottom: 5px;
}
h5 span{
	color:#222;
    font-size: 12px;
}
h3{
	font-weight:700;
	color:#222;
	margin:15px auto;
}
.pItalic {
    font-style: italic;
    text-align: center;
    line-height: 1.8em;
    margin: 25px auto;
    width: 75%;
    font-size: 16px;
}
.posRelative{position:relative;}
.titleSpecial {
	position:relative;
	font-family: 'Pacifico', cursive;
    margin: 10px auto;
    font-size: 36px;
    line-height: 1.2em;
    color: #000;
    text-align: left;
    /*margin-bottom: 15px;*/
   /*text-shadow: 0px 0px 5px rgba(0,0,0,0.85);*/
}
.titleSpecial big{font-size:1.8em;}
.hrtitleSpecial{
	margin:15px 0;
	border:0px;
	height:0;
	width:50px;
    border-top: 2px solid #c11524;

}




.boxDestacados{
	border:1px solid #666;
	padding:15px;
}

.boxDestacados img{
	width:100%;
}
		
.boxDestacados h4{
	text-align:center;
    margin: 15px 0 0px;
}

.textUppercase{
	text-transform:uppercase;
}
	
.borderBottom2{
	border-bottom: 2px solid #f8b334;
}
#contactForm{
	width:100%;
	margin:0px auto;
}
.marginTop30{margin-top:30px;}
.marginTop50{margin-top:50px;}
.ul28 ul{
    -webkit-padding-start: 28px;
	}
.textXL p{    font-size: 1.4em;
    line-height: 1.6em;}

.img-responsive{width:100%;}
.boxWhite{
	background:#eeeeee url(../images/pattern.png) repeat;
	padding:20px;
	text-align:left;
	margin-bottom:-248px;
    min-height: 370px;
}

.colums3{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;

}
.h1Border100 {
    /*background: transparent url(../images/border-top.png) 0 0 no-repeat;
    background-size: 100%;*/
	overflow:hidden;
    text-align: center;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #111, 0px -1px 0px #111, -1px 0px 0px #111, 1px 0px 0px #111;
}


.h1Border100 span{display:inline-block;position:relative;}
.h1Border100 span:before,
.h1Border100 span:after{
  content: "";
  position:absolute;
  height: 0px;
  /* border-bottom:1px solid #222; */
  border-top:5px solid #e3001b ;
  top: 0px;
  width:300%;
}
.h1Border100 span:before{right:100%;margin-right:50px;}
.h1Border100 span:after{left:100%;margin-left:50px;}

  
		
		
		
h4{
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.containerImgDestacada{
	position:relative;
}
.containerImgDestacada div{
	position:absolute;
	bottom:0;
	background:rgba(0,0,0,0.85);
	width:100%;
	padding:20px;
}
.containerImgDestacada div p {
    color: #FFF;
    font-size: 14px;
    font-style: italic;
    margin: 0 0 15px;
}

.containerImgDestacada div:after {
	bottom: 100%;
	left: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0,0,0,0.85);
	border-width: 30px;
	margin-left: -30px;
}

.containerFotoGaleria {
    margin-top: 0px;
    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 h4{
	text-align:center;
	font-weight:700;
	color:#00a0d3;
}


.marginTop15{
	margin-top:15px;
}
h2 .icon{
    font-size: 2.2em;
    margin-right: 10px;
}
.borderRadius10{
	border-radius:10px;
	-webkit-box-shadow: 0px 20px 20px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 20px -18px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 20px -18px rgba(0,0,0,0.75);
}
.color01{color:#e90101;}

.containerFotoProyectos {
    margin-top: 20px;
    padding: 0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.containerFotoGaleria {
    margin-top: 0px;
    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;
}
.containerFotoProyectos:hover,
.containerFotoGaleria:hover{
	opacity:0.6;
}
.colorChange{
	color: #00a0d3 !important;
}
.pColums2{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.pColums3{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.borderTop1 {
    border-top: 1px solid #449839;
    width: 90%;
    margin: 0px 5% 0px;
}#fraseIndex h4{
	font-size:34px;
	text-align:center;
	color:#449839;
    font-weight: 700;
}
#fraseIndex p {
    text-align: center;
    color: #666;
    font-size: 18px;
    width: 92%;
    margin: 20px auto 0px;
}
.marginBottom30{margin-bottom:30px;}
.paddingTop300{padding-top:300px;}
.paddingTop200{padding-top:200px;}
.paddingTop100{padding-top:100px;}
.paddingTop125{padding-top:125px;}
.paddingTop50{padding-top:50px;}
.paddingTop25{padding-top:25px;}
.paddingBottom50{padding-bottom:50px;}


.col-5 {
    float: left;
    margin: 0px 1%;
    width: 18%;
}
.col-9 {
	
    float: left;
    margin: 0px 0.5%;
    width: 10.111111111%;
}
		
		/* Icons */
		.colorCambio{color: #999 !important;}
		.colorCambio:hover{color: #111 !important;}


	  .redesSociales {
		display: inline;
		color: #222;
		padding: .6em;
		font-size: 20px;
		background: #e5e5e5;
		border: 0px solid #e5e5e5;
		border-radius: 50%;
		line-height: 2.4;
		margin: 0px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;}
	  
	  
	  /*.fa-map-marker{padding: 12px 17px;}*/
	  .facebook {padding: .6em;}
	  .whatsapp {padding: .55em .65em;}
	  .linkedIn {padding: .6em .65em .6em .7em;}
	  .instagram {padding: .6em .65em .6em .7em;}
	  
	  
	  
	  /*.fa-map-marker:hover{background:#c11524;border:0px c11524 #3B5998;color:#fff;}*/
	  .fa-envelope:hover{background:#c11524;border:0px c11524 #3B5998;color:#fff;}
	  .facebook:hover{background:#3B5998;border:0px solid #3B5998;color:#fff;}
	  .twitter:hover{background:#69b9f6;border:0px solid #69b9f6;color:#fff;}
	  .linkedIn:hover{background:#1984bc;border:0px solid #1984bc;color:#fff;}
	  .whatsapp:hover{background:#07b601;border:0px solid #07b601;color:#fff;}
	  .googlemas:hover{background:#CA3625;border:0px solid #CA3625;color:#fff;}
	  .skype:hover{background:#00AFF0;border:0px solid #00AFF0;color:#fff;}
	  .youtube:hover{background:#FF3333;border:0px solid #FF3333;color:#fff;}
	  .vimeo:hover{background:#1AB7EA;border:0px solid #1AB7EA;color:#fff;}
	  .instagram:hover{
		  background: #f09433;
		  background: -webkit-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  background: -o-linear-gradient(bottom left, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		  background: 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 );
		  border:0px solid #CA3625;color:#fff;}
	/* 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%;display:block;}


		/* 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 */

		/* Useful Paddings */
		.paddingVer00{padding-top:0px;padding-bottom:0px}
		.paddingVer05{padding-top:5px;padding-bottom:5px}
		.paddingVer10{padding-top:10px;padding-bottom:10px}
		.paddingVer15{padding-top:15px;padding-bottom:15px}
		.paddingVer20{padding-top:20px;padding-bottom:20px}
		.paddingVer25{padding-top:25px;padding-bottom:25px}
		.paddingVer30{padding-top:30px;padding-bottom:30px}
		.paddingVer35{padding-top:35px;padding-bottom:35px}
		.paddingVer40{padding-top:40px;padding-bottom:40px}
		.paddingVer45{padding-top:45px;padding-bottom:45px}
		.paddingVer50{padding-top:50px;padding-bottom:50px}
		.paddingVer55{padding-top:55px;padding-bottom:55px}
		.paddingVer60{padding-top:60px;padding-bottom:60px}
		.paddingVer65{padding-top:65px;padding-bottom:65px}
		.paddingVer70{padding-top:70px;padding-bottom:70px}
		.paddingVer75{padding-top:75px;padding-bottom:75px}
		.paddingVer80{padding-top:80px;padding-bottom:80px}
		.paddingVer85{padding-top:85px;padding-bottom:85px}
		.paddingVer90{padding-top:90px;padding-bottom:90px}
		.paddingVer95{padding-top:95px;padding-bottom:95px}
		.paddingVer100{padding-top:100px;padding-bottom:100px}
		/* Useful Paddings */

		/* 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(.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 */
		
		/*#divInfoBarTop .redesSociales {color: #666 !important;}
		#divInfoBarTop .redesSociales:hover {color: #333 !important;}*/
		
		
		#contactoMapa {
			width: 100%;
			margin: 0px auto;
			height: 550px;
			text-align: center;
			line-height: 1.35;
			overflow: hidden;
			white-space: nowrap;
			border: 0px solid #eee;
		}
		#contactoMapa img{max-width:inherit;}
		#contactoMapa  p {
			margin: 15px 0px 5px;
		}
		#footercontainer{
			clear: both;
			width: 100%;
			padding:25px 0px;
			margin: 0 auto;
			overflow: hidden;
			background: #fff;		
		}		
		
			
			
		footer {
			clear: both;
			width: 80%;
			margin: 0 auto;
			padding: 0;
			overflow: hidden;
		}
		footer h3 {
				font-weight: 700;
				color: #222;
				text-align: center;
				text-transform: uppercase;
	}
		footer a,
		footer a:visited{
			font-weight:700;
			font-size:24px;
			text-decoration: none;
			color: #222;
			margin-top:15px;
			margin-right: 15px;
		}		
		footer a:hover,
		footer a:active,
		footer a:focus{
				  outline : 0; 
				  text-decoration: none; 
				  color: #c11524;}
		footer p{
				margin: 5px auto;
				padding: 0;
				font-size: 14px;
				color: #222;
				text-align: left;
		}
		
		div.divRecaptcha{width: 67%;margin: 0 auto;}
		div.innerContent{}
		div.innerContent h2{
			font-size: 32px;
			color: #333;
			font-weight: 700;
		}
		div.innerContent h3 {
			font-size: 16px;
			font-weight: 400;
			text-align: left;
			line-height: 1.4em;
		}
		div.innerContent h4{}
		div.innerContent p{margin: 8px 0;font-size: 14px;}
		div.innerContent li{}
		/*div.innerContent a,div.innerContent a:visited{color:#00a0d3;}*/
		div.innerContent a{color:#333333;}
		div.innerContent a:hover{color:#00a0d3;}
		div.innerContent img{width:100%;} 	/*<-- cambiar max-width:100%;*/
		
		div.innerContent li{ margin-bottom:10px;}
		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 */
		}
		/* Structural */


		/* Hostito link section */
		#smallprint {
			background: #eee;
			margin: 0px auto;
			padding: 8px 5%;
			line-height: 1.4em;
			text-align: right;
			color: #666;
			font-size: 0.923em;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		#smallprint:hover{background: #ddd;}
		#smallprint p{font-size:9px;vertical-align:middle;margin:0;text-shadow:none;}
		#smallprint a:link{color:#666;text-decoration:none;}
		#smallprint a:hover{text-decoration:none;}
		/* Hostito link section */
		/* 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:#eeeeee;}
		.bgBlack{background:rgba(0,0,0,1);}
		/*  Backgrounds and Colors */

		/* Lines */
		.hrTop100{
			margin:0px auto 20px;
			border:0px;
			height:0;
			width:100%;
			border-top:#111 5px solid;
		}
		.hrSmall{
			margin:15px auto;
			border:0px;
			height:0;
			width:50px;
			border-top: 2px solid #c11524;
		}
		.hr100{
			margin:15px auto;
			border:0px;
			height:0;
			width:100%;
			border-top:#aaa 1px solid;
		}
		.hrSmallLeft{
			margin:15px 0;
			border:0px;
			height:0;
			width:80px;
			border-top:#c11524 1px solid;
		}
		.hrSmallLeft2{
			margin:15px 0;
			border:0px;
			height:0;
			width:80px;
			border-top:#aaa 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: #000;
			border: 0px solid #000;
			border-radius: 2px;
			color: #FFF;
			transition: .2s;
			font-weight: 700;
			text-align: center;
			display: block;
			width: 120px;
			margin: 20px 0;
			min-width: 9em;
			font-size: 12px;
			text-transform: uppercase;
		}
		.verMas1:hover,
		.verMas1:active,
		.verMas1:focus{background:#f8b334;text-decoration:none;outline:none;border: 0px solid #e90101;color: #FFF;}
		
		.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;
    		line-height: 38px;
			text-align:center;
		}
		.verMas1:hover:after{
			-webkit-animation:bounceright .3s alternate ease infinite;
			animation:bounceright .3s alternate ease infinite;
		}

		.color01 h2{color:#00a0d3;}
		.color02 h2{color:#5fb098;}
		.color03 h2{color:#db7176;}
		.color04 h2{color:#d69c21;}
		.color05 h2{color:#596edc;}

		.color01 .verMas2{color:#449839; border-color:#449839;}
		.color02 .verMas2{color:#5fb098; border-color:#5fb098;}
		.color03 .verMas2{color:#db7176; border-color:#db7176;}
		.color04 .verMas2{color:#d69c21; border-color:#d69c21;}
		.color05 .verMas2{color:#596edc; border-color:#596edc;}
		
		.color01 .verMas2:hover{color:#FFF; background:#449839;}
		.color02 .verMas2:hover{color:#FFF; background:#5fb098;}
		.color03 .verMas2:hover{color:#FFF; background:#db7176;}
		.color04 .verMas2:hover{color:#FFF; background:#d69c21;}
		.color05 .verMas2:hover{color:#FFF; background:#596edc;}
		

		.verMas2,
		.verMas2:visited {
			-webkit-font-smoothing: antialiased;
			position: relative;
			padding: .8em 1em .8em 1em;
			background: transparent;
			border:1px solid #c11524;
			border-radius: 2px;
			color: #c11524;
			transition: .2s;
			font-weight: 700;
			font-size:12px;
			text-align: center;
			display: block;
   			 max-width:80px;
			margin: 15px auto;
			text-transform:uppercase;
		}
		
		.verMas2:hover,
		.verMas2:active,
		.verMas2:focus{background:#c11524;outline:none;color:#FFF;text-decoration:none;}


		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */

		/* Nav Menu */

		#divInfoBarTop{
			background: #222;
			padding: 0px 5%;
			margin: 0;
			width: 100%;
			font-size:48px;
		}
		#divInfoBarTop div{padding:0px;}
		#divInfoBarTop div div{padding: 5px 30px;}
		#divInfoBarTop p{font-size: .2917em;}
		#divInfoBarTop p a{color: #eeeeee;font-size: 1.3em; font-weight:700;margin: 0 3px;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;}
		#divInfoBarTop p{ margin: 0; color: #eeeeee;text-align:right;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;}
		
		#divInfoBarTop .invertir{background: #4d82b6;padding: 5px 15px;}
		#divInfoBarTop .invertir:after {
			right: 100%;
			top: 0%;
			content: " ";
			position: absolute;
			pointer-events: none;
			/* margin-top: -66px; */
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 0 44px 15px;
			border-color: transparent transparent #4d82b6 transparent;
		}
		
		
		#divInfoBarTop .invertir p a,
		#divInfoBarTop .invertir p {color: #fff;
    text-align: center;}
		
		
		#divInfoBarTop p a:hover,#divInfoBarTop .invertir p a:hover{color: #c11524;}


		.navbar{
			margin-bottom:0;border: 0px solid transparent;
			position: relative;
			width: 100%;
		}
		nav.navbar-fixed-top{left:auto;right:auto;max-width:1366px;width:100%;border:none;}
		.navbar-header{width:17%;margin: 0 5% !important;}
		ul.nav.navbar-nav{width:90%;margin:0 5%;}
		
		#divLogo {
			width: 100%;
			padding: 10px;
			/* overflow: hidden; */
			margin: -.87em auto 0px;
			text-align: center;
			font-size: 100px;
		}
				
		.imgLogo{
			width: 100%;
			padding:0;
			height:auto;
    		max-height: 120px; /*relacion con #dinLogo {padding}/ relacion con .navbar li a{line-height} /*/
		}
		.navbar-brand {
			display:block;
			float: inherit;
			height: initial;
			padding: initial;
			line-height: initial;
			font-size: initial;
			margin: 0 !important;
    		border: 0px solid transparent !important;
    		background: transparent !important;
		}
		.navbar-default .navbar-nav>li>a {
			color: #eee;
			border-top: 0px solid transparent ;
		}
		.navbar span {padding:0 !important;color: #eee;}
		
		
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border-color: transparent;
   			 border-bottom: 0px solid #c11524;
		}
		.navbar-default {
			background-color: #222;
			border-color: transparent;
			
/*			background: rgba(0,0,0,0.75);
			background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0)));
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
*/
			
			
			
		}
		.navbar li {border-right:0px solid #ccc; margin-right:0%}
		.navbar li:nth-child(1) {width: 15%;}
		.navbar li:nth-child(2) {width: 28%;}
		.navbar li:nth-child(3) {width: 19%;}
		.navbar li:nth-child(4) {width: 18%;}
		.navbar li:nth-child(5) {width: 20%;border-right:0px solid #ccc;margin-right:0%}
		
	
		
	.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: #c11524;/*F08200*/
			background-color: transparent;
			border-top: 0px solid #c11524;
		}
		.navbar li a{line-height:56px;text-align:center;padding:0;margin:0; text-transform: uppercase; font-weight:400; font-size:18px; 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 10px;}
		
		.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:#F08200}
		
		/* Nav Menu */

		
		
		.container-fluid,.container{margin:0;padding:0;width:100%;}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #000;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 95px 20px;
}

.hovereffect img {
  opacity: 0.65;
  filter: alpha(opacity=65);
  display: block;
  position: relative;
  max-width: none;
  width: calc(104% + 0px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.25;
  filter: alpha(opacity=25);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-weight:700;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


	/* Bootstrap Customized Material */

	/* Start index.html */
		#indexLema  {background: #ffffff;}
		#indexLema h2 {text-align: center;}

		/*#indexDestacados div div div div {
			margin: 15px auto 0;
		}*/
		
		
		#indeFrase{
			background:#000 url("../images/bg-index-bottom2.jpg");
			background-repeat:repeat;
			background-position:center; 
			background-size:100%;
			width: 100%;
			padding: 0px 0px;
			margin: 0;
		}
		
		
		div.gradientDestacado{
			-moz-border-image: -moz-linear-gradient(left,#333333 0,#ffffff 100%);
			-webkit-border-image:-webkit-linear-gradient(left,#333333 0,#fffffff 100%);
			border-image:inear-gradient(to right,#333333 0,#ffffff 100%);
			border-image-slice:1;
			margin:15px auto;}

		#indexCoda {
			background:#000 url("../images/bg-index-bottom.jpg");
			background-repeat:repeat;
			background-position:bottom; 
			background-size:100%;
			width:100%;
			padding:0;
			margin:0;
			font-size:48px;
		}
		#indexCoda p {font-size: .2917em;}
		
		#indexCoda div div{
			text-align:center;
		}
		#indexCoda img{
			text-align:center;
		}
		#indexCoda h4 {
			font-family: 'Pacifico', cursive;
			color: #FFF;
			padding: .2083em 0;
			text-transform:inherit;
			text-align: center;
			margin: .2083em auto;
			font-weight:400;
			font-size: .5em;
			line-height: 1.4;
		}
		#indexCoda span{
			color:#fff;
			padding:0;
			text-align:center;
			margin: .2083em auto;
			font-size: 2.0833em;
		}
		
			
	/* End index.html */

	/* Start Inner Pages */
	
	
	
	
		#innerTitle01, #innerTitle02, #innerTitle03, #innerTitle04, #innerTitle05 {
			background-repeat:no-repeat;
			background-position:center; 
			background-size:100%;
			width: 100%;
    		min-height: 562px;
			padding: 0px 0px;
			margin: 0;
		}
		#innerTitle01 {background:#333 url(../images/bg/inner-title-01.jpg) 100%/cover;}
		#innerTitle02 {background:#333 url(../images/bg/inner-title-02.jpg) 100%/cover;}
		#innerTitle03 {background:#333 url(../images/bg/inner-title-03.jpg) 100%/cover;}
		#innerTitle04 {background:#333 url(../images/bg/inner-title-04.jpg) 100%/cover;}
		#innerTitle05 {background:#333 url(../images/bg/inner-title-05.jpg) 100%/cover;}
		
		#innerTitle01 h4, #innerTitle02 h4, #innerTitle03 h4, #innerTitle04 h4 ,#innerTitle05 h4{
			color: #333;
			padding: 10px 0;
			text-align: left;
			margin: 10px auto;
			text-transform: uppercase;
			font-weight: 700;
		}
		
		#innerLema{background: #eee;}
		#innerTitle Lema{
			color:#fff;
			text-align:center;
			padding:40px;
			font-size:40px;
			margin:0 auto;}
	/* End Inner Pages */

		
				.videoWrapper {
					position: relative;
					padding-bottom: 56.25%; /* 16:9 */
					padding-top: 25px;
					height: 0;
				}
				.videoWrapper iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
						


				#puntosDeVenta h5{min-height: 50px;}
#adone img.imgCenter {max-height: 200px;}


#productos_row {}


#productos_row h3{min-height: 3.2em;padding-top:1.2em;}

#productos_row p{min-height: 18em;}

	/* Start Responsive */

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

		/* Tablets y PC */
			@media screen and (max-width: 1280px){
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:47px}
				
				.navbar-default .navbar-nav li a {font-size:17px;}
				span.redesSociales{font-size:21px}
				
				#divLogo{margin-top: -1.7em;}
				.titleSpecial big{font-size:1.7em;}
			}

			@media screen and (max-width: 1112px){ 
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:44.5px}
				
				.navbar-default .navbar-nav li a {font-size:16px;}
				
				#divLogo{font-size:.95em}
				.titleSpecial big{font-size:1.6em;}
			}

			@media screen and (max-width: 1049px){ 
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:38.5px}
				
				.titleSpecial big{font-size:1.5em;}
				
				.navbar-default .navbar-nav li a {font-size:15px;}
				span.redesSociales{font-size:19px}
				
			}

			@media screen and (max-width: 1024px){ 
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:35.25px}
				
				.titleSpecial big{font-size:1.4em;}
				
				.navbar-default .navbar-nav li a {font-size:14px;}
				
			}

			@media screen and (max-width: 800px){
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:29.5px}
				span.redesSociales{font-size:17px}
				
				.titleSpecial big{font-size:1.3em;}
				
				.navbar-default .navbar-nav li a {font-size:13px;}
				footer p{text-align: center !important;}
				
				
				#especieros,
				#parrillas,
				#morteros,
				#adone,
				#especias,
				#especias_cubos,
				#molinillos{text-align: center !important;}
				
				#puntosDeVenta h4{text-align: center !important;}
				#puntosDeVenta h5,
				#especieros h5,
				#parrillas h5,
				#morteros h5,
				#adone h5,
				#especias h5,
				#especias_cubos h5,
				#molinillos h5{text-align: center !important;padding-top:15px;}
				
				#puntosDeVenta p{
					text-align: center !important;
					padding-bottom:5px;}
				#especieros p,
				#parrillas p,
				#morteros p,
				#adone p, 
				#especias p,
				#especias_cubos p,
				#molinillos p{
					text-align: center !important;
					padding-bottom:50px;}
				
				.hrSmallLeft{margin:15px auto;}
				
				
				#puntosDeVenta img {margin:50px auto 5px;}
				#puntosDeVenta span.fa.fa-search-plus,
				#puntosDeVenta span.fa.fa-search-minus {
					text-align: center;
					display:block;
					margin:0 auto;}
			}

			@media screen and (max-width: 768px){
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:28px}
				
				
				.titleSpecial big{font-size:1.2em;}
				
				.navbar-default .navbar-nav li a {font-size:12px;}
				
			}
		/* Tablets y PC */

			@media screen and (max-width: 767px){
				.navbar-toggle{position: absolute;float: none; right: 10px; margin:0;}
				
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:48px}
				
				#divLogo{margin-top: -3em;}
				span.redesSociales{font-size:1em}
				#divInfoBarTop{padding: 0;}
				#divInfoBarTop div div{padding: 5px;}
				#divLogo{margin-top:0;}
				div.navbar-header{width:50%;margin:0 25% !important;}
				.col-5{width:90%;margin:5% 20px;}
				.navbar li {border-right:0px solid #ccc; margin-right:0%}
				.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%;border-right:0px solid #ccc;margin-right:0%}
				
				.titleSpecial big{font-size:1.1em;}
		
			}

		/* Celu horizontal */
			@media screen and (max-width:736px){  
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:46px}
			}

			@media screen and (max-width:667px){ 
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:44px} 
			}

			@media screen and (max-width:640px){  
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:42px}
			}

			@media screen and (max-width:568px){  
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:40px}
			}
		/* Celu horizontal */

		/* Celu vertical */
			@media only screen and (max-width:480px){
				footer p{text-align:center;}
				#contactoMapa {
					width:98%;
					margin:0 auto;
					height:300px;}
				#contactoMapa img{max-width: inherit;}
				#contactForm{
					position:relative;
					width:98%;
					margin:0 auto;}
				#indexCoda{background:#000 url("../images/bg-index-bottom-tab.jpg");}
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:38px}
				
				.titleSpecial big{font-size:1em;}
			}

			@media screen and (max-width: 414px){  
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:36px}
			}

			@media screen and (max-width: 375px){  
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:32px}
			}

			@media screen and (max-width: 320px){  
				#indexCoda,
				#divLogo,
				#divInfoBarTop{font-size:30px}
			}
		/* Celu vertical */

	/* End Responsive */