/* common */
* { font-size: 100.01%; }
html { font-size: 62.5%; height: 100%; margin: 0; background: #ccc; }
* html .secondary-content.inner2 .items ul li a { padding: 0 2px 0 3px; }
body { margin: 0; height: 100%; background: #ccc; min-width: 900px;font: 9pt Tahoma, Arial, Helvetica, sans-serif; color: #444; }
a { text-decoration: underline; color: #069; }
a:hover { text-decoration: none; }
img { border-style: none; }
form, fieldset { height: 100%; margin: 0; padding: 0; border-style: none; }

h1{color:#069; font-size:1.4em; font-variant:small-caps}

/* wrapper start */
#wrapper { width: 770px; margin: 0 auto; padding: 0 29px; min-height: 100%; position: relative; background: url(./img/bg-body.gif) repeat-y 50% 0; }
* html #wrapper { height: 100%; overflow: visible; }

/* header start */
#header { width: 800px; height: 100px; position: absolute; left: 14px; top: 0; }
#header-simple { width: 800px; height: 50px; position: absolute; left: 14px; top: 0; }

/* logo start */
.logo { margin: 0; position: absolute; left: 10px; top: 44px; width: 198px; height: 52px; text-indent: -9999px; z-index: 100; }
.logo a { width: 100%; height: 100%; display: block; overflow: hidden; background: url(./img/bg-logo.gif) no-repeat; }
.logo-simple { margin: 0; position: absolute; left: 5px; top: 2px; width: 198px; height: 52px; text-indent: -9999px; z-index: 100; }
.logo-simple a { width: 100%; height: 100%; display: block; overflow: hidden; background: url(./img/bg-logo-simple2.png) no-repeat; }

/* navigation start */
.nav { margin: 0; padding: 0; list-style: none; width: 800px; height: 40px; text-transform: capitalize; background:#151515 url(img/header-bg.png) top repeat-x  }
.nav ul{float: right; }
.nav ul li.parent-item{float: right; position: relative;}
.nav li { width: auto; float: right; padding: 0 12px; margin-right:5px;overflow:auto }
.nav li a { display: block; text-align: center; text-decoration: none; padding: 12px 0 10px 0;  color: #f3f3f3; font-weight: bold; font-size: 0.9em; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 1);}
.nav li:hover { text-decoration: none; border-bottom: 3px solid #6699cc; }
.nav li.active { text-decoration: none; border-bottom: 3px solid #6699cc; }

/* main start */
#main { width: 100%; padding: 100px 0 160px; }
#main-simple { width: 100%; padding: 50px 0 160px; }

/* visual start */
.visual { width: 100%; overflow: hidden; height: 290px; padding: 0 0; border:solid 1pt #aaa }
.visual .imager { width: 770px; height: 290px; float: left; overflow: hidden; position: relative; margin: 0; padding: 0; list-style: none; }
.visual .imager li { position: absolute; top: 0; left: 0; z-index: 1; width: 770px; height: 290px; vertical-align: top; }
.visual .imager li.active { z-index: 2; position: relative; }
.visual .imager img { display: block; }

/* content */
.content { width: 100%; overflow: hidden; padding: 0 0 20px; margin: 15px 0; }
.content .column, .content .column-center {width:30%; float:left; padding: 10px 10px; color:#333}
.content .column-center {border-right: 1px dotted #eee; border-left: 1px dotted #ddd; }
.content h3 {color:#069}
.content ul {color:#333; list-style-type:square}
.content a {color:#069; font-weight:bold; text-decoration:none; font-size:0.8em}
.content a:hover {text-decoration:underline}

.address {font-size:0.75em; color:#aaa; text-align:center; margin-top:10px}
.p-right {text-align:right;}

/* footer start */
#footer { background: #3D556C url(img/footer-bg.jpg) top repeat-x;  width: 800px; padding: 0; margin: -160px auto 0; height: 160px; overflow: hidden; position: relative; }
#footer-list ol, ul {list-style: none; color: white; font-size: 0.9em; }
#footer-list li.column{width: 220px; margin-right: 20px; float: left; font-size: 12px;}
#footer-list li.column:last-child{margin-right: 0px;}
#footer-list h5{color: #fff; font-weight: bold; margin: 5px 0 10px 0; padding:0; font-size: 0.9em; }
#footer-list li.column ul{padding:0}
#footer-list li.column li{padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dotted #556A7E; line-height: 1.1em;}
#footer-list li a{display: block; color: #E1E9EE; font-weight: lighter; text-decoration:none}
#footer-list li.column a:hover{color: #fff; margin-left: 2px;}
#footer-list li img{margin-bottom: 5px;}
#footer-list p{color: #E1E9EE; font-size: 0.85em; margin:0 0 0 60px; text-align:justify}
#footer-list img{margin:20px 0 0 110px}
#footer-list li.column li:last-child{border-bottom: none;}


/* glass div */
.darkbackground { background-color: rgb(0,0,0); z-index: 999; height: 100%; width: 100%; background-repeat: repeat; position: fixed; top: 0px; left: 0px; text-align: center; -moz-opacity: 0.50; /* FireFox */ opacity: 0.5; /* Safari, Opera */ filter: alpha(opacity=50); /* IE */ }


/* cases de sucesso */
.case-box, .case-box-alt {width: 100%;margin: 1px;margin: 5px 0;overflow: hidden;}
.case-box-alt {background-color:#f5f5f5}
.case-box .image-box, .case-box-alt .image-box {text-align: center;width: 150px;height:75px;margin: 30px 30px 20px 20px;float: left;vertical-align:bottom}
.case-box .desc-box, .case-box-alt .desc-box {width: 500px;float: left;padding: 6px 10px 0 10px; float:left}
.case-box .desc-box h3, .case-box-alt .desc-box h3 {margin:0 0 5px 0; color:#1068af; font-size:1.2em}
.case-box .desc-box p, .case-box-alt .desc-box p {color:#777; font-size:0.9em}
.case-box .desc-box ul, .case-box-alt .desc-box ul {color:#777; }

.separator {clear:both; border-bottom:dashed 1pt #ddd; width:100%; height:1px; margin-bottom:1px}

.imageFrame {background: #FAFAFA;border: 1px solid #CCC;padding: 5px;}
.clearfix{clear:both}
.left{float:left;width:32%}
.right{float:right; width:65%}

.accordion{}
.accordion .accordion-head{ cursor:pointer}
.accordion .accordion-head:hover{ color:#033e6b}
.accordion h2{ font-size:1.1em; color:#666;}
.accordion h3{ font-size:1.0em; color:#06a;background:url('img/blue-arrow.gif') left center no-repeat; padding-left:15px;}
.accordion .accordion-content { display:none; padding-left:15px}