@charset "UTF-8";


@font-face { 
font-family:'Rockwell'; 
src:url('font/Rockwell.eot'); 
src: local('Rockwell'), local('Rockwell'), 
url('font/Rockwell.ttf') format('ttf'), 
url('font/Rockwell.eot') format('eot'); 
} 

@font-face {
    font-family:'Antipasto';
    src:url('font/Antipasto.eot');
    src:local('?'),
    url('font/antipasto.woff')format('woff'),
    url('font/antipasto.ttf')format('truetype'),
    url('font/antipasto.svg#')format('svg');
    font-weight: normal;font-style: normal;
    }






@font-face
{
font-family: Bebas;
src: url('font/BebasNeue.ttf'),
     url('font/BebasNeue.eot'); /* IE9+ */
}

@font-face
{
font-family: Dish;
src: url('font/DistTh.ttf'),
     url('font/DistTh.eot'); /* IE9+ */
}

@font-face
{
font-family: Arvo;
src: url('font/Arvo-Regular.otf'),
	 url('font/Arvo-Regular.ttf'),
	 url('font/Arvo-Regular.woff'),
     url('font/Arvo-Regular.eot'); /* IE9+ */
}




@font-face
{
font-family: Calibri;
src: url('font/Calibri.ttf'),
     url('font/Calibri.eot'); /* IE9+ */
}


td.bg {
background: url(images/fondo-top.png);
}

td.bgbot {
background: url(images/bottom.png);
}


.menu { font-family: Rockwell, Verdana, Geneva, sans-serif;
font-size:10pt;
color: #FFF;
text-decoration: none;
}

.cumple { font-family: Rockwell, Verdana, Geneva, sans-serif;
font-size:30pt;
color: #FFF;
text-decoration: none;
}

.infomail { font-family: Rockwell, Verdana, Geneva, sans-serif;
font-size:15pt;
color: #FFF;
text-decoration: none;
}

.maildistribuidoras { font-family: Rockwell, Verdana, Geneva, sans-serif;
font-size:30pt;
color: #1481ba;
text-decoration: none;
text-transform:uppercase;
text-align:left;
}

.frasesmaildistribuidoras { font-family: Rockwell, Verdana, Geneva, sans-serif;
font-size:10pt;
color: #1481ba;
text-decoration: none;
text-transform:uppercase;
text-align:left;
}


.asterisco { font-family: Calibri, Verdana, Geneva, sans-serif;
font-size:9pt;
color: #999;
text-decoration: none;
}

.asteriscoactive { font-family: Calibri, Verdana, Geneva, sans-serif;
font-size:9pt;
color: #0093d0;
text-decoration: none;
}


.encuentra  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:20pt;
	line-height:22pt;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
}

.titulos  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:20pt;
	color: #0093d0;
	text-decoration: none;
	text-transform: uppercase;
}

.preciospkt  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:15pt;
	color: #0093d0;
	text-decoration: none;
}

.preciospktdos  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:15pt;
	color: #0093d0;
	text-decoration: underline;
}


.duocomb  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:30pt;
	line-height:31pt;
	color: #0093d0;
	text-decoration: none;
}


.preciospkt2  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #999999;
	text-decoration: none;
}


.preciospktno  {
	font-family: Rockwell, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #dc4d20;
	text-decoration: line-through;
}

.subm
{
	background-image:url(images/carrito.png); 
	background-repeat:no-repeat; 
	width:176px;
	height:44px;

	border:0px;
}
.subm:hover
{
	background-image:url(images/carritoon.png); 
	background-repeat:no-repeat;
	width:176px;
	height:44px;

	border:0px;
}



.subm2
{
	background-image:url(images/carrito-pkt.png); 
	background-repeat:no-repeat; 
	width:130px;
	height:35px;
	display:block;
	border:0px;
}
.subm2:hover
{
	background-image:url(images/carrito-pkton.png); 
	background-repeat:no-repeat;
	width:130px;
	height:35px;
	display:block;
	border:0px;
}

.subm3
{
	background-image:url(images/micarrito.png); 
	background-repeat:no-repeat; 
	width:176px;
	height:44px;
	border:0px;
}
.subm3:hover
{
	background-image:url(images/micarritoon.png); 
	background-repeat:no-repeat;
	width:176px;
	height:44px;
	border:0px;
}




