* {
	margin: 0px;
	padding: 0px;
}

html, body {
	margin: 0;
	padding: 0;
	background: #f5f5f5;
}

.grid {
	position: absolute;
	z-index: 1000;
	opacity: .5;
	filter: alpha(opacity = 50);
	display: inline;
	top: 0px;
	left: 50%;
	margin-left: -506px;
	/*margin-left: -510px;*/
}

a img {
	border:  none;
}

a {
	text-decoration: none;
}

/*LAYOUT*/

#sweetup {
	width: 940px;
	margin: auto;
	color: #999999;
	font-size: 11px;
	overflow: hidden;
	line-height: 1.272em;
	font-family: Helvetica, Arial, sans-serif;
	
	min-height:100%;
	position:relative;
}

.wrapper {
	width: 940px;
	margin: auto;
	/* [disabled]overflow: hidden; */
	/* [disabled]padding-bottom: 130px; */
}

#sweetup a {
	color: #8e8e8e;
	text-decoration: none;
}

#sweetup a:hover {
	color: #F9B4A5;
}

.header {
	width: 940px;
	text-align: center;
	margin: 0px auto auto auto;
}

.menu {
	width: 882px;
	height: 40px;
	overflow: hidden;
	margin: 0px auto auto auto;
	background: url(../images/sweetup/background-menu.png) no-repeat;
	padding-bottom: 25px;
}

.menu-inner {
	width: 695px;
	height: 30px;
	margin-left: 25px;
	margin-top: 7px;
	position: relative;
}

.menu-active-icon-1 {
	width: 9px;
	height: 5px;
	top: 39px;
	left: 64px;
	position: absolute;
	background-image: url(../images/sweetup/menuactive.png);
}

.menu-active-icon-2 {
	width: 9px;
	height: 5px;
	top: 39px;
	left: 204px;
	position: absolute;
	background-image: url(../images/sweetup/menuactive.png);
}

.menu-active-icon-3 {
	width: 9px;
	height: 5px;
	top: 39px;
	left: 342px;
	position: absolute;
	background-image: url(../images/sweetup/menuactive.png);
}

.menu-active-icon-4 {
	width: 9px;
	height: 5px;
	top: 39px;
	left: 481px;
	position: absolute;
	background-image: url(../images/sweetup/menuactive.png);
}

.menu-active-icon-5 {
	width: 9px;
	height: 5px;
	top: 39px;
	left: 620px;
	position: absolute;
	background-image: url(../images/sweetup/menuactive.png);
}

.menu-element {
	float: left;
	width: 75px;
	height: 30px;
	display: inline;
	font-size: 20px;
	/*overflow: hidden;*/
	margin: 10px 25px;
	text-align: center;
}

#sweetup .menu-element h2 {
	font-size: 15px;
}

#sweetup .menu-active h2 a {
	color: #515151;
}

/*SLIDESHOW*/

.slideshow {
	width: 880px;
	/* [disabled]height: 422px; */
	overflow: hidden;
	background: #F6F6F6;
	margin: 0px auto auto auto;
	margin-left: 33px;
}

/*MODULOS*/

.modulos {
	width: 860px;
	height: 400px;
	overflow: hidden;
	padding: 0px 10px;
	margin: 6px auto auto auto;
}

.modulos-boutique {
	height: 100%;
	margin-bottom: 40px;
}

.modulo, .ml, .mr {
	float: left;
	width: 280px;
	height: 680px;
	display: inline;
	overflow: hidden;
}

.ml, .mr {
	width: 10px;
	background: url(../images/sweetup/ml.png);
}

.left, .boutique-left {
	background: url(../images/sweetup/left.png);
}

.right {
	background: url(../images/sweetup/right.png);
}

.mr {
	background: url(../images/sweetup/mr.png);
}

/*MODULO*/

.modulo-inner {
	width: 250px;
	height: 680px;
	overflow: hidden;
	margin: 23px 21px 0px 21px;
}

.modulo-titulo {
	height: 18px;
	overflow: hidden;
}

