p { 
	font-size:11px;
	color: #4D4D4D;
	float: left;}
	
a { text-decoration: none;
	font-size:11px;
	color: #4D4D4D;
	cursor:pointer;}

a:hover {	text-decoration: underline;}

h1 {
	float: left;
	width: 98%;
	padding: 5px 0 5px 2%;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	background: #DC1D76;}
	
	h1 span { font-size: 13px; color:#F6D4DF; float: right; padding-right: 15px; margin-top: 5px; *margin-top: -18px;}

h2, h2 a {
	float: left;
	width: 100%;
	font-size:12px;
	font-weight: normal;
	color: #DC1D76;}
	
	h2 a { float: none; width: auto;}

	
.bold { font-weight: bold; }
.hidden { display: none;}
a.linkPink, .pink { color: #DC1D76;}

ul, li { list-style: none; }

input, select, textarea {
			font-size: 11px; font-family:Arial, sans-serif;}

textarea { 	font-family:Arial, sans-serif;
			font-size:11px;
			color: #4D4D4D;}
			
dl, dd, dt { float: left; width: 100%;}

form, fieldset { margin: 0; padding: 0; width: 100%;}
			

/* Header ***********************************************/

#Header .logoHeader{
	float: left;
	width: 215px;
	height: 120px;
}

#Header .headerLogin {
	float: right;
	margin-top: 30px;
	padding-right: 20px;
	width: 215px;
	height: 107px;}
	
	#Header .headerLoged {
	margin-top: 20px;
	padding-right: 0;
	height: auto;}
	
	#Header .headerLogin ul { float: left; width: 92%;}
	#Header .headerLogin ul li { float: left; width: 100%; margin-bottom: 3px;}
	
		
	#Header .headerLogin p,
	#Header .headerLogin a {
		float: left;
		width: auto;
		color: #fff;
		font-size: 12px;}
		
		#Header .headerLogin p.errorMsg
		{
			background-color: #d9649c;
			font-weight: bold;
			margin:2px;
			margin-right: 4px;
			float:right;
		}
		
		#Header .headerLoged p { width: 100%; }
		#Header .headerLoged a { width: 40%; }
				
		#Header .headerLogin p.bold { text-transform: uppercase; width: 70px; padding-right: 10px; text-align: right;}
		
		#Header .headerLogin .loginContent a.headerLogout {
			float: left;
			clear: left;
			position: relative;
			z-index: 1;
			margin-top: 10px;
			padding-right: 18px;
			font-weight: bold;
			background: url(../images/buttons/butPinkHeader.png) no-repeat right;}
			
		#Header .headerLogin .loginContent a.headerCartLink {
			float: right;
			margin-top: -15px;
			width: 82px;
			height: 82px;
			background: url(../images/buttons/butHeaderCart.png) no-repeat right;
			behavior: url("styles/iepngfix.htc");}
			
		#Header .headerLogin .loginContent a.headerHistoryLink {
			float: right;
			clear: right;
			margin: 0;
			margin-top: 0px;
			width: 82px;
			height: 20px;
			font-size:10px;
			color: #e380b7;
			text-align: center;}
		
	#Header .headerLogin label {
		float: left;
		width: 70px;
		padding-right: 10px;
		color: #fff;
		font-size: 12px;
		text-align: right;}
		
	#Header .headerLogin input {
		float: left;
		width: 100px;
		padding-left: 2px;
		padding-right: 10px;
		height: 15px;
		background: #D9649C;
		border: 1px solid #F3ACCA;
		color: #fff;
		font-size: 12px;}
		
	#Header .headerLogin input.btHeaderLogin {
		float: right;
		margin-top: 18px;
		width: 15px;
		height: 38px;
		background: #D9649C url(../images/buttons/butPinkHeader.png) center no-repeat;
		border: none;
		cursor: pointer;}
		
/* Menu *********************************************************/

.headerContent {
	float: left;
	clear: left;
	margin-top: 5px;
	*margin-top: 22px;
	width: 100%;
	position: relative;}
	
#Menu {
	float: left;
	border-bottom: 2px solid #fff;
	padding-left: 15px;
	width: 90%;
	height: 33px;
	background: url(../images/body/backBlack.png) repeat-x;}
	
.headerSearch {
	float: left;
	padding-left: 15px;
	width: 90%;
	height: 33px;
	background: url(../images/body/backYellow.png) repeat-x;}
	
.headerRight {
	position: absolute;
	right: 0;
	top: 0;}
	
/* Menu ***********************************/

#Menu li {
	float: left;
	width: auto;}
	
	#Menu li.separador { border-left: 1px solid #949494;}

	#Menu li a {
	float: left;
	width: auto;
	padding: 10px 12px 0 12px;
	height: 23px;
	font-size: 14px;
	color: #fff;}
	
		#Menu li a.big { padding: 8px 14px 7px 14px; height: 18px; }
	
	#Menu li a:hover, #Menu li a.active { text-decoration: none; background: url(../images/body/menuHover.png) repeat-x;}
	
	#Menu li a strong { font-weight: normal; font-size: 16px;}
	
/* Search ***********************************/