.lineatop
{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #c2c2c2;
}

.lineabottom
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c2c2c2;
}


.lineaall
{
border-style:dashed;
border-width:1px;
border-color: #c2c2c2;

	
}







.encabezado 
{
color: rgb(255, 255, 255);
font-size: 53px;
font-family: 'Lobster', cursive;
text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.0980392) 0px 6px 1px, rgba(0, 0, 0, 0.0980392) 0px 0px 5px, rgba(0, 0, 0, 0.298039) 0px 1px 3px, rgba(0, 0, 0, 0.14902) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.0980392) 0px 20px 20px;
}

.producto  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:25pt;
	color: #333333;
	text-decoration: none;
}

.espuma  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:28pt;
	color: #ed174f;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}

.spray  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:28pt;
	color: #00aca2;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}

.shampoo  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:28pt;
	color: #f68428;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}

.acondicionador  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:28pt;
	color: #b92c92;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}






.producto2  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:18pt;
	color: #333333;
	text-decoration: none;
}

.espuma2  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:18pt;
	color: #ed174f;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}

.spray2  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:18pt;
	color: #00aca2;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}

.shampoo2  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:18pt;
	color: #f68428;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}

.acondicionador2  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:18pt;
	color: #b92c92;
	text-decoration: none;
	font-weight: lighter;
	letter-spacing: 1pt;
}






.rama  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0pt;
}

.rama2  {
	font-family: Antipasto, Verdana, Geneva, sans-serif;
	font-size:8pt;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1pt;
}

.contenidos  {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size:11pt;
	color: #787878;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}



.contenidosunder  {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size:11pt;
	color: #0093d0;
	text-decoration: underline;
	font-weight: 200;
	line-height: 13pt;
}



.contenidos:hover  {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size:11pt;
	color: #787878;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}


.contenidosgris  {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size:11pt;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	line-height: 13pt;
}

.contenidosgris:hover  {
	font-family:  Calibri, Verdana, Geneva, sans-serif;
	font-size:11pt;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	line-height: 13pt;
}



/** LIGAS PEQUEÑAS **/

.contenidosa  {
	font-family:  Calibri, Verdana, Geneva, sans-serif;
	font-size:11pt;
	color: #0093d0;
	text-decoration: none;
	font-weight: bold;
}






/** MENUS PRODUCTOS COLORES pantone.

Tazpp: #005CAB
SHAMPOO: #F58426
ACONDICIONADOR: #B92F92
ESPUMA CAPILAR: #ED174F
Spray Fijador: #00ACA



**/






.submenutzapp  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #919191;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;

}

.submenutzapp:hover  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #005CAB;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}








.submenush  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #919191;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;

}

.submenush:hover  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #F58426;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}







.submenuac  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #919191;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;

}

.submenuac:hover  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #B92F92;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}







.submenuec  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #919191;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;

}

.submenuec:hover  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #ED174F;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}







.submenusf  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #919191;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;

}

.submenusf:hover  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #00ACA1;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}

.submenugel  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #919191;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;

}

.submenugel:hover  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #0071a6;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}




/** SUBMENU ACTIVOS**/

.submenutzappactivos  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #005CAB;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}


.submenushactivos  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #F58426;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}


.submenuacactivos  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #B92F92;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}




.submenuecactivos  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #ED174F;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}


.submenusfactivos  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #00ACA1;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}


.submenugelactivos  {
	font-family: Rockwell, Calibri, Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #0071a6;
	text-decoration: none;
	font-weight: 200;
	line-height: 13pt;
}



/** MENU PRINCIPAL **/





.crece {
width: 200;
}
.crece div {
width: 150px;
margin: 5px 0;
padding: 5px;
color: white;
background-color: #ED8029;
text-align: left;
border-radius: 5px;
}
.crece:hover div {
width: 180px;
background-color: #edb200;
}
.crece div.ease {
-webkit-transition: 3s ease;
-moz-transition: 3s ease;
-o-transition: 3s ease;
-ms-transition: 3s ease;
transition: 3s ease;
}
.crece div.linear {
-webkit-transition: 3s linear;
-moz-transition: 3s linear;
-o-transition: 3s linear;
-ms-transition: 3s linear;
transition: 3s linear;
}
.crece div.easein {
-webkit-transition: 3s ease-in;
-moz-transition: 3s ease-in;
-o-transition: 3s ease-in;
-ms-transition: 3s ease-in;
transition: 3s ease-in;
}
.crece div.easeout {
-webkit-transition: 3s ease-out;
-moz-transition: 3s ease-out;
-o-transition: 3s ease-out;
-ms-transition: 3s ease-out;
transition: 3s ease-out;
}
.crece div.easeinout {
-webkit-transition: 3s ease-in-out;
-moz-transition: 3s ease-in-out;
-o-transition: 3s ease-in-out;
-ms-transition: 3s ease-in-out;
transition: 3s ease-in-out;
}




