/* Reset browser styles */

@import url("reset.css");

/* Components */

.expandableList .itemHeading{
cursor:pointer;
padding-right:16px;
background-position:right center;
background-repeat:no-repeat;
}
.expandableList .closed .itemHeading{
background-image:url(../img/expand.gif);
}
.expandableList .open .itemHeading{
background-image:url(../img/contract.gif);
}
.expandableList .closed .itemContent{
display:none;
}
div#content2 div.left .expandableList div:first-child h3{
margin:2.29em 0 0.86em 0;
}
div#content2 div.left .expandableList div h3{
margin:1.15em 0 0.86em 0;
}



/* Common  styles */

body{
background-color:#1e2225;
color:#2b2d31;
font-family:Arial, Helvetica, sans-serif;
min-width:768px;
font-size:0px;
}
body > div{
font-size:10px;
}
hr{
display:none;
}
a{
color:#F88700;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a[rel='external']{
background-image:url(../img/external.png);
background-position:right;
background-repeat:no-repeat;
padding-right:16px;
}
ul.linkList li{
background-image:url(../img/arrow-link-bullet.gif);
background-position:0em 0.4em;
background-repeat:no-repeat;
padding-left:1.6em;
margin-bottom:0.3em;
}



/* Forms */

div.left form{
width:416px;
}
div.left form dl{
margin-bottom:1.6em;
overflow:auto;
}
form input,
form textarea,
form select{
background-color:#a4a6a8;
width:186px;
line-height:1em;
border:solid 1px #616469;
font-size:11px;
color:#2b2d31;
padding:4px;
}
form input{
height:1.27em;
}
form select{
padding:2px;
height:2.06em;
width:196px;
}
form option{
padding:2px;
color:#2b2d31;
}
form textarea{
height:86px;
width:278px;
font-family:Arial, Helvetica, sans-serif;
}
form input:hover,
form textarea:hover,
form select:hover,
form input:focus,
form textarea:focus,
form select:focus,
form input.focus,
form textarea.focus,
form select.focus{
background-color:#ffffff !important;
}
form input.empty,
form textarea.empty{
color:#616469;
}
form input.error,
form textarea.error,
form select.error{
background-color:#d4d7d9;
border-color:red;
}
form input.correct,
form textarea.correct,
form select.correct{
background-color:#d4d7d9;
}
form button{
background:none;
background-repeat:no-repeat;
background-color:#25292c;
background-position:center;
border:#44494d solid 1px;
height:24px;
width:94px;
cursor:pointer;
overflow:hidden;
color:#F88700;
}
form button:hover{
background-color:#1e2225;
text-decoration:underline;
}
form button[type='submit']{
margin:2em 0 0;
}
form button span{
display:none;
}
form button[type='reset'] span{
visibility:visible;
color:#F88700;
}
form span{
font-size:10px;
line-height:1.2em;
color:#fff;
padding:4px 0;
margin:2px 0 6px;
background:none;
}
form textarea+span.error{
display:block;
}
form span.error{
padding-left:24px;
background-image:url(../img/icon-error.png);
background-repeat:no-repeat;
background-position:center left;
}
form span.correct{
padding-left:24px;
background-image:url(../img/icon-ok.png);
background-repeat:no-repeat;
background-position:center left;
}
div#content2 div.left form dl dt{
line-height:1em;
margin:1em 0 0.3em;
}
form dt label{
font-weight:bold;
}
div#content2 div.left form dl dd{
color:#fff;
font-size:11px;
margin-bottom:0.4em;
padding:0;
}
form legend{
display:none;
}



/* Heading */

div#heading{
height:96px;
background-image:url(../img/heading-bg.gif);
background-position:bottom;
background-repeat:repeat-x;
}
div#heading div.content{
margin:0 auto;
width:736px;
min-width:736px;
max-width:960px;
padding:0 16px;
position:relative;
}
body#pgArticles div#heading div.content,
body#pgArticle div#heading div.content{
width:auto;
min-width:736px;
max-width:960px;
}
div#heading h1{
position:absolute;
top:32px;
left:0;
width:176px;
height:64px;
}
div#heading h1 a{
display:block;
width:176px;
height:64px;
background-image:url(../img/logo.gif);
background-position:top;
}
div#heading h1 a:hover{
background-position:bottom;
}
div#heading h1 img{
display:none;
}
div#heading div#topMenus{
position:absolute;
top:8px;
right:16px;
width:288px;
}
ul#menu2 li{
float:left;
height:16px;
padding-right:16px;
}
ul#menuLang li{
height:16px;
}
ul#menu2 li span, ul#menuLang li span{
display:none;
}
ul#menu2 li a, ul#menuLang li a{
display:block;
height:16px;
background-position:top;
overflow:hidden;
}
ul#menu2 li a:hover, ul#menuLang li a:hover{
background-position:bottom;
}
ul#menu1{
position:absolute;
top:56px;
right:16px;
width:288px;
}
ul#menu1 li{
float:left;
height:16px;
padding-right:19px;
}
ul#menu1 li.last{
padding-right:0;
}
ul#menu1 li span{
display:none;
}
ul#menu1 li a{
display:block;
height:16px;
background-position:top;
overflow:hidden;
}
ul#menu1 li a:hover{
background-position:bottom;
}



