* {margin:0; padding:0;}
body {font-size:62.5%; line-height:1.25; font-family:Verdana, arial, freesans, garuda, helvetica, sans-serif;}
img, ul, li, ol, a, fieldset {border:0;}
ul {list-style:none;}
ol {list-style:decimal;}
a{cursor: pointer; text-decoration:none; color: #675195;}
a:hover {text-decoration:underline;}
p { font-size: 1.1em; color: #6d6e71;}
p em {font-weight: bold;}

/* ####  COMPONENTE LOGO  #### */
.logo  { margin:3em 0 0 .2em; font-size:1em; }
.logo  a {  overflow: hidden;  }
.logo img {width:11.5em;}

.contact { position:absolute; right:0; top:5px; font-size:1.2em; position:absolute;}
.contact a { color:#fff; }
.contact a:hover { color:#E0F405; text-decoration:none; }

/* #####  COMPONENTE HOME  #### */
.highlightHome {overflow:hidden; background: url(../img/bgHeadline.gif) no-repeat right top;}
.highlightHome h2 {font-size:1.8em; font-weight:normal;  color:#675195; padding:20px 20px 10px 20px;}
.highlightHome .titleContent {margin:1em 0 0 0; overflow:hidden;}
.highlightHome .titleContent .link{font-size:12px; display: block; padding: 0;}
.highlightHome p {padding:0 0 12px 20px;} 
.highlightHome .type1 {padding-right:203px;}
.highlightHome .type2 {padding-right:200px;}
.highlightHome .type3 {padding-right:240px;}
.highlightHome .type4 {padding:0 40px 15px 20px; overflow:hidden;}
.highlightHome img {float:left; width:23.2em;}
.highlightHome a {color:#675195; font-size:1.2em; text-decoration:underline; padding-left:20px;}

/* #####  COMPONENTE HCard  ####
.vcard { text-align:right; font-size:0.9em; position:absolute; right:3px; bottom:3px; }
.vcard  a { color:black;  text-decoration: none; font-size:1em; display: block;}
.vcard span, .vcard a {background: #ECFA49;} */

/* #####  COMPONENTE MENU PRINCIPAL #### */
.mainMenu {background:#675195;}
.mainMenu li { display:block; border-bottom:1px solid #adc302; }
.mainMenu li a { background:#7F74B6; text-decoration: none; color:#FFF; display: block; margin-left:5px; padding:10px 15px 10px 20px; font-size:1.1em; }
.mainMenu li a:hover, .mainMenu li.selected a{ color:#e0f405; background:#665194; }

/* #####  COMPONENTE LISTA-1  #### */
.list1 {overflow: hidden; padding-left:20px;}
.list1 li {font-size:0.9em; list-style-type:none; background: url(../img/bgList1.gif) repeat-y right ; float:left; width:33.3%; margin-bottom:30px; margin-left:10px; display:inline; }
.list1 .first { margin-left:-20px; clear:left; }
.list1 .last { margin-right:0; background:none; }
.list1 img {  margin-bottom:10px; padding:1px; width:17.8em; }
.list1  a  .caseName { font-size: 1.1em; color: #575758; margin-bottom:10px; font-weight: bold; display: block; }
.list1  a  .caseDescription { font-size: 1.1em; color: #6d6e71; margin-bottom:15px; padding-right:30px; display: block; }
.list1  a {text-decoration: none;}
.list1  a:hover{text-decoration: underline;}
.list1 span  {color: #473082; text-decoration: none; display: block; font-size:1.2em;}
.list1 a:hover span, .list1 a:hover .caseName, .list1 a:hover .caseDescription {text-decoration:underline;}
.portfolio { margin:30px 0 15px 25px;}

/* #####  COMPONENTE LISTA-2  #### */
.list2 {overflow: hidden; padding-left: 20px;}
.list2 li { list-style-type:none; background: url(../img/bgList1.gif) repeat-y right ; float:left; width:33.3%; margin-bottom:30px; margin-left:10px;  }
.list2 .first { margin-left:-20px; clear: left;}
.list2 .last { background: none;}
.list2 .st {width:40%;}
.list2 .ew {width:40%;}
.list2 img {margin-bottom: 10px; width:15.6em;}
.list2 h2 {font-size: 1em; color: #575758; margin-bottom:10px; font-weight: bold;}
.list2 p {font-size: 1em; color: #6d6e71; margin: 0 0 15px 0; padding-right: 30px;}
.list2 a {font-size: 1em; color: #473082; text-decoration: none;}
.list2 a:hover {text-decoration: underline;}
.clientes {margin: 30px 0px 15px 15px;}

/* #####  COMPONENTE TITLE1 #### */
.title1 { overflow: hidden; }
/*.title1 h1 {background: url(../img/bgButton.gif) repeat; border:1px solid #d7e341;  float: left; font-size:1.1em ;}
.title1 h1 strong {color: #3d4300; font-family:tahoma ; background: url(../img/buttonArrow.gif) no-repeat 10px; padding:10px 10px 10px 25px; display: block; text-transform:uppercase;}*/
.title1 h1 {font-size:2em; font-weight:normal; color:#675195; padding:8px 15px; }

/* #####  COMPONENTE BUTTON1 #### */
.button1 {  overflow: hidden; margin: 0 1.5em 3em;}
.button1 p { font-family:tahoma ; font-size:1.1em ; float: right; background: url(../img/bgButton.gif) repeat; border:1px solid #d7e341;}
.button1 a { font-size:0.9em; color: #3d4300; text-decoration:none; padding:5px 8px 5px 25px; display:block; background: url(../img/buttonArrow2.gif) no-repeat 10px; text-transform:uppercase; }
.button1 a:hover { text-decoration:underline;}

/* #####  COMPONENTE DESTAQUES #### */
.highlight { margin:0px 15px 50px 25px; }
.highlight  li { list-style-type:none; }
.highlight img { border:1px solid #808285; margin-bottom:10px; padding:1px; width:57.1em; margin-top:-140px; }
.highlight h2 { font-size:0.9em; color: #3d4300; margin-bottom:10px; font-weight: normal; }
.highlight p { font-size:0.9em; color: #6d6e71; margin-bottom:15px; padding-right:30px; text-align:left; }
.highlight a { font-size:0.9em; color: #473082; text-decoration:none; text-transform:uppercase; }
.highlight a:hover { text-decoration:underline; }

/* #####  COMPONENTE TITLE2 #### */
.title2 { position:relative; background: url(../img/bgButton.gif) repeat; border-top:1px solid #d7e341; border-bottom:1px solid #d7e341; margin:160px 0px; margin:25px 0px 160px; }
.title2 h2 { color: #3d4300; font-family:tahoma ; font-size:1.1em ; background: url(../img/buttonArrow.gif) no-repeat 10px; padding:5px 0px 5px 25px; text-transform:uppercase; }

/* #####  COMPONENTE BUTTON3 #### */
.button3 { margin:0 1.5em 3em; overflow:hidden; }
.button3 p { background: url(../img/bgButton.gif) repeat; border:1px solid #d7e341; float:right; }
.button3 a { display:block; background: url(../img/buttonArrow3.gif) no-repeat 10px; font-size:0.9em; color: #3d4300; font-family:tahoma; text-decoration:none; padding:5px 5px 5px 25px; text-transform:uppercase; }
.button3 a:hover { text-decoration:underline; }

/* #####  COMPONENTE FOOTER #### */
.footer { background: #5e5296 url(../img/bgFooter.jpg) repeat-y center; padding:5px 0px; text-align:center; color:white; font-size:0.9em; font-family:tahoma; } 

/* #####  COMPONENTE PORTIFOLIO INTERNAS #### */
.portInterBox { margin:15px 0; }
.portInterInfo { overflow:hidden; padding-left:15px; }
.portInterInfo .title1 h1 { padding:0; }
.portInterInfo strong { color:#6D6E71; display:block; border-bottom:1px solid #cccccc; margin-top:10px; width:26em; }
.portInterInfo h3 { color:#675195; font-size:1.4em; }
.portInterInfo  .link { color:#675195; font-size:1em; margin-top:5px; }
.portInterInfo ul { margin-top:5px;}
.portInterInfo ul li { float:left; margin-right:5px; width:4.8em; height:4.8em; background:#675195; }
.portInterImage { padding:0px 0px 0px 0px; float:right;}
.portInterImage img { padding:0px; margin:0px 0 0px 0; width:30em;}

/* #####  COMPONENTE QUEM SOMOS #### */
.who {margin-bottom:5em;}
.who img  { padding:2px; float:right; margin:0px 15px 20px 20px;}
.who p {margin: 0 15px 15px 15px;}

/* #####  COMPONENTE CONTATO #### */
.form { display:inline; }

form, .alertForm{ overflow:hidden; float:left; margin:30px 15px 75px 15px; width:24em; }
form fieldset { border:0px; text-align:left ;}
form label { font-family:verdana ; font-size:1.0em; color: #6d6e71; }
form .button4 { padding:5px 10px; font-size:0.9em; color: #3d4300; font-family:tahoma; background: url(../img/bgButton.gif) repeat; border:1px solid #d7e341; cursor: pointer; text-transform:uppercase;} 
form .buttonClean  { padding:5px 10px; font-size:0.9em; color: #3d4300; font-family:tahoma; background: url(../img/bgButtonClean.gif) repeat; border:1px solid #d7e341; cursor: pointer;}
form .input1 { width:17.5em; height:1.5em; display: block; margin-top:5px; margin-bottom:15px; }
form textarea { width:18em; height:8.5em; display: block; margin-top:5px; margin-bottom:15px; }
.alertForm p {font-weight: bold; color: red;}
.alertForm p a {font-weight: normal; margin-top: 20px; float: left;}

.address { overflow:hidden; margin-bottom:75px; padding-right:25px; }
.address address {font-size:1.1em; color:#6d6e71; font-style:normal; }
.address strong {font-size:1.1em; color:#6d6e71; margin:33px 0 0 0; font-style:normal; font-weight:normal; margin-bottom:5px; display:block; }
.address a { text-decoration:none; color:#6d6e71; }
.address a:hover { text-decoration: underline; }
.address p {font-size:1em;}
.address span { color:#6d6e71; }
.address .type { display:none; }


/* #####  COMPONENTE SERVIÇOS #### */
.servicos { overflow:hidden; margin:0px 15px; }
.servicos h2 {font-size:1.0em; color: #6d6e71; margin:0 0 15px 0; font-weight: normal; }
.servicos .usability {margin-top:30px;}
.servicos p { color: #6d6e71; margin:0 15px 15px 0; padding-right: 220px;}
.servicos img{float:right; padding-left:15px;}
.servicos img {padding: 2px 2px 2px 2px; border:1px solid #808285; width:21.3em; margin-bottom:1.5em;}
.servicos .image02 { padding-top:37px;}

/* #####  COMPONENTE BREADCRUMB #### */
.breadcrumb { font-size:1.1em; color:#808285; font-family:tahoma; margin:10px 0px 0px 15px; }
.breadcrumb li { display:inline; }
.breadcrumb li h2{ font-size: 1em; display: inline;}
.breadcrumb a { text-decoration:none; color:#808285; }
.breadcrumb a:hover { text-decoration:underline; }

/* #####  COMPONENTE TEXT #### */
.text1 {margin: 0 15px;}
.text3 {margin: 10px 160px 0px 130px; position:relative; }
.text4 {padding: 8px 30px 8px 15px; overflow:hidden; }
.text4 strong  {font-weight: normal;}

/* #####  COMPONENTE STYLE1 #### */
.style1 { margin-bottom:-150px; padding:75px 0px; width:21.5em; position:relative; top:-1px; left:-1px; }
.style { background:#fff url(../img/bgHome2.gif) no-repeat top left; }
.title3 { font-size:1.2em; font-family:tahoma; color:#6d6e71; font-weight:normal; margin:55px 160px 15px; position:relative; }

.caseNavigation {  background:#f5f5f5; padding:5px 0; margin:5px; overflow:hidden; text-align:center; clear:both;   }
.caseNavigation a { color:#9a9a9a; font-weight:normal; }
.caseNavigation .prev { float:left; background: url(../img/bgPrev.gif) no-repeat left center; padding-left:10px; margin-left:5px; }
.caseNavigation .next { float:right; background: url(../img/bgNext.gif) no-repeat right center; padding-right:10px; margin-right:5px; }