.fondopiojos {
	background-image: url(images/fondo-piojos.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.sombra {
	background-image: url(images/sombra.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.sombra2 {
	background-image: url(images/mancha.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.sombra3 {
	background-image: url(images/pintura.png);
	background-repeat: repeat-x;
	background-position: bottom;
}




/** MENU PRINCIPAL **/





.crece2 {
width: 200;
}
.crece2 div {
width: 150px;
margin: 5px 0;
padding: 5px;
color: white;
background-color: #0093D0;
text-align: left;
border-radius: 5px;
}
.crece2:hover div {
width: 180px;
background-color: #00ACA1;
}
.crece2 div.ease2 {
-webkit-transition: 3s ease;
-moz-transition: 3s ease;
-o-transition: 3s ease;
-ms-transition: 3s ease;
transition: 3s ease;
}
.crece2 div.linear2 {
-webkit-transition: 3s linear;
-moz-transition: 3s linear;
-o-transition: 3s linear;
-ms-transition: 3s linear;
transition: 3s linear;
}
.crece2 div.easein2 {
-webkit-transition: 3s ease-in;
-moz-transition: 3s ease-in;
-o-transition: 3s ease-in;
-ms-transition: 3s ease-in;
transition: 3s ease-in;
}
.crece2 div.easeout2 {
-webkit-transition: 3s ease-out;
-moz-transition: 3s ease-out;
-o-transition: 3s ease-out;
-ms-transition: 3s ease-out;
transition: 3s ease-out;
}
.crece2 div.easeinout2 {
-webkit-transition: 3s ease-in-out;
-moz-transition: 3s ease-in-out;
-o-transition: 3s ease-in-out;
-ms-transition: 3s ease-in-out;
transition: 3s ease-in-out;
}





.IBmousse {	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt;	font-weight: lighter;	color: #72afcf;	line-height: 14pt;}
.IBmousse:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #72afcf; line-height: 14pt;}
.IBmousse:visited { font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #72afcf; line-height: 14pt;}
.IBmousse:visited:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #72afcf; line-height: 14pt;}


.IBshampoo {	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt;	font-weight: lighter;	color: #ce4a4b;	line-height: 14pt;}
.IBshampoo:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #ce4a4b; line-height: 14pt;}
.IBshampoo:visited { font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #ce4a4b; line-height: 14pt;}
.IBshampoo:visited:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #ce4a4b; line-height: 14pt;}

.IBacondicionador {	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt;	font-weight: lighter;	color: #ec985b;	line-height: 14pt;}
.IBacondicionador:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #ec985b; line-height: 14pt;}
.IBacondicionador:visited { font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #ec985b; line-height: 14pt;}
.IBacondicionador:visited:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #ec985b; line-height: 14pt;}

.IBmenta {	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt;	font-weight: lighter;	color: #a5bc59;	line-height: 14pt;}
.IBmenta:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #a5bc59; line-height: 14pt;}
.IBmenta:visited { font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #a5bc59; line-height: 14pt;}
.IBmenta:visited:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 14pt; font-weight: normal; color: #a5bc59; line-height: 14pt;}


.IBtituloproductos {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana;
	font-size: 10pt;
	font-weight: lighter;
	color: #666666;
	line-height: 10pt;
}
.IBtituloproductos:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 10pt; font-weight: normal; color: #666666;}
.IBtituloproductos:visited { font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 10pt; font-weight: normal; color: #666666; }
.IBtituloproductos:visited:hover {font-family: "Arial Rounded MT Bold", "Trebuchet MS", Verdana; font-size: 10pt; font-weight: normal; color: #666666; }