/* CSS by Sergio Almeida (sergio@sadesigner.com) at 03/2009 */

body { background:#ffffff;}
#wrapper {margin:0 auto; width:908px;}

/* Geral */
i {font-style:normal; color:#57b7df;}
strong {font-weight:bold;}
em {font-style: italic;}
a{color:#4a4b4d; outline:none;}
a:hover{color:#57b7df;}
.center {text-align: center; margin:0 auto;}
.float-left {float:left; margin:0 1em 1.2em 0;}
abbr,acronym{border-bottom:1px dotted #4a4b4d; color:#4a4b4d; cursor:help;}
li {color:#4a4b4d;}
embed,object,img{outline: none;}
br {clear:both;}
cite {color:#4a4b4d; font:italic 12px/18px Georgia, "Times New Roman", Times, serif; letter-spacing:1px;}
h1 {background:url(../images/logo-armec.gif); width:176px; height:54px; margin:50px 18px 0 25px; float:left;}
h1 a {text-indent:-9999em; overflow:hidden; display:block; width:176px; height:54px;}
h2 {overflow:hidden; text-indent:-9999em; width:0; height:0; }
h4 {font: normal 24px/1em Arial, Helvetica, sans-serif; color:#636466; letter-spacing: 2px;text-transform:lowercase; margin:0 0 1em 0;}
p {font:normal 12px/1.5em Arial, Helvetica, sans-serif;color:#818285;margin:0 0 1.2em 0;}
ul.list {margin:1em 0 1em 1.4em;}
ul.list li {list-style:url(../images/bullet.gif);margin:0 0 0.2em 0;padding:0 0 0 0.2em;}
ul.list-left {margin:0 0 1em 17.4em;}
ul.list-left li {list-style:url(../images/bullet.gif);margin:0 0 0.2em 0;padding:0 0 0 0.2em;}

/* action buttons */
.btn {width:100%;float:left;margin:0 0 1.2em 0;}
.btn ul {list-style:none;}
.btn li:first-child {float:right;display:inline;font:bold 12px/12px Arial, Helvetica, sans-serif; margin:0 0 0 0;}
.btn li {float:right;display:inline;font:bold 12px/12px Arial, Helvetica, sans-serif; margin:0 1em 0 0;}
.btn a {float:left;background:url("../images/btn-left.gif") no-repeat left top;padding:0 0 0 10px;text-decoration:none;}
.btn a span {float:left;display:block;background:#bdd73c;padding:3px 1em 3px 1em;color:#fff;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.btn a span {float:none;}
/* End IE5-Mac hack */
.btn a:hover span {color:#fff;}
.btn a:hover {background-position:0 -18px;}
.btn a:hover span {background:#4a4b4d;}

/* menu */
.menu {height:30px;display:block; margin:79px 0 0 0;}
.menu li {float:left;}
.menu a {overflow:hidden;text-indent:-9999em;display:block;height:30px;}
.menu li.sobre {background:url(../images/menu.gif) 0 0; width:94px;}
.menu li.press {background:url(../images/menu.gif) -94px 0; width:124px;}
.menu li.clima {background:url(../images/menu.gif) -218px 0; width:114px;}
.menu li.venti {background:url(../images/menu.gif) -332px 0; width:98px;}
.menu li.siste {background:url(../images/menu.gif) -430px 0; width:176px;}
.menu li.conta {background:url(../images/menu.gif) -606px 0; width:81px;}
.menu li.sobre:hover {background:url(../images/menu.gif) 0 30px;}
.menu li.press:hover {background:url(../images/menu.gif) -94px 30px;}
.menu li.clima:hover {background:url(../images/menu.gif) -218px 30px;}
.menu li.venti:hover {background:url(../images/menu.gif) -332px 30px;}
.menu li.siste:hover {background:url(../images/menu.gif) -430px 30px;}
.menu li.conta:hover {background:url(../images/menu.gif) -606px 30px;}

/* carousel */
.highlights {width:908px; display:block; margin:20px 0 30px 0; clear:both;}

#mycarousel li.item-clima {background:url(../images/highlight-climatizacao.jpg) no-repeat; width:908px; height:234px;}
#mycarousel li.item-press {background:url(../images/highlight-pressurizacao.jpg) no-repeat; width:908px; height:234px;}
#mycarousel li.item-venti {background:url(../images/highlight-ventilacao.jpg) no-repeat; width:908px; height:234px;}
#mycarousel li.item-siste {background:url(../images/highlight-sistemadear.jpg) no-repeat; width:908px; height:234px;}
#mycarousel li h3 {overflow:hidden; text-indent: -9999px; text-align: left;}
#mycarousel li p {font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; text-align: left; width:460px; margin:80px 0 20px 90px;}
#mycarousel li cite {color:#fff;}
#mycarousel #swf-venti {position:absolute; display: block; width:356px; height: 226px; top:0; margin: 3px 0 0 548px;}

/* content para internas */
.content img.right{padding: 0.6em; float:right; margin:0.2em 0 0.2em 1em; display: block; border:1px solid #c0c0c2;}
.content img.left{padding: 0.6em; float:left; margin:0.2em 1em 0.2em 0; display: block; border:1px solid #c0c0c2;}
.content img.center,object.center{padding: 0.6em; margin:0.2em auto; display: block; border:1px solid #c0c0c2; text-align: center;}
.content {display:block; float:left; width:673px; margin-bottom:20px; padding-left:25px;}
.content h4 {margin:36px 0 20px 0;}
.content cite {display:block; border-left:2px solid #c0c0c2; padding:0 0 0 1.4em;}
.content h5 {font: normal 18px/1em Arial, Helvetica, sans-serif; color:#4a4b4d; letter-spacing: 2px;text-transform:lowercase; margin:2em 0 1em 0; border-bottom:1px solid #4a4b4d; padding:0 0 0.6em 0;}
.content .right{padding: 0.6em; float:right; margin:0.2em 0 0.2em 1em; display: block; border:1px solid #c0c0c2;}


/* table home */
.table {width:908px; margin:0; display:block;}
.cell {width:250px; border-right:solid 1px #c0c0c2; float:left; padding:0 25px 0 25px; margin:0 0 36px 0; display:block;}
.cell-last {width:248px; border-right:0; float:left; padding:0 25px 0 25px; margin:0 0 36px 0;}

/* cell internas */
.destaque {background:url("../images/destaque-oxygensolutions.gif") no-repeat; width:250px; height:194px; padding:142px 0 0 0;}
.destaque p {color:#fff; margin-left:18px; margin-right:14px;}
.destaque strong {color:#fff;}
.cases {margin: 0 0 1em 0; display:block; height:130px;}

/* cite balloon */ 
.balloon {width:226px; background:url(../images/balloon-bg.gif); display:block; padding:0px 14px 6px 14px;}
.balloon-top {width:254px; height:14px; background:url(../images/balloon-top.gif) no-repeat; display:block;}
.balloon-footer {width:254px; height:35px; background:url(../images/balloon-footer.gif) no-repeat; display:block; margin:0 0 -10px 0;}
.cite-author{ text-align:right;}

/* central de atendimento */
.centra-atend {display:block; position:absolute; top:0; width:420px; margin:18px 0 0 482px;}
.centra-atend h5 {float:left; font: normal 14px/1em Arial, Helvetica, sans-serif; color: #c0c0c2; letter-spacing: 1.5px; text-transform: lowercase; margin:0 0 3px 0px;}
.centra-atend p {clear:both; text-align:left; font:normal 10px/10px Arial, Helvetica, sans-serif; color:#818285;}
.centra-atend a {color:#57b7df; text-decoration:none;}
.centra-atend a:hover {text-decoration:underline;}
.centra-atend ul {float:right; display:inline; margin:0 0 0 0;}
.centra-atend .extra {background:url(../images/btn-extranet.gif); width:92px; height:20px; overflow:hidden; text-indent:-9999em;}
.centra-atend .extra a {width:92px; height:20px; display:block;}

/* hr linha */
.content hr {border-top: 1px dotted #c0c0c2; border-bottom:0; border-left:0; border-right:0; color:#ffffff;background-color:#ffffff;height:1px;clear:both;max-width:900px;}
hr {border-top: 1px solid #c0c0c2; border-bottom:0; border-left:0; border-right:0; color:#ffffff;background-color:#ffffff;height:1px;clear:both;max-width:900px;}

/* sitemap and footer */
.sitemap-footer {width:900px; margin:10px 0 0 0; display:block;}
.sitemap-footer li {padding:3px 0 3px 0; float:left; font:normal 10px/10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#57b7df; height:10px; border-right:1px solid #57b7df;}
.sitemap-footer li.sitemap-footer-last {padding:3px 0 3px 0; float:left; font:normal 10px/10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#57b7df; height:10px; border-right:none;}
.sitemap-footer li a {padding:0 8px 0 8px;color:#818285; text-decoration:none;}
.sitemap-footer li a:hover {color:#57b7df;}
.sitemap-footer .copyright {display:block; float:left; background:url(../images/logo-smallarmec.gif) no-repeat left; padding:4px 0 0 84px; margin:12px 0 16px 6px; height:16px;}
.sitemap-footer p.copyright {color:#c0c0c2; font:normal 10px/12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.sitemap-footer .design-author {overflow:hidden; text-indent:-9999px; float:right; margin:-34px 0 0 0;}
.sitemap-footer .design-author a {background:url(../images/logo-sa.gif) no-repeat; display:block; width:29px; height:21px;}

/* notfound style */
.notfound {width:858px; display:block; margin:4em 0; border:1px solid #c0c0c2; padding:25px; background-color:#ffffee;}
.notfound h4 {background:url("../images/error.png") no-repeat right;}