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

style sheets for the solucioes-agencias-publicidade.html

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

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

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

/* main-content
--------------------------------------------------*/
.main-content {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('../images/content-footer.png') left bottom no-repeat; overflow: hidden; float: left;}
.content h3 {background:url('../images/content-agencias-title.png') no-repeat; display: block; width:602px; height:80px; overflow: hidden; text-indent: -9999em;}
.content .content-bg {background:url('../images/content-bg.png') 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 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:#a24a30; margin:1em 0 1em 0; padding: 0 0 0.4em 0; border-bottom:1px dotted #ccc; }

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

/* table of contents toc
--------------------------------------------------*/
.content .toc {background: #a4b57a; width:240px; float:right; margin:20px 0 1em 1em; padding: 0.6em; position: relative; border-bottom:1px solid #4e4e4f; border-right:1px solid #4e4e4f;}
.content .toc h5 {color:#4e4e4f; font:normal 14px/1.2em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0.4em 0; margin: 0 0 1em 0; border-bottom:1px dotted #4e4e4f;}
.content .toc ul {margin:0 0 0.4em 1em;}
.content .toc li {color:#fff; font:normal 12px/1.2em Arial, Helvetica, sans-serif;}
.content .toc a {color:#fff;}
.content .toc a:hover {color:#4e4e4f; text-decoration: underline; background: 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;}
 
/* paging
--------------------------------------------------*/
ul.paging {margin:1em 0 0 0; padding:1em 0 0; display: block; clear: both; overflow: hidden; border-top:1px dotted #ccc;}
.paging li {margin:0; padding:0; display: block; font:normal 12px/1em Arial, Helvetica, sans-serif;}
.paging li.prev {float:left;}
.paging li.next {float:right;}
.paging li.prev a {background:url('../images/paging-left.gif') left 0 no-repeat; color:#4c4c4d; padding: 9px 0 0 28px; display: block; height: 21px; margin-right:1em;}
.paging li.next a {background:url('../images/paging-right.gif') right 0 no-repeat; color:#4c4c4d; padding: 9px 28px 0 0; display: block; height: 21px; margin-left:1em;}
.paging li.prev a:hover {background-position:left -30px; color:#606074;}
.paging li.next a:hover {background-position:right -30px; color:#606074;}

/* sidebar
--------------------------------------------------*/
.sidebar {margin:210px 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;}