BODY { margin:0px; padding:0px; font-family: Arial, 'Nimbus Sans L'; }
IMG { border:0; } 
P { color:#545454; font-family: Arial, 'Nimbus Sans L'; font-size: 10pt; }
A { text-decoration:undeline; color:inherit; }
HR { border:1px solid; border-width:1px 0 0 0; }
HR.dotted { border:1px dotted; border-width:1px 0 0 0; }
UL.list1 { list-style:square outside url('../images/seta.png'); }
UL.list1 LI { color:#545454; padding:4px 0; font-size: 12pt; font-weight:normal; }
LABEL { cursor:pointer; }

FORM UL { list-style:none; }
FORM UL LI { list-style:none; padding:2px 10px; }

.align-middle { vertical-align: middle }

.container { width:928px; margin:0 auto;}
.message{ min-height:100px;}
.clear { clear:both; }

.margin0 { margin:0; }
.margin5 { margin:5px; }
.margin5-top { margin:5px 0; }
.margin5-side { margin:0 5px; }
.margin10 { margin:10px; }
.margin10-side { margin:0 10px; }
.margin10-top { margin:10px 0; }

.padding0 { padding:0; }
.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.padding15-top { padding:15px 0; }

.center { text-align:center }
.left { float:left }
.right { float:right }

.text-left { text-align:left; }
.text-right { text-align:right }

.bold { font-weight:bold; }
.normal { font-weight:normal; }

.font24 { font-size: 24pt; }
.font22 { font-size: 22pt; }
.font20 { font-size: 20pt; }
.font18 { font-size: 18pt; }
.font16 { font-size: 16pt; }
.font14 { font-size: 14pt; }
.font12 { font-size: 12pt; }
.font11 { font-size: 11pt; }
.font10 { font-size: 10pt; }
.font9 { font-size: 9pt; }

.white { color:#FFF; }
.black { color:#000; }
.red { color:#F00; }
.green { color:#629E5E; }
.ice { color:#DADADA; } 
.orange { color:#EE812C; }
.gray { color:#545454; }

.form-input { width:450px; height:30px; }
.form-input-city { width:380px; height:30px; }
.form-input220 { width:220px; height:30px; }
.form-select { width:450px; height:30px; font-size:12pt; }
.form-select-small{width:60px; height:30px; font-size:12pt;}
.form-textarea { width:450px; height:200px; }

.column5 { width:5%; }
.column10 { width:10%; }
.column20 { width:20%; }
.column25 { width:25%; }
.column30 { width:30%; }
.column35 { width:35%; }
.column40 { width:40%; }
.column45 { width:45%; }
.column50 { width:50%; }
.column75 { width:75%; }

#header { background-image: url('../images/bg_topo.png'); height:65px; width:100%; }
#header UL { float:left; padding:0; }
#header UL LI { display:inline; list-style:none; color:#FFF; font-size:12pt; padding:0 6px; }
#header .logo { float:right; }
#header .logo IMG { border:0; width:204px; height:65px; }

#header-account { height:65px; width:100%; border-bottom:3px solid #EE812C; }
.logo-account { padding-top:5px; }

#backtrack { padding:0; margin-bottom:10px; }

#product-menu { background-image:url('../images/bg_menu.png'); width:100%; height:35px; margin-bottom:10px; }
#product-menu UL { float:left; padding:5px 0 0 0; margin:0; }
#product-menu UL LI { display:inline; list-style:none; color:#FFF; font-size:12pt; padding:0 6px; }
#product-menu UL LI.selected { display:inline; list-style:none; color:#FFF; font-size:12pt; padding:0 6px; font-weight:bold; }

#animation { background-image: url('../images/bg_animation.png'); height:291px; width:100%; margin-bottom:15px; }
#animation_full { background-image: url('../images/bg_animation_full.png'); height:328px; width:100%; margin-bottom:20px; }
#animation .product { background-image: url('../images/bg_product.png'); background-position:center center; background-repeat:no-repeat; height:291px; width:100%; }
#animation .description { height:271px; width:253px; margin-left:20px; }
#animation .demo { height:291px; width:625px; }
#animation .box-roi { background-color:#EE812C; margin:10px 10px; padding:10px 15px; }

#intro { padding:10px 0 0 40px; }

#products { padding:0 0 0 30px; }
#products .column { float:left; width:275px; padding:0 15px; }
#products .icon { margin: 0 5px 150px 0; }

.box-home { padding:10px 20px; width:265px; }
.box-home UL { list-style:square outside url('../images/seta.png'); }
.box-home UL LI { color:#545454; padding:4px 0; font-size:12pt; font-weight:normal; }

.box-standard { padding:10px 20px; width:400px; }
.box-standard UL { list-style:square outside url('../images/seta.png'); }
.box-standard UL LI { color:#545454; padding:4px 0; font-size:12pt; font-weight:normal; }

.box-web-based { margin-left:30px; padding:10px 20px; border:1px solid #e9832f; background-color:#ffedcc; width:400px; height:170px; }
.box-web-based UL { list-style:square outside url('../images/seta.png'); }
.box-web-based UL LI { color:#545454; font-size: 10pt; font-weight:normal; }

.box-tour { margin-left:30px; text-align:center; border:1px solid #e9832f; background-color:#ffebda; width:380px; }

.box-technology { margin-left:30px; border:1px solid #b0b0b0; background-color:#f5f3f4; width:380px; padding:20px 10px 0 0px; }
.box-technology UL { list-style:square outside url('../images/seta.png'); padding:10px 0 30px 0; }
.box-technology UL LI { color:#545454; font-family: Arial, 'Nimbus Sans L'; font-size: 10pt; font-weight:normal; }
.box-technology .icon { margin:10px 30px; }
.box-technology H3 { border-bottom:1px solid #545454; margin:0px 25px 20px 25px; padding:5px; }

.box-roi { background-color:#EE812C; margin:0 40px; padding:10px 0; }

.services { width:450px; }
.termos { border:5px solid #008000; background-color:#E8FCEA; }
.termos LEGEND { color:#008000; padding:0px 10px; font-size:14pt; font-weight:bold; }

#contact IMG { width:948px; height:100px; border:0; margin:20px 0; }

#about { padding:0 0 0 60px; }
#about .columm1 { float:left; width:370px; padding:0; }
#about .columm2 { float:left; width:480px; padding:0; }

#social_media  { padding:20px 0 0 0; }
#social_media P { margin:0 0 0 20px; }
#social_media .icons { margin: 5px auto; padding-left:25px; width:910px; height:60px; border:2px solid #DCDCDC;     
	-moz-border-radius:16px;     /* bordas redondas para firefox */
    -webkit-border-radius:16px;  /* bordas redondas para webkit */
    border-radius:16px;          /* bordas redondas para ie */
}
#social_media .icons IMG { border:0px; margin:13px 15px; }

#footer { background: #e95c19 url('../images/bg_rodape.png') repeat-x; width:100%; margin-top:15px; padding:20px 0 10px 0 } 
#footer .column1 { float:left; height:230px; padding:0 50px; border-right:1px solid #FFF; }
#footer .column2 { float:left; height:230px; padding:0 50px; }
#footer UL { padding:0; }
#footer UL LI { list-style:none; color:#FFF; font-size:10pt; padding:3px 5px; }

#footer_compact { border-top:3px solid #EE812C; width:100%; margin-top:15px; } 

#promo_tab {
	position:fixed;
	right:0px;
	top:0px;
	z-index:1;
	height:297px;
	width:30px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	background-color:#F36523;
}

#promo_tab_texto {
	background:#F36523 url(http://www.magoweb.com/images/promos/tab-mes-mkt-digital.jpg) 0px 0px no-repeat;
	width:30px;
	height:264px;
	text-indent:-9999px;
	position:absolute;
	top:33px;
	left:0px;
}

#promo_tab_close {
	background:#F36523 url(http://www.magoweb.com/images/promos/tab-mes-mkt-digital-close.jpg) 0px 0px no-repeat;
	width:30px;
	height:36px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}
#promo_tab_close.hover {
	background-image:url(http://www.magoweb.com/images/promos/tab-mes-mkt-digital-close-over.jpg);
}
#promo_tab:hover, #promo_tab_texto:hover, #promo_tab_close:hover {
	cursor:pointer;
	outline:none;
}