/*-------------------------------------------------- 

style sheets for the solucoes

--------------------------------------------------*/

/* background
--------------------------------------------------*/
body {background: #fff;}
.background .detail {background: url('../images/bg-solucoes.jpg') center top no-repeat; display: block; overflow: hidden; position: relative;}

/* logo
--------------------------------------------------*/
h1 a {background-image: url('../images/logo-ibsolution-negative.png');}


/* main-content
--------------------------------------------------*/
.main-content {background:url('') right top repeat-y; clear:both; overflow: hidden; display: block;}

/* content header and bg
--------------------------------------------------*/
.content {display:block; width:610px; margin:0 16px 2em 0; padding:0 0 35px 0; background: url('') left bottom no-repeat; overflow: hidden; float: left;}
.content h3 {background:url('../images/content-solucoes-title.png') no-repeat; display: block; width:602px; height:80px; overflow: hidden; text-indent: -9999em;}
.content .content-bg {background:url('') repeat-y; padding:1em 2.6em 0 2em; }

/* paragraphs
--------------------------------------------------*/
.content p {font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 1em 0;}
.content em,cite {font-style:italic; font-family: Georgia, Times, "Times New Roman", serif;}
.content blockquote p {background:url('../images/quotes.gif') left top no-repeat; font: italic 18px/1.4em Georgia, Times, "Times New Roman", serif; color:#a0a0ac; padding: 0 4em 0 4em; margin:0 0 1em 1em;}
.content address {font:normal 10px/1em Arial, Helvetica, sans-serif; display: block; text-align: right;}
.content address strong {font:bold 12px/1em Arial, Helvetica, sans-serif;}
.content br {clear:both;}
.content img {clear:both; position: relative;}

/* headings
--------------------------------------------------*/
.content h4 {font:normal 20px/1.2em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; color:#606074; margin:1em 0 1em 0; padding: 0 0 0.4em 0; border-bottom:1px dotted #ccc; }
.content h5 {font:bold 14px/1.2em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 0.4em 0; margin:0;}

/* links
--------------------------------------------------*/
.content a {color:#606074; padding: 0 0.1em;}
.content a:hover {background-color:#606074; color:#fff; text-decoration: none;}

/* lists
--------------------------------------------------*/
.content ul,ol {margin:0 0 1em 2em;}
.content ul ul {margin:0 0 0 1em;}
.content ol ol {margin:0 0 0 1em;}
.content ul {list-style: disc;}
.content ol {list-style:decimal;}
.content li{font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#4e4e4f; padding: 0 0 0.2em 0;}
 
/* sidebar
--------------------------------------------------*/
.sidebar {margin:0 0 0 0;padding: 0 0 0 0; overflow: hidden; display: block;}

/* sidebar titles
--------------------------------------------------*/
.sidebar .fade {background: url('../images/div.gif') bottom repeat-x; overflow: hidden; display: block; margin: 0 0 1em 0; padding: 0 0 1.4em 0; }
.sidebar h3 {display: block; overflow: hidden; text-indent:-9999em; margin: 0 0 0.6em 82px; height:34px;}
.sidebar h4 {font:bold 14px/1.2em Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 1em 82px;}
.sidebar p {font:normal 12px/1.2em Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 1em 82px;}
.sidebar ul.btn {margin-left:82px; }
.sidebar .box-icon {display: block; width:66px; height:62px; position: absolute;}

.sidebar .sidebar-question {background: url('../images/div.gif') bottom repeat-x; overflow: hidden; display: block; margin: 0 0 1em 0; padding: 0 0 1.4em 0; }
.sidebar .sidebar-question h3 {background: url('../images/tit-question.png') no-repeat;}
.sidebar .sidebar-question .box-icon {background: url('../images/icon-question.png') no-repeat;}

.sidebar .sidebar-demo {background: url('../images/div.gif') bottom repeat-x; overflow: hidden; display: block; margin: 0 0 1em 0; padding: 0 0 1.4em 0; }
.sidebar .sidebar-demo h3 {background: url('../images/tit-home-demo.png') no-repeat;}
.sidebar .sidebar-demo .box-icon {background: url('../images/icon-demo.png') no-repeat;}

.sidebar .sidebar-folder {background: url('../images/div.gif') bottom repeat-x; overflow: hidden; display: block; margin: 0 0 1em 0; padding: 0 0 1.4em 0; }
.sidebar .sidebar-folder h3 {background: url('../images/tit-folder.png') no-repeat;}
.sidebar .sidebar-folder .box-icon {background: url('../images/icon-folder.png') no-repeat;}

.sidebar .sidebar-programa {background: url('../images/div.gif') bottom repeat-x; overflow: hidden; display: block; margin: 0 0 1em 0; padding: 0 0 1.4em 0; }
.sidebar .sidebar-programa h3 {background: url('../images/tit-home-programa.png') no-repeat;}
.sidebar .sidebar-programa .box-icon {background: url('../images/icon-programa.png') no-repeat;}

.sidebar .sidebar-calendar {overflow: hidden; display: block; margin: 0 0 1em 0; padding: 0 0 1.4em 0; }
.sidebar .sidebar-calendar h3 {background: url('../images/tit-home-calendario.png') no-repeat;}
.sidebar-calendar .box-icon {background: url('../images/icon-calendar.png') no-repeat; display: block; width:66px; height:62px; position: absolute;}
.sidebar-calendar .box-icon p {margin:0; padding:0.4em 0 0 0; text-align: center; line-height: 0;}
.sidebar-calendar .box-icon strong {text-indent: -9999em; overflow: hidden; display: block; margin:0; padding:0; height: 0;}
.sidebar-calendar .box-icon em {font:bold 12px/1em Georgia, Times, serif; color:#404041; display: block;}
.sidebar-calendar .box-icon span {font:bold 32px/1em Tahoma, Arial, sans-serif; color:#fff; display: block;}


/* readmore
--------------------------------------------------*/
.readmore {clear: both; overflow: hidden; display: block; width:570px; margin: 0 0 2em 0; padding: 0 0 0 28px; }

.readmore h3 {font:normal 20px/1.2em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; color:#606074; margin:0 0 1em 0; padding: 0 0 0.4em 0; border-bottom:1px solid #ccc; }
.readmore p {font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 1em 0;}
.readmore ul,ol {margin:0 0 1em 2em;}
.readmore ul ul {margin:0 0 0 1em;}
.readmore ol ol {margin:0 0 0 1em;}
.readmore ul {list-style: disc;}
.readmore ol {list-style:decimal;}
.readmore li {font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#4e4e4f; padding: 0 0 0.2em 0;}

/* btns
--------------------------------------------------*/
.content .btn {float:left;width:100%; margin:0; padding: 0;}
.content .btn ul {margin:0; padding:0; list-style: none;}
.content .btn li {margin:0; padding:0; list-style: none; font: bold 11px/1em Tahoma, sans-serif; text-transform: lowercase;}
.content .btn a {float:left;background:url("../images/btn-left.png") no-repeat left top;margin:0;padding:0 0 0 10px;text-decoration:none;}
.content .btn a span {float:left;display:block;background:url("../images/btn-right.png") no-repeat right top;padding:6px 34px 10px 0;color:#ffffff;}
.content .btn a:hover span {color:#fbb161;}
.content .btn a:hover {background-position:0% -27px;}
.content .btn a:hover span {background-position:100% -27px;}