.modulo-titulo h2 {
	font-size: 16px;
	/* [disabled]font-style: italic; */
	font-family: Georgia, "Times New Roman", Times, serif;
}

.modulo-contenido {
	width: 260px;
	height: 600px;
	position: relative;
}

.modulo-slide {
	width: 238px;
	height: 141px;
	overflow: hidden;
	text-align: center;
	/*display: table-cell;
	vertical-align: bottom;*/
	
	cursor: pointer;
}

.modulo-slide-titulo {
	color: #818181;
	margin-top: 120px;
}

.modulo-slide-titulo h3, .modulo-slide-titulo h4 {
	font-size: 14px;
	*font-size: 12px;
}

/*TWITTER FEED*/

.twitter-feed, .contacto-texto {
	width: 250px;
	/* [disabled]height: 141px; */
	overflow: hidden;
	color: #b3b3b3;
	font-size: 11px;
	margin-top: 25px;
}

#sweetup .twitter-feed a {
	color: #ff6699;
}

#sweetup .contacto-texto a {
	color: #b3b3b3;
}

#sweetup .contacto-texto a:hover {
	color: #515151;
}

.twitter-text {
	width: 238px;
	height: 56px;
}

/*FOOTER*/

.footer {
	width: 940px;
	color: #b3b3b3;
	text-align: right;
	/* [disabled]margin: 50px auto 25px auto; */
	/*	position: absolute;
	bottom: 0;
	/* [disabled]height: 100px; */   /* Height of the footer */
}

#sweetup .footer a {
	color: #b3b3b3;
}

#sweetup .footer a:hover {
	color: #515151;
}

.pleca {
	margin-bottom: 6px;
	text-align: center;
}

/*SLIDER*/

/*IMAGE replacement*/

.graphic, #limitePrev, #limiteNext, #feedPrev, #feedNext {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#limitePrev, #limiteNext, #feedPrev, #feedNext {
	top: 60px;
	left: 0px;
	width: 17px;
	height: 18px;
	z-index: 1000;
	display: block;
	position:absolute;
}	

#limiteNext { 
	left: 221px;
}

#limitePrev a, #limiteNext a {
	width:17px;
	height:18px;
	display:block;
	position:relative;
	background:url(../images/sweetup/back.png) no-repeat 0 0;	
}	

#limiteNext a {
	background:url(../images/sweetup/next.png) no-repeat 0 0;	
}

/*LIMITÉE*/

#feed ul, #feed li {
	margin:0;
	padding:0;
	list-style:none;
}

#feed li {
	width: 238px;
	height: 141px;
	overflow:hidden; 
}

#feedPrev, #feedNext {
	top: 54px;
	left: 195px;
}

#feedNext { 
	left: 221px;
}

#feedPrev a, #feedNext a {
	width:17px;
	height:18px;
	display:block;
	position:relative;
	background:url(../images/sweetup/back.png) no-repeat 0 0;	
}	

#feedNext a {
	background:url(../images/sweetup/next.png) no-repeat 0 0;	
}

/*SLIDER*/

/*BOUTIQUE*/

.boutique-left {
	margin-top: 5px;
}

.boutique-active {
	background: #FFFFFF;
}

#sweetup .boutique-active h2 a {
	color: #515151;
}

.boton-boutique {
	width: 252px;
	height: 34px;
	padding-top: 20px;
	padding-left: 28px;
	border-bottom: 1px solid #F1F1F1;
}

.boton-boutique:last-child {
	border: none;
	padding-bottom: 10px;
}

.boton-boutique h2 {
	font-size: 16px;
	/*line-height: 2.181em;*/
}