/* Content 1 - Portfolio area */

div#content1{
margin:0 auto;
width:416px;
padding:32px 336px 32px 16px;
overflow:hidden;
position:relative;
}
body#pgArticles div#content1,
body#pgArticle div#content1{
width:auto;
min-width:416px;
max-width:640px;
}
div#content1 div.left{
width:100%;
float:left;
overflow:hidden;
}
div#content1 div.left p.mainMsj{
float:none;
width:100%;
padding:0;
background-position:left bottom;
background-repeat:no-repeat;
border-bottom:dashed 1px #616469;
}
div#content1 div.left p.mainMsj span{
visibility:hidden;
}
div#content1 h2{
font-size:13px;
text-align:right;
color:#fff;
font-weight:bold;
margin:16px 0 0 0;
background-image:url(../img/arrow-01.png);
background-position:right top;
background-repeat:no-repeat;
padding:24px 0 0 0;
}
div#content1 p{
text-align:right;
width:416px;
font-size:11px;
color:#d7dce3;
padding:0;
margin-top:8px;
}
div#content1 ul#otherProjectInfo{
font-size:11px;
text-align:right;
color:#979ca1;
width:416px;
margin-top:16px;
}
div#content1 div.right{
float:right;
width:288px;
margin-right:-336px;
padding:0 16px 0 32px;
}
div#portfolioImage{
position:relative;
padding:4px;
background-color:#FFFFFF;
overflow:hidden;
}
div#portfolioImage img,
div#portfolioImage object{
display:block;
width:280px;
height:280px;
}
body#pgClients div#portfolioImage object,
body[id*=Company] div#portfolioImage object{
height:216px;
}
ul#imageMenu{
position:absolute;
bottom:0;
right:0;
width:48px;
height:24px;
}
ul#imageMenu li{
float:left;
width:24px;
height:24px;
background-position:top;
cursor:pointer;
}
ul#imageMenu li:hover{
background-position:bottom;
}
ul#imageMenu li a{
display:none;
}
ul#imageMenu li#imageMenu-01{
background-image:url(../img/arrow-portfolio-left.png);
}
ul#imageMenu li#imageMenu-02{
background-image:url(../img/arrow-portfolio-right.png);
}
div#portfolio{
background-color:#25292c;
border-top:#44494d solid 1px;
}
div#portfolio div.content{
margin:0 auto;
width:736px;
height:32px;
padding:8px 16px;
position:relative;
}
div#portfolio h2{
position:absolute;
background-repeat:no-repeat;
height:12px;
min-width:736px;
max-width:960px;
top:18px;
}
div#portfolio h2 span{
display:none;
}
div#portfolio ul{
position:absolute;
right:16px;
height:32px;
}
div#portfolio ul li{
float:left;
height:32px;
width:32px;
margin-right:16px;
}
div#portfolio ul li.last{
margin-right:0;
}
div#portfolio ul li a, div#portfolio ul li span{
display:block;
height:28px;
width:28px;
border:#44494d 2px solid;
}
div#portfolio ul li a:hover, div#portfolio ul li span{
border:#ffffff 2px solid;
}
div#portfolio ul li img{
display:block;
height:24px;
width:24px;
padding:2px;
}
div#portfolio ul li span span, div#portfolio ul li a span{
display:none;
}



/* Content 2 */

div#content2{
background-color:#3a3e42;
border-top:#44494d solid 1px;
border-bottom:#44494d solid 1px;
width:100%;
overflow:hidden;
padding-bottom:32px;
}
body#pgArticles div#content2,
body#pgArticle div#content2,
body#pgContact div#content2{
border-top:none;
}
div#content2 div.content{
margin:0 auto;
width:416px;
padding:32px 336px 32px 16px;
position:relative;
}
body#pgArticles div#content2 div.content,
body#pgArticle div#content2 div.content{
width:auto;
min-width:416px;
max-width:640px;
}



/* Content 2 - Left area */

