@charset "UTF-8";
/* CSS Document */


/*
	BOOTSTRAP
*/
body {font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; }
.container {
	width: 535px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	
}
a.link, a:hover.link { color: #ed008c; display:block; cursor:pointer;}
a.link .fa { color: #cecece !important;}
h2.titulo {font-weight:lighter !important; color: #666666; font-size:30px !important; padding: 0;}
/*
	GENERICOS
*/


  .text {
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  
  .text-center {text-align: center;}
  .text-left {text-align: left;}
  .text-right {text-align: right;}
  
.mt5 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;padding:0px 0px 0px 20px;}
.mb40{margin-bottom:40px;}

.no-margin {margin: 0;}
.no-margin-left {margin-left: 0;}
.no-margin-right {margin-right: 0;}

.no-padding {padding: 0;}
.no-padding-left{padding-left: 0;}
.no-padding-right{padding-right: 0;}

.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.pl40 {padding-left: 40px;}
.pr40 {padding-right: 40px;}

.ptb15 {padding: 15px 0;}

.border-right {border-right: 1px solid #eee;}
.border-left {border-left: 1px solid #eee;}
.border-bottom {border-bottom: 1px solid #eeeeee;}
.border-slider {border: 1px solid #eee;}

.box-shadow-bottom {
	-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.1);
}
.container-shadow {
	-webkit-box-shadow: 4px 0px 5px 0px rgba(50, 50, 50, 0.08);
	-moz-box-shadow:    4px 0px 5px 0px rgba(50, 50, 50, 0.08);
	box-shadow:         4px 0px 5px 0px rgba(50, 50, 50, 0.08);
	position: relative;
}
	.wrap {width:auto;padding:0 40px;margin:20px 0 40px;}
	.list {margin: 0;padding: 0 45px;}
	.list li {margin: 15px 0;list-style-position: inside;}
h1 {font-family: Times, serif;color: #f00088;font-style: italic;}
	.text-center {text-align: center;}
h2, h3, h4 {margin: 25px 0px 10px;font-family: Times;font-style:italic;}
.header_h1 {
	font-family: Times;
	font-style: italic;
	margin-bottom: 25px;
	font-style: italic;
	line-height: 1;
}
.subheader_h2 {font-family:Times;font-size:18px;font-style:italic;margin:30px 0 15px;padding:0;}
.btn-avon {
    font-family:Times;
    font-style:italic;
	font-weight: bold;
    font-size: 17px;
    text-align: center;
    padding: 5px 10px;
    margin: 0 auto;
    text-decoration: none;
    color:#fff;
    border: 0px solid #fb51b1;
    border-radius:3px;
    display: block;
    background-color:#ed008c;
    -webkit-transition: background .8s;
    transition: background .8s;
    box-shadow: 0px 2px 1px rgba(0,0,0,.1);
}
a.btn-avon:hover {text-decoration: none;background-color: #ce0074;}

/*
	AVON
*/

.border-img {border: 1px solid #eee; -webkit-border-radius:2px;	-moz-border-radius:2px;border-radius: 2px;}
.link-border-img {border: 1px solid #eeeeee;}
.link-border-img:hover {border: 1px solid #e20078;}

.ver_mas-link {color:#ed008c;cursor:pointer;clear:both;}
.ver_mas-link:hover {color:ed008c; }
.ver_mas-link i {color: #ed008c;}

.descargas_li {margin:0;padding:0;}
.descargas_li li {
	list-style: none;
    margin: 8px 0;
    border-bottom: 1px dotted #e2e2e2;
    padding: 3px 5px 10px;
}
.descargas_li li a {color: #4D4C4C; font-weight:bold; display: inline-block; font-size:12px; cursor:pointer;}
.descargas_li li a .fa {margin-right: 5px;}
.descargas_li li a:hover .fa {color:#a90064; margin-right: 5px;}
.descargas_li li a:hover {color:#ed008c; text-decoration:none; }

.carousel-control.right, .carousel-control.left {padding-top:25%; background-image:none;}

/*
	SL
*/

.text-avon {color:#ed008c;}
.link_sl:hover {text-decoration:none;}
.link_sl .fa-stack-2x { color: #ed008c;}
.link_sl:hover .fa-stack-2x { color: #C50F7B;}
.link-info {color: #ed008c;}	
.link-info:hover {color: #C50F7B; text-decoration:none;}


/*
	DM
*/

.big-link {color: #333 !important; padding: 12px 5px; display: block;}
.big-link .fa {color:#ccc; display:block; margin: 5px 0;}
.big-link:hover {color: #000; text-decoration:none; font-size: 20px; }
.big-link:hover .fa { color: #ed008c; margin: 5px 0; display: block;}
.big-link h3 {font-family:"Times New Roman", Times, serif; font-style:italic; font-size: 19px;}

.big-link_ZM { padding:15px 0; display:block;}


img {
	vertical-align:baseline !important;
}

.contentbackgroundcolor .tableBg1 {background-color: #fff;}

.middle_banner {
	border-bottom: 1px dotted #e2e2e2;
	padding: 10px 0;
	border-top: 1px dotted #e2e2e2;
	display: block;
	margin-bottom: 10px;
	-webkit-transition: border .5s; /* For Safari 3.1 to 6.0 */
    transition: border .5s;
}
.middle_banner img {
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	-webkit-transition: opacity .5s; /* For Safari 3.1 to 6.0 */
    transition: opacity .5s;
}
.middle_banner:hover img {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.btn-opacity {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=80);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.8;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.8;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;
	-webkit-transition: opacity .1s ease-in;
	-moz-transition: opacity .1s ease-in;
	-ms-transition: opacity .1s ease-in;
	-o-transition: opacity .1s ease-in;
	transition: opacity .1s ease-in;
}
.btn-opacity:hover {
	width: 100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.btn-shadow {
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0);
	box-shadow: 0 0 0 1px rgba(0,0,0,0);
	-webkit-transition: opacity .1s ease-in;
	-moz-transition: opacity .1s ease-in;
	-ms-transition: opacity .1s ease-in;
	-o-transition: opacity .1s ease-in;
	transition: opacity .1s ease-in;
}
.btn-shadow:hover {
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.4);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.4);
}
.btn-cambia {
	transition: .3s;
}
.btn-cambia .btn1 {
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	transition: .3s;
}
.btn-cambia:hover .btn1{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: .3s;
}
.btn-cambia:hover .btn2 {
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */ 
}
.link-simple {
	color:#333;
	font-family: "Helvetica Neue", sans-serif;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	text-align: right;
}
.link-simple a {
	color: #f00088;
}
.link_zm {
	background-color: #f00088;
    padding: 3px 15px 5px;
    color: #ffffff;
    border-radius: 3px;
}
.liTitle {
	background-color: #f0f0f0;
	border-bottom: 1px solid #e2e2e2;
	padding: 7px 7px;
	text-shadow: 1px 0px 0px #ffffff;
	cursor: default;
}
.img_slider {
	border: 1px solid #e2e2e2;
	margin: 0 0 10px 0;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	display: block;
}
.img_slider img {
	width: 100%;
}

/*
		INCENTIVOS 2016
*/


.rounded-frame {
  border-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  transition: all .3s;
  margin-bottom: 8px;
  border: 1px solid #e2e2e2;
}
.thumbnail {
  display: inline-block;
  margin-top: 25px;
}
.thumbnail img {
   padding: 5px;
}
.thumbnail:hover img {
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(240, 0, 136, .7);
  box-shadow: 0px 0px 8px 1px rgba(240, 0, 136, .7);
}
span.label-purple {
    background-color: purple;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
}
.incentivos_thumbTitle {
	font-size: 15px;
	text-align: center;
	clear: right;
}
.incentivos_thumbTitle .label-purple {
  display: block;
  width: 15%;
  margin: 0 auto 10px;
} 
.incentivos_anteriores {
    text-align: left;
    list-style: none;
    color: #333;
    list-style-position: inside;
}
.incentivos_anteriores li {
    color: #333;
    padding: 8px 0;
}
.incentivos_anteriores li a {
    color: #333;
    font-size: 14px;
    border-left: 2px solid #f00088;
    padding: 3px 0 2px 10px;
    display: block;
}
.incentivos_anteriores li a:hover {
  text-decoration: none;
  color: #f00088;
  background-color: #f9f9f9;
}
.incentivos_anteriores li a:hover strong {
  color: #000000;
}
.incentivos_anteriores li a strong {
    font-size: 18px;
    margin-right: 15px;
}
.thumb {border: 1px solid #e2e2e2;display: block;}
p.pLabel-purple {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 5px;
	display: inline;
	float: left;
}
.header_h1 small {
	font-family: "helvetica neue", sans-serif;
	font-style: normal;
	font-size: 15px;
	font-weight: normal;
	color: #333333;
}
.grid {
	padding: 5px 15px;

}
/* 2017 */
.eBrochure_label {background-color:#555;border-radius:3px;color:#FFF;font-size:15px;font-family:Times;font-style:italic;font-weight:bold;padding:9px 20px;display:none;margin: 10px auto;}
.eBrochure_campaign {font-family:Times;font-size:34px;font-style:italic;font-weight:bold;color:#ed008c;background-color:#F9F9F9;border:0px solid #EEE;/*border-radius:5px;*/display:inline-block;line-height:100%;padding:0px 20px;/*margin:23px auto;*/}
.eBrochure_thumb {text-align:center;padding:9px;margin:0px auto;/*border:1px solid #eee;border-radius:5px;background:#FFF;*/}
/**/
#folletos_virtuales_9{border-radius:9px;margin-left: 40%;}
#folletos_virtuales_7 {border-radius:9px;margin-left: 25%;}


/*
		HOME RD
*/

.link_h3 {
	font-family: "helvetica neue", sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333333;
	line-height: 1.1;
	margin-top: 10px;
}

.link_h3 small {
	display: block;
	color: #f00088;
	font-weight: lighter;
	margin-top: 6px;

}
.link_a {
	display: block;
}
.link_a:hover {
	text-decoration: none;
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 10px 5px;
	border: 1px solid #e2e2e2;
	box-shadow: 1px 0px 3px rgba(0,0,0,.1);
}
.link_a {
	display: block;
	transition: .3s;
	padding: 10px 5px;
	border: 1px solid #ffffff;
}

/*
	PR Suite
*/

.pr_h2 {
    font-size: 25px;
}

.pr_bigButton div a, .pr_socialMedia {
    font-size: 23px;
    font-family: "helvetica neue", sans-serif;
    font-weight: lighter;
    color: #333;
    text-decoration: none;
    display: block;
    margin-top: 5px;
    font-style: normal;
}
.pr_bigButton div a span {
    font-family: Times, serif;
    color: #f00088;
    font-size: 29px;
}
.divHover:hover {
    color: #f00088;
}
.border-bottom-5px {
  border-bottom: 9px solid #f00088;
}
.link_socialMedia {
    padding: 5px 14px 0 0;
    text-decoration: none;
}

/*
		Nuestros Productos
*/

		.products_thumb {
			padding: 10px 25px;
			display: block;
			text-decoration: none;
			text-align: center;
			transition: .5s;
			cursor: pointer;
		}
		.products_thumb:hover {
			transform: .5s;
		}
		.products_thumb img {
			width: 100%;
			-webkit-filter: grayscale(1);
			-webkit-filter: grayscale(100%);
			filter: gray;
			filter: grayscale(100%);
		}
		.products_thumb h2 {
			font-family: Times, serif;
			font-style: italic;
			font-size: 24px;
			color: #f00088;
		}
		.products_thumb h2 small {
			font-family: "helvetica neue", sans-serif;
			color: #666666;
			font-style: normal;
			font-weight: lighter;
		}
		.products_thumb:hover img {
			box-shadow: 1px 1px 10px #f000884d;
			-webkit-filter: grayscale(0);
			-webkit-filter: grayscale(0%);
			filter: normal;
			filter: grayscale(0%);
			transition: .5s;
		}