input[type=text] {

width: 150px;
height: 50px;
border-radius: 4px;
background-color: red;
padding: 12px 20px 12px 40px;
margin-bottom: 20px;



box-sizing: border-box;
border: 2px solid black;
font-size: 16px;
background-color: white;
background-image: url('https://www.distribuidoradupont.com/images/icon/search-black-18dp.svg');
background-position: 10px 10px;
background-repeat: no-repeat;

-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
width: 90%;
border-radius: 4px;
background-color: white;
}

.BoxPromos{
	position: relative;
	width: 94%;
	height: auto;
	margin: 3%;
	display: flex;
  flex-wrap: wrap;
}
.MitadyMitad{
	position: relative;
	width: 48%;
	height: auto;
	margin: 15px 1%;
	text-align: center;
}

.MitadyMitad >img{
	border-radius: 10px;
}
.h2Promo{
	font-size: 1.3em;
}
.BtnPromo{
  background-color: #92D7FD;
}

@media screen and (max-width: 700px){
	.BoxPromos{
		position: relative;
		width: 94%;
		height: auto;
		margin: 3%;
		display: flex;
	  flex-wrap: wrap;
	}
	.MitadyMitad{
		width: 98%;
		margin: 15px 1%;
	}
	.h2Promo{
		font-size: 0.8em;
	}
}


.XProduct {
		border-radius: 8px;
		box-shadow: 0 1px 6px 0 rgba(0,0,0,.16);
		box-sizing: border-box;
		margin-bottom: 20px;
		padding: 12px;
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 60px;
		display: flex;
		flex-wrap: wrap;
}



.CenterXY > a > img{
	height: 100% !important;
}

.CenterXY > a{
	height: 100% !important;
}

.CenterXY {
		width: 100%;
		height: 250px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		border: solid 1px #f5f5f5;
		background-color: white;
		display: flex;
		align-items: center;
		justify-content: center;

}
.BoxImgProduct{
	width: 28%;
	height: auto;
	margin:1%;
}
.InfoProd{
width: 68%;
height: 100%;
/* border:solid 1px red; */
padding: 10px;
margin:1%;
text-align: left;
}

.TitleProd{
	font-size: 1.3em;
}
.txtAdic{
	width: auto;
	height: auto;
	/* border:solid 1px red; */
	text-align: left;
}

.tab-pane{
	margin-top: 15px;
}
.txtAplicacion{
	width: 100%;
	text-align: left;
	margin-top: 15px;
}

.btn-descarga {
    color: #0065ff;
    background-color: rgb(255, 255, 255);
    border-color: #0065ff;
}

@media (max-width:700px){
	.BoxImgProduct{
		width: 98%;
		margin:1%;
		font-size: 0.5em;
	}
	.InfoProd{
	width: 100%;
	margin:0%;
	padding: 0px;
	font-size: 1em;
	}

	.TitleProd {
    font-size: 2em;
		margin-top: 1px !important;
}
.nav>li>a {
    padding: 4px 4px;
}

	}



.img-promok{
	border-radius: 10px !important;
}

.marcas{
	width:50px !important;
	}



	.BoxWhatssappLogo {
	    position: relative;
	    width: 100%;
			height: auto;
			margin: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
	}

	.BoxWhatssappLogo > div{
		width: auto;
		height: auto;
		margin: 10px;
	}

	.BoxWhatssappLogo > div > span{
	  font-size: 2em;
		color: #41a84e !important;
		font-weight: bold;
	}
	.logo-whats-menu{
		position: absolute;
		width: 200px;
		top: -7px;
	    left: -30px;
	}

.img-promok{
	border-radius: 10px;
}


.contenido{

	padding-bottom: 40px;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	position: relative;
	z-index: 2;

	background: rgb(1,43,222);
    background: linear-gradient(45deg, rgba(22, 28, 51, 0.8) 0%, rgba(43, 38, 66, 0.8) 35%, rgba(8, 11, 29, 0.81) 100%);
color: #545b62;
	 }

.contenido-index
   {

	top: 0px !important;

   }

.bs-docs-featurette+.bs-docs-footer{
	margin-top:0;border-top:0}

