/* =============== */
/* = Global CSS = */
/* =============== */

* {margin:0; padding:0; }

html, body {height: 100%;} /* sticky footer */ 

body{ background:#FFF; font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif; font-size:13px; color:#434343;margin:0; }

h1, h2, h3, h4, h5, h6 {font-family:'Lucida Grande', 'Lucida Sans Unicode'; font-weight:normal;color:#000;}
h1  { text-shadow: 2px 2px 2px #3c7710;  font-weight: 800;font-size:62px; color:#FFF; letter-spacing:-1px; margin-top:0px; float:left; line-height:normal;}
h2 {font-size:32px; margin: 0 0 25px;  }
h2.small { font-size:22px; margin-bottom: 15px; }
h3 {font-size:16px; margin:0 0 10px; font-weight:bold;}
h4 {font-size:14px; margin:0 0 10px; font-weight:bold;}

/*input {margin:0 0 10px 0;} */
p {line-height:18px; margin:0 0 15px 0; }
ul { margin:0px 0 25px 0px; padding:0 0 0 10px; }
ul li {  margin:0 15px 10px 0;background: url('../images/icons/greybullet.gif') no-repeat top left; padding:0 0 0 15px; list-style-type:none; }
a {color:#3084ca; text-decoration:none; font-weight:normal; }
a:hover { color: #78b9e7; }
img { border: none; }

/* custom classes */
.screenshot {margin-bottom:18px;}
.screenshot img { border: 3px solid #ccc; }
.icon {margin:0 10px 10px 10px;} /* DEPRECATED - use icon-left or icon-right */
.icon-left { float:left; margin:0 10px 10px 0;}
.icon-right { float:right; margin:0 0 10px 10px;}

.quote { clear: left; margin: 10px 0 30px 30px; }
.quote blockquote { font-size: 16px; font-style: italic; font-family: Times, "Times New Roman", Serif; margin-bottom: 7px; color: #555; }
.quote img { float: left; margin-right: 25px; }
.quote p { text-align: right; color: #999; }
.box { background: #f2f2f2; padding: 15px; margin-bottom: 20px; border: 1px solid #ddd; }
.block { background:#efefef; border:1px solid #d9d9d9;-moz-border-radius: 5px;-webkit-border-radius: 5px; padding: 10px; margin-bottom: 30px; }

.highlight-box { border:1px solid #e0bb3e; background:#fffcd7; margin: 0 0 25px 0; } /* yellow box on sign up */
.highlight-box h2 { margin: 0 0 10px 0;}
.highlight-box p { margin:0 0 5px 0 ; font-size:16px;}
.highlight-box p.notes { font-size:11px; }
.highlight-box-wrapper { padding:15px; }

.date { color: #4aa40d; font-weight: bold; }
.arrow-link { padding-left: 18px; background: url('../images/icons/arrow13.gif') center left no-repeat; }

/* typography related */
.light, .note, .hint { color: #777; }
.lighter { color: #ccc; }
.center {text-align:center; margin-left:auto; margin-right:auto;}
.big { font-size: 150%; }

.code { margin-bottom: 20px; background: #333; padding: 7px; }
.code-example { background:#fffbdf; border:1px solid #ffdeb7;  font-family:"Monoco","Lucida Console", sans-serif; margin-bottom:18px;}
.code-example .highlight { color:#59a322; font-weight:bold; }
.code-example em { color:#747474; font-weight:normal; font-style:normal; }
.code-example-wrapper { padding:15px;}

.code-tag { color: #069cc1; }
.code-liquid { color: #a0dde6; }
.code-liquid2 { color: #fff; }
.code-quot { color: #bedc77; }

.interview p { margin-bottom: 32px; }

/* the grid */
.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-12 {width:925px;}
.col-11 {width:845px;}
.col-10 {width:765px;}
.col-9 {width:685px;}
.col-8 { width:605px;}
.col-7 {width:525px;}
.col-6 {width:440px; padding:0 0 0 5px; } /* alterei para 440px, antes 445 */
.col-5 {width:365px;}
.col-4-5 {width:307px;}
.col-4 {width:285px;}
.col-3 {width:205px;}
.col-2 {width:125px;}
.col-1 {width:45px;}

.last {margin-right:0 !important;}

.margin-bottom {margin-bottom:10px; }

.l { text-align: left; }
.r { text-align: right; }
.left{float:left;}
.right{float:right;}
.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }

hr {color:#d9d9d9; background:#d9d9d9;border:0px; height:1px;margin-bottom:25px;clear:both;}
.screenshot {  margin-bottom:25px}

/* ========== */
/* = Layout = */
/* ========== */

/* all content areas that are outside of grid but need to be centered with correct width */
.content { width:925px; margin: 0 auto; display: block; padding:0 20px; }
.content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#wrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto -375px;/* neg val of footer height*/}

#container.frontpage { background: #fff url('../images/background/bg-grey-top-white-bottom.gif') top left repeat-x; border-top: 1px solid #fff; padding-top: 30px; }
#container #video { margin-bottom: 30px; }

#masthead { height:41px; padding-top:13px; background: #212121 url('../images/background/bg-masthead.gif') top left repeat-x; } /* this contains the main nav */
#masthead img.nw-logo  { display:block; float:left; position: relative; bottom: 5px; }
#masthead ul#nav-primary { float:right; margin:0; }
#masthead ul#nav-primary li { float:left; list-style-type:none; margin:0 15px 0 0; height:27px; padding:8px 0 0 4px; background:none; }
#masthead ul#nav-primary li a { padding:7px 8px 0px 6px; color:#ddd; text-decoration:none; font-weight:normal; font-size: 13px; text-shadow: 1px 1px 1px #222; outline:none; }
#masthead ul#nav-primary li a:hover { color: #fff; text-decoration:none;}
#masthead ul#nav-primary li a:active, #masthead ul#nav-primary li a:focus { color:#FFF; } 
#masthead ul#nav-primary li.current { background: url('../images/buttons/btn-currentpage-left.png') center left no-repeat; padding:1px 0 0 4px; line-height:12px; margin-top:2px;}
#masthead ul#nav-primary li.current a { background:  url('../images/buttons/btn-currentpage-right.png') center right no-repeat;display:block; height:19px;}
#masthead ul#nav-primary li.login { background: url('../images/background/decal-masthead.gif') center left no-repeat; padding-left: 18px; }
#masthead ul#nav-primary li.login a { color: #999; }
#masthead ul#nav-primary li.login a:hover { color: #fff; }

/*#banner .subpage-header { text-shadow: 2px 2px 2px #3c7710;  font-weight: 800;font-size:50px; color:#FFF; letter-spacing:-1px; margin-top:-5px; float:left; line-height:normal; }*/

/* the contact info on the green banner */
#banner #contact-us {float:right; margin-top:5px;}
#banner #contact-us img { display:block; float:right;}
#banner #contact-us p { margin:0 0 5px 0;font-size:22px; color:#FFF;  text-shadow: 1px 1px 2px #3c7710; font-family: "Helvetica Neue", sans-serif; font-weight: 200; margin:0 0 7px 0; text-align:right;}
#banner #contact-us a.livechat { height:22px; width:82px; position:relative; left: 7px; background:url('../images/buttons/btn-livechat.gif') no-repeat; float:right; overflow:hidden; text-indent:-99999px;}
#banner #contact-us a.livechat:hover { background-position: 0px -31px;}
#banner #contact-us a.emailus:hover { background-position: 0px -31px;}

#banner #chat-off {  }

#content {padding:20px 0 0;}

#footer,#push { clear:both;/* .push must be the same height as .footer */ }

#push {height: 375px;}

#footer-wrapper { padding:20px 0 0 0; width:925px; margin:auto;}
#footer { background:#111 url('../images/background/bg-footer.gif') repeat-x; height: 375px; color: #666; border-top: 1px solid #444; font-size: 11.5px; }
#footer.frontpage { height: 640px; }
#footer h3 { color: #fff; border-bottom: 1px solid #444; margin-bottom: 10px; padding:0 0 5px 0; font-size: 13px; font-weight:normal;}
#footer a { color: #777 }
#footer a:hover { color: #cdcdcd;  }
#footer ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#footer ul li { margin-bottom:5px; font-size:11.5px; background:none; padding:0; }
#footer ul li a { color:#999;  }
#footer ul li a:hover { color:#3084ca; }

#footer .content { margin-top:20px; }
#footer .copyright { margin-top:20px; }

#footer .contact-us img { margin-right:4px;}
#footer .contact-us li { margin-bottom:7px }
#footer .contact-us, #footer .contact-us a  { color: #cdcdcd; }
#footer .contact-us * { vertical-align: middle; }
#footer .contact-us a:hover { }
/*#footer ul.post-list   { margin:0 0 20px 0; }*/
#footer ul.post-list  li { border-bottom: 1px solid #444; padding:0 0 7px 0; }

/*#footer #twitter_update_list ul li { background:none; padding:0; margin-bottom:15px; }*/
#footer  #copyright { text-align: center; font-size: 11px; color: #666; margin: 15px 0 10px 0; }

/* ================ */
/* =     INDEX    = */
/* ================ */

#header.frontpage { background: #ad3b21 } /* art */
#header.frontpage h1 { margin:0; padding:0; float:none;}
#header.frontpage .banner { margin:auto; width:925px; }

/* banners */
#header.frontpage .createyourown-bottom h1 { position:relative; top:260px;}
#header.frontpage .createyourown-bottom a { position:relative; top:150px; left:695px; }
#header.frontpage .createyourown-bottom p { color:#fff; position:relative; top:260px; left:10px; font-size:17px; line-height:20px;} 

#header.frontpage .createyourown-top h1 { position:relative; top:30px;}

#header.frontpage .checklist h1 { position:relative; top: 20px;}
#header.frontpage .checklist #signup-btn { position: relative; top: 144px; }

#header.frontpage .threesteps { background:  url('../images/banners/3passos+vinhoA.jpg') no-repeat; height:410px;  }
#header.frontpage .threesteps h1 { position:relative; top:25px;}
#header.frontpage .threesteps ul li { background:none; list-style-type:none; position:relative; color:#FFF; font-size:14px;}
#header.frontpage .threesteps ul li.step1 { top:43px; left: -299px; text-align:center;}
#header.frontpage .threesteps ul li.step2 { top:0px;  left: 30px; text-align:center;}
#header.frontpage .threesteps ul li.step3 { top:-43px;right: 30px; text-align:right;}

#subheader.subheader-3steps {  text-align:center; }
#subheader.subheader-3steps p, #subheader.subheader-3steps img  { display:inline; vertical-align:middle; font-size:14px;}
#subheader.subheader-3steps img { margin:0 10px;}
#subheader.subheader-3steps a { color:#FFF; text-decoration:underline;}
#subheader.subheader-3steps a:hover { color:gray; text-decoration:none;}

#subheader { background: #171717 url('../images/background/bg-header-signup.gif') top left repeat-x; height: 730px; text-align: right; padding: 18px 10px 3px 10px; text-shadow: 1px 1px 1px #222; }
#subheader h2 { font-size: 21px; color: #eee; margin-bottom: 12px; padding-top:4px;}
#subheader p { font-size: 14px; color: #ddd; } 

#subheader h2 { font-size: 21px; color: #eee; margin-bottom: 12px; padding-top:4px;}
#subheader p { font-size: 14px; color: #ddd; }

#signup-big { float: right; margin: 0 0 0 20px; text-align: left; }
#signup-big p { font-size: 12px; color: #999; }
#signup-big a { color: #ddd; }
#signup-big a:hover { color: #fff; }

#clients, #contest-bottom { background: #fff url('../images/background/bg-grey2.gif') top left repeat-x; padding-top: 50px; border-top: 1px solid #d5d5d5; }
#title-appstore { padding:2px 0 0 20px; background: url('../images/icons/box16.gif') center left no-repeat; font-size:16px; }
#title-partner { padding-left: 20px; background: url('../images/icons/people16.gif') center left no-repeat; font-size:16px;}
#client-logos { margin: 0px 0 40px 0;}
#client-logos img { margin: 10px -5px 0 0;}
.client { clear: both; margin-bottom: 20px; font-size: 13px;}
.client p { color: #555; margin-bottom: 7px; }
.client img { float: left; margin-right: 10px; }
.client a { float: right; font-size: 11px; }
.client span { color: #999; font-size: 11px; }

#bottom-signup { background: #373737 url('../images/background/bg-grey3.gif') top left repeat-x; padding: 15px 0 14px 0; margin-top: 30px; border-bottom: 1px solid #222; text-align: center; font-size: 16px; color: #999; }
#bottom-signup * { vertical-align: middle; }
#bottom-signup a { color: #eee; }
#bottom-signup a:hover { color: #fff; }
#bottom-signup span { margin: 0 5px; }

#footer-news h3, #footer-twitter h3, #footer-contact h3 { padding: 5px 0 0 27px; height: 22px; }
#footer-news h3 { background: url('../images/topico_laranja.gif') center left no-repeat; }

#footer-news li { border-bottom: 1px solid #111; border-top: 1px solid #333; margin: 0 !important; padding: 10px 0 !important; }
#footer-news li p { margin-bottom: 0; }
#footer-news ul li:first-child { border-top: none;}

#footer-twitter .datetime { font-weight: bold; color: #fff; margin-bottom: 5px; font-size: 11px; }
#footer-twitter .tweet_avatar { float: left; margin-left: 5px; }

#footer-news a, #footer-twitter a { color: #78b9e7 !important; }
#footer-news a:hover, #footer-twitter a:hover { color: #3084ca !important; }

#footer-contact { font-size: 13.5px; }
#footer-contact h3 { background: url('../images/banners/mail16.gif') center left no-repeat; }
#footer-contact p { padding: 2px 0 0 25px; height: 22px; color: #fff; margin-bottom: 10px; }
#footer-contact #footer-email { background: url('../images/icons/email16.gif') center left no-repeat; }

#footer-interesse { font-size: 13.5px; }
#footer-interesse h3 { padding: 5px 0 0 15px; height: 22px; }
#footer-interesse h3 { background: url('../images/topico_laranja.gif') center left no-repeat; }

ul.screenshot-featurelist { margin: 20px 0 25px 0; padding: 0; }
ul.screenshot-featurelist li { list-style-type:none; margin:0 0 15px 0; line-height:18px; padding:0; background:none; clear:both; }
ul.screenshot-featurelist li strong { font-size:13px; }
ul.screenshot-featurelist li:after{content:".";display:block;height:0;clear:both;visibility:hidden; }

.fundovinho { background: #ad3b21 } /* art */

* {
 margin:0px;
 padding:0px;
 list-style:none;
 vertical-align:baseline;
 }

.texto_normal {
	FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.texto_normal11 {
	FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.texto_branco {
	FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.texto_normal A:hover {
	FONT-SIZE: 10px; COLOR: #f39a00; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
.texto_normal_11 {
	FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_normal_11 A:hover {
	FONT-SIZE: 11px; COLOR: #f39a00; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
.texto_normal_11_Cinza {
	FONT-SIZE: 11px; COLOR: #6699cc; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_normal_11_Cinza A:hover {
	FONT-SIZE: 11px; COLOR: #f39a00; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
.texto_normal_9 {
	FONT-SIZE: 9px; COLOR: black; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_normal_12 {
	FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Verdana
}
.txtazulpequena {
	FONT-SIZE: 9px; TEXT-TRANSFORM: none; COLOR: darkblue; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.txtazulpequena A:hover {
	TEXT-DECORATION: underline
}
.button {
	FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: Arial; BACKGROUND-COLOR: black
}
.input_text {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid; FONT-FAMILY: Arial
}
.select {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid; FONT-FAMILY: Arial
}
.texto_branco_11 {
	FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_branco_12 {
	FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_vermelho_11 {
	FONT-WEIGHT: bolder; FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: Arial
}
.texto_laranja_11 {
	FONT-SIZE: 11px; COLOR: #de7921; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_laranja_11 A:hover {
	FONT-SIZE: 11px; COLOR: darkblue; TEXT-DECORATION: underline
}
.texto_laranja {
	FONT-SIZE: 10px; COLOR: #de7921; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.texto_laranja A:hover {
	FONT-SIZE: 10px; COLOR: #de7921; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}

/* estava no nutriway.css */

.tblTextTip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	margin-top: 4px;
	margin-left: 16px;
	margin-right: 10px;
	margin-bottom: 4px;
}

/*td.bgHomePlan{
	background-position: left top;
	background-repeat: repeat;
	background-image: url(images/Web/bgHome_plan.gif) 
}

td.bgLightGrey, table.bgLightGrey {
	background-color:#F2F2F2;
}

td.bgDarkBlue {
	background-color:#036;
} */

.BodyTextBlueSmall {
	font-family: Verdana, arial, sans-serif;
	font-size : 10px;
 	font-weight : normal;
	color : #000099;
}

/* ###### Utilizados para o DIV onmouseover ###### */

.compImageFrame
{
	width: 596;
	height: auto;
	text-align: center;
}

.compImage
{
}

.tooltip
{

	margin: 0 0px 0 0px;
	padding: 0 0 0 0;
	text-align: left;
	font-family: Verdana,arial;
	font-size: 10px;

	visibility: hidden;
	position: absolute;
	left:0; top:0;
	width: 150px;
	background-color: #cdefac;
	opacity: 0.90;
	filter: alpha(opacity=90);
	border: 1px solid  #66cc00;
	padding: 12px 12px 12px 12px;
	z-index: 100;
	line-height: 15px;    

}

/* =========== */
/* = Support = */
/* =========== */
ul#support-icons li { list-style-type:none; margin:0; padding:0; float:left;}
ul#support-icons li a { width:185px; height:190px; float:left; padding:0 16px 15px 17px;margin-right:14px; background:url('../images/buttons/btn-sprt-bg.gif') no-repeat; text-align:center; }
ul#support-icons li a img { display:block; margin: 10px auto 0 auto;}
ul#support-icons li a strong { display:block; font-weight:normal; font-size:12px; margin-top:5px; color:#585858;}

/* =========== */
/* = Sign up = */
/* =========== */
/*table#precos { padding:0; margin:0 0 25px 0; border-collapse:collapse; }
table#precos th img { margin-top:160px;} /* sign up button */

/*table#precos th.heading { width: 135px ;}
table#price-chart th.basic { background:url('../images/headers/signup/basic.jpg') no-repeat; width:154px; height:208px; }
table#price-chart th.professional { background:url('../images/headers/signup/professional.jpg') no-repeat; width:154px; height:208px; }
table#price-chart th.business { background:url('../images/headers/signup/business.jpg') no-repeat; width:170px; height:208px; }
table#price-chart th.enterprise { background:url('../images/headers/signup/enterprise.jpg') no-repeat; width:154px; height:208px; }
table#price-chart th.premier { background:url('../images/headers/signup/premier.jpg') no-repeat; width:154px; height:208px; }
/* table#price-chart th,table#price-chart td  { border-right: 1px solid #FFF; text-align:center;  } */
/* table#price-chart td{ padding:10px;} */
.even td { background: #e6e6e6;}
.odd .table-col-0 { background: #e4f0d5;}
.odd .table-col-1 { background: #d8ebd3 url('../images/background/pricelist/col2-odd.gif') repeat-y top right;  }
.odd .table-col-2 { background: #d3e7de; }
.odd .table-col-3 { background: #d4e7df url('../images/background/pricelist/col4-odd.gif') repeat-y top left;  }
.odd .table-col-4 { background: #daeefb;}

.even .table-col-0 { background: #cbe1ab; }
.even .table-col-1 { background: #b1d7a7 url('../images/background/pricelist/col2-even.gif') repeat-y top right; }
.even .table-col-2 { background: #a7cfbd; }
.even .table-col-3 { background: #a9cdd9 url('../images/background/pricelist/col4-even.gif') repeat-y top left;  }
.even .table-col-4 { background: #b5ddf7; }

/* #errorExplanation { padding: 5px 10px 5px 60px; background: #FCF7DC url('../images/icons/warning32.png') 2% 50% no-repeat; margin-bottom: 25px; }
#errorExplanation h3 { margin-top: 5px !important; }
#errorExplanation p { margin-bottom: 5px !important; } */

/* ================ */
/* = Sign up form = */
/* ================ */

#signup form { background: none; border: none; }
#signup form input[type="text"], #signup form input[type="password"] { width: auto; margin-bottom: 3px; }
#signup h3 { margin: 32px 0 8px; }
#signup label { display: inline; }
#signup td { padding: 5px 15px 5px 0; }
#signup #preview-availability { display: inline; }
#signup #available { display: inline; margin-left: 10px; }
#signup #available .positive { padding-left: 20px; background: url('../images/icons/checkmark16.png') center left no-repeat; color: #3f8916;}
#signup #available .negative { padding-left: 20px; background: #fcf7dc url('../images/icons/warning16.png') center left no-repeat; color: #222;}
#signup .inactive { -moz-opacity: 0.25; opacity:.25; filter: alpha(opacity=25); }
#signup img.credit-card { margin-left: 3px; vertical-align: top; }
#signup #themes { margin: 0px 0; }
#signup #themes .theme { padding: 15px; font-size: 9pt; border: 4px solid #fff; background: #f8f8f8; border: 1px solid #eee; }

.jcarousel-control { padding: 0; }
.jcarousel-control li { background: #f2f2f2; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 0; margin: 0; }
#signup #themes a { display: block; padding: 8px; }
#signup #themes .active { background: #78B9E7; border-top: 1px solid #6aa3cc; border-bottom: 1px solid #78B9E7; }
#signup #themes .active a { font-weight: bold; color: #fff; }

#theme-carousel { list-style-type: none; margin: 0; padding: 0; }
#theme-carousel li { background: none; margin: 0; padding: 0; }
.jcarousel-container { position: relative; width: 380px; height: 380px; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 380px; height: 380px; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; margin-bottom: 10px;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 380px;
    height: 380px;
}
.jcarousel-next, .jcarousel-prev { z-index: 3; display: none; }

#signup #spinner { position: absolute; }
#signup #spinner img { position: relative; right: 25px; top: 7px; }
#shop_submit { font-size: 13px; }

/* =========== */
/* = Contact = */
/* =========== */

form#standard-form { width:555px; margin-bottom:25px; }
form#standard-form input[type="text"] { width:350px;}
form#standard-form textarea { width: 340px; }
form#standard-form input[type="image"] {  }

ul#social-media-icons {}
ul#social-media-icons li { float:left; list-style-type:none; background:url('../images/icons/socialmedia-sd.png'); width:113px; padding:0 0px 0 24px;height:15px; margin:8px 0 0px 0;  padding-top:1px; padding-bottom:4px;}
ul#social-media-icons li.facebook {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -27px}
ul#social-media-icons li.facebook:hover {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px 0px;}
ul#social-media-icons li.flickr {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -74px }
ul#social-media-icons li.flickr:hover {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -51px;}
ul#social-media-icons li.email {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -214px;}
ul#social-media-icons li.email:hover {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -191px}
ul#social-media-icons li.twitter {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -168px;}
ul#social-media-icons li.twitter:hover {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -145px}
ul#social-media-icons li.vimeo {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -122px;}
ul#social-media-icons li.vimeo:hover {background:url('../images/icons/socialmedia-sd.png') no-repeat 0px -98px}

.sidebar-form {background:#efefef; border:1px solid #d9d9d9; padding:10px 10px 12px 10px; margin:10px 0 25px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}/*support redirect on contact.html*/
.sidebar-form p { margin-bottom:5px;}
.sidebar-form label {font-size:12px; margin-left:4px; display:inline; line-height:23px;}
.sidebar-form input[type="image"] {display:block; margin: 3px 3px 0px 0px; clear:both; float:left; }
.sidebar-form input[type="text"] {width:120px; padding:1px;float:left; margin: 0 5px 10px 0px;} 

.contactsales {  padding:0px 0 0 0; }

/* ========== */
/* = FAQ = */
/* ========== */
.paymentprocessors ul li  { width:245px; margin-right:20px; float:left; }

/* ============ */
/* = About Us = */
/* ============ */

.portrait { background: #d2d2d2 url(../images/background/bg-grey.gif) repeat-x scroll left top; border:1px solid #CCCCCC; float:left; margin-right:20px; width:147px; }
.portrait img { border:1px solid #FFFFFF; height:188px; padding:10px; width:125px; }
.person-desc { width: 420px; margin-right: 20px; }
.person-desc .title { color: #999; font-weight: normal; }
#team li { list-style-type: none; margin: 30px 0; background: none; float: left; }

/* ========= */
/* = login = */
/* ========= */

.loginarea { width:765px; margin:auto;}
.loginarea .secondcol { border-left :1px solid #d9d9d9; width: 320px; padding:0px 0 0 35px; margin:40px 0 0 0;}

.loginarea form { margin: 40px 0 20px 0; }
.loginarea label { clear:both; }


.loginarea input[type="text"] {display:inline; vertical-align:middle; margin:0;}
.loginarea span.formnote { color:#434343; margin-left:9px; padding:0; display:inline; }
.loginarea input[type="text"].formnote, .loginarea input[type="password"].formnote { width:55%;   }
.loginarea input[type="image"] { display:block; clear:both;}

.divlink { 
	visibility: hidden;
	position:absolute;
	left: 590px;
	top: 140px;
	width: 230px;
	height: 70px;
	background-color:#FFCC99;	
}
.divvideo { 
	visibility: hidden;
	/*( left: 590px;
	top: 140px;*/
	width: 600px;
	height: 600px; 
	background-color:#FFCC99;	
	background-image: url(images/maskBG.png)
}
.corpo {
padding:0 0 0 20px;
}
		a.classe1:visited {color:#8B8B8B; text-decoration: none; font-size: 14px; font-family:Trebuchet MS;}
		a.classe1:hover { 
			color: #000000; 
			font-weight:bold; 
			font-size: 15px; 
			font-family:Trebuchet MS;
			}
		a.classe1:active {color:#8B8B8B; text-decoration: none; font-size: 13px; font-family:Trebuchet MS;}

		a.classe2:link {color:#FF8040; font-weight:bold; text-decoration: none; font-size: 13px; font-family:Trebuchet MS;}
		a.classe2:visited {color:#FF8040; font-weight:bold; text-decoration: none; font-size: 13px; font-family:Trebuchet MS;}
		a.classe2:hover { 
			color: #000000; 
			font-weight:bold; 
			font-size: 13px; 
			font-family:Trebuchet MS;
			}
		a.classe2:active {color:#8B8B8B; text-decoration: none; font-size: 13px; font-family:Trebuchet MS;}

		a.classe215:link {color:#FF8040; font-weight:bold; text-decoration: none; font-size: 15px; font-family:Trebuchet MS;}
		a.classe215:visited {color:#FF8040; font-weight:bold; text-decoration: none; font-size: 15px; font-family:Trebuchet MS;}
		a.classe215:hover { 
			color: #000000; 
			font-weight:bold; 
			font-size: 16px; 
			font-family:Trebuchet MS;
			}
		a.classe215:active {color:#8B8B8B; text-decoration: none; font-size: 15px; font-family:Trebuchet MS;}

		a.classe3:link {color:#FFFFFF;    text-decoration: none; font-size: 16px; font-family:Trebuchet MS;}
		a.classe3:visited {color:#FFFFFF; text-decoration: none; font-size: 15px; font-family:Trebuchet MS;}
		a.classe3:hover { 
			color: #FFFFEE; 
			font-weight:bold; 
			font-size: 15px; 
			font-family:Trebuchet MS;
			}
		a.classe3:active {color:#8B8B8B;text-decoration: none; font-size: 15px; font-family:Trebuchet MS;}

		a.classe5:link {color:#FF9900; text-decoration: none; font-size: 16px; font-family:Trebuchet MS;}
		a.classe5:visited {color:#8B8B8B; text-decoration: none; font-size: 15px; font-family:Trebuchet MS;}
		a.classe5:hover { 
			color: #000000; 
			font-weight:bold; 
			font-size: 15px; 
			font-family:Trebuchet MS;
			}
		a.classe5:active {color:#FF9900; text-decoration: none; font-size: 13px; font-family:Trebuchet MS;}

		a.classeh:link {color:#000000; text-decoration: none; font-size: 14px; font-family:Trebuchet MS;}
		a.classeh:visited {color:#000000; text-decoration: none; font-size: 14px; font-family:Trebuchet MS;}
		a.classeh:hover { 
			color: #FF8040; 
			font-weight:bold; 
			font-size: 15px; 
			font-family:Trebuchet MS;
			}
		a.classeh:active {color:#8B8B8B; text-decoration: none; font-size: 13px; font-family:Trebuchet MS;}
		
		.tabsOrange{font-family:Arial; font-weight:bold; font-size:14px; color:#4B6D89;}
		.tabsBlue{font-family:Arial; font-weight:bold; font-size:14px; color:#4B6D89;}
		.tabsBenvindo{font-family:Arial; font-size:12px; color:#000000; width: 109px;}

		.tbox_11,.formtext{font-family:Trebuchet MS;font-size:11px;font-size:11px;color:#333;}
		.tbox_11,.formtext{font-family:Trebuchet MS;font-size:11px;font-size:11px;color:#333;}
		.tbox_11smr,.securityInfoText{font-family:Trebuchet MS;font-size:11px;font-size:9px;color:#666;}
		.titleOrangeTyp2{font-family:Trebuchet MS;font-size:12pt;font-weight:600;color:#AD3B21;letter-spacing:.01em;}
		.titleOrangeTyp3{font-family:Trebuchet MS;font-size:22pt;font-weight:600;color:#AD3B21;letter-spacing:.01em;}
		.titleOrangeTyp4{font-family:Trebuchet MS;font-size:25px;font-weight:600;color:#AD3B21;letter-spacing:.01em;}
		.titleGrayTyp4{  font-family:Trebuchet MS;font-size:25px;font-weight:600;color:#AD3B21;letter-spacing:.01em;}		
		.txtlink{ font-family:Trebuchet MS; font-size:11px; font-weight:600; color:#FF7300; text-decoration:none}
		.txtlink:hover{ font-family:Trebuchet MS; font-size:11px; font-weight:600; color:#FF7300; text-decoration:underline}