div#content2 div.content div.left{
width:100%;
float:left;
}
div#content2 div.left h2{
height:24px;
color:#fff;
font-weight:bold;
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
line-height:1000px;
margin-bottom:24px;
}
body#pgArticle div#content2 div.left h2{
height:auto;
line-height:1.4em;
font-size:20px;
margin:0 0 1.5em 0;
}
div#content2 div.left h3{
font-size:15px;
color:#fff;
font-weight:bold;
margin:2.29em 0 1.71em 0;
}
div#content2 div.left h4{
font-size:12px;
color:#fff;
font-weight:bold;
margin:2.29em 0 1.71em 0;
}
div#content2 div.left p{
color:#FFFFFF;
font-size:12px;
line-height:1.4em;
margin-bottom:16px;
}
div#content2 div.left strong{
font-weight:bold;
}
div#content2 div.left em{
font-style:oblique;
}
div#content2 div.left ul,
div#content2 div.left ol{
color:#FFFFFF;
font-size:12px;
line-height:1.4em;
margin-bottom:1.33em;
padding-left:2em;
}
div#content2 div.left dl dt{
font-size:12px;
color:#fff;
font-weight:bold;
margin:2.29em 0 1.33em 0;
}
div#content2 div.left dl dd{
color:#FFFFFF;
font-size:11px;
line-height:1.53em;
margin-bottom:1.45em;
padding-left:2em;
}
div#content2 div.left div#articleBody p,
div#content2 div.left div#articleBody ul,
div#content2 div.left div#articleBody ol{
color:#d7dce3;
}
div#content2 div.left div#articleBody p img{
margin:8px 8px 8px 0;
float:left;
border:4px solid #d7dce3;
}
div#content2 div.left li ul,
div#content2 div.left li ol{
font-size:0.9em;
margin:0.74em 0;
}
div#content2 div.left ol{
list-style-type:decimal-leading-zero;
}
div#content2 div.left ol ol{
list-style-type: lower-alpha;
}
div#content2 div.left blockquote{
font-size:0.9em;
padding:0 32px;
font-style:oblique;
background:url('../img/left-quotes.gif') left top no-repeat,
url('../img/right-quotes.gif') right bottom no-repeat;
}
body#pgArticles div#content2 div.left h3{
margin:0 0 1.14em;
}
div#content2 div.left p.date{
color:#979ca1;
font-size:10px;
margin-bottom:4px;
}
div#content2 div.left p.commentNumber{
font-size:10px;
padding-bottom:15px;
border-bottom:dotted 1px #616469;
margin:12px 0 16px;
}
div#content2 div.left ul.paginado{
color:#FFFFFF;
font-size:12px;
float:right;
margin-top:8px;
}
div#content2 div.left ul.paginado li{
display:inline;
padding:0 4px;
}
div#content2 ul#callToAction1{
padding:0;
margin-top:32px;
}
div#content2 ul#callToAction1 li{
float:left;
height:24px;
padding-right:16px;
overflow:hidden;
}
div#content2 ul#callToAction1 li a{
display:block;
background-repeat:no-repeat;
background-color:#25292c;
background-position:center;
border:#44494d solid 1px;
height:22px;
}
div#content2 ul#callToAction1 li a:hover{
background-color:#1e2225;
}
div#content2 ul#callToAction1 li a span{
display:none;
}
div#content2 ul#callToAction1 li#callToAction1-01{
display:none;
}
div#content2 div.left p.introduction{
font-size:14px;
margin-bottom:2.29em;
padding-right:128px;
font-style:oblique;
}
div#articleBody{
border-bottom:#616469 1px dashed;
padding-bottom:16px;
}
div#content2 div.left  div#articleBody  p.author{
color:#fff;
font-size:10px;
margin:3.2em 0 0;
}
div#content2 div.left blockquote.comment{
background-color:#616469;
background-image:url('../img/comment-bg-top.gif');
background-position:right top;
background-repeat:no-repeat;
padding:0 16px 0 0;
font-style:normal;
}
div#content2 blockquote.comment p{
background-color:#616469;
background-image:url('../img/comment-bg-top.gif');
background-position:left top;
background-repeat:no-repeat;
padding:16px 0 0 16px;
font-size:11px;
margin:0;
}
div#content2 div.commentDetails{
background-image:url('../img/comment-bg-bottom.gif');
background-position:right top;
background-repeat:no-repeat;
padding-right:16px;
margin:0;
}
div#content2 div.commentDetails p{
background-image:url('../img/comment-bg-bottom.gif');
background-position:left top;
background-repeat:no-repeat;
padding:32px 0 0 24px;
font-size:10px;
margin:0 0 2.3em 0;
}
div#content2 img#captchaImg{
border:#616469 2px solid;
padding:2px;
margin-left:128px;
}
dl#alliances dt a{
padding:0;
background-image:none;
}
dl#alliances dt a img{
opacity:0.8;
}
dl#alliances dt a:hover img{
opacity:1;
}