.bs-docs-featurette-title{
	margin-bottom:5px;
	font-size:2em;
	font-weight:400;
	color:#333}

.half-rule{
	width:100px;
	margin:40px auto}

.bs-docs-featurette h3{
  margin-bottom:5px;
  font-weight:400;
  color:#333;}

.bs-docs-featurette-img{
	display:block;
	margin-bottom:20px;
	color:#333;
	}

.bs-docs-featurette-img:hover{
	color:#337ab7;
	text-decoration:none}

.bs-docs-featurette-img img{
	display:block;
	margin-bottom:15px}

@media (min-width:480px){
	.bs-docs-featurette .img-responsive{
		margin-top:30px}}

@media (min-width:768px){
.bs-docs-featurette{
		padding-top:100px;
		padding-bottom:100px}
.bs-docs-featurette-title{
	font-size:40px}
.bs-docs-featurette .lead{
	max-width:80%;
	margin-right:auto;
	margin-left:auto}
.bs-docs-featurette .img-responsive{
	margin-top:0}

}

.bs-docs-featured-sites{
	margin-right:-1px;
	margin-left:-1px}
.bs-docs-featured-sites .col-xs-6{
	padding:1px}
.bs-docs-featured-sites .img-responsive{
	margin-top:0}
@media (min-width:768px){
	.bs-docs-featured-sites .col-sm-3:first-child img{
		border-top-left-radius:4px;
		border-bottom-left-radius:4px;
		}
		.bs-docs-featured-sites .col-sm-3:last-child img{border-top-right-radius:4px;border-bottom-right-radius:4px}}.

		.bs-example{ display:block;}

		.img-marcas-axalta{
			margin-left:10px !important;
			margin-right:10px !important;
			margin-top: 10px;
			margin-top: 10px;
			}

			.altmarca{
				width: auto;
				height:34px;
			}

/*INICIO FOOTERS*/
#bachground-footer{
	width:auto !important;
	background-color: rgba(116,0,1,0.61) !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	}

.footer{
	position: relative;
	padding: 40px 15px;
	text-align: center;
	z-index: 3;
	}

.h2-footer{
	color:white;}

.ahref-footer{
	color:white !important;

    }



.footer-transparente {
	background-color:rgba(82,27,28,0.51) !important;
	}





.p-footer{
	color:white !important;

	width:100% !important;

	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden !important;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-footer:hover {
  width: 100% !important;
  white-space: initial;
  overflow:visible;
  cursor: pointer;
}

	/*inicio FOOTERS d34*/

	.footer-d34{
	height:auto !important;
	position: relative;
	padding-top:10px;

	text-align:center;
	z-index: 3;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color:#1A272A;
	color: #FFF;
	font-size: 0.8em !important;

	}



/*fin FOOTERS d34*/


	/*FIN FOOTERS*/

/*INICIO PRODUCTOS*/
    .title-productos{
    height:auto !important;
	font-size:1.3em !important;
	overflow:hidden !important;
	display: inline-block;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;

    width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;


	}

	.title-productos:hover {
  width: 100%;
  white-space: initial;
  overflow:visible;
  cursor: pointer;
}

    .h4-productos{
	position: relative !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: 12px;
	height: 200px !important;
	width: 150px !important;
	overflow: hidden !important;
	border-bottom: 1px solid rgb(132, 132, 132s);
	}

	.img-productos{
    position:relative !important;
	margin:auto;
	height:auto !important;
	width:150px !important;
	}


	.ahref-contacto{
	color:#777 !important;

    }

    .border-blanco{
	border: 0px solid #FFF !important;
    }
.padding-form-d34{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}




#ajaxsuccess {
    background: #f5f5f5;
    color: #000;
    font: 20px/60px 'OpenSans-Light-webfont';
    height: 60px;
    display: none;
    padding-left: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}






/* #FORMULARIO
================================================== */



	#ajax-form {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	    color:#7a7a7a;

	}
	label {
		display: block;

	}
	input{
		width: 100%;
		border:none;
		background:#f5f5f5;

		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	textarea {
		width: 100%;
		background:#f5f5f5;

		height:120px;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left:0;
		padding-right:0;
		border:none;
	}
	.error {
		color: #d35400;

		display: none;
	}
	#ajaxsuccess {
		background: #f5f5f5;
		color:#000;

		height:60px;
		display: none;
		padding-left:10px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}

#ajax-form button{

 }
#ajax-form button:hover{
	background: #f1f1f1;
 }
	#ajax-form textarea:active,
	#ajax-form input:active {
	  color: #333333;
	outline:1px solid #fff;}
	#ajax-form textarea:active,
	#ajax-form input:hover {
	  color: #333333;
	outline:1px solid #fff;}
	#ajax-form textarea,
	#ajax-form input {
	  color: #333333;
	outline:1px solid #fff;}