.headerSearch label {
	float: left;
	padding: 5px 12px 0 12px;
	font-size: 16px;
	color: #000;}
	
.headerSearch input {
	float: left;
	margin-top: 5px;
	width: 340px;
	height: 18px;
	padding-top: 2px;
	padding-left: 2px;
	background: #fff;
	border: 1px solid #8C8C8C;
	font-size: 14px;}
	
	.headerSearch input.btSearch {
		float: left;
		margin-left: 5px;
		padding: 0;
		padding-right: 5px;
		text-align: center;
		width: 32px;
		height: 22px;
		border: none;
		background: url(../images/buttons/butBuscarHeader.png) no-repeat;
		background-position: right;
		color: #fff;
		font-size: 14px;
		cursor: pointer;}
		
/* mainDestacados ***************************************/

.mainDestacados {
	float: left;
	margin-top: 20px;
	width: 100%;}
	
/* listadoProductos ***************************************/
	
.listadoProductos { float: left; width: 100%; padding-top: 20px;}
	
	.mainDestacados .listadoProductos { margin-right:10px; width:45%;}
	
	.mainDestacadosInternas .listadoProductos { width: 98%; margin-right: 0px; padding-left: 2%}
	
	.listadoProductos li {
		float: left;
		width: 100%;
		height: 160px;}
		
		.listadoProductos li.destacadoPrincipal { width: 80%; height: auto;}
		.listadoProductos li.destacadoSecundario { height: auto; padding-bottom:20px;}
		
		.mainDestacadosInternas .listadoProductos li { width: 33%; margin: 0; height: auto;}
		
		.mainDestacadosInternas .listadoProductos li.destacadoPrincipal { width: 50%; margin-right: -1px; height: auto;}
		
		.listadoProductos li.destacadoPrincipal { width: 80%; height: auto; margin-left:20px;}
		
		.listadoProductos li .imageCont {
			float: left;
			width: 50%;
			height: 120px;
			text-align: center;
			overflow: hidden;}
			
			.listadoProductos li.destacadoPrincipal .imageCont {
			width: 100%;
			height: 180px;
			text-align: center;}
			
			.mainDestacadosInternas .listadoProductos li .imageCont {
				width: 100%; 
				margin-bottom: 10px;
				text-align: left;}
			
		.listadoProductos li .textCont {
			float: right;
			width: 50%;}
			
			.mainDestacadosInternas .listadoProductos li .textCont { width: 100%;}
			
			.listadoProductos li.destacadoPrincipal .textCont {width: 100%;}
			
		.listadoProductos li p,
		.listadoProductos li h2 {
			float: left;
			width: 100%;}
			
			
			.listadoProductos li.destacadoPrincipal p,
			.listadoProductos li.destacadoPrincipal p a {
				font-size: 12px;
				margin-bottom: 3px;}
				
				.listadoProductos li p.bold { margin-top: 5px;}
			
			.listadoProductos li.destacadoPrincipal h2 {margin: 10px 0;}
			.listadoProductos li.destacadoPrincipal h2,
			.listadoProductos li.destacadoPrincipal h2 a {font-size: 24px;}
				
				.mainDestacadosInternas .listadoProductos li.destacadoPrincipal h2,
				.mainDestacadosInternas .listadoProductos li.destacadoPrincipal h2 a { font-size: 18px; text-decoration: none;}
				
		
		.listadoProductos li .addCartCont { 
			float: left; 
			width: 100%; 
			margin-top: 5px;}
			
			.detalleProducto .listadoProductos li .addCartCont { margin-bottom: 20px;}
			
			.listadoProductos li.destacadoPrincipal .addCartCont { 
			width: 100%; }
		
			.listadoProductos li .addCartCont input { 
			float:left;
			padding-top: 1px;
			width: 25px; 
			height: 17px;
			border: 1px solid #b2b2b2;
			font-weight: bold;
			color: #4d4d4d;
			font-size: 14px;
			text-align: center;}
			
			.listadoProductos li .addCartCont input.btAddCart,
			.detalleProducto .listadoProductos li.destacadoPrincipal .textCont input.btAddCart { 
			float:left;
			margin-left: 5px;
			padding: 0 0 1px 0;
			width: 106px; 
			height: 19px;
			border: none;
			background: url(../images/buttons/butAddCart.png) no-repeat right top;
			font-weight: normal;
			color: #4d4d4d;
			font-size: 11px;
			text-align: center;
			cursor: pointer;}
			
				.detalleProducto .listadoProductos li.destacadoPrincipal .textCont input.btAddCart { 
				padding: 0;
				width: 150px; 
				height: 32px;
				background: url(../images/buttons/butAddCartBig.png) no-repeat right top;
				font-size: 15px;
				font-weight: bold;}
			

			
			
/* tabs***********************/

.mainTabs { float: left; width: 100%; margin-top: 5px;}

	.mainTabs h1 { font-size: 18px;}
	

	#tabvanilla .tabnav { float: left; width: 100%; position:relative; z-index:1; margin-top: 20px;}

	#tabvanilla .tabnav li  {display: inline; width: auto; }
	
	.tabnav li a { 
	float: left;
	width: 17%;
	padding: 5px 0;
	font-size: 14px;
	color: #808080;
	border: 1px solid #C29C4B;
	border-bottom: none;
	border-left: none;
	text-align: center;}
	
		.tabnav li a.first {border-left: 1px solid #C29C4B;}
	
	.tabnav li a:hover, 
	.tabnav li a:active, 
	.tabnav li.ui-tabs-selected a,
	.tabnav li a.selected {
		background: url(../images/body/tabsSelectedBack.png) repeat-x;
		border: 1px solid #FFCD63;
		border-bottom: none;
		text-decoration: none;}
		
		.tabnav li a:hover { border-left: none;}
		.tabnav li a.first:hover {border-left: 1px solid #C29C4B;}
	
	.ui-tabs-hide {	display: none;	}
		
	.tabdiv {float: left; width: 100%;}   
	
		.tabdiv .tabTop { 
		float: left;
		width: 98%;
		padding: 5px 0;
		padding-right: 2%;
		text-align: right;
		background:  #FFCD63;}
		
		.mainTabs .listadoProductos {
			width: 99%;
			padding-right:4px;
			border: 1px solid #FFCD63;}
			
		.mainRelacionados .listadoProductos { border: none;}
	
	.mainTabs .listadoProductos li .imageCont { width: 30%;}
	.mainTabs .listadoProductos li .textCont {width: 70%;}
	.mainTabs .listadoProductos li { width: 33%;}
	.mainTabs .listadoProductos li p { font-size: 10px;}
	.mainTabs .listadoProductos li p.bold { margin-top: 2px;}
	
		.mainRelacionados .listadoProductos li .textCont h2,
		.mainRelacionados .listadoProductos li .textCont h2 a { color: #4d4d4d;}
	
/* Marcas *****************************************/
.slideMarcas { padding-bottom: 20px; float: left; width: 100%;}
.slideMarcas #tabvanilla { position: relative;}
.slideMarcas #tabvanilla .tabnav {
	width: 30%;
	margin: 0;
	padding: 0;
	background: #de418a url(../images/buttons/marcasPinkBack.png) repeat-x;}
	
	.slideMarcas #tabvanilla .tabnav li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	height: 31px;}
	
	.slideMarcas #tabvanilla .tabnav li:hover { border: none;}
	
	.slideMarcas #tabvanilla .tabnav li a {
		margin: 0;
		_margin-bottom: -3px;
		padding: 2px 0 8px 5%;
		height: 20px;
		width: 95%;
		font-size: 20px;
		color: #fff;
		border: none;
		text-align: left;}
		
		.slideMarcas #tabvanilla .tabnav li a:hover, 
		.slideMarcas #tabvanilla .tabnav li a:active, 
		.slideMarcas #tabvanilla .tabnav li.ui-tabs-selected a,
		.slideMarcas #tabvanilla .tabnav li a.selected {
			border: none;
			color: #4d4d4d;
			background: url(../images/buttons/marcasYellowBack.png) repeat-x;}
			
	.slideMarcas .tabdiv {
		float: right;
		margin: 0;
		margin-top: 0px;
		padding: 0;
		width: 69%;}
			

.listadoProductosInterna .searchResults { margin-top: 20px;}

	.listadoProductosInterna .paginadorTop {
		background: #DC1D76;
		padding: 5px 0;
		padding-right: 1%;
		width: 99%;
		color: #fff;}
		
/* Catalogo *****************************************/

.slideCatalogo h1 {
	height: 100px;
	padding-top: 28px;
	font-size: 30px;
	background: url(../images/body/catalogoTop.png) no-repeat;}

.slideCatalogo #tabvanilla .tabnav {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	margin-top: -52px;
	background: none;
	border: none;
	position: relative;
	z-index: 10;
	}
	
	.slideCatalogo #tabvanilla .tabnav li {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;}
	
	.slideCatalogo #tabvanilla .tabnav li a {
		float: left; 
		width: auto;
		padding: 0 13px;
		color: #fff;
		border: none;
		background: url(../images/buttons/arrowWhiteDown.png) no-repeat left;}
	
			
		.slideCatalogo #tabvanilla .tabnav li a:hover, 
		.slideCatalogo #tabvanilla .tabnav li a:active, 
		.slideCatalogo #tabvanilla .tabnav li.ui-tabs-selected a,
		.slideCatalogo #tabvanilla .tabnav li a.selected {
			color: #fff;
			font-weight: normal;}
			
	.slideCatalogo .tabdiv {
		float: left;
		clear: left;
		margin: 0;
		margin-top: 0;
		padding: 0;
		width: 100%;}
				
.catalogFilters {
	float: left;
	width: 100%;}	
	
	.catalogFilters li {
		float: left;
		width: 28%;}
		
		.catalogFilters li a {
		float: left;
		padding-top: 10px;
		width: 100%;
		font-size: 24px;
		color: #DC1B76;
		text-align: center;}
		
		.catalogFilters li a:hover { text-decoration: none;}
		
		.catalogFilters li a img {
		margin-bottom: 10px;}
		
a.btViewAllFamilies {
	float: left;
	width: 85%;
	height: 55px;
	background: url(../images/buttons/btAllFamilies.png) no-repeat right top;}
	
	a.btViewAllFamilies span {display: none;}

a.btViewAllProducts {
	float: left;
	width: 85%;
	height: 55px;
	background: url(../images/buttons/btAllProducts.png) no-repeat right top;}
	
	a.btViewAllProducts span {display: none;}

a.btViewNewProducts {
	float: left;
	width: 85%;
	height: 55px;
	background: url(../images/buttons/btNewProducts.png) no-repeat right top;}
	
	a.btViewNewProducts span {display: none;}
	
/* detalle del producto */

	
.detalleProducto h1 {
	height: 100px;
	padding-top: 28px;
	font-size: 30px;
	background: url(../images/body/catalogoTop.png) no-repeat;}
	
.detalleProducto .listadoProductos { padding-top: 0;}

.detalleProducto .listadoProductos li.destacadoPrincipal {
	width: 100%;}
	
	.detalleProducto .listadoProductos li.destacadoPrincipal .imageCont { width: 50%; margin-right: -1px; text-align: center;}
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont  { width: 50%;}
	
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont h2, 
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont h2 a { font-size: 28px;}
	
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont h2 a strong { display: block;}
	
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont p.bold { font-size: 14px;}
	
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont p.precio {
		float:left;
		padding: 3px 5px; 
		font-size: 18px; 
		color: #fff; 
		font-weight: bold; 
		background: #dc1d76; 
		width: auto;}
	
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont span.signo {
		float: left;
		padding: 3px 5px; 
		font-size: 18px; 
		color: #666; 
		font-weight: bold; 
		width: auto;}
		
	.detalleProducto .listadoProductos li.destacadoPrincipal .textCont input {
		font-size: 18px;
		padding: 3px;
		height: 21px;
		width: 35px;}
	
/* searchResults **********************************/

.searchResults { float: left; width: 100%;}

	.searchResults h1 {
		padding-top: 8px;
		height: 23px;
		background: #DC1D76 url(../images/body/pinkBack.png) repeat-x;}
		
	.searchFilters {
		float: left;
		padding:10px 2% 35px;
		width: 96%;
		position:relative;
		background: #ffc44d url(../images/body/yellowBoxBack.png) repeat-x;}
		
		.searchFilters p.bold { font-size: 12px; color: #000; width: 100%; margin-bottom: 10px;}
		
		.searchFilters .viewAllProducts { 
			bottom:0;
			color:#000000;
			font-size:12px;
			font-weight:bold;
			position:absolute;
			right:0;
			width:181px;
			height:24px;
			background: url(../images/body/viewAllProducts.gif) no-repeat top left;
			}
		.searchFilters .viewAllProducts:hover { 
			text-decoration:none;
		}
		
		.searchFilters ul {
			padding-right: 20px;
			float:left;
			width: auto;}
			
			
			.searchFilters ul li { 
				color: #000;
				text-indent: 15px;
				font-size: 12px;}
				
				.searchFilters ul li.titles { text-indent: 0; font-weight: bold;}
			
			.searchFilters ul li a { color: #000; font-size: 12px;}
			
			.searchFilters ul li .searchFilterOptions {
				float:left;
				width: auto;
				padding-right: 20px;
				background: url(../images/buttons/arrowBlackDown.png) no-repeat right;
				font-weight: bold;
				position: relative;
				color: #000; 
				font-size: 12px;
				cursor: pointer;}
				
				.searchFilters ul li .searchFilterOptions ul.tooltip {
					position: absolute;
					z-index:3000;
					top: 20px;
					left: 0;
					padding: 5px;
					background: #fff;
					border: 1px solid #dc7daa;
					width: 150px;}
					
					.searchFilters ul li .searchFilterOptions ul.tooltip li {
						text-indent: 0;
						float: left;
						width: 100%;
						padding: 3px 0;}
					
					.searchFilters ul li .searchFilterOptions:hover ul.tooltip { }
				
		.searchSelectedFilters, .searchSelectedFilters ul {
			float: left;
			width: 100%;}
			
			.searchSelectedFilters {margin-top: 15px;}
			
			.searchSelectedFilters li { float: left; width: auto; padding-left: 15px; font-size: 12px;}
			.searchSelectedFilters li span { float: left; width: auto; font-size: 12px;}
			
			.searchSelectedFilters li a {
				float: left;
				margin-top: 5px;
				width: 15px;
				height: 7px;
				background: url(../images/buttons/deleteSmallBlack.png) no-repeat right;}
				
/* Search Results *********************************/

.searchList { float: left; width: 100%; margin-top: 5px;}

	.paginadorTop {
		float: left;
		width: 100%;
		text-align: right;
		font-size: 14px;
		font-weight: bold;
		color: #999;}
		
	.paginadorBottom {
		float: left;
		display: block;
		margin-top: 15px;
		width: 100%;
		text-align: center;}
		
		.paginadorTop .paginadorBottom {
			width: auto;
			margin-top: 0;
			font-weight: normal;}
			
		.paginadorBottom ul { width: auto; display: block;}
		
		.paginadorBottom li { display: inline; width: auto; padding: 0 5px;}
		
		.paginadorBottom li,
		.paginadorBottom li a {
			font-size: 14px;
			color: #DC1B76;}
			
				.paginadorBottom li a.active { color: #4D4D4D; font-weight: bold;}
			
				.paginadorBottom li a.back { background: url(../images/buttons/arrowPinkLeft.png) no-repeat left; padding-left: 15px;}
				.paginadorBottom li a.next { background: url(../images/buttons/arrowPinkRight.png) no-repeat right; padding-right: 15px;}

.searchList .listadoProductos { margin: 0; padding: 0; margin-top: 5px;}

.searchList .listadoProductos li {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DC7DAA;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 10px;
	height: auto;}
	
	.searchList .listadoProductos li.titles p {
		float: left;
		font-size: 14px;
		font-weight: bold;
		color: #999;}
		
		.searchList .listadoProductos li.titles p.column1 { text-indent: 95px; width: 380px;}
		.searchList .listadoProductos li.titles p.column2 { width: 90px;}
		.searchList .listadoProductos li.titles p.column3 { width: 90px;}
		.searchList .listadoProductos li.titles p.column4 { width: 100px;}
		
	.searchList .listadoProductos li .imageCont { width: 85px; padding-right: 10px; height: 65px; }
	.searchList .listadoProductos li .textCont { width: 285px; float: left;}
	.searchList .listadoProductos li .precioCont { width: 110px; float: left;}
	.searchList .listadoProductos li .addCartCont { width: 100px; margin-top: 0; }
	
	.searchList .listadoProductos li .textCont h2,
	.searchList .listadoProductos li .textCont h2 a { font-size: 15px;}
	.searchList .listadoProductos li .textCont p,
	.searchList .listadoProductos li .textCont a,
	.searchList .listadoProductos li .precioCont p.bold { font-size: 12px; margin-top: 0;}
	
	.searchList .listadoProductos li .addCartCont .btAddCart {
		width: 63px;
		background-image: url(../images/buttons/butAddCartSmall.png);
	}


/* Column ****************************************/

.columnBanner { float: left; width: 100%; margin-top: 20px; _float: none; _display: block;}

.columnQuickLinks {
	float: left;
	width: 80%;
	padding: 20px 10%;
	background: url(../images/body/columnPinkBack.png) repeat-y;
	border-bottom: 10px solid #F175AD;}
	
	.columnQuickLinks label {
		float: left;
		width: 100%;
		margin-bottom: 5px;
		font-size: 14px;
		color: #EDE11B;
		font-weight: bold;}
		
	.columnQuickLinks select {
		float: left;
		margin-bottom: 10px;
		width: 83%;}
		
	.columnQuickLinks input {
		float: right;
		width: 23px;
		height: 18px;
		background: url(../images/buttons/butYellowSmall.png) no-repeat;
		text-align: left;
		text-align: center;
		font-weight: bold;
		cursor: pointer;}

/* Column Cart */

.columnCart {
	float: left;
	width: 100%;
	margin-top: 20px;}
	
	.columnCart .cartTop {
		float: left;
		width: 90%;
		padding: 10px 5%;
		background: url(../images/body/columnCartBox.png) no-repeat;}
		
		.columnCart .cartTop h1 {
			font-weight: bold;
			margin-bottom: 5px;
			padding: 0;
			background: none;}
			
		.columnCart .cartTop p { color: #fff; font-weight: bold; font-size: 12px;}
		
	.columnCart .cartContent {
		float: left;
		padding: 0 0 0 4px;
		width: 204px;
		border: 1px solid #B2B2B2;
		overflow-y: scroll;
		overflow-x: none;
		height: 230px;}
		
	.columnCart .listadoProductos {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;}
		
		.columnCart .listadoProductos li { padding: 5px 0; width: 100%; height: auto; margin:0; border-top: 1px solid #E6E6E6;}
		
		.columnCart .listadoProductos li.titles { padding: 5px 0; border-top: none; }
		
		.columnCart .listadoProductos li.titles p.productoTitle {width: 55%; color: #999;}
		.columnCart .listadoProductos li.titles p.cantTitle {width: 17%;color: #999; }
		.columnCart .listadoProductos li.titles p.priceTitle {width: 24%;color: #999; text-align: center;}
		
		.columnCart .listadoProductos li .textCont { width: 52%; float: left; margin-top: 2px;}
		.columnCart .listadoProductos li .textCont p { display:none }
		.columnCart .listadoProductos li .addCartCont { width: 12%;}
		.columnCart .listadoProductos li .addCartCont input { width:22px; height:16px; font-size:12px;   }
		.columnCart .listadoProductos li .priceCont { width: 35%; float: left; margin-top: 4px;}
		
		.columnCart .listadoProductos li .textCont h2,
		.columnCart .listadoProductos li .textCont h2 a { font-size: 10px; color: #333;}
		.columnCart .listadoProductos li .textCont p { font-size: 10px; color: #999;}
		
		.columnCart .listadoProductos li .priceCont p { 
			float: left;
			margin-bottom: 5px;
			width: 100%; 
			color: #4D4D4D; 
			font-size: 11px; 
			font-weight: bold; 
			text-align: right;}
		
		.columnCart .listadoProductos li .priceCont input.btUpdate {
			float: right;
			margin: 0 5px;
			width: 12px;
			height: 13px;
			background: url(../images/buttons/btCartUpdate.png) no-repeat center;
			cursor: pointer;}
			
		.columnCart .listadoProductos li .priceCont input.btDelete {
			float: right;
			width: 12px;
			height: 13px;
			background: url(../images/buttons/btCartDelete.png) no-repeat center;
			cursor: pointer;}

	.columnCart .cartButtons {
		float: left;
		padding: 10px 4px;
		width: 200px;
		border: 1px solid #B2B2B2;
		border-top: none;}
		
		.columnCart .cartButtons a.btGrey { float: right; margin-left: 10px;}
		
		.columnCart .cartButtons ul li{
			width:100%;
			float:left;
		}
		
		.columnCart .cartButtons p {
			float: left;
			clear: left;
			width: 50%;
			font-weight: bold;
			color: #C21869;
			}
			
			.columnCart .cartButtons p.price {
				float: right;
				clear: none;
				text-align: right;
				font-size: 16px;}
				
		.columnCart .cartButtons a.btYellowBig { padding-left: 20px; margin-top: 15px;}
		
/* CARRITO DE COMPRAS (CART DETAIL ***********************/
					   
.cartDetail {
	float: left;
	margin-top: 20px;
	width: 95%;
	padding-left: 3%;}
	
	.cartDetailTop { 
	float: left; 
	width: 96%;
	padding: 10px 2%;
	background: url(../images/body/backPinkLarge.png) repeat-y;}
	
	.cartDetailTop h1 {
		width: 60%;
		font-size: 36px;
		padding: 0;
		text-indent: 0;
		background: none;
		height: auto;
		font-weight: bold;}
		
	.cartDetailTop p {
		float: left;
		width: 60%;
		font-weight: bold;
		color: #fff;
		font-size: 12px;}
		
	.cartDetailTop .boxImage,
	.cartDetailTop .boxImageClosed{
		float: right;
		position: relative;
		z-index: 1;
		margin-top: -35px;
		width: 122px;
		height: 100px;
		background: url(../images/body/boxBig.png) no-repeat;
		behavior: url("styles/iepngfix.htc");}
		
		.cartDetailTop .boxImageClosed {
			background: url(../images/body/boxClosed.png) no-repeat;}
		
.cartTitles { 
	float: left; 
	width: 98%;
	padding: 20px 0 10px 2%;
	border-bottom: 1px solid #B2B2B2; }

	.cartTitles p { font-size: 15px; font-weight: bold; width: 99%;}
	
	.cartTitles p a.btGrey { float: right;}
	
.cartDetail .searchList { margin-top: 0px;}

	.cartDetail .listadoProductos { margin-top: 10px;}
	
	.cartDetail .listadoProductos li  { border-color: #E6E6E6; padding-top: 10px; padding-bottom: 0;}
	
		.cartDetail .listadoProductos li.titles  { padding-bottom: 5px;}
	
	.cartDetail .listadoProductos li h2,
	.cartDetail .listadoProductos li h2 a { color: #4D4D4D;}
	
	.cartDetail .listadoProductos li .addCartCont,
	.cartDetail .listadoProductos li.titles p.column3 { width: 170px; }
	
	.cartDetail .listadoProductos li .textCont { width: 450px}
	.cartDetail .listadoProductos li.titles p.column1 { width: 545px}
	
	.cartDetail .listadoProductos li .precioCont,
	.cartDetail .listadoProductos li.titles p.column2 { width: 70px;}
	
	.cartDetail .listadoProductos li .precioCont p.bold { font-size: 14px;}
	
	.cartDetail .listadoProductos li .addCartCont input { width: 35px;}
	
	.cartDetail .listadoProductos li p.alert { color: #DC1D76; float: none; display: block; clear: left;}
	
	.cartDetail .listadoProductos li .deleteCont { float: left; width: 30px;}
	
	.cartDetail .listadoProductos li .deleteCont .btDelCart {
		float: right;
		width: 15px;
		height: 15px;
		cursor: pointer;
		background: url(../images/buttons/deleteBigGray.png) no-repeat;}
		
.cartDetail .cartBottom {
	float: left;
	width: 98%;
	padding: 0 0 0 2%;}
	
	.cartDetail .cartBottom .cartBottomLeft { float: left; width: 38%;}
	.cartDetail .cartBottom .cartBottomContent { float: right; width: 61%; }
	
	.cartDetail .cartBottom .cartBottomContent .cartButtons {
		float: left;
		margin-top: 8px;
		width: 32%;}
		
		.cartDetail .cartBottom .cartBottomContent .cartButtons a.btGrey {
		padding-left: 10px;
		padding-right: 5px;
		height: 21px;
		background: url(../images/buttons/btGreyBigRight.png) no-repeat right top;
		font-size: 12px;
		font-weight: bold;}
		
		.cartDetail .cartBottom .cartBottomContent .cartButtons a.btGrey div {
			padding-left: 5px;
			height: 21px;
			background: url(../images/buttons/btGreyBigLeft.png) no-repeat;}
			
			.cartDetail .cartBottom .cartBottomContent .cartButtons a.btGrey div div {
				padding: 3px 5px 0 5px;
				height: 18px;
				background: url(../images/buttons/btGreyBigBack.png) repeat-x;
				font-size: 12px;
				font-weight: bold;}
				
	.cartDetail .cartBottom .cartBottomContent .cartSubtotal {
		float: right;
		width: 350px;}
		
		.cartDetail .cartBottom .cartBottomContent .cartSubtotal p { 
			float: left; 
			margin-top: 8px;
			width: 70px; 
			font-size: 12px; 
			font-weight: bold;}
		
		.cartDetail .cartBottom .cartBottomContent .cartSubtotal p.cantidad {
			margin-top: 0;
			width: 107px; 
			padding: 5px 0;
			border: 1px solid #E6E6E6;
			border-top: none;
			text-align: center;
			font-size: 16px; 
			color: #DC1B76;}
		
		.cartDetail .cartBottom .cartBottomContent .cartSubtotal p.precio {
			margin-top: 0;
			width: 170px;
			padding: 5px 0;
			border: 1px solid #E6E6E6;
			border-left: none;
			border-top: none;
			text-align: center;
			font-size: 16px;}
			
	.cartDetail .cartBottom .cartBottomContent .boxPromoPink {
		float: right;
		clear: right;
		padding-left: 40px;
		height: 40px;
		width: 200px;
		background: url(../images/body/boxPinkPromo.png) no-repeat;}
		
		.cartDetail .cartBottom .cartBottomContent .boxPromoPink div {
			float: right;
			margin-top: 3px;
			padding: 5px 4%;
			width: 92%;
			background: #f7b700;
			color: #a63c0e;
			font-size: 12px;
			font-weight: bold;}
			
	.cartDetail .cartBottom .cartBottomContent .cartTotal {
		float: right;
		clear: right;
		margin-top: 10px;
		width: 350px;}
		
		.cartDetail .cartBottom .cartBottomContent .cartTotal .cartBonificacion {
			float: left;
			width: 100%;}
			
			.cartDetail .cartBottom .cartBottomContent .cartTotal .cartBonificacion p {
				float: left;
				width: 170px;
				font-weight: bold;}
				
			.cartDetail .cartBottom .cartBottomContent .cartTotal .cartBonificacion p.precio {
				margin-top: 0;
				width: 178px;
				padding: 5px 0;
				border: 1px solid #E6E6E6;
				text-align: center;
				color: #009045;
				font-size: 14px;}
				
		.cartDetail .cartBottom .cartBottomContent .cartTotal .cartPrice {
			float: left;
			width: 100%;}
			
			.cartDetail .cartBottom .cartBottomContent .cartTotal .cartPrice p {
				float: left;
				width: 160px;
				margin-top: 8px;
				padding-right: 10px;
				font-weight: bold;
				font-size: 14px;
				text-align: right;}
				
			.cartDetail .cartBottom .cartBottomContent .cartTotal .cartPrice p.precio {
				margin-top: 0;
				width: 179px;
				padding: 5px 0;
				background: #DC1B76;
				text-align: center;
				color: #fff;
				font-size: 20px;}
				
		.cartDetail .cartBottom .cartBottomContent a.btYellowBig {
			float: right;
			margin-top: 15px;
			width: 170px;}
			
			.cartDetail .cartBottom .cartBottomContent a.btYellowBig div { width: 140px;}
			
			.cartDetail .cartBottom .cartBottomContent a.btYellowBig div div { width: 100%; text-align: center;}
			
.alertPink {
	float: right;
	width: 28%;
	padding-right: 15px;
	background: url(../images/body/iconAlertPink.png) right no-repeat;
	color: #DC1D76;}
	
.msgPedidoMin {
	float: right;
	margin-top:15px;
	padding-right: 20px;
	width:auto;
	font-size:12px;
	color: #dc1b76;
}
	
/* historial de compra **************************************/

.cartDetail .listadoHistorial li.titles p.column1 { width: 15%; text-align: left; text-indent: 0;}
.cartDetail .listadoHistorial li.titles p.column2 { width: 45%; text-align: left;}
.cartDetail .listadoHistorial li.titles p.column3 { width: 10%; text-align: center;}
.cartDetail .listadoHistorial li.titles p.column4 { width: 19%; text-align: center;}

.cartDetail .listadoHistorial li .textCont { width: 15%; padding-bottom: 10px;}
.cartDetail .listadoHistorial li .textContLarge { width: 45%; float: left; padding-bottom: 10px;}
.cartDetail .listadoHistorial li .textContMed { width: 30%; float: left; padding-bottom: 10px;}
.searchList .listadoHistorial li .textCont p { width: 100%;}
.cartDetail .listadoHistorial li .precioCont { width: 10%;}
.cartDetail .listadoHistorial li .precioCont p.bold { text-align: center;}
.cartDetail .listadoHistorial li .buttonsCont { float: left; width: 19%;}

a.backHistory { float: left; width: auto; margin-top: 10px;}

		
/* BOTONES ***********************************************/


		
	a.btGrey {
		float: left;
		width: auto;
		padding-right: 3px;
		height: 17px;
		background: url(../images/buttons/btGreyRight.png) no-repeat right top;
		font-size: 10px;}
		
		a.btGrey div {
			float: left;
			width: auto;
			padding-left: 3px;
			height: 17px;
			background: url(../images/buttons/btGreyLeft.png) no-repeat;
			font-size: 10px;}
			
			a.btGrey div div {
				padding: 2px 5px 0 5px;
				width: auto;
				height: 15px;
				background: url(../images/buttons/btGreyBack.png) repeat-x;
				font-size: 10px;}
				
	a.btYellowBig,
	.columnCart .cartButtons a.btYellowBig {
		float: left;
		width: auto;
		padding-right: 10px;
		height: 25px;
		background: url(../images/buttons/butYellowBigRight.png) no-repeat right top;
		font-size: 10px;}
		
		a.btYellowBig div,
		.columnCart .cartButtons a.btYellowBig div {
			float: left;
			width: auto;
			padding-left: 10px;
			height: 25px;
			background: url(../images/buttons/butYellowBigLeft.png) no-repeat;
			font-size: 10px;}
			
			a.btYellowBig div div,
			.columnCart .cartButtons a.btYellowBig div div {
				padding: 5px 10px 0 10px;
				width: auto;
				height: 20px;
				background: url(../images/buttons/butYellowBigBack.png) repeat-x;
				font-size: 14px;
				font-weight: bold;}

/* FOOTER **************************************/

#Footer .footerMarcas {
	float: left;
	width: 93%;
	padding: 15px 5% 15px 2%;
	border-top: 1px solid #B2B2B2;}
	
	#Footer .footerMarcas img { padding-right: 40px;}

#Footer .footerContent {
	float: left;
	width: 98%;
	padding: 0 0 0 2%;
	background: #94014f url(../images/body/footerBack.png) repeat-x;}
	
	#Footer .footerContent a.footerLogo {
		float: left;
		padding-right: 40px;}
	
	#Footer .footerContent ul { float: left; width: auto; padding-right: 40px; margin-top: 20px;}
	#Footer .footerContent li { margin-bottom: 3px;}
	#Footer .footerContent li a { color: #fff; font-size: 12px; }
	#Footer .footerContent li p { color: #fff; font-size: 10px;}
	
#Footer .footerRight {
	float: right;
	width: 230px;
	height: 105px;
	background: url(../images/body/footerTelephoneBack.png) repeat-x;
	text-align: center;}

/* Formularios ***************************************************/

.mainForm { float: left; width: 100%; margin-top: 20px; }

.mainForm div.centerGoBackButton{ margin-left: auto; margin-right: auto; width:230px; }

.form {float: left;width: 100%; margin-top: 20px; }

.registerTop { 
	float: left;
	border: 1px solid #FFCD63;
	width: 96%;
	height: 71px;
	padding: 10px 2%;
	background: #ffc44e url(../images/body/registracionTopBack.png) repeat-x;}
	
	.registerTop h1 {
		width: 80%;
		font-size: 36px;
		padding: 0;
		text-indent: 0;
		background: none;
		height: auto;
		font-weight: bold;
		color: #4D4D4D;}
		
	.registerTop p {
		float: left;
		width: 80%;
		font-weight: bold;
		color: #4D4D4D;
		font-size: 16px;}
		
	.registerTop .registerImage {
		float: right;
		position: relative;
		z-index: 1;
		margin-top: -43px;
		width: 164px;
		height: 163px;
		background: url(../images/body/registracionTopRight.png) no-repeat;
		behavior: url("styles/iepngfix.htc");}
		
.form li { float: left; clear: left; width: 70%; padding: 5px 0; position: relative;}

	
	
	.form li div.large { float: left; width: 96%; _width: 95.5%; *margin-right: -1px; padding-left: 15px;}

	.form li div.column { float: left; width: 46%; _width: 45.5%; *margin-right: -1px; padding-left: 15px;}
	
	.form li div.columnShort { float: left; width: 21%; _width: 20.5%; *margin-right: -1px; padding-left: 15px;}
	
	#registrationForm li div.large,
	#registrationForm li div.column,
	#registrationForm li div.columnShort { padding-left: 25px;}
			
	.form li div.contChecks { float: left; width: 25%; width: 24.5%; *margin-right: -1px; margin-top: 20px; }
	.form li div.contCheckLarge { width: 95%; padding-left: 17px;}

	.form label {
		float: left;
		
		width: 100%;
		font-size: 14px;
		color: #999999;}
		
	.form input, .form select,
	.form textarea {
		float: left;
		margin-top: 5px;
		width: 99%;
		padding: 2px;
		padding-right: 0;
		font-size: 16px;
		font-weight: bold;
		color: #4D4D4D;
		border: 1px solid #FFCD63;
		background: #fff3db url(../images/body/inputBack.png) repeat-x;}
		
		.form textarea:focus, .form input:focus, .form select:focus, 
		form textarea.error, .form input.error, .form select.error {
			border: 1px solid #DC1D76;}
		
		.form textarea {
			height: 60px;}
		
	.form li .contChecks input.check {
		clear: left;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		border: 1px solid #fff;
		background: none;}
		
	.form li .contChecks input.inputHigh { height: 50px;}
		
	.form li .contChecks label { width: 80%; padding-left: 5px;}
	
	.form li h1 { margin-top: 20px; margin-bottom: 10px; float: right; width: 94%;}
	
	.form li div span { padding: 0 3px; font-weight: bold;}
	
	.form li div.column p.obligatorios { float: left; clear: left; width: 100%; font-weight: bold; margin-top: 30px;}
	.form li div.column p.pink { float: left; clear: left; width: 100%; color: #DC1D76; margin-top: 10px;}
	
	
	.form li div.formButtons { margin-top: 55px;}
	
	.form li.buttonsRecomendar div.columnShort { width: 30%;}
	.form li.buttonsRecomendar div.formButtons { margin-top: 15px; width: 60%; float: right;}
	
	.form li div.formButtons input.btYellowBig {
		float: left;
		padding: 0;
		margin-left: 10px;
		width: 187px;
		height: 32px;
		border: none;
		text-align: center;
		cursor: pointer;
		background: #FFCD63 url(../images/buttons/formSend.png) no-repeat right top;}
	
	.form li div.formButtons a.btGrey {
		padding-right: 5px;
		height: 21px;
		background: url(../images/buttons/btGreyBigRight.png) no-repeat right top;
		font-size: 12px;
		font-weight: bold;}
		
		.form li div.formButtons a.btGrey:hover { text-decoration: none;}
		
		.form li div.formButtons a.btGrey div {
			padding-left: 5px;
			height: 21px;
			background: url(../images/buttons/btGreyBigLeft.png) no-repeat;}
			
			.form li div.formButtons a.btGrey div div {
				padding: 3px 5px 0 5px;
				height: 18px;
				background: url(../images/buttons/btGreyBigBack.png) repeat-x;
				font-size: 12px;
				font-weight: bold;}
				
	.form li .errorMsg {
		float:right;
		display:none;
		position: absolute;
		top: 25px;
		right: -175px;
		padding-left: 14px;
		width: 160px;
		background: url(../images/body/formErrorLeft.png) no-repeat;}
		
		.form li .errorMsgLeft {right: auto; left: 330px;}
		.form li .errorMsgLeftShort {right: auto; left: 235px;}
		
		.form li .errorMsg div {
			position: relative;
			z-index: 998;
			float: left;
			width: 99%;
			padding: 5px;
			border: 1px solid #B2B2B2;
			border-left: none;
			background: #FFE6E6;
			font-size: 12px;
			color: #BF272D;}
			
			
	/* boton recomendar ************************/
	
	.btRecomend { 
		float: left;
		width: 100%;
		height: 50px;
		border-bottom: 1px solid #b2b2b2;
		background: url(../images/buttons/btRecomendarProd.png) no-repeat;}
		
		
		
/* Formulario de contacto *********************/

.contactTop { 
	float: left;
	width: 96%;
	height: 69px;
	padding: 10px 2%;
	background: #dc1b76 url(../images/body/backPinkLargeContact.png) repeat-x;
	_overflow: hidden;}
	
	.contactTop h1 {
		width: 80%;
		font-size: 36px;
		padding: 0;
		text-indent: 0;
		background: none;
		height: auto;
		font-weight: bold;
		color: #fff;}
				
	.contactTop .contactImage {
		float: right;
		position: relative;
		z-index: 1;
		margin-top: -43px;
		width: 177px;
		height: 156px;
		background: url(../images/body/contactTopRight.png) no-repeat;
		behavior: url("/styles/iepngfix.htc");}
		
	.mainForm .gracias { text-align: center; width: 100%; float: left; margin: 50px 0;}
	
	.mainForm .graciasRegis { text-align: left; width: 95%; margin: 50px 50px 20px 20px; float:left}
	
	.mainForm .graciasRegisSmall { text-align: left; width: 80%; padding: 50px 50px 0 20px; float:left}
	
	.mainForm .graciasRegisSmall a.btYellowBig2 {
		float: left;
		clear: left;
		width: auto;
		margin-top: 10px;
		padding-top: 3px;
		padding-left: 10px;
		padding-right: 50px;
		height: 22px;
		background-color: transparent;
		background-image: url(../images/buttons/butAddCart.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		font-size: 12px;
		text-align:center}

/* Sección institucional *********************/

	.institucional *
	{
		float: none;
	}

	.institucional p
	{
		font-size: 14px;
		margin:10px 15px;
		float: none;
	}
	
	.institucional .pastilla {
		background-color:#F7C7DC;
		color:#B41661;
		float:right;
		font-size:17px;
		font-weight:bold;
		margin:4px 0 10px 27px;
		padding:15px 27px;
		width:269px;
	}
	
	
/* Sección Promociones *********************/

	.basesPromos
	{
		color: #999999;
		margin: 10px;
	}

	.secPromo
	{
		clear:both;
	}
	
	.secPromo div 
	{
		float:left;
		margin-left: 7px;
	}
	
	/* busqueda */
	
	span.hilite {background: #FBDE7D;}
	
	h1 strong span.hilite {background: none;}
	
/* Nuevo Login ***********************************/

.loginBox {
	float: left;
	margin-top: 15px;
	margin-right: -1px;
	padding: 2% 3%;
	width: 43%;
	height: 210px;
	border: 1px solid #ffcc63;
	border-right: none;}
	
	.loginBoxRight {border: 1px solid #ffcc63; border-left: none;} 
	
	.loginBox h2 { font-size: 16px;}
	
	.loginBox .column { float: left; width: 45%; margin-right: -1px; padding-right: 5%; margin-top: 15px;}
	
	.loginBox input.btLogin {
		float: right;
		margin-top: 15px;
		margin-right: 10px;
		width: 109px;
		height: 32px;
		background: url(../images/buttons/btIngresar.png) no-repeat;
		cursor: pointer;
		border: none;}
		
		.loginBox p { margin-top: 15px; text-align: center; font-size: 12px; width: 100%;}
		
	.loginBox img { margin: 0 auto;}
	
	.loginBox a.btRegistrate { float: left; margin-top: 15px; margin-left: 80px;}
	
	.loginBoxSeparator {
		float: left;
		margin-top: 30px;
		height:210px;
		background: #ffcc63;
		width: 1px;}
	
	p.lupita{
		float: left;
		padding-left: 20px;
		width: auto;
		height: 16px;
		background: url(../images/icono_lupa.gif) no-repeat;
		color: #dc1d76;
		
		}
		
	.imageCont a p.lupita{ text-align:left;}
		
		
#categoriesFooter img{
	width: 70px;
}

#categoriesFooter li{
	font-size: 12px;
	width: 70px;
	margin: 0px 2px;
}

#categoriesFooter A{
	font-size: 12px;
}