/* Content 2 - Right area */

div#content2 div.content div.right{
float:right;
width:288px;
margin-right:-336px;
padding:0 16px 0 32px;
}
div#content2 div.right h2{
height:16px;
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
line-height:1000px;
margin:32px 0 12px;
position:relative;
}
div#content2 div.right h2:first-child{
margin-top:0;
}
div#content2 div.right h2#titRecentArticles a{
display:block;
position:absolute;
background-image:url(../img/rss-small.png);
background-repeat:no-repeat;
height:16px;
width:16px;
top:0;
right:0;
}
div#content2 div.right p.rss a{
display:block;
min-height:16px;
background-image: url(../img/rss-small.png);
background-repeat: no-repeat;
background-position:center left;
padding-left:24px;
}
div#content2 div.right span{
margin-top:4px;
}
form#fNewsletter dd{
float:left;
width:auto;
padding:0px;
}
form#fNewsletter input{
width:174px;
}
form#fNewsletter legend, form#fNewsletter dt{
display:none;
}
form#fNewsletter dl span{
display:block;
}
form#fNewsletter button{
position:absolute;
right:16px;
margin:0;
}
div#content2 div.right p,
div#content2 div.right address{
color:#FFFFFF;
font-size:11px;
margin-bottom:8px;
}
div#content2 div.right h3{
font-weight:bold;
font-size:12px;
margin:2em 0 0.66em;
}
div#content2 div.right h2+h3{
margin-top:1.33em;
}



/* Footer */

div#footer{
margin:0 auto;
width:736px;
padding:16px;
overflow:hidden;
}
body#pgArticles div#footer,
body#pgArticle div#footer{
width:auto;
min-width:736px;
max-width:960px;
}
ul#menu3{
overflow:hidden;
width:50%;
float:left;
}
ul#menu3 li{
float:left;
border-right:#3a3e42 solid 1px;
padding:0 8px;
text-transform:lowercase;
}
ul#menu3 li.first{
padding-left:0;
}
ul#menu3 li.last{
padding-right:0;
border:none;
}
ul#menuValidators {
overflow:hidden;
width:50%;
float:right;
}
ul#menuValidators li{
float:right;
border-left:#3a3e42 solid 1px;
padding:0 8px;
text-transform:lowercase;
}
ul#menuValidators li.first{
padding-right:0;
}
ul#menuValidators li.last{
padding-left:0;
border:none;
}
div#footer address{
clear:left;
float:left;
overflow:hidden;
width:50%;
padding:16px 0 0 0;
color:#FFFFFF;
line-height:1.6em;
}
div#footer p{
float:right;
clear:right;
overflow:hidden;
width:50%;
padding:16px 0 0 0;
color:#FFFFFF;
line-height:1.6em;
text-align:right;
}




/* Sitemap */

body#pgSitemap div#content2 div.left ul{
padding:0 114px 1.84em 0;
font-size:1.3em;
color:#8c9196;
margin:0;
}
body#pgSitemap div#content2 div.left ul ul{
padding:0.8em 0 0 18px;
font-size:0.9em;
color:#8c9196;
}
body#pgSitemap div#content2 div.left ul li li{
padding:0.8em 0 0 0;
background-image:url(../img/sm2.gif);
background-repeat:repeat-y;
}
body#pgSitemap div#content2 div.left ul li li.ultimo div.sitemapElement, body#pgSitemap div#content2 div.left ul li.ultimo li.ultimo div.sitemapElement{
background-image:url(../img/sm3.gif);
background-repeat:no-repeat;
background-position:0 0.6em;
}
body#pgSitemap div#content2 div.left ul li li div.sitemapElement, body#pgSitemap div#content2 div.left ul li li.ultimo li div.sitemapElement{
display:block;
padding-left:18px;
background-image:url(../img/sm1.gif);
background-repeat:no-repeat;
background-position:0 0.6em;
}

#toEmailAddress{
  display:none;
}


/*  TABS    */
div.tabs{
    position:relative;
    padding-top:9px;
}
div.tabs  h3{
    position:absolute;
    top:-46px;
    left:0;
    height:13px;
    overflow:hidden;
    text-indent: 886px;
    background-repeat: no-repeat;
    cursor:pointer;
}
div.tabs  h3:hover,
div.tabs .open h3{
    background-position:0 -13px;
}
div.tabs .tabContent{
    display:none;
}

div.tabs .open .tabContent{
    display:block;
}