/**
 * SCREEN
 * Default for all browsers
 * ----------------------------------------------------------------
 * Author      : Nuova Comunicação
 * Created at  : 12-02/2011
 * Last Update : 12-02/2011
 * Contact     : ti[at]nuova.com.br/ +55 11 5575-3845
 * ----------------------------------------------------------------

 [Table Of Contents]

    0-  Reset
    1-  Global
    2-  Body Structure
    3-  Links
    4-  Headings | Tipography
    5-  Forms
    6-  Table
    7-  header
    8-  Main
    9-  footer
*/


/* =0 Reset
----------------------------------------*/
@import url("reset.css");


/* =1 Global
----------------------------------------*/
@import url("helpers.css");


/* =2 Body Structure
----------------------------------------*/
#wrapper { margin : 0 auto; padding-bottom : 32px; width : 960px }
.overlay-menu { background : #fff; display : none; width : 100%; height : 95%; position : absolute; left : 0; top : 227px; z-index : 99; opacity : 0.9 }

/* =3 Links
----------------------------------------*/
a:link, a:visited     { text-decoration : none }
a:hover               { text-decoration : underline }
a:active              { }
a:visited             { }
.text-content a       { text-decoration: underline; }
.text-content a:hover { text-decoration: none; }

.text-content header a		 { text-decoration:none }       
.text-content header a:hover { text-decoration: underline; }
/* =4 Headingsheader | Tipography
----------------------------------------*/
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

h1.sub-title { font-size : 28px; font-weight : normal; line-height : 30px; margin-bottom:18px; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0 }

p, li, span { font-size : 12px }
p em { font-style: italic; }

/* =5 Forms
----------------------------------------*/
form      { }
fieldset  { }
legend    { display : none }
label     { }
input,
textarea  { border:1px solid #f0f0f0; border-top-color : #d7d7d7; color:#8b8b92; font-size:14px; line-height : 16px; padding:8px 16px; resize : none }
input,
select    { }
input[type="button"],
input[type="submit"] { }
.placeholder { color:#8b8b92!important }
input::-webkit-input-placeholder { color : #f57921 }
input:-moz-placeholder { color : #f57921 }
textarea::-webkit-input-placeholder { color : #f57921 }
textarea:-moz-placeholder { color : #f57921 }

/* =6 Table
----------------------------------------*/
table             { }
table th          { }
table tr          { }
table tr.even td  { }
table td          { }
summary           { }


/* =7 header
----------------------------------------*/
#header { margin-bottom : 15px; position : relative; z-index : 3000 }
#header a.logo { position : absolute; left : 0; top : 54px }

.header-top { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-header-top.gif) repeat-x top; height : 40px; margin-bottom : 24px }

.header-top { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-header-top.gif) repeat-x top; height : 40px; margin-bottom : 24px }

.header-top .language { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-header-top-left.gif) no-repeat left top; float : left; padding : 1px 0 }
.header-top .language li { border-right : 1px solid #dee8e8; float : left }
.header-top .language li.active,
.header-top .language li:hover { background : #f3f6f6;  }
.header-top .language li.pt.active,
.header-top .language li:first-child:hover { background : #f3f6f6 url(/wp-content/themes/itau-cultural/_/img/common/active-first-language.gif) no-repeat left top }
.header-top .language li.active a { opacity:1; filter:alpha(opacity=100); }
.header-top .language li a { background : url(/wp-content/themes/itau-cultural/_/img/common/icos-language.gif) no-repeat 14px center; display : block; width : 47px; height : 38px; opacity:0.5; filter:alpha(opacity=50); }
.header-top .language li a:hover { opacity:1; filter:alpha(opacity=100); }

.header-top .language li.es a { background-position : -34px center; }
.header-top .language li.es a:hover { background-position : -34px center; }
.header-top .language li.us a { background-position : -82px center; }
.header-top .language li.us a:hover { background-position : -82px center; }
.header-top .language li.fra a { background-position : -132px center; }
.header-top .language li.fra a:hover { background-position : -132px center; }
.header-top .language li a span { display : none }

.news-login { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-header-top-right.gif) no-repeat right top; float : right; padding : 1px 0; position : relative; z-index : 2 }
.news-login li { border-left : 1px solid #dee8e8; float : left }
.news-login li:first-child { border : none }
.news-login li a {cursor:pointer; display : inline-block; font-size : 11px; font-weight : bold; margin : 7px 16px; text-decoration : none; }
.news-login li a span { color : #fff; display : block; padding : 6px 8px; }

.news-login li.login-register a { background:#6a9a87 url(/wp-content/themes/itau-cultural/_/img/common/mask-bg-bt-left.png) no-repeat left top; }
.news-login li.login-register a span { background:url(/wp-content/themes/itau-cultural/_/img/common/mask-bg-bt-right.png) no-repeat right top }
.news-login li.login-register a cite { background:url(/wp-content/themes/itau-cultural/_/img/common/uniforms/sprite-uniform.png) no-repeat right -30px; color : #fff; display : block; font-style:normal; padding-right:20px; line-height:12px; }

.news-login .newsletter a { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-bt-newsletter-left.png) no-repeat left top; display:inline-block; }
.news-login .newsletter a span { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-newsletter-right.gif) no-repeat right top; color:#6a9a87; display:block; font-size:11px; line-height : 12px; font-weight:normal; padding:6px 10px; height:12px; }
.news-login .newsletter a.active { background : #6a9a87; margin : 0 8px }
.news-login .newsletter a.active span { background : #6a9a87; color:#fff; padding : 13px 16px 14px }
.news-login a:hover span { text-decoration : underline }

/* Formulario Newsletter */
.news-login .newsletter form { background : #fff; border : 4px solid #6a9a87; display :none; padding : 18px 12px 12px; position : absolute; right : 0; top : 40px; width : 368px; }
.news-login .newsletter fieldset p { font-size:14px; line-height:20px; }
.news-login .newsletter fieldset ol li { border:none; clear : both; float:none; font-size:14px; line-height : 16px; padding-top:16px; zoom:1; }
.news-login .newsletter fieldset ol li:first-child { padding-top:10px; }
.news-login .newsletter fieldset ol li input { color : #f57921; float : left; width:142px; }
.news-login .newsletter fieldset ol li input.name { margin-right:16px; }

.news-login .newsletter fieldset ol li input::-webkit-input-placeholder { color : #f57921 }
.news-login .newsletter fieldset ol li input:-moz-placeholder { color : #f57921 }

.news-login .newsletter fieldset ol li div.selector span.default { color:#f57921; }

.news-login .newsletter fieldset ol li .email { width:334px; }

.news-login .newsletter fieldset ol li > div.selector + div.selector { margin-left:16px; }
.news-login .newsletter fieldset ol li .selector { float : left; width:142px; }
.news-login .newsletter fieldset ol li .selector select { height:35px; width:174px; }

.news-login .newsletter fieldset ol li.list-check > span { font-size:14px; line-height:20px; margin-bottom:18px; }
.news-login .newsletter fieldset ol li.list-check ul li { font-size:12px; padding-top:14px; }
.news-login .newsletter fieldset ol li.list-check ul li:first-child { padding-top:0; }
.news-login .newsletter fieldset ol li.list-check ul li label { float:left; line-height : 10px; margin-left:40px; width:150px; }
.news-login .newsletter fieldset ol li.list-check ul li label:first-child { margin-left:0; }
.news-login .newsletter fieldset ol li.list-check ul li .checker { float:left; margin-right : 8px }

.news-login .newsletter fieldset ol li.txt-captcha label { display:block; float : left; padding : 9px 17px 9px 0 }

.news-login .newsletter fieldset ol li.captcha label { display:block; margin-bottom:18px; }
.news-login .newsletter fieldset ol li.captcha input { margin-left:6px; width:134px; }
.news-login .newsletter fieldset ol li.captcha img { float:left; }
.news-login .newsletter fieldset ol li.captcha div { float:left; }
.news-login .newsletter fieldset ol li.captcha div a { background:url(/wp-content/themes/itau-cultural/_/img/common/ico-captcha.jpg) no-repeat; color:#000; display:block; font-size:12px; font-weight:normal; height:16px; margin:0 0 8px 20px; padding-left:25px; text-decoration:underline; }
.news-login .newsletter fieldset ol li.captcha div a.ouvir { background-position:0 bottom; height:12px; }

.news-login .newsletter fieldset ol li.send-newsletter input { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-bt-form.png) no-repeat 0 top; color:#fff; border:none; cursor:pointer; font-size:12px; height:32px; padding:0 8px; width:72px; }
.news-login .newsletter fieldset ol li.send-newsletter input[type="reset"] { background-position:0 bottom; margin-left:16px; }

#header .search { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; float : right; margin-bottom : 34px; padding : 8px; width:386px; }
#header .search fieldset { background : #fff; padding : 8px; position : relative; z-index : 1 }
#header .search fieldset input[type="text"] { border : 1px solid #f0f0f0; border-top-color : #d7d7d7; float : left; font-size : 18px; margin-right : 8px; padding : 8px 12px; width : 246px; height : 14px }
#header .search span { background : #7f8897 url(/wp-content/themes/itau-cultural/_/img/common/bg-search-left.png) no-repeat left top; display:inline-block; float : left }
#header .search fieldset input[type="submit"] { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-search-right.png) no-repeat right top transparent; border:none; color : #fff; font-size : 16px; font-weight : bold; float : left; line-height : 16px; padding:6px 18px; text-align : center; width : 90px; height : 32px }
#header .search fieldset a { font-size : 10px; position : absolute; right : 8px; bottom : -20px; text-decoration : underline }
#header .search fieldset a:hover { text-decoration : none }

#header nav { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif); clear : both; padding-top : 8px; position : relative; zoom : 1 }
#header nav > ul > li { border-bottom : 4px solid #014c90; float : left; padding-right : 48px; width: 190px;}
#header nav > ul > li:first-child { margin : 0; margin-left: 8px; }
#header nav > ul > li > a { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-menu.png) no-repeat right top; color : #014c90; display : block; font-size : 18px; line-height : 20px; font-weight : bold; padding : 12px 0 16px 16px; margin-bottom : -4px; text-decoration : none; width : 128px; height : 20px }
#header nav > ul > li > a:hover,
#header nav > ul > li.current > a { background-position : right -48px; color : #fff }

#header nav ul li > div { border : 4px solid #014c90; background : #fff; display : none; font-size : 14px; line-height : 19px; padding : 16px; position : absolute; left : 0; top : 52px; width : 920px }
#header nav ul li > div .content-closed { display : block; position : relative }
#header nav ul li > div span.closed { background : url(/wp-content/themes/itau-cultural/_/img/common/sprite-closed.gif) no-repeat right 2px; cursor : pointer; color : #014c90; display : inline-block; float : right; font-size : 12px; font-weight : bold; padding-right : 22px; position : absolute; top : -5px; right : -5px; text-transform : capitalize; z-index : 1 }
#header nav ul li > div li { float : left }
#header nav ul li > div a.more { border : none; clear : both; zoom : 1 }

/*Programe-se*/
#header nav .submenu-agenda { /*border-right : 1px dotted #014c90;*/ float : left; padding-right : 16px; width : 348px }
#header nav div h3 { font-size : 20px; font-weight : bold; line-height : 22px; margin-bottom : 7px }
#header nav .submenu-agenda ul { padding-top : 12px; zoom : 1 }
#header nav .submenu-agenda ul li { width : 172px }
#header nav .submenu-agenda ul a { font-size : 14px }

#header nav .submenu-visits { float : left; padding-left : 16px; position : relative; width : 530px; border-left : 1px dotted #014c90; }
#header nav .submenu-visits ul { margin : -16px 0 0 -16px; zoom : 1 }
#header nav .submenu-visits ul li { float : left; margin : 16px 0 0 16px; padding : 0; width : 256px; height: 80px; }
#header nav .submenu-visits ul li time { color : #014c90; display : block; font-size : 12px; line-height : 14px; margin-bottom : 9px }
#header nav .submenu-visits ul li strong { color : #014c90; display : block; font-size : 14px; line-height : 19px }

/*conheça*/
#header nav > ul > li.conheca,
#header nav > ul > li.conheca div { border-color : #f57921 }
#header nav > ul > li.conheca div span.closed { background-position : right -18px; color : #f57921 }
#header nav > ul > li.conheca > a { width : 135px; color: #F57921 }
#header nav > ul > li.conheca > a:hover,
#header nav > ul > li.conheca.current > a { background-position : right -96px; color : #fff }

#header nav > ul > li.conheca li { border-left : 1px dotted #f57921; float : left; margin : 0 0 16px 20px; min-height : 119px; padding-left : 20px; width : 185px }
#header nav > ul > li.conheca li:first-child { border : none; margin : 0; padding : 0 }
#header nav > ul > li.conheca li.last { border-left:0; margin-left:0; padding-left:0; }
#header nav > ul > li.conheca li a { color : #f57921; display : block; font-size : 14px; line-height : 20px }
#header nav > ul > li.conheca li strong { color : #f57921; display : block; font-size : 20px; font-weight : bold; line-height : 20px; margin-bottom : 9px; text-transform : lowercase }

/*explore*/
#header nav > ul > li.explore,
#header nav > ul > li.explore div { border-color : #782575 }
#header nav > ul > li.explore div span.closed { background-position : right -36px; color : #782575 }
#header nav > ul > li.explore > a { color : #782575 }
#header nav > ul > li.explore > a:hover,
#header nav > ul > li.explore.current > a { background-position : right -144px; color : #fff }

#header nav > ul > li.explore .submenu > ol > li  { float : left; min-height : 193px; width : 434px }
#header nav > ul > li.explore .submenu > ol > li:first-child  { border-right : 1px dotted #782575; margin-right : 24px; padding-right : 23px }
#header nav > ul > li.explore .submenu > ol > li > a { color : #782575; display : block; font-size : 20px; font-weight : bold; line-height : 22px; margin-bottom : 17px; text-transform : lowercase }
#header nav > ul > li.explore .submenu > ol > li li { float : left; padding-bottom : 8px; width : 180px }
#header nav > ul > li.explore .submenu > ol > li .old li { float : left; padding-bottom : 8px; width : 120px }
#header nav > ul > li.explore .submenu > ol > li .old li:first-child { padding-right : 10px; width : 184px }
#header nav > ul > li.explore .submenu > ol > li li a { font-size : 16px; line-height : 20px }
#header nav > ul > li.explore .submenu > ol > li li a img { float : left; margin-right : 8px }

/*participe*/
#header nav > ul > li.participe,
#header nav > ul > li.participe div { border-color : #fc2566 }
#header nav > ul > li.participe div span.closed { background-position : right -56px; color : #fc2566 }
#header nav > ul > li.participe > a { color : #fc2566 }
#header nav > ul > li.participe > a:hover,
#header nav > ul > li.participe.current > a { background-position : right -192px; color : #fff }

#header nav > ul > li.participe .menu-participe { border-left : 1px dotted #fc2566; float : left; margin-left : 24px; min-height : 290px; padding-left : 24px; width : 274px }
#header nav > ul > li.participe .menu-participe h3 { margin-bottom : 12px }
#header nav > ul > li.participe .menu-participe.first { border: none; margin : 0; padding : 0 }
#header nav > ul > li.participe .menu-participe li { float : none; font-size : 12px; line-height : 19px; padding-bottom : 18px }
#header nav > ul > li.participe .menu-participe li a { display : block; font-size : 14px; line-height : 23px }
#header nav > ul > li.participe .menu-participe li img { float : left; margin-right : 8px }

#header nav > ul > li.participe .menu-participe a.more { display : inline-block; margin : 0 }

/*itau*/
#header nav > ul > li.itau { border-color : #6a9a87; }
#header nav > ul > li.itau div { border-color : #6a9a87 }
#header nav > ul > li.itau div span.closed { background-position : right -74px; color : #6a9a87 }
#header nav > ul > li.itau > a { color : #6a9a87; font-size : 16px; line-height : 18px; width : 145px }
#header nav > ul > li.itau > a:hover,
#header nav > ul > li.itau.current > a { background-position : right -240px; color : #fff }

#header nav > ul > li.itau.current .content-itau { float : left; min-height : 270px; width : 280px }
#header nav > ul > li.itau.current .content-itau.first { border-right : 1px dotted #6a9a87; padding-right : 24px; margin-right : 24px; width : 506px }
#header nav > ul > li.itau.current .content-itau h3 { line-height : 28px; margin : 0 }
#header nav > ul > li.itau.current .content-itau h4 { color : #6a9a87; font-size : 16px; font-weight : bold; line-height : 20px; margin-top : 17px }
#header nav > ul > li.itau.current .content-itau ul { padding-top : 15px }
#header nav > ul > li.itau.current .content-itau li { float : none; font-size : 14px; line-height : 20px }
#header nav > ul > li.itau.current .content-itau .share-facebook,
#header nav > ul > li.itau.current .content-itau .share-twitter { background : url(/wp-content/themes/itau-cultural/_/img/common/icons-share-itau.png) no-repeat left top; display : inline-block }
#header nav > ul > li.itau.current .content-itau .share-facebook span,
#header nav > ul > li.itau.current .content-itau .share-twitter span { background : url(/wp-content/themes/itau-cultural/_/img/common/icons-share-itau-right.png) no-repeat right bottom; color : #6a9a87; display : block; font-size : 12px; font-weight : bold; line-height : 14px; min-width : 148px; height : 14px; padding : 9px 18px 9px 34px }
#header nav > ul > li.itau.current .content-itau .share-twitter { background-position : left bottom; margin-top : 8px }
#header nav > ul > li.itau.current .content-itau .bt-cadastro { background : #6a9a87 url(/wp-content/themes/itau-cultural/_/img/common/bg-bt-itau.gif) no-repeat left top; display : inline-block; margin-top : 11px }
#header nav > ul > li.itau.current .content-itau .bt-cadastro span { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-bt-itau.gif) no-repeat right bottom; color : #fff; display : block; font-size : 16px; font-weight : bold; line-height : 18px; height : 18px; padding : 11px 14px }

.no-js #header nav > ol > li:hover > div { display : block }

/* =8 Main
----------------------------------------*/
.main { zoom : 1 }

section { padding-bottom : 24px; position : relative; z-index : 1; min-height : 500px; zoom : 1 }
.ie7 section { padding-bottom : 0 }

section.internal > header { background: #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; padding-bottom: 7px; }
section.internal > header h1 { font-size: 36px; padding:18px 0 20px 0; background:#fff; font-weight: normal; text-transform : lowercase }

section.internal .text-content p { font-size: 14px; margin-bottom: 24px; line-height: 24px; }
section.internal .text-content h2 { font-weight: bold; font-size: 16px; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px dotted; }
section.internal .text-content h4,
section.internal .text-content h5 { font-size: 16px; font-weight: bold; line-height: 23px; }
section.internal .text-content h4 { margin-bottom : 24px }

section.internal .nav-tool { zoom: 1; background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; padding : 8px 8px 0 }
section.internal .nav-tool ul { background : url(/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png) no-repeat right top; display : block; height : 30px; line-height : 20px; padding : 8px 12px 0 }
section.internal .nav-tool ul li { float : left; margin-left:20px; }
section.internal .nav-tool ul li:first-child  { margin-left:0; }
section.internal .nav-tool ul li a { background : url(/wp-content/themes/itau-cultural/_/img/common/ico-rss-share.gif) no-repeat left top; height : 15px; padding-left : 22px }
section.internal .nav-tool ul li.share a { background-position:left bottom; }
section.internal .nav-tool .breadcrumb ul li {  margin-left: 2px; text-transform : lowercase }
section.internal .nav-tool .breadcrumb ul li a { background: none; padding:0; font-weight: normal; }
section.internal .nav-tool .breadcrumb ul li span { font-weight: bold; }

/* Campo Busca e Filtro Interna */
section .internal-form { background:url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) #BFC3CB; padding:8px; }
section .internal-form fieldset { background:#fff; padding:8px; zoom:1; }
section .internal-form fieldset ul li { background:#fff; float:left; zoom:1; }
section .internal-form fieldset ul li:first-child { margin-left:0; }

section form .send-filter input[type="submit"] { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-search-right.png) no-repeat right top; border:none; color:#fff; font-size:14px; font-weight:bold; height:32px; line-height:14px; padding:7px 0; width:80px; }
section form .send-filter input[type="button"] { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-search-right.png) no-repeat right top; border:none; color:#fff; font-size:14px; font-weight:bold; height:32px; line-height:14px; padding:7px 0; width:80px; }
section form .send-filter { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-search-left.png) no-repeat left top; display:inline-block; float:left; margin-left:0; }

/* Menu interno */
section .nav-side { border : 1px solid #dfe1e5; }
section .nav-side > ol > li { border-top : 1px solid #dfe1e5; }
section .nav-side > ol > li:first-child { border-top : none; }
section .nav-side > ol > li > a { display:block; font-size:16px; padding:10px 15px; text-transform : lowercase }
section .nav-side > ol > li > a:hover { color:#fff; text-decoration:none; }

section .nav-side li ul { padding:14px 0 22px; }
section .nav-side li li { background: url(/wp-content/themes/itau-cultural/_/img/common/bullet-nav-orange.png) no-repeat 16px 14px; border:none; zoom:1; }
section .nav-side li li a { display:block;  font-size:12px; padding:8px 15px 8px 26px; text-transform: lowercase;}
section .nav-side li li a:hover { background : none; text-decoration:none; }
section .nav-side li ul.sub-menu li.menu-item a:hover { color: #F57921 !important; }

/* Lista de Paginas */
section .view-page div { border-bottom: 4px solid #7F8897; padding-right:8px; zoom : 1 }
section.internal .view-page h4 { background:url("/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png") no-repeat right top ; display:inline-block; font-weight:normal!important; height:29px; margin-bottom:-4px; padding:6px 16px 0; }
section .view-page span { background:url("/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png") no-repeat right top; padding:8px; text-align:right; }

/* columns */
.column-240 { width : 240px }
.column-336 { width : 336px }
.column-432 { width : 432px }
.column-464 { width : 464px }
.column-465 { width : 465px }
.column-468 { width : 468px }
.column-648 { width : 648px }
.column-696 { width : 696px }
.column-960 { width : 960px }

.number-order { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif); display : block; height:16px; float:left; font-size:22px; line-height : 24px; font-weight:bold; padding:9px 0 15px; text-align:center; width:40px }

.box-pattern { background:url("/wp-content/themes/itau-cultural/_/img/common/pattern.gif") repeat #BFC3CB; padding: 8px 0 0 8px; }
.box-pattern .internal-form { padding:0 8px 0 0; }

section .box-pattern-full { background:url("/wp-content/themes/itau-cultural/_/img/common/pattern.gif") repeat #BFC3CB; padding:8px; }
section .box-pattern-full .share-generic { background:#fff; padding:8px; }
section .box-pattern-full .share-generic li { padding-bottom:0; }

.share-generic { padding-top : 16px; zoom : 1 }
.share-generic li { float : left; margin-right : 9px; width : auto }
.share-generic li:last-child { margin-right : 0;}
.share-generic li a { cursor:pointer }
.share-generic li a:hover { text-decoration : underline }
.share-generic li img { margin : 0!important }
.share-generic li:first-child { padding-bottom : 7px }

.share-margin{float:left;width:696px;padding-top:24px!important;padding-bottom:17px;border-bottom:1px dotted #7F8897}

.share-generic { padding-top:10px; } 
.share-generic a { margin-top:0; }

/* Default box / title */
.box { zoom : 1 }


.box header { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; border-bottom : 16px solid #fff; padding : 8px 0 0 8px }
.box header div { border-bottom : 4px solid #7f8897; padding-right : 8px }
.box header div h1,
.box header div h3 { background : url(/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png) no-repeat right top; display : inline-block; font-size : 18px; font-weight : bold; min-height : 20px; line-height : 20px; margin-bottom : -4px; padding : 6px 6px 7px; text-transform : lowercase }
.box header div h1 a,
.box header div h3 a { text-transform : lowercase }
.box h2 { font-size:18px; font-weight : bold }
.box h3 { font-size:16px; font-weight : bold }
.box h4 { font-size:16px; font-weight : normal }
.box h2 a { display : inherit; }
.box h3 a { display : inline-block }
.box p { font-size : 14px; line-height : 22px; margin-top : 19px }
.box p strong{ font-size : 16px }
.box p.first { margin : 0 }

.box header.title-ico h1,
.box header.title-ico h3 { height : 40px; padding : 0 15px 0 0 }
.box header.title-ico h1 span,
.box header.title-ico h3 span { color : #bfc3cb; display : block; font-size : 18px; font-weight : bold; height : 27px; line-height : 20px; padding : 8px 40px 0 15px }

.box footer { height : 32px }
.box .more { background-position:0 -218px; border-color:#bfc3cb; color:#8B8B92; text-decoration : none!important }
.box .more:hover { text-decoration : underline!important }

.box .tabs-time-line .mask-nav .content-mask ul li { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top }

/* twitter */
.box-cyan header { background-color : #a0d9ec }
.box-cyan header div { border-color : #41b3d8 }
.box-cyan header div h1,
.box-cyan header div h3,
.box-cyan header.title-ico h1 span,
.box-cyan header.title-ico h3 span,
.box-cyan .color,
.box-cyan .color strong { color : #41b3d8 }
.box-cyan header div h1 a { color : #41b3d8!important }
.box-cyan h2,
.box-cyan h3, 
.box-cyan h4 { color : #41b3d8 }
.box-cyan footer { background-color : #41b3d8 }
.box-cyan .number-order { background-color : #a0d9ec; color:#41b3d8 }
.box-cyan .list-number-simple small,   
.box-cyan .list-number-multiple small,   
.box-cyan .list-number-simple strong,
.box-cyan .list-number-multiple strong { color : #41b3d8 }
.box-cyan a { color : #41b3d8; }
.box-cyan a.more { background-position:0 -29px; border-color:#41b3d8; color:#41b3d8; }
.box-cyan .tabs-time-line .mask-nav .content-mask ul li { background-color : #a0d9ec; color:#41b3d8; }

.box-cyan .list-twitter .nav-twitter a.more { background-position:0 -255px; border:none; color:#41b3d8; margin-top:0; }
.box-cyan .list-twitter .nav-twitter ul.nav-vertical-box a { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/bg-nav-twitter.png) left top; height:16px; width:16px; }
.box-cyan .list-twitter .nav-twitter ul.nav-vertical-box a.up { background-position:16px 0; }
.box-cyan .list-midia li {border-color: #41b3d8;}

/* Programe-se */
.box-blue header { background-color : #80a6c8 }
.box-blue header div { border-color : #014c90 }
.box-blue header div h1,
.box-blue header div h3,
.box-blue header.title-ico h1 span,
.box-blue header.title-ico h3 span,
.box-blue header div h1 a { color : #014c90;  }
.box-blue header div h1.titulo-widget { color : #014c90;  }
.box-blue .color,
.box-blue .color strong{ color : #014c90 }
.box-blue h2,
.box-blue h3,
.box-blue h4,
.box-blue h2 a,
.box-blue h3 a,
.box-blue h4 a { color : #014c90!important }
.box-blue footer { background-color : #014c90 }
.box-blue .number-order { background-color : #80a6c8; color : #014c90 }
.box-blue .list-number-simple small,   
.box-blue .list-number-multiple small,   
.box-blue .list-number-simple strong,
.box-blue .list-number-multiple strong { color : #014c90 }
.box-blue a,
.box-blue a strong { color : #014c90 }
.box-blue a.more { background-position:0 -180px; border-color:#014c90; color:#014c90; text-decoration : none }
.box-blue a.more:hover { text-decoration : underline }
.box-blue .tabs-time-line .mask-nav .content-mask ul li { background-color : #80a6c8; color:#014c90; }
.box-blue .list-midia li {border-color: #014c90;}

/* conheça */
.box-orange header { background-color : #fabc90 }
.box-orange header div { border-color : #f57921 }
.box-orange header div h1,
.box-orange header div h3,
.box-orange header.title-ico h1 span,
.box-orange header.title-ico h3 span,
.box-orange .color,
.box-orange .color strong { color : #f57921 }
.box-orange header div h1 a { color : #f57921 } 
.box-orange h2,
.box-orange h3,
.box-orange h4, 
.box-orange h2 a,
.box-orange h3 a,
.box-orange h4 a { color : #f57921!important }
.box-orange footer { background-color : #f57921 }
.box-orange .number-order { background-color : #fabc90; color : #f57921 }
.box-orange .list-number-simple small,   
.box-orange .list-number-multiple small,   
.box-orange .list-number-simple strong,
.box-orange .list-number-multiple strong { color : #f57921 }
.box-orange a,
.box-orange a strong { color : #f57921 }
.box-orange a.more { background-position:0 -29px; border-color:#f57921; color:#f57921; } 
.box-orange .tabs-time-line .mask-nav .content-mask ul li { background-color : #fde4d3; color:#f57921; } 
.box-orange .list-midia li {border-color: #f57921;}

/* explore */
.box-purple header { background-color : #bc92ba }
.box-purple header div { border-color : #782575 }
.box-purple header div h1,
.box-purple header div h3,
.box-purple header.title-ico h1 span,
.box-purple header.title-ico h3 span,
.box-purple .color,
.box-purple .color strong { color : #782575 }
.box-purple header div h1 a { color : #782575; }
.box-purple h2,
.box-purple h3,
.box-purple h4,
.box-purple h2 a,
.box-purple h3 a,
.box-purple h4 a { color : #782575!important }
.box-purple footer { background-color : #782575 }
.box-purple .number-order { background-color : #bc92ba; color : #782575 }
.box-purple .list-number-simple small,   
.box-purple .list-number-multiple small,   
.box-purple .list-number-simple strong,
.box-purple .list-number-multiple strong { color : #782575 }
.box-purple a,
.box-purple a strong { color : #782575 }
.box-purple a.more { background-position:0 -144px!important; border-color:#782575!important; color:#782575!important; }
.box-purple .tabs-time-line .mask-nav .content-mask ul li { background-color : #bc92ba; color:#782575; } 
.box-purple .list-midia li {border-color: #782575;}

/* participe */
.box-floral header { background-color : #fe92b3 }
.box-floral header div { border-color : #fc2566 }
.box-floral header div h1,
.box-floral header div h3,
.box-floral header.title-ico h1 span,
.box-floral header.title-ico h3 span,
.box-floral .color,
.box-floral .color strong { color : #fc2566 }
.box-floral header div h1 a { color : #fc2566 }
.box-floral h2,
.box-floral h3,
.box-floral h4,
.box-floral h2 a,
.box-floral h3 a,
.box-floral h4 a { color : #fc2566!important }

.box-floral footer { background-color : #782575 }
.box-floral .number-order { background-color : #fe92b3; color : #fc2566 }
.box-floral a,
.box-floral a strong { color : #fc2566; }
.box-floral a.more { background-position:0 -109px; border-color:#fd81a6; color:#fb034e; } 
.box-floral .list-midia li {border-color: #fd81a6;}


.box-floral .list-number-simple small,   
.box-floral .list-number-multiple small,   
.box-floral .list-number-simple strong,
.box-floral .list-number-multiple strong { color : #fc2566 }

.box-floral .tabs-time-line .mask-nav .content-mask ul li { background-color : #fe92b3; color:#fc2566; } 

/* Meu Itaú */
.box-itau header { background-color : #c4dcd3 }
.box-itau header div { border-color : #6a9a87 }
.box-itau header div h1,
.box-itau header div h3,
.box-itau header.title-ico h1 span,
.box-itau header.title-ico h3 span,
.box-itau .color,
.box-itau .color strong { color : #6a9a87 }
.box-itau header div h1 a { color : #6a9a87!important } 
.box-itau h2,
.box-itau h3 { color : #6a9a87 }
.box-itau footer { background-color : #782575 }
.box-itau .number-order { background-color : #c4dcd3; color : #6a9a87 }
.box-itau .list-number-simple small,   
.box-itau .list-number-multiple small,   
.box-itau .list-number-simple strong,
.box-itau .list-number-multiple strong { color : #6a9a87 }
.box-itau a,
.box-itau a strong { color : #6a9a87 }
.box-itau a.more { background-position:0 -71px; border-color:#6a9a87; color:#6a9a87; } 
.box-itau  .tabs-time-line .mask-nav .content-mask ul li { background-color : #c4dcd3; color:#6a9a87; } 

/* Barra se serviços */
.nav-tool-home {  background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; padding : 8px 8px 0 8px }
.nav-tool-home ul { background : url(/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png) no-repeat right top; display : block; height : 33px; line-height : 20px; padding : 8px 8px 0 }
.nav-tool-home ul li { float : left; margin-left:20px; }
.nav-tool-home ul li:first-child  { margin-left:0; }
.nav-tool-home ul li a { background : url(/wp-content/themes/itau-cultural/_/img/common/ico-rss-share.gif) no-repeat left top; padding-left : 22px }
.nav-tool-home ul li.share a { background-position:left bottom; }

/* Lista Show Hide */
section .list-show-hide { border-bottom:1px dotted #7f8897 }
section .list-show-hide dt { border-top:1px dotted #7f8897; cursor:pointer; font-size:18px; line-height:14px; padding:23px 0 25px; }
section .list-show-hide dt:first-child { border : none }
section .list-show-hide dd img { float:left; margin-right:8px; }
section .list-show-hide dd div { overflow:hidden; }
section .list-show-hide dd a { display:block; font-size:12px; margin-top:10px; }

/* Botão baixar pdf */
.icon-pdf{background: url(/wp-content/themes/itau-cultural/_/img/common/bg-icon-relatorio.png) no-repeat left top; float:right;width:100px;height:23px; line-height:14px!important; overflow: hidden;}
.icon-pdf small{color:#FFF; display:inline-block; font-size:10px; font-weight:normal; padding:6px 5px 0 7px}
.icon-pdf cite{color:#7f8897; font-size:10px!important; font-style:normal;font-weight:normal }

/* =9 footer
----------------------------------------*/
#footer { clear : both; position : relative; zoom : 1 }

.share-footer { background : #bfc4cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; margin-bottom : 24px; padding : 4px 8px 8px; zoom : 1 }
.share-footer li span { background : url(/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png) no-repeat right top; display : inline-block; font-size : 16px; font-weight : bold; height : 22px; position : relative; bottom : -4px; padding : 11px 16px 0; text-transform : lowercase }
.share-footer li ul { background : #fff; border-top : 4px solid #7f8897; padding : 7px 0 8px; zoom : 1 }
.share-footer li li { background : url(/wp-content/themes/itau-cultural/_/img/common/border-default.gif) repeat-y left; float : left; padding : 5px 16px 7px; width : 204px }
.share-footer li li:first-child { background : none }
.share-footer li li a { background : url(/wp-content/themes/itau-cultural/_/img/common/new-share-footer-2.png) no-repeat left 4px; display : block; font-size : 12px; line-height : 15px; }
.share-footer li li a:hover { background : url(/wp-content/themes/itau-cultural/_/img/common/new-share-footerColor.png) no-repeat left 4px; display : block; font-size : 12px; line-height : 15px; }
.share-footer li li a strong { display : block; font-size : 14px; margin : 0 0 2px }
.share-footer li li.twitter a { background-position : left 4px; padding-left : 53px }
.share-footer li li.youtube a { background-position : left -51px; padding-left : 42px }
.share-footer li li.flickr a { background-position : left -150px; padding-left : 73px;}
.share-footer li li.facebook a { background-position : left -106px; padding-left : 49px }
.share-footer li li.instagram a { background: url('/wp-content/themes/itau-cultural/_/img/logo-instagram.png') no-repeat scroll left 5px transparent;padding-left: 52px; }
.share-footer li li.instagram a:hover { background-position: left -75px !important; }

#footer nav { background : #bfc3cb url(/wp-content/themes/itau-cultural/_/img/common/pattern.gif) left top; margin-bottom : 8px; padding : 8px; zoom : 1 }
#footer nav .general { margin-bottom : 8px; zoom : 1 }
#footer nav .general > li { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-nav-footer.gif) repeat-x top; float : left; margin-left : 1px }
#footer nav .general > li:first-child { margin : 0 }
#footer nav .general > li > span { border-bottom : 4px solid; display : block }
#footer nav .general > li > span > a { background : url(/wp-content/themes/itau-cultural/_/img/common/border-ritgh-top.png) no-repeat right top; display : inline-block; font-size : 16px; font-weight : bold; height : 28px; margin-bottom : -8px; padding : 9px 16px 0; text-transform : lowercase }
#footer nav .general > li.programa > span { border-color : #014c90 }
#footer nav .general > li.programa > span > a { color : #014c90 }
#footer nav .general > li.programa { width : 188px }
#footer nav .general > li.newsletter > span { border-color : #6a9a87 }
#footer nav .general > li.newsletter > span > a { color : #6a9a87 }
#footer nav .general > li.newsletter { width : 187px }
#footer nav .general > li.conheca > span { border-color : #f57921 }
#footer nav .general > li.conheca > span > a { color : #f57921 }
#footer nav .general > li.conheca { width : 189px }
#footer nav .general > li.explore > span { border-color : #782575 }
#footer nav .general > li.explore > span > a { color : #782575 }
#footer nav .general > li.explore { width : 377px }
#footer nav .general > li.explore ul { float : left; width : 144px }
#footer nav .general > li.explore ul.first { background : url(/wp-content/themes/itau-cultural/_/img/common/border-gray-dashed.gif) repeat-y right; clear : left; float : left; width : 151px }
#footer nav .general > li.participe > span { border-color : #fc2566 }
#footer nav .general > li.participe > span > a { color : #fc2566 }
#footer nav .general > li.participe { width : 187px }
#footer nav .general > li ul { min-height : 216px; margin : 16px 0; padding : 0 16px }
#footer nav .general > li ul li { font-size : 12px }
#footer nav .general > li ul a { display : block; line-height : 24px }
#footer nav .general > li ul span { color : #782575; line-height : 24px }

#footer nav .inf { background : #fff; padding : 13px 16px; zoom : 1 }
#footer nav .inf li { float : left; margin-left : 33px }
#footer nav .inf li:first-child { margin : 0 }
#footer nav .inf a { background : url(/wp-content/themes/itau-cultural/_/img/common/border-underline.gif) repeat-x bottom; display : block; font-size : 12px; font-weight : bold; line-height : 15px }
#footer nav .inf a:hover { background : none; text-decoration : none }

#footer p { line-height : 23px }
#footer p > span { color : #f57921; font-size : 14px }
.how-get {cursor:pointer; background : url(/wp-content/themes/itau-cultural/_/img/common/bg-how-get.png) no-repeat left top; display : inline-block; margin-top : 8px }
.how-get span { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-how-get.png) no-repeat right bottom; display : block; font-size : 10px; height : 10px; line-height : 10px; padding : 7px 25px 7px 7px }
.logos-footer { position : absolute; bottom : 15px; right : 0 }
.logos-footer li { float : left; margin-left : 24px; padding-top : 20px }
.logos-footer li:first-child { padding : 0 }

/* font resize */
.font-resize-wrapper{}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}

.titulos_menu_explore
{
	color: #782575;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 17px;
    text-transform: lowercase;
}
#aplicativos-moveis { margin-bottom:30px; }
#aplicativos-moveis ul li { float: left; margin-left:15px; }
#aplicativos-moveis  #app-apple { padding-top:15px; }


.wp-caption-dd {
    background: #f2f3f5;
font-size: 12px;
padding: 4px 8px;

}

.wp-caption.aligncenter{
   text-align: center;
}

.wp-caption.aligncenter .wp-caption-text{
   padding: 1% !important;
   background: #F2F3F5;
   font-size: 13px;
   width: 96%;
   margin: 0 auto !important;
   margin-bottom: 15px !important;
   line-height: 18px;
}

.wp-caption {
    margin: auto;
}
.dc-attachment img{
    width: 376px;
    height: auto;
}
.dc-attachment br {
    display: none;
}

.texto-banner a{
    margin-bottom: 4px;
}

.reports  h4 {
 border-bottom: 1px dotted #7f8897;
}
.list-news-blog .data{
    font-size: 14px; color: #782575;
}

.clear{clear: both;}


.list-news-blog li .mceTemp{ display:inline-block; }
.list-news-blog li .wp-caption {text-align: center!important; }

.login-register .btn-compartilhar{
    padding: 6px 6px 6px 11px;
    background: transparent url('../../img/btn-compartilhar.png') no-repeat scroll 0 0 !important;
    color: #FFF !important;
    height: 12px;
    width: 96px;
    margin-right: -6px;
}

#cboxClose{top: 3px !important;right: 3px !important;width: 21px !important;height: 22px !important;}

#cboxTitle {    
    padding-right: 26px !important;
    font-size: 13px !important;
    padding-top: 7px !important;
    padding-bottom: 5px !important;
    padding-left: 8px !important;
    text-align: left !important;
    font-weight: normal !important;
}

/* LIGHTBOX IFRAME */

.lightbox-iframe .background{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.8;z-index:9999998;}
.lightbox-iframe{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;}
.lightbox-iframe .inner{position:fixed;top:10%;left:10%;right:10%;bottom:10%;z-index:9999999;}

.lightbox-iframe .inner iframe{
  width:100%;
  height:100%;
  -webkit-box-shadow: 3px 3px 40px 0px #000;
  -moz-box-shadow:    3px 3px 40px 0px #000;
  box-shadow:         3px 3px 40px 0px #000;
  background: #FFF;
}

.lightbox-iframe .control{
    position: absolute;
    right: 3px !important;
    top: 4px !important;
    color: #FFF;
   z-index: 999999999;
    width: 200px;
}

.lightbox-iframe .control span{
  color: #FFF !important;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
  float: right;
}

.lightbox-iframe .open-full {
   display: block;
}

.lightbox-iframe .close-full {
   display: none;
}

.fullscreen.lightbox-iframe .inner{
  top: 35px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: #A5A5A5;
}

.fullscreen.lightbox-iframe .open-full {
   display: none;
}

.fullscreen.lightbox-iframe .close-full {
   display: block;
}

.fullscreen.lightbox-iframe .control{
  top: 0px !important;
  right: 8px !important;
  left: 0px !important;
  background: none repeat scroll 0% 0% #000;
  padding: 4px;
  text-align: right;
  height: 29px;
  width: 100% !important;
   z-index: 999999999;
}

.fullscreen.lightbox-iframe .control .close{
  margin-right: 7px;
}

.btn-iniciar-visita {
   cursor: pointer;
}

/* Css box veja mais */

.box-veja-mais{
   margin-top: 15px;
   border:0 !important;
}

.box-veja-mais .conteudo{
   width: 104%;
}

.box-veja-mais .conteudo .blue,
.box-veja-mais .conteudo .blue h3,
.box-veja-mais .conteudo .blue h4 a{
   color: #014c90 !important;
}

.box-veja-mais .conteudo .purple,
.box-veja-mais .conteudo .purple h3,
.box-veja-mais .conteudo .purple h4 a{
   color: #782575 !important;
}

.box-veja-mais .conteudo h3{
   font-size: 12pt;
   margin-bottom: 8px;
   border:0 !important;

}

.box-veja-mais .conteudo h4{
   font-size: 12pt !important;
   margin-top: 10px !important;
   margin-bottom: 6px !important;
   line-height: 18px !important;
}

.box-veja-mais .conteudo h4 a {
   text-decoration: none;
}

.box-veja-mais .conteudo .categoria{
   font-size: 11pt;
   margin-top: 10px;
}

.box-veja-mais .conteudo .local{
   font-size: 9pt;
}

.box-veja-mais .conteudo .box{
   width: 30%;
   margin-right: 22px;
   float: left;
   border:0 !important;
}

.box-veja-mais .conteudo .box p{
   line-height: 18px !important;
   margin: 4px 0 4px 0 !important;
   padding: 0 !important;
}

.box-veja-mais .conteudo p a{
   display: none;
}

.box-veja-mais .conteudo .box .image{
   display: block;
   overflow: hidden;
   height: 130px;
}

.box-veja-mais .conteudo .box img{
   width: 100%;
   margin-top:-7px;
}

.btn-cinza {
    background-color: #7f8897;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    color: #fff;
    font-weight: bold;
}

/* Fim css box veja mais */

.credits {
   position: absolute;
   padding: 4px 8px;
   font-size: 11px;
   font-style: italic;
   z-index: 1;
}


.box-visitas-virtuais {
   width: 48%;
}

.box-visitas-virtuais p {
   margin: 10px 0 0 0 !important;
}

.box-visitas-virtuais.left {
   float: left;
}

.box-visitas-virtuais.right {
   float: right;
}

.box-visitas-virtuais .more {
   margin: 0 !important;
}