.slidewrapper{
position: relative; /* Do not change this value */
width: 848px;
height: 570px; /* Set height to be able to contain height of largest content shown*/
border: none;
overflow: hidden;
margin:0 0 50px 140px;
padding:0;
}

#home .slidewrapper{
position: relative; /* Do not change this value */
width: 848px;
height: 450px; /* Set height to be able to contain height of largest content shown*/
border: none;
overflow: hidden;
margin:0;
padding:0;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.slide{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #FFF;
padding:0;
visibility: hidden;
width: 848px;
margin:0;
padding:0;
border:none !important;
}
.slide a, .slide a:hover { /*style for each glide content DIV within wrapper.*/
border:none !important;
}
/*
 Total slide width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/
#home-slider .slide-description-left {
	text-align:left;
	width:680px;
	height:auto;
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	float:left;
}
#home-slider .slide-description-right {
	margin:0 0 0 20px;
	text-align:left;
	width:120px;
	float:left;
	position:relative;
}

.slidetoggler{ /*style for DIV used to contain toggler links. */
width: 848px;
height:450px;
position:relative;
margin: 16px 0;
text-align: left; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
#packaging .slidetoggler, #digital .slidetoggler, #branding .slidetoggler, #quienessomos .slidetoggler{ /*style for DIV used to contain toggler links. */
width:848;
height:450px;
position:relative;
margin: 10px 0 10px 110px;
text-align: left; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.slidetoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: none;
color: #999;
padding: 1px 3px;
margin-right: 3px;
text-decoration: none;
}

#nav2 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #0082c9 !important;
}

.slidetoggler a:hover{
background: #FFF;
color: #0082c9;
}

.slidetoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.slidetoggler-home{ /*style for DIV used to contain toggler links. */
width: 880px;
height:400px;
position:absolute;
margin: 0;
text-align: left; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}

#anterior{
float:left;
font-size:1.1em;
line-height:1.5em;
color:#999;
margin: 455px 0 0 945px;
position:absolute;
z-index:399;
background:url(../images/flecha_left.jpg) top left  no-repeat !important;
display:inline-block;
height:20px;
width:20px;
overflow:hidden;
vertical-align:center;

}
#siguiente {
float:left;
font-size:1.1em;
line-height:1.5em;
color:#999;
margin: 455px 0 0 968px;
position:absolute;
z-index:399;
background:url(../images/flecha_right.jpg) top left  no-repeat !important;
background-position:0 0 0 -20px;
display:inline-block;
height:20px;
width:20px;
overflow:hidden;
vertical-align:center;
}
#anterior a, #anterior a:link { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
background:url(../images/flecha_left.jpg) top left  no-repeat !important;
display:inline-block;
height:20px;
width:20px;
}
#siguiente a, #siguiente a:link { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
background:url(../images/flecha_right.jpg) top left  no-repeat !important;
display:inline-block;
height:20px;
width:20px;
}
#anterior a:hover {

background:url(../images/flecha_left.jpg) top right  no-repeat !important;
display:inline-block;
height:20px;
width:20px;
}
#siguiente a:hover{
background:url(../images/flecha_right.jpg) top right  no-repeat !important;
display: inline-block;
height:20px;
width:20px;
}


#tags-menu {
	float:left;
	width:20px;
	height:20px;
	position:absolute;
	margin:0 0 0 825px !important;
	z-index:399 !important;

}

#mas{
display:block !important;
float:left;
font-size:1.4em;
color:#999;
margin: 430px 0 0 0 !important;
position:relative;
z-index:399;
text-align:center;
vertical-align:middle;
line-height:1.3em;
}
#mas a{
	position:relative;
color:#FFF;
margin:0;
background:#0082c9;
-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
height:20px !important;
width:20px !important;
display: inline-block;
}

#mas a:hover{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
position:relative;
color:#FFF;
margin:0;
background:#ccc;
-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
height:20px !important;
width:20px !important;
display:inline-block;
}

.transparency {
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
	}
.branding {
}
.packaging {
}
.digital {
}