.modulo-grande {
	float: left;
	width: 790px;
	/*height: 180px;*/
	display: inline;
	overflow: hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.mg-left, .mg-right {
	float: left;
	display: inline;
	overflow: hidden;
	/*height: 200px;*/
}

.mg-left {
	width: 760px;
	margin-top: 16px;
	margin-left: 30px;
}

.modulo-grande-titulo h2 {
	color: #87ccb9;
	font-size: 20px;
	line-height: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.modulo-grande-texto {
	width: 760px;
	font-size: 12px;
	margin-top: 8px;
	line-height: 1.4em;
	text-align: justify;
}

.mg-right {
	width: 190px;
}

/*MACARONES*/

.macarones-inner {
	width: 840px;
	margin: 20px;
	height: 382px;
	position: relative;
}

.macarones-detail, .productos-detail {
	width: 840px;
	height: 280px;
	overflow: hidden;
}

.macarones-left, .macarones-right, .productos-left, .productos-right {
	float: left;
	width: 460px;
	height: 280px;
	display: inline;
	overflow: hidden;
}

.productos-detail, .productos-left, .productos-right {
	height: 382px;
}

.macarones-right, .productos-right {
	width: 338px;
	margin-left: 32px;
}

.macarones-macarones {
	width: 840px;
	height: 102px;
	overflow: hidden;
	background: url(../images/sweetup/macarones.png) no-repeat;
}

/*DETALLE*/

.mdetail-titulo {
	margin-top: 67px;
	padding-left: 10px;
}

.mdetail-titulo h3 {
	font-size: 28px;
	line-height: 0.85em;
}

.mdetail-texto, .mdetail-especificacion {
	width: 255px;
	font-size: 12px;
	overflow: hidden;
	margin-top: 14px;
	line-height: 1.4em;
	/*  */
	
	margin-top: 12px;
}

.mdetail-especificacion {
	margin-top: 16px;
}

.especificacion-titulo {
	color: #515151;
}

.mdetail-share {
	width: 270px;
	margin-top: 26px;
	padding-top: 18px;
	border-top: 1px solid #e5e5e5;
}

.mdetail-texto, .mdetail-share-titulo, .mdetail-share-texto, .mdetail-especificacion {
	padding-left: 10px;
}

.mdetail-share-titulo h2 {
	font-size: 14px;
}

.mdetail-share-titulo {
	margin-bottom: 4px;
}

/*CATALOGO*/

.catalogo {
	width: 860px;
	overflow: hidden;
	margin: 23px auto 0px auto;
}

.contenedor-catalogo {
	width: 860px;
	margin: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.catalogo-titulo {
	width: 860px;
	height: 18px;
	overflow: hidden;
	text-align: center;
	background: url(../images/sweetup/background-titulocatalogo.jpg) repeat-x;
}

.catalogo-footer {
	width: 860px;
	height: 18px;
	overflow: hidden;
	text-align: center;
	background: url(../images/sweetup/background-titulocatalogo-bottom.jpg) repeat-x;
}

.catalogo-titulo-texto {
	/*width: 205px;*/
	margin: auto;
}

.catalogo-titulo-texto h2 {
	font-size: 16px;
	font-style: italic;
}

.white {
	padding: 0px 15px;
	background: #FFFFFF;
}

.catalogo-elementos {
	width: 860px;
	overflow: hidden;
}

.catalogo-element, .catalogo-element-productos {
	float: left;
	width: 152px;
	height: 165px;
	display: inline;
	overflow: hidden;
	margin: 0px 10px 0px 10px;
}

.catalogo-element-productos {
	margin-bottom: 20px;
}

.catalogo-element-imagen {
	width: 152px;
	height: 165px;
	cursor: pointer;
	position: relative;
}

.off {
	cursor: default;
}

.catalogo-element-titulo {
	top: 127px;
	width: 152px;
	text-align: center;
	position: absolute;
}

.catalogo-element-titulo h3 {
	font-size: 14px;
}

/*CATERING*/

productos-detail {
	width: 840px;
	height: 382px;
	overflow: hidden;
}

.catering-left, .catering-right {
	float: left;
	width: 455px;
	height: 382px;
	display: inline;
	overflow: hidden;
}

.catering-left {
	width: 335px;
	margin: 0px 25px;
}

.catering-titulo {
	margin-top: 24px;
}

.catering-titulo h2 {
	color: #515151;
	font-size: 24px;
	line-height: 0.85em;
}

.catering-subtitulo h2 {
	font-size: 18px;
	line-height: 1.35em;
}

.catering-texto {
	width: 335px;
	font-size: 12px;
	overflow: hidden;
	margin-top: 14px;
	padding-top: 24px;
	line-height: 1.4em;
	border-top: 1px solid #e5e5e5;
}

.mdetail-especificacion {
	margin-top: 16px;
}

.especificacion-titulo {
	color: #515151;
}

.mdetail-share {
	width: 270px;
	margin-top: 26px;
	padding-top: 18px;
	border-top: 1px solid #e5e5e5;
}

.mdetail-share-titulo h2 {
	font-size: 14px;
}

.mdetail-share-titulo {
	margin-bottom: 4px;
}

/*LOGIN*/

.login {
	width: 238px;
	height: 141px;
	color: #b3b3b3;
	font-size: 11px;
	margin-top: 10px;
	overflow: hidden;
}

.login-input input {
	width: 200px;
	height: 18px;
	border: none;
	color: #515151;
	font-size: 10px;
	padding-left: 5px;
	background: #DDDDDD;
	margin: 5px 0px 0px 0px;
}

/*ESTILOS*/

#sweetup .footer .activo {
	color: #515151;
}

/*TWITTER*/

#twitter li span a {
	color: #ff6699;
	display:inline;
	margin-bottom:0px;
}

#twitter li a {
	display:block;
	color: #AAAAAA;
	margin: 5px 0px;
}

/*MACARONES*/

.macarones-macarones-inner {
	width: 720px;
	height: 102px;
	overflow: hidden;
	margin: 0px 60px;
	background: transparent;
}

#rosa, #pistache, #limon, #verde, #frambuesa, #vainilla, #chocolate, #chai, #caramelo, #coco, #praline, #cafe {
	float: left;
	display: inline;
	overflow: hidden;
	
	opacity: .5;
	filter: alpha(opacity = 50);
}

#rosahover {
	top: 247px;
	left: 50px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#pistachehover {
	top: 247px;
	left: 103px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#limonhover {
	top: 247px;
	left: 159px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#verdehover {
	top: 247px;
	left: 216px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#frambuesahover {
	top: 247px;
	left: 279px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#vainillahover {
	top: 247px;
	left: 339px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#chocolatehover {
	top: 247px;
	left: 389px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#chaihover {
	top: 247px;
	left: 452px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#caramelohover {
	top: 247px;
	left: 512px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#cocohover {
	top: 247px;
	left: 573px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#pralinehover {
	top: 247px;
	left: 632px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
}

#cafehover {
	top: 247px;
	left: 698px;
	width: 100px;
	height: 135px;
	z-index: 2000;
	cursor: pointer;
	position: absolute;
	
	/*opacity: .5;
	filter: alpha(opacity = 50);*/
}

#rosa {
	width: 55px;
	height: 102px;
	/*background: greenyellow;*/
}

#pistache {
	width: 55px;
	height: 102px;
	/*background: blue;*/
}

#limon {
	width: 55px;
	height: 102px;
	/*background: red;*/
}

#verde {
	width: 68px;
	height: 102px;
	/*background: green;*/
}

#frambuesa {
	width: 55px;
	height: 102px;
	/*background: greenyellow;*/
}

#vainilla {
	width: 55px;
	height: 102px;
	/*background: blue;*/
}

#chocolate {
	width: 58px;
	height: 102px;
	/*background: red;*/
}

#chai {
	width: 70px;
	height: 102px;
	/*background: green;*/
}

#caramelo {
	width: 62px;
	height: 102px;
	/*background: greenyellow;*/
}

#coco {
	width: 62px;
	height: 102px;
	/*background: blue;*/
}

#praline {
	width: 62px;
	height: 102px;
	/*background: red;*/
}

#cafe {
	width: 62px;
	height: 102px;
	/*background: green;*/
}