/**
 * HELPERS
 * Some general classes
 * ----------------------------------------------------------------
 * Author      : Nuova Comunicação
 * Created at  : 12-02/2011
 * Last Update : 12-02/2011
 * Contact     : ti[at]nuova.com.br/ +55 11 5575-3845
 * ----------------------------------------------------------------
 */


/* Clearfix
---------------------------------------- */
.clearfix:after, li:after   { clear: both; content: "."; display: block; height: 0; visibility: hidden }
* html .clearfix, * html li { height: 1% }
.clearfix, li               { display: block }


/* @font-face
---------------------------------------- */


/* Misc classes
---------------------------------------- */
.bold       { font-weight : bold }
.italic     { font-style : italic }
.underline  { border-bottom : 1px solid }
.nobold 	{ font-weight : normal!important }

.hidden     { display : none; visibility : hidden }
.cl         { clear : both }

.fl         { float : left!important }
.fr         { float : right!important }

.mt50		{ margin-top : 50px }

.mb 		{ margin-bottom : 24px!important }
.mt			{ margin-top : 24px!important }
.mr			{ margin-right : 24px }
.ml			{ margin-left : 24px }

.ml-1    	{ margin-left : 8px }
.mr-1    	{ margin-right : 8px }

.ptop       { margin-top : 24px }

.first      { margin-left : 0; padding-left : 0 }
.last       { margin-right : 0!important; padding-right : 0!important }
.top        { margin-top : 0!important; padding-top : 0 }
.bottom     { margin-bottom : 0!important; padding-bottom : 0!important }
.topmt      { margin-top : 0!important }    
.nolist     { margin : 0; padding : 0; list-style : none }

.tit-comp   { background : red; color : #fff; clear : both; font-size : 15px; font-weight : bold; padding : 2px 5px; text-transform : uppercase } /* Titulo dos componentes */

a.more      { background:url(/wp-content/themes/itau-cultural/_/img/common/sprite-more.png) no-repeat; border-top:1px dotted; display : block; clear : both; font-size : 12px; line-height : 18px; margin-top:14px; padding:9px 8px 9px 24px;  }
a.more-old  { border : none; clear : none; margin : 0 }

a.link      { text-decoration : underline!important }
a.link:hover{ text-decoration : none!important }

.box footer a.more { background-position: 8px 9px; color:#fff; display:inline-block; margin-top:0; padding : 7px 8px 9px 32px }

ul.nav-vertical-box { display:inline-block; padding:6px }
ul.nav-vertical-box li { float:left; margin-left:4px }
ul.nav-vertical-box li a { background:url(/wp-content/themes/itau-cultural/_/img/common/sprite-itaucultural-home.png) -32px -78px no-repeat; display:block; width:20px; height:20px; text-indent:-99em; overflow : hidden }
ul.nav-vertical-box li a.down { background-position : -8px -78px }

.external-link { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-link-external-left.gif) no-repeat left top; color : #8b8b92!important; display : inline-block; font-size : 12px; line-height : 14px; text-decoration : none!important }
.external-link:hover { text-decoration : underline!important }
.external-link span { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-link-external-right.gif) no-repeat right top; display : block; font-size : 12px; line-height : 14px; padding : 5px 33px 5px 8px!important }

.generic-link { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-right.gif) no-repeat right top; color : #8b8b92!important; display : inline-block; float:left; font-size : 12px; line-height : 14px; text-decoration : none!important }
a[title="Compartilhar"] { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-right-small.gif) no-repeat right center; margin-top: -2px !important; color : #8b8b92!important; display : inline-block; float:left; font-size : 12px; line-height : 14px; text-decoration : none!important }
a.generic-link:hover,
a.generic-link:hover span { text-decoration : underline!important }
.generic-link span { color: #8b8b92!important; margin:0 !important; display : block; font-size : 12px!important; font-weight : normal!important; line-height : 13px!important; height : 14px }
.generic-link span.cal { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-cal.gif) no-repeat left top; display : block; font-size : 12px; line-height : 14px; padding : 5px 8px 5px 30px !important }
.generic-link span.download { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-download.gif) no-repeat left top; padding : 5px 8px 5px 24px !important }
.generic-link span.share { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-share.gif) no-repeat left center; padding : 5px 8px 5px 24px !important }
.generic-link span.was { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-was.gif) no-repeat left top; padding:5px 8px 5px 24px }
.generic-link span.read-more { background:url(/wp-content/themes/itau-cultural/_/img/common/bt-bg.gif) no-repeat left top; padding:5px 8px }
.generic-link span.print { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-print.gif) no-repeat left top; padding:5px 8px 5px 24px }
.generic-link span.agendar { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-agenda.gif) no-repeat left top; padding:5px 8px 5px 30px }
.generic-link span.will { background:url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-eu-vou.gif) no-repeat left top; padding:5px 8px 5px 24px }
.generic-link span.reserve { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-reservar.gif) no-repeat left top; padding : 5px 8px 5px 24px !important }
.generic-link span.docs { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-docs.gif) no-repeat left top; padding : 5px 8px 5px 4px !important }
.generic-link span.docs small{ color:#fff; display:inline-block; font-size:10px; line-height : 12px; font-weight:normal; padding:1px 0 0 3px; text-transform : uppercase }
.down a { display : inline-block; font-size : 12px!important; line-height : 14px!important; margin-right : 8px; padding : 4px 0 }

.share-generic .link-download { display : inline-block; font-size : 12px; line-height : 14px; padding : 4px 7px; text-decoration : none }
.share-generic .link-download:hover { text-decoration : underline }

section.explore .box-pattern-full { background-color:#bc92ba; }
section.conheca .box-pattern-full { background-color:#FABC90; }

.font-resize-wrapper .bigger, .font-resize-wrapper .smaller{ background : url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-right.gif) no-repeat right top; color : #8b8b92!important; display : inline-block; float:left; font-size : 12px; line-height : 14px; text-decoration : none!important }
.font-resize-wrapper .bigger{ margin-right: 8px; }
.font-resize-wrapper .bigger span, .font-resize-wrapper .smaller span { color: #8b8b92!important; margin:0 !important; display : block; font-size : 12px!important; font-weight : normal!important; line-height : 13px!important; height : 14px }
.font-resize-wrapper .bigger span.ico-bigger{ background:url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-a-mais.png) no-repeat left top; padding:5px 8px 5px 24px }
.font-resize-wrapper .smaller span.ico-smaller{ background:url(/wp-content/themes/itau-cultural/_/img/common/bg-generic-link-a-menos.png) no-repeat left top; padding:5px 8px 5px 24px }

.bt-gray { background : #7f8897 url(/wp-content/themes/itau-cultural/_/img/common/bg-bt.gif) no-repeat left top; display : inline-block }
.bt-gray span { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-bt.gif) no-repeat right bottom; color : #fff; display : block; font-size : 14px; font-weight : bold; line-height : 16px; padding : 8px 16px }

a.calendar { background:url(/wp-content/themes/itau-cultural/_/img/common/ico-calendar.png) no-repeat; display:inline-block; height:16px; margin-left:8px; width:18px }
a.calendar span { display:none }

a.clear-calendar { background:url(/wp-content/themes/itau-cultural/_/img/common/ico-calendar-clear.png) no-repeat; display:inline-block; height:16px; margin-left:8px; width:18px; cursor: pointer; }
a.clear-calendar span { display:none }

/* paginação*/
.pagination-gereric { display : block; position : relative; padding-top : 24px; text-align : center }
.pagination-gereric li { display : inline }
.pagination-gereric li:after { content : ""; display : none }
.pagination-gereric li span,
.pagination-gereric li a { color : #7f8897!important; display : inline-block; font-size : 11px; line-height : 14px; padding : 3px 5px; text-decoration : none!important }
.pagination-gereric li.current a { background : url(/wp-content/themes/itau-cultural/_/img/common/bg-current-pagination.gif) no-repeat center center; color : #fff!important }
.pagination-gereric li a:hover { text-decoration : underline!important }

.pagination-gereric .prev,
.pagination-gereric .next { position : absolute; left : 0; bottom : 0 }
.pagination-gereric .next { left : auto; right : 0 }
.pagination-gereric .prev a,
.pagination-gereric .next a { background : url(/wp-content/themes/itau-cultural/_/img/common/nav-pagination.gif) no-repeat left bottom; font-size : 12px; font-weight : bold; line-height : 14px; padding : 1px 0 1px 23px }
.pagination-gereric .next a { background-position : right top; padding : 1px 23px 1px 0 }

.legend-author		{ background:#f2f3f5; font-size:12px; display:block; padding:4px 8px; text-align:left; }
.legend-img     { font-size : 10px; text-align : right }
.legend-img img { margin-top : 7px }
.legend-fr     { float : right; margin : 0 0 16px 16px; } 
.legend-fl     { float : left; margin : 0 16px 16px 0; }


.border-dotted { border : none; border-bottom : 1px dotted #8B8B92 ; display : block; clear : both; margin : 0; height : 0 }
.border-dotted-gray { border : none; border-bottom : 1px dotted #7F8897; display : block; clear : both; margin : 0; height : 0 }
.border-dotted-blue { border : none; border-bottom : 1px dotted #014c90; display : block; clear : both; margin : 0; height : 0 }
.border-dotted-purple { border : none; border-bottom : 1px dotted #782575; display : block; clear : both; margin : 0; height : 0 }
.border-dotted-floral { border : none; border-bottom : 1px dotted #fc2566; display : block; clear : both; margin : 0; height : 0 }
.border-dotted-orange { border : none; border-bottom : 1px dotted #F57921; display : block; clear : both; margin : 0; height : 0 }

.ie7 .border-dotted-purple,
.ie7 .border-dotted-orange,
.ie7 .border-dotted-floral,
.ie7 .border-dotted-gray,
.ie7 .border-dotted-blue,
.ie7 .border-dotted { margin : -7px 0 }