﻿/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0 none;margin:0;outline-style:none;outline-width:0;padding:0;text-align:left;vertical-align:baseline}
:focus {outline-style:none;outline-width:0}
ol, ul {font-size:1px;list-style-image:none;list-style-position:outside;list-style-type:none}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
div#fonte p {font-size:0.9em}

/* Base Font */
body, h3, h4, h5, h6, li, p, input, textarea { color:#999;  font-family:Tahoma,Arial,MS Sans Serif,Verdana; font-size:12px }
h3 { color:#ccc; font-size:17px; font-weight: normal }
h4 { color:#ccc; font-size:15px; font-weight: normal }
h5 { color:#ccc; font-weight: bolder }
h6 { color:#ccc; font-weight: normal }
input, textarea { color:#333 }
a:link { color: #999; text-decoration: none }
a:visited { color: #999; text-decoration: none }
a:hover { color: #dbad0b; text-decoration: underline }
a:active  { color: #999; text-decoration: none }

/* Buttons */
input.Button { background: #2b2b2b url(../Img/button.jpg) left center repeat-x scroll; border: 1px solid #474747; color: #ccc; cursor: pointer; padding: 2px 10px 3px 10px; width: 0;  /* IE table-cell margin fix */ overflow: visible }
input.Button[class] { width: auto }
input.Button:hover { background-image: url(../Img/buttonHover.jpg) }

/* Structure & Common */
body { background: #191919 url(../Img/bg.jpg) 0 0 repeat-x scroll }
h5 { padding-top: 21px }
h6 { padding-top: 14px }
p { padding-top: 8px; line-height: 18px }
li { line-height: 18px }
div#Container { margin: 0 auto; width: 940px }
div#Header { height: 148px; }

h1 { clear: left; float: left; height: 124px; width: 220px }
h1 a { background: transparent url(../Img/logoCWICar.gif) 48px 15px no-repeat scroll; display: block; float: left; height: 124px; text-indent: -9999px; width: 220px }
h1 object { display: block; margin-top:16px; margin-left:37px; text-indent: -9999px; }
/*h2#SloganCWI { color: #ccc; float: left; font-size: 15px; font-weight: normal; height: 60px; line-height: 24px; padding: 20px 0 0 19px; width: 701px }*/
h2#SloganCWI { color:#CCCCCC; float:left; font-size:17px; font-weight:normal; height:44px; line-height:24px; padding:36px 0 0 19px; width:701px }

div#SiteMapPath { float: left; height: 23px; width: 470px }
div#SiteMapPath span { display: block; float: left; font-size: 10px; margin-top: 2px }
div#SiteMapPath span.Sep { background: transparent url(../Img/sepSiteMap.gif) 5px 4px no-repeat scroll; padding: 0 4px }
div#SiteMapPath a { color: #ccc }
div#SiteMapPath a:hover { color: #dbad0b }

ul#Languages { float: right; height: 18px; margin-top: 2px }
ul#Languages li { display: inline; font-size: 10px }
ul#Languages a { color: #ccc; margin-left: 6px; padding-left: 18px }
ul#Languages a:hover { color: #dbad0b }
ul#Languages li.pt-BR a { background: transparent url(../Img/flagBrasil.jpg) 0 1px no-repeat scroll }
ul#Languages li.en-UK a { background: transparent url(../Img/flagEngland.jpg) 0 1px no-repeat scroll }

ul#MainMenu { float: left; width: 700px }
ul#MainMenu li { float: left; display: inline }
ul#MainMenu a { color: #dbad0b; font-size: 15px; line-height: 42px; margin-right: 26px }
ul#MainMenu li.Company a { padding-left: 19px }
ul#MainMenu li.ProjectsPosition a { color: #ccc; margin-right: 0 }

div#Content { min-height: 300px }

div#FooterContainer { float: left; background: #191919 url(../Img/bgFoot.jpg) 0 0 repeat-x scroll; margin-top: 31px; width: 100% }
div#FootContent { height: 182px; margin: 0 auto; width: 940px }

div#FootContent a:link { color: #6c6c6c }
div#FootContent a:visited { color: #6c6c6c }
div#FootContent a:hover { color: #dbad0b }
div#FootContent a:active  { color: #6c6c6c }

h3#SubsidiariesAddress { display: none }
dl.SubsidiaryAddress { float: left; width: 220px; margin: 0 20px 15px 0 }
dl.SubsidiaryAddress dt { display: none }
dl.SubsidiaryAddress dd.CityState { color: #999; font-size: 11px; font-weight: bolder; padding: 12px 0 3px }
dl.SubsidiaryAddress dd { color: #4f4f4f; font-size: 11px; line-height: 16px }
dl.LastSubsidiaryAddress { margin-right: 0 }

ul#Partners { float: right }
ul#Partners li { float: left; height: 43px; margin-top: 23px; text-indent: -9999px; width: 95px }
ul#Partners li a { display: block; float: left; height: 100%; width: 100% }
li#Oracle { background: transparent url(../Img/logoOraclePartner.gif) 0 0 no-repeat scroll }
li#Microsoft { background: transparent url(../Img/logoMicrosoftPartner.gif) 0 0 no-repeat scroll; margin-left: 32px }

div.group { clear: left; float: left }

ul#SimpleMenu { float: left; margin-top: 12px; width: 500px }
ul#SimpleMenu li { background: transparent url(../Img/sepV.gif) right bottom no-repeat scroll; display: inline; font-size: 11px; line-height: 32px; padding: 0 4px 0 4px }
ul#SimpleMenu li.First { padding-left: 0 }
ul#SimpleMenu li.Last { background: none; padding-right: 0}

span#Copyright { clear: left; color: #4f4f4f; float: left; font-size: 10px; line-height: 32px; width: 440px }

a.Action { background: transparent url(../Img/knowMore.gif) 0 5px no-repeat scroll; display: block; font-size: 11px; float: left; margin-top: 6px; padding-left: 9px }

ul.SimpleList { padding: 7px 0 0 14px }
ul.SimpleList li { background: transparent url(../Img/simpleListAdorn.gif) 0 7px no-repeat scroll; padding-left: 7px  }
ul.SimpleList li.Info { background: none; padding-left: 7px; font-size:9px; }

ul.SecondLevel { padding-left: 7px }
ul.SecondLevel li { background: transparent url(../Img/secondLevelAdorn.gif) 0 9px no-repeat scroll; padding-left: 6px  }

/* Projeto Crescer*/
div.ProjCrescer {width: 690px; height: auto; padding: 0px; }
div.ProjCrescer h5, h6 {color: #ffffff;}
div.ProjCrescer span {color: #DBAD0B;}
div.ProjCrescer a:link {color: #DBAD0B;}
div.ProjCrescer img { float:left; margin: 15px 25px 60px 0px;}
div.ProjCrescer li {background: transparent url(../Img/knowMore.gif) 0 5px no-repeat scroll; padding-left: 9px;}
div.PostDepo {width: 320px; height: auto; margin-right: 25px; float: left;}
p.DepoItalic {font-family: Georgia; font-style:italic;}
p.DataDepo {font-size: 10px; line-height: 13px; padding-top:2px; color: #CCCCCC;}
p.Nome {line-height: 15px; padding-top:0px; color: #CCCCCC;}

/* Inner Menu*/
ul.InnerMenu li { background: transparent url(../Img/innerMenuSeparator.png) center bottom no-repeat scroll; padding: 10px }
ul.InnerMenu li.Selected { background-color: #080808; background-image: none }
ul.InnerMenu li.Last { background-image: none }

/* Blocks & Columns */
div.ColumnA { float: left; width: 212px }
div.ColumnB { float: left; width: 350px }
div.AidBox { border-top: 1px solid #2f2f2f; border-bottom: 1px solid #080808; background: transparent url(../Img/innerMenu.gif) 0 0 repeat scroll; clear: left; float: left; margin-top: 21px; width: 212px }
div.AidBox p { font-size: 11px; padding: 10px 14px 0 14px }
p.AidText { margin-bottom: 12px }
div.BlockA { float: left; margin: 21px 0 0 28px; width: 700px }
div.BlockB { float: left; margin: 21px 17px 0 0; width: 210px }
div.LastBlockB { margin-right: 0 }
div#Download { width:222px; float:right; margin: 0 10px 0 0; clear:right;}

/* Home */
div#MovieHome { height: 256px; margin-top: 21px; width: 940px }
div.HomeBlock { float: left; margin: 22px 20px 0 0; width: 220px }
div.LastHomeBlock { margin-right: 0 }

/* Services */
div.BlockB h4 { margin-top: 21px }
img.AreaLogo { float:right; margin: 0 0 0 20px }
img.FullImage { margin-top: 14px }

/* Opportunities */
label.OpportunitiesFilter { display: block; font-size: 11px; padding: 10px 0 0 14px }
input.Join { margin: 10px 0 10px 36px }
input.OpportunitiesFilter { margin: 10px 0 0 14px; width: 182px }
a.RemoveFilter { margin: 15px 0 0 14px } 
input.FilterButton { float: right; margin: 10px 11px 10px 0 }
div.Opportunitie { border: 1px solid #080808; margin-top: 14px }
div.Opportunitie h4 { background: transparent url(../Img/bgJobTitle.gif) center bottom repeat scroll; font-size: 12px; padding: 6px }
div.Opportunitie p { padding: 6px }

/* Site Map */
div.SiteMap { margin-top: 14px }
div.SiteMap td { vertical-align: middle }

/* Contact */
label.Label { display: block; float: left; width: 82px }
input.TextBox { background-color: #ccc }
textarea.TextArea { background-color: #ccc }
ul.ContactForm { margin-top: 14px }
ul.ContactForm li { padding-bottom: 10px }
ul.ContactForm input.TextBox { width: 378px }
ul.ContactForm textarea.TextArea { width: 378px }
ul.ContactForm input.DDD { width: 40px }
ul.ContactForm input.PhoneNumber { margin-left: 10px; width: 100px }
input.ButtonContactSend { margin-left: 404px }
ul.EmailsToContact { padding-top: 14px }

/* Technology */
img.MajorTechnology { margin-top: 21px }


