/***************************************************/
/********************** GERAL **********************/
/***************************************************/

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); */
@font-face		{ font-family: 'fontello'; src: local(fontello), url('../fonts/fontello/font/fontello.woff') format('woff'); }
/*Adjust to mobile (products)*/
@media screen and (max-width: 673px) {
	
	.ajust
	{
		margin: auto !important;
		position: relative !important;
		margin-bottom: 20px !important;
		margin-top: -10px !important;
	}
	
	

}
@media screen and (max-width: 550px) {
	
	.additionalLocationText
	{
		position: relative !important;
	}
	.l.thirth .l.btn-wrapper-legend
	{
		position: absolute;
		top: 43px;

	}
	
}

/*Processsos*/
@media screen and (min-width: 600px) {

	.processDesktop
	{
		display: inline-block !important;
	}
	

}
@media screen and (max-width: 599px) {

	.processDesktop
	{
		display: block !important;
	}

}
.additionalLocationText							{}
body											{ margin:0; color:#000; height: 100%; font-weight: 400; }
html											{ height: 100%; }

*:not(.productDescriptionArea)					{ outline:none; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.5em; letter-spacing: 0; font-family: 'Helvetica';  }
img												{ border:0px; }
form											{ margin:0px; padding:0px; }

.l												{ float:left; }
.r												{ float:right; }
.b,b,strong										{ font-weight: bold; }
.hide											{ display:none; }
.clear											{ clear:both; }
.clear.spacer									{ height: 60px; }
.clear.minSpacer								{ height: 30px; }
.clear.footerspacer								{ height: 75px; }
.color											{ color:#00afef; }
.warningBox										{ padding: 50px; background: #f1f1f1; text-align: center; text-transform: uppercase; letter-spacing: 2px; }
.forceSquare									{ width: 100%; height: auto; }
.marginSide										{ padding: 0 20px; }
.submitmyform									{ cursor: pointer; }
.pointer										{ cursor: pointer; }


.fifth											{ position: relative; width: 20%; }
.quarter										{ position: relative; width: 25%; }
.thirth											{ position: relative; width: 33%; }
.thirth.middle									{ position: relative; width: 33%; margin: 0 0.5%; }
.twothirth										{ position: relative; width: 67%; }
.half											{ position: relative; width: 50%; }
.threequarter									{ position: relative; width: 75%; }
.full											{ position: relative; width: 100%; }


a:link											{ text-decoration: none; color:#000; transition: color 0.2s; }
a:visited										{ text-decoration: none; color:#000; transition: color 0.2s; }
a:hover											{ text-decoration: none; color:#000; transition: color 0.2s; }
a:active										{ text-decoration: none; color:#000; transition: color 0.2s; }

.groupinput .innerpadding .input									{ background: none; border: 0; outline: none; resize: none; padding: 0; margin: 0; width: 100%; background: none; }
.groupinput .innerpadding .input:focus								{  }
.groupinput .innerpadding .input::-webkit-input-placeholder			{ color:#999; }
.groupinput .innerpadding .input:focus::-webkit-input-placeholder	{ color:#b7b7b7; }
.groupinput .innerpadding .select									{ background: url('../img/site/components/bg-select-arrow.png') no-repeat right center; border: none; line-height: 1; -webkit-appearance: none; cursor: pointer; border-radius: 0; width: 100%; background-size: 15px auto; }


.button,a.button								{ background: #333; border: none; color: #fff; margin: 0; padding: 0; transition: background 0.2s; border-radius: 20px; display: inline-block; }
.button .innerpadding,a.button .innerpadding	{ padding: 7px 35px; }
.button:hover,a.button:hover					{ background: #000; cursor: pointer; transition: background 0.2s; }


/***************************************************/
/********************** ANIMATIONS *****************/
/***************************************************/

.animateTop										{ -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0; }
.animateTop.animateMe							{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; }
.animateLeft									{ -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); opacity: 0; }
.animateLeft.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.animateBottom									{ -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0; }
.animateBottom.animateMe						{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; }
.animateRight									{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px); opacity: 0; }
.animateRight.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.animatePaddTop									{ padding-top: 30px; opacity: 0; }
.animatePaddTop.animateMe						{ padding-top: 0; opacity: 1; transition: all 0.3s; }
.animateFade									{ opacity: 0; }
.animateFade.animateMe							{ opacity: 1; transition: all 1s; }


/***************************************************/
/********************** MENUS **********************/
/***************************************************/

.mainmenu										{ position: relative; width: 100%; overflow: hidden; text-align: center; z-index: 0; transition: width 0.2s linear 1s; }
.mainmenu>.link									{ position: relative; text-transform: uppercase; display: table; margin: 10px auto; transition: all 1s; }
.mainmenu>.link .innerpadding					{ padding: 15px 30px; color: #fff; font-size: 16px; border: 1px solid transparent; border-radius: 40px; transition: border 0.2s; }
.mainmenu>.link .innerpadding:hover				{ border-color: #fff; transition: border 0.2s; }

.mainmenu>.link.b .innerpadding					{ font-size: 20px; }


.openMenu										{ position:relative; width:33px; height:33px; cursor:pointer; }
.openMenu .path									{ position:absolute; left:4px; right:4px; height:3px; background:#fff; border-radius: 6px; }
.openMenu .path:nth-of-type(1)					{ top:8px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu .path:nth-of-type(2)					{ top:15px; opacity:1; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu .path:nth-of-type(3)					{ bottom:8px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu.open .path:nth-of-type(1)				{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top:15px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }
.openMenu.open .path:nth-of-type(2)				{ opacity:0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu.open .path:nth-of-type(3)				{ transform: rotate(4-5deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }


/***************************************************/
/********************* CONTENT *********************/
/***************************************************/

.absmiddle										{ position: absolute; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.aligncenter									{ position: relative; width: 100%; max-width: 1240px; margin: 0 auto; }
.innerpadding									{ padding: 20px; }
.innerpadding.removesides						{ padding-left: 0; padding-right: 0; }
.innerpadding.removetops						{ padding-top: 0; padding-bottom: 0; }
.innerpadding.pushcontent						{ padding-left: 100px; padding-right: 100px; }

.btn-wrapper									{ position: relative; border: 1px solid #fff; border-radius: 22px; padding: 5px; transition: background 0.2s; cursor: pointer; }
.btn-wrapper:hover								{ background: rgba(255,255,255,.1); transition: background 0.2s; }
.btn-wrapper i									{ font-size: 18px; }
.btn-wrapper i:before							{ margin: 0; }
.btn-wrapper .innerpadding						{ padding: 7px 10px; line-height: 100%; }
.btn-wrapper.icon .innerpadding					{ padding: 16px; background-color: transparent !important; }
.btn-wrapper.icon i								{ position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.btn-wrapper-legend								{ padding-left: 10px; height: 44px; font-size: 18px; line-height: 44px; }
.btn-wrapper-legend *							{ font-size: 18px; line-height: 18px; }


header											{ position: fixed; left: 0; top: 0; width: 100%; z-index: 10; }
header>.aligncenter								{ border-bottom: 1px solid transparent; }
header *										{ color: #fff; }
header .logo									{ width: 140px; height: 45px; background: url('../img/site/logos/leiloport.png') no-repeat left top; background-size: 140px auto; margin-left: 15px; }
header .aligncenter>.innerpadding				{ padding-left: 15px; transition: padding 0.2s; }
header .aligncenter>.innerpadding .btn-wrapper	{ margin: 0 5px; }
header.whitebg									{ background: rgba(255,255,255,.95); transition: background 0.2s; }
header.whitebg .aligncenter						{ border-color: #000; transition: border 0.2s; }
header.whitebg .aligncenter>.innerpadding		{ padding-top: 10px; padding-bottom: 10px; transition: padding 0.2s; }
header.whitebg *								{ color: #000; transition: color 0.2s; }
header.whitebg .logo							{ background-position: left bottom; }
header.whitebg .btn-wrapper						{ border-color: #000; transition: border 0.2s; }
header.whitebg .openMenu .path					{ background: #000; transition: background 0.2s; }

header #mainsearch>.innerpadding				{ padding: 1px 26px 0 6px; transition: padding 0s linear 0.2s; }
header #mainsearch .groupinput					{ width: 0; opacity: 0; transition: width 0.2s linear 0.2s,height 2s linear 0.2s,opacity 0.2s; }
header #mainsearch .groupinput .innerpadding	{ padding: 5px; }
header #mainsearch i							{ left: auto; right: 3px; -webkit-transform:translateX(auto); -ms-transform:translateX(auto); transform:translateX(auto); }
header #mainsearch.openpsq>.innerpadding		{ transition: padding 0s linear 0s; }
header #mainsearch.openpsq .groupinput			{ width: 150px; opacity: 1; transition: width 0.2s,opacity 0.2s linear 0.3s; }
header #mainsearch.openpsq i					{ cursor: pointer; }

header #mylogin									{ position: relative; }
header #mylogin .elemlogin						{ position: absolute; top: -2px; right: -2px; width: 250px; border-radius: 22px; background: #fff; border: 1px solid #ccc; }
header #mylogin .elemlogin *					{ color: #333; }
header #mylogin .elemlogin>.innerpadding		{ padding: 16px; padding-top: 13px; }
header #mylogin .elemlogin .button				{ width: 100%; text-align: center; }
header #mylogin .elemlogin .button .innerpadding{ padding: 10px 0; }
header #mylogin .elemlogin .button *			{ color: #fff; }
header #mylogin .elemlogin a					{ color: #0071BC; }
header #mylogin .elemlogin a:hover				{ text-decoration: underline; }
header #mylogin .elemlogin .contactform p		{ font-size: 12px; padding: 0 10px; }
header #mylogin .elemlogin .contactform p *		{ font-size: 12px; }
header #mylogin .elemlogin .contactform .groupinput					{ margin-bottom: 10px; }
header #mylogin .elemlogin .contactform .groupinput .innerpadding	{ padding: 5px 10px; background: #f1f1f1; }


nav												{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 11; }
nav .hr											{ background: #999; max-width: 250px; margin: 0 auto; transition: all 0.2s; }
nav .aligncenter>.innerpadding					{ transition: padding 0.2s; }
nav .animateBottom.animateMe					{ transition: all 0.3s; }
nav.whitebg .aligncenter>.innerpadding			{ padding-top: 10px; transition: padding 0.2s; }


footer											{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10; background: rgba(255,255,255,.7); text-align: right; color: #000; }
footer .innerpadding							{ padding-top: 10px; padding-bottom: 10px; font-size: 12px; }
footer img										{ vertical-align: middle; }

h1												{ font-size: 30px; }
h1.title										{ font-size: 26px; font-weight: normal; }
h2												{ font-size: 18px; }

.title											{ font-size: 18px; }
.hr												{ width: 100%; height: 1px; background: #ccc; }

.table											{ display: table; }
.table .tablecell								{ display: table-cell; vertical-align: middle; }


/* HOMEPAGE */
.homepage-slideshow								{ position: relative; width: 100%; height: 100%; z-index: 0; background: #000; }
.homepage-slideshow .elem						{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.homepage-slideshow .elem .filter				{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); }
.homepage-slideshow .elem .absmiddle			{ width: 100%; z-index: 1; }
.homepage-slideshow .elem *						{ color: #fff; }
.homepage-slideshow .elem p						{ margin: 0; padding: 0; font-weight: bold; font-size: 60px; }
.homepage-slideshow .elem .btn-wrapper			{ display: inline-block; padding-left: 25px; background: rgba(255,255,255,.2); transition: background 0.2s; }
.homepage-slideshow .elem .btn-wrapper:hover	{ background: rgba(255,255,255,.3); transition: background 0.2s; }
.homepage-slideshow .elem .btn-wrapper *		{ font-size: 18px; }


/* VERBAS */
.list-verbas									{ display: inline-block; text-align: left; }
.list-verbas.thirth div.innerpadding			{ background-color: white; }
.list-verbas.thirth:hover>.innerpadding			{ background: rgba(255,255,255,1.0); transition: background 0.2s; }
.list-verbas>.innerpadding						{ margin: 10px; border: 1px solid #999; transition: background 0.2s; }
.list-verbas>.innerpadding>.innerpadding		{ padding-left: 10px; padding-right: 10px; }
.list-verbas .btn-wrapper						{ border-color: #000; }
.list-verbas .btn-wrapper-legend.twolines		{ padding-top: 5px; height: auto; line-height: 1em; }
.list-verbas h2									{ margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 100%; }
.list-verbas .hr								{ margin: 15px 0; }
.list-verbas .title								{ margin: 0; padding: 0; max-width: 100%; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis; }
.list-verbas .colorgrey							{ color: #808080; }
.list-verbas .details							{ padding: 15px 0; }
.list-verbas .details p							{ padding: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-verbas figure								{ margin: 0; padding: 0; }

.list-verbas .colordate.green .btn-wrapper		{ border-color: #79A534; }
.list-verbas .colordate.green *					{ color: #79A534; }
.list-verbas .colordate.yellow .btn-wrapper		{ border-color: #EFBB26; }
.list-verbas .colordate.yellow *				{ color: #EFBB26; }
.list-verbas .colordate.red .btn-wrapper		{ border-color: #FF0000; }
.list-verbas .colordate.red *					{ color: #FF0000; }
.list-verbas .colordate.blue .btn-wrapper		{ border-color: #0071BC; }
.list-verbas .colordate.blue *					{ color: #0071BC; }

.list-verbas.full								{ width: 99%; }
.list-verbas.full div.innerpadding				{ background-color: white; }
.list-verbas.full .verba-slideshow				{ position: relative; z-index: 0; }
.list-verbas.full h2							{ margin: 0; }
.list-verbas.full .buynow						{ color: red; }
.list-verbas.full .lastbidding					{ margin-bottom: 5px; color: #FF0000; }
.list-verbas.full #bidvalue .groupinput			{ border: 1px solid #8CC63F; margin-bottom: 10px; border-radius: 40px; background-color: transparent; }
.list-verbas.full #bidvalue .groupinput div.innerpading		{ background-color: transparent !important; }
.list-verbas.full #bidvalue .tablecell			{ white-space: nowrap; color: #8CC63F; background-color: transparent !important; }
.list-verbas.full #bidvalue .tablecell span		{ font-size: 30px; }
.list-verbas.full #bidvalue .tablecell .innerpadding			{ padding: 0 20px; background-color: transparent !important; }
.list-verbas.full #bidvalue .tablecell.myinput  .innerpadding	{ padding: 0; }
.list-verbas.full #bidvalue .input				{ text-align: right; font-size: 30px; font-weight: lighter; color: #8CC63F; }
.list-verbas.full #bidvalue .input::-webkit-input-placeholder	{ color:#8CC63F; }
.list-verbas.full #bidvalue.nologin .innerpadding	{ padding: 10px 20px; background-color: transparent; }
.list-verbas.full #bidvalue.blue .tablecell			{ color: #0071BC; }
.list-verbas.full #bidvalue.blue .groupinput		{ border-color: #0071BC; color: #0071BC; }
.list-verbas.full #bidvalue.blue .inline			{ color: #0071BC; }
.list-verbas.full #bidvalue.blue .input				{ color: #0071BC; }
.list-verbas.full #bidvalue.blue .input::-webkit-input-placeholder	{ color:#0071BC; }
.list-verbas.full .submitbid					{ position: relative; width: 100%; background: #8CC63F; color: #fff; font-weight: bold; text-align: center; border-radius: 40px; }
.list-verbas.full .submitbid .innerpadding		{ background-color: transparent; }
.list-verbas.full .submitbid:hover				{ background-color: #82b93a; }
.list-verbas.full .submitbid.blue				{ background-color: #0071BC; }
.list-verbas.full .submitbid.blue:hover			{ background-color: #0069ae; }
.list-verbas.full .submitbid.green				{ background-color: #81BE37; }
.list-verbas.full .submitbid.green:hover		{ background-color: #81BE37; }
.list-verbas.full .submitbid>.innerpadding		{ font-size: 27px; }
.list-verbas.full .submitbid .btn-wrapper		{ position: absolute; right: 5px; border-color: #fff; color: #fff; }
.list-verbas.full .details						{ padding: 0; }
.list-verbas.full .details p					{ white-space: normal; }
.list-verbas.full .contactform .groupinput		{ margin-bottom: 10px; }
.list-verbas.full .contactform .groupinput .innerpadding			{ background: #f1f1f1; }
.list-verbas.full .contactform .groupinput.readonly .innerpadding	{ border-color: #000; background: #fff; }


#show-products-search .groupinput .innerpadding	{ padding: 10px; border: 1px solid #000; border-radius: 20px; margin: 0 3px; background-color: white; color: black; }
#show-products-search .groupinput .select		{ padding-right: 20px; }
#show-products-search .thirth>.innerpadding		{ padding-left: 10px; padding-right: 10px; }
#show-products-search .groupinput .input		{ line-height: 100%; font-size: 12px; }
#show-products-search .groupinput.psqname		{ padding-right: 6px; }
#show-products-search .groupinput.psqname .innerpadding	{ background-color: white; padding-left: 15px; padding-right: 15px; }

#show-products-search .btn-wrapper.icon					{ background: #333; border: 0; margin: 0 3px; width: 20px; }
#show-products-search .btn-wrapper.icon i				{ color: #fff; }
#show-products-search .btn-wrapper.icon .innerpadding	{ padding: 12px; width: 2px; }
#show-products-search a.btn-wrapper.icon				{ background: #fff; border: 1px solid #000; }
#show-products-search a.btn-wrapper.icon i				{ color: #333; }

#show-products-search .groupinput.seticon				{ position: relative; }
#show-products-search .groupinput.seticon .innerpadding	{ padding-right: 35px; padding-left: 15px; }
#show-products-search .groupinput.seticon .input		{ line-height: 100%; font-size: 12px; }
#show-products-search .groupinput.seticon .myicon		{ position: absolute; right: 8px; }
#show-products-search .groupinput.seticon .myicon i		{ font-size: 20px; }


/* INFO */
#show-info .btn-wrapper.icon					{ border-color: #000; }
#show-info .btn-wrapper-legend					{ padding-right: 20px; }



/* CONTACTS */
.show-map										{ position: fixed; left: 0; top: 0; width: 100%; height: calc(100% - 38px); min-height: 720px; z-index: 0; }
.show-map .map									{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.contactform .dialog							{ margin-bottom: 10px; }
.contactform .groupinput						{ margin-bottom: 5px; }
.contactform .groupinput .innerpadding			{ border: 1px solid #c1c1c1; background: #fff; border-radius: 20px; padding: 10px 15px; }
.contactform .groupinput.l .innerpadding		{ margin-right: 5px; }
.contactform .groupinput.r .innerpadding		{ margin-left: 5px; }
.contactform .groupinput.textarea .input		{ height: 75px; }
.contactform .groupinput.captcha				{ text-align: center; }
.contactform .groupinput.captcha .input			{ width: 35px; border: 1px solid #c1c1c1; background: #fff; border-radius: 20px; padding: 3px; text-align: center; }
.contactform .button							{ text-transform: uppercase; font-weight: bold; }


/* LOGIN AREA */
.loginform .newregist .groupinput.l .innerpadding		{ margin-right: 5px; }
.loginform .newregist .groupinput.r .innerpadding		{ margin-left: 5px; }
.loginform .newregist .half.l .groupinput .innerpadding	{ margin-right: 5px; }
.loginform .newregist .half.r .groupinput .innerpadding	{ margin-left: 5px; }
.loginform .newregist .groupinput .select				{ width: 100%; padding: 3px 0; padding-right: 25px; background-color: #fff; }
.loginform .dialog										{ margin-bottom: 10px; }
.loginform .button										{ border-width: 2px; margin: 0; }


/* SCROLL */
.jspContainer									{ overflow:hidden; position:relative; }
.jspPane										{ position:absolute; }
.jspVerticalBar									{ position: absolute; top: 0; right: 0; width: 6px; height: 100%; padding: 2px; }
.jspHorizontalBar								{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; }
.jspVerticalBar *,
.jspHorizontalBar *								{ margin: 0; padding: 0; }
.jspCap											{ display: none; }
.jspHorizontalBar .jspCap						{ float: left; }
.jspTrack										{ background:none; position: relative;  }
.jspDrag										{ background:#1c1c1c; position: relative; box-shadow: 0 0 3px #000; top: 0; left: 0; cursor: pointer; }
.jspDrag:hover									{ background-position:center right; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag						{ float: left; height: 100%; }
.jspArrow										{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled							{ cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow						{ height: 5px; }
.jspHorizontalBar .jspArrow						{ width: 5px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus					{ outline: none; }
.jspCorner										{ background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner								{ margin: 0 -3px 0 0; }




/* Tooltips */
.tipsy { padding: 5px; font-size:13px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
.tipsy-inner { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/* Messages */
.dialog						{ color: #000; font-size: 14px; }
.dialog .innerpadding		{ padding: 10px; border-radius: 20px; }
.dialog.done .innerpadding	{ border: 2px solid #ceef73; background: rgba(206,239,115,0); }
.dialog.error .innerpadding	{ border: 2px solid #ef7373; background: rgba(239,155,115,0); }
.dialog.notes .innerpadding	{ border: 2px solid #73b3ef; background: rgba(115,179,239,0); }
.dialog li					{ margin-left: 20px; }
.dialog p					{ margin-left: 0; }


/* Parallax */
.parallaxImage									{ position: relative; width: 100% !important; height: 500px; margin: 0; padding: 0; overflow: hidden; z-index: 2; }
.parallaxImage .randomImage						{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-attachment:fixed; background-position:50% 0; opacity: 1; }


/* Ribbon */
.ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 9px;
  right: 9px;
}

.ribbon-red {
  font: bold 10px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #FF0000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000)); 
  background-image: -webkit-linear-gradient(top, #FF0000, #FF0000); 
  background-image:    -moz-linear-gradient(top, #FF0000, #FF0000); 
  background-image:     -ms-linear-gradient(top, #FF0000, #FF0000); 
  background-image:      -o-linear-gradient(top, #FF0000, #FF0000); 
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}​