*:focus { outline:none; }

html { margin: 0; padding: 0; }

body { font-family: 'Cantarell', sans-serif; font-size: 12px; font-weight: 400; margin: 0; padding: 0; background: #FFF; color: #666; text-align: center; }

a:hover, a:active { outline: none; border: 0; }
a { color: #000; }
a:hover { color: #666; }

span.lcase { text-transform: none; }
span.regular { font-weight: normal; }


#header { z-index: 1000; top: 10px;}
#pe { z-index: 999; }
#del { z-index: 1001; }

#logo {  border: 0; margin: -45px 0 0 70px; padding: 0; display: inline-block; vertical-align: top; *display: inline; }

#face { width: 21px; height: 20px; border: 0; margin: 0px 0 0 300px; padding: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

ul#mainMenu { list-style: none; padding: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline;  margin: 0px 0 0 0px;}
	#mainMenu li { padding: 0 0 0 30px; float: left; }
#mainMenu li a { color: #999; text-decoration: none; text-transform: uppercase; font-weight: 700; }
#mainMenu li a:hover,
#mainMenu li a.actv { color: #003; }

#mainMenu li ul { display: none; }

ul#anchorMenu { list-style: none; margin: 0 15px 0 0; padding: 0; float: right; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#anchorMenu li { padding: 0 0 0 14px; float: left; }

#anchorMenu li#twitter a { display: block; width: 10px; height: 14px; text-indent: -9999px; overflow: hidden; background: url(../img/anchor-icons-sprite.png) no-repeat -14px 0; }
#anchorMenu li#twitter a:hover { background-position: -14px -14px; }

#anchorMenu li#facebook a { display: block; width: 14px; height: 14px; text-indent: -9999px; overflow: hidden; background: url(../img/anchor-icons-sprite.png) no-repeat; }
#anchorMenu li#facebook a:hover { background-position: 0 -14px; }

#anchorMenu li a { color: #CCC; text-decoration: none; text-transform: uppercase; font-weight: 400; font-size: 10px; }
#anchorMenu li a:hover { color: #333; }


#wrapper { margin: 15px 15px 0; text-align: left; }

#projectCover { position: relative; overflow: hidden; }
#projectCover img { position: absolute; width: 100%; height: auto; }

h1#projectTitle { font-weight: 700; text-transform: uppercase; color: #003; font-size: 15px; text-align: center; padding: 8px 0 0; margin: 0 0 0px 0px; width: 100%; border-bottom: 1px solid #000; height: 32px; cursor: pointer; }

a#prevProject { float: left; border: 0; padding: 0 10px; margin: -43px 0 0; }
a#nextProject { float: right; border: 0; padding: 0 10px; margin: -43px 0 0; }


/*** CONTEÚDO ***/
/*#content { margin: 35px 0 0; padding: 0 15px; }*/
#content { width: 100%; margin: 0 0; padding: 0; }

/*** CONTEÚDO PRINCIPAL ***/
/*#content #mainContent { margin: 0 0 0 -4px; padding: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }*/
#content #mainContent {  margin-bottom: 25px;  }

#content #mainContent h1 { font-weight: 700; text-transform: uppercase; color: #003; font-size: 15px; margin-top: 0; }
#content #mainContent h2 { font-weight: 700; color: #003; font-size: 13px; }
#content #mainContent h3 { font-weight: 700; color: #003; font-size: 12px; }
#content #mainContent h4 { COLOR: #060606; FONT-FAMILY: calibri,arial,verdana; FONT-SIZE: 13px; TEXT-DECORATION: none;}
#content #mainContent h5 { COLOR: #6c6b6b; FONT-FAMILY: calibri,arial,verdana; FONT-SIZE: 13px; TEXT-DECORATION: none;}

#content #mainContent p.lead { line-height: 160%; margin-bottom: 20px; font-style: italic; color: #939393; }

#content #mainContent ul { list-style: none; margin: 0; padding: 0; }


.fluid-width-video-wrapper-wrapper,
#textContainer { max-width: 920px; margin-bottom: 15px; }

hr { background-color:#fff; border: #000 1px dotted; border-style: none none dotted; color:#fff; margin: 35px 0; clear: both; }

ul.mediaImages { margin: 0; padding: 0; list-style: none; }
.mediaImages li { margin: 0 0 25px 0; padding: 0; }
.mediaImages li a { text-decoration: none; }
.mediaImages li img { border:0; }


#contentOptions { width: 220px; padding: 0; float: right; margin: 20px 0 0 15px; }

#contentOptions ul { list-style: none; margin: 0; padding: 0; }
#contentOptions li { padding: 18px 0; border-top: 1px dotted #262c2a; }
#contentOptions li a { color: #000; text-decoration: none; text-transform: uppercase; font-weight: 700; }
#contentOptions li a:hover {  }

/*** LISTA DE THUMBNAILS ***/
ul.thumbs_collection {margin: 0; padding: 0; list-style: none; position:absolute; left:0%; }
.thumbs_collection li {display: inline; width: 240px; min-height: 220px; height: auto !important; height: 220px; margin: 0 10px 0px 0; padding: 0; position: relative; }
.thumbs_collection li a { text-decoration: none; color: #003; }
.thumbs_collection li img { width: 240px; height: 170px; border:0; }
.thumbs_collection li h4 { padding: 0; margin: 0; font-weight: 700; text-transform: uppercase; color: #003; }
.thumbs_collection li p { padding: 0; margin: 0; color: #000; }

ul.thumbs_collection2 {margin: 0; padding: 0px 0px 0px 0px; margin-left:0px; list-style: none; position:absolute; left:0%; }
.thumbs_collection2 li {display: inline; width: 379px; min-height: 210px; height: auto !important; height: 220px; margin: 10px 13px 0px 0; padding: 0; position: relative; }
.thumbs_collection2 li a { text-decoration: none; color: #003; }
.thumbs_collection2 li img { width: 380px; height: 211px; border:0; }
.thumbs_collection2 li h4 { padding: 0; margin: 0; font-weight: 700; text-transform: uppercase; color: #003; }
.thumbs_collection2 li p { padding: 0; margin: 0; color: #000; }

ul.thumbs_collection3 {margin: 0; padding: 0px 0px 0px 0px; list-style: none; position:absolute; left:0%; }
.thumbs_collection3 li {display: inline; width: 500px; min-height: 220px; height: auto !important; height: 220px; margin: 0px 0px 0px 0; padding: 0; position: relative; }
.thumbs_collection3 li a { text-decoration: none; color: #003; }
.thumbs_collection3 li img { width: 480px; height: 279px; border:0; }
.thumbs_collection3 li h4 { padding: 0; margin: 0; font-weight: 400; text-transform: uppercase; color: #003; }
.thumbs_collection3 li p { padding: 0; margin: 0; color: #000; }

ul.thumbs_collection4 {margin: 0; padding: 0px 0px 0px 0px; list-style: none; position:absolute; left:0%; }
.thumbs_collection4 li {display: inline; width: 500px; min-height: 220px; height: auto !important; height: 220px; margin: 0px 0px 0px 0; padding: 0; position: relative; }
.thumbs_collection4 li a { text-decoration: none; color: #003; }
.thumbs_collection4 li img { width: 480px; height: 279px; border:0; }
.thumbs_collection4 li h4 { padding: 0; margin: 0; font-weight: 400; text-transform: uppercase; color: #003; }
.thumbs_collection4 li p { padding: 0; margin: 0; color: #000; }

ul.midiasList { }
.midiasList li { min-height: 280px; height: auto !important; height: 280px; }
.midiasList li div { height: 220px; margin: 0 0 5px; overflow: hidden; background: url(../img/midias-list-bg.gif); }
.midiasList li img { width: auto; height: 220px; }

ul.videos li::after { content: ""; display: block; width: 16px; height: 31px; background: url('../img/video-play-icon.png') no-repeat; position: absolute; top: 95px; left: 102px; }



/*** LISTA DA BIOGRAFIA ***/
ul.bioList { margin: 0; padding: 0; list-style: none; }
.bioList li {  margin: 0 0 20px; padding: 0; clear: both; min-height: 272px; height: auto !important; height: 272px; overflow: hidden; }

.bioList > li > img { width: 450px; border: 0; float: left; margin: 10px 15px 20px 0; }
.bioList li div { overflow: hidden; }

/*
.bioList li img { width: 305px; border: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0 15px 0 0; }
.bioList li div { width: 500px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
*/

.bioList li h4 { padding: 0; margin: 0; COLOR: #000000;
	FONT-FAMILY: calibri,arial,verdana;
	FONT-SIZE: 16px;
	TEXT-DECORATION: none;
	line-height:25px; }

/* SLIDESHOW DOS SÓCIOS */
.bioSlideShow { width: 305px; height: 208px; overflow: hidden; position: relative; background: #FFF url('../img/preload.gif') center center no-repeat; margin: 0; padding: 0; border: 0; list-style: none; }
.bioSlideShow li { display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 1; }
.js_active .bioSlideShow li { display:none; }
.bioSlideShow img,
.bioSlideShow a img,
.bioSlideShow a { border: none; text-decoration: none; }

.bioList li .bioSlideShow { float: left; margin: 0 15px 0 0; border-right: 15px solid #FFF; }

/*** LISTA DA CRONOLOGIA ***/
ul.chronoList { margin: 0; padding: 0; list-style: none; max-width: 650px; }
.chronoList li { margin: 0 0 8px; padding: 0; clear: both; color: #000; }
.chronoList li span { color: #999; }

/* LISTA DE CONTEÚDOS TEXTUAIS */
#content #mainContent ul.contentList { list-style: none; padding: 0; margin: 0 0 25px; clear: left; }
#content #mainContent .contentList li { padding: 25px 0; position: relative; border-bottom: 1px solid #000; }

#content #mainContent .contentList li div { display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#content #mainContent .contentList li div.newsColTitle { width: 215px; margin: 0 75px 0 0; }
#content #mainContent .contentList li div.newsColTitle p { margin: 0; }

#content #mainContent .contentList li div.newsColText { width: 340px; margin: 0; }
#content #mainContent .contentList li.right div.newsColText { margin-right: 15px; }
#content #mainContent .contentList li.left div.newsColText { padding-left: 15px; }

#content #mainContent .contentList li ul.thumbs_collection { margin: 0; padding: 0; border: 0; list-style: none; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#content #mainContent .contentList li.left ul.thumbs_collection,
#content #mainContent .contentList li.right ul.thumbs_collection { width: 340px; }

#content #mainContent .contentList li ul.thumbs_collection li { width: 340px; margin: 0 15px 10px 0; padding: 0; border: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#content #mainContent .contentList li ul.thumbs_collection li img { width: 340px; height: auto; border:0; }

#content #mainContent .contentList li h2 { text-transform: none; margin-bottom: 0; padding-bottom: 0; }
#content #mainContent .contentList li p.lead { margin: 0 0 10px; font-style: normal; }
#content #mainContent .contentList li p.lead span { font-style: bold; color: #5d5d5d; }
#content #mainContent .contentList li a.leiaMais { color: #999; text-decoration: none; text-transform: lowercase; font-weight: 400; padding: 5px 10px; width: auto; }
#content #mainContent .contentList li a.leiaMais:hover { background: #ebebeb; }

/*** LISTA DE IMAGENS DE PROJETOS ***/
ul.project_images_stage { margin: 0; padding: 0; list-style: none; width: 100%; }
.project_images_stage li { width: 100%; margin: 0 0 15px; padding: 0; }
.project_images_stage li a { text-decoration: none; }
.project_images_stage li img { width: 100%; height: auto; border:0; }

#contactCover { width: 100%; height: auto; border: 0; }

/*** SOCIAL ICONS ***/
.shareLink { cursor: pointer; }

.sharebuttons { display: none; height: 25px; padding: 10px 0; }

.sharebuttons span { background-image:url('../img/social-icons-sprite.jpg'); cursor:pointer; display:block; float:left; height:25px; width:25px; margin: 0 5px 0 0; }

.sharebuttons span.st_facebook_custom { background-position: 0 0; }
.sharebuttons span.st_facebook_custom:hover { background-position: 0 -25px; }

.sharebuttons span.st_twitter_custom { background-position: -25px 0 }
.sharebuttons span.st_twitter_custom:hover { background-position: -25px -25px}

.sharebuttons span.st_email_custom { background-position: -50px 0; }
.sharebuttons span.st_email_custom:hover { background-position: -50px -25px; }

.sharebuttons span.st_pinterest_custom { background-position: -75px 0; }
.sharebuttons span.st_pinterest_custom:hover { background-position: -75px -25px; }

.sharebuttons span.st_delicious_custom { background-position: -100px 0; }
.sharebuttons span.st_delicious_custom:hover { background-position: -100px -25px; }

.sharebuttons span.st_googleplus_custom { background-position: -125px 0; }
.sharebuttons span.st_googleplus_custom:hover { background-position: -125px -25px; }

.sharebuttons span.st_tumblr_custom { background-position: -150px 0; margin-right: 0; }
.sharebuttons span.st_tumblr_custom:hover { background-position: -150px -25px; }



/*** LATERAL ESQUERDA ***/
/*#content #aside { width: 215px; margin: 0 75px 0 0; padding: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }*/
#aside { float: left; width: 215px; margin: 0 0 0 -100%; }

#aside h3 { color: #000; text-transform: uppercase; }

#aside hr { background-color:#fff; border: #000 1px dotted; border-style: none none dotted; color:#fff; margin: 25px 0; clear: both; }

ul#subMenu { list-style: none; margin: 0 0 25px; padding: 0; border-bottom: 1px dotted #262c2a; }
#subMenu li { padding: 18px 0; border-top: 1px dotted #262c2a; }
#subMenu li a { color: #999; text-decoration: none; text-transform: uppercase; font-weight: 700; }
#subMenu li a:hover,
#subMenu li a.active { color: #000; }

#subMenu ul { list-style: none; margin: 0; padding: 8px 0 0; }
#subMenu ul li { border: 0; padding: 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#subMenu ul li a { color: #999; text-decoration: none; text-transform: lowercase; font-weight: 400; display: block; padding: 5px 12px; }
#subMenu ul li a:hover { background: #ebebeb; }
#subMenu ul li a.actv { color: #000; }

ul#projectMedias { list-style: none; margin: 0; padding: 0; }
#projectMedias li { border: 0; padding: 0; }
#projectMedias li a { color: #999; text-decoration: none; text-transform: lowercase; font-weight: 400; display: block; padding: 5px 12px; }
#projectMedias li a:hover { background: #ebebeb; }
#projectMedias li a.actv { color: #000; }

ul#projectFiles { list-style: none; margin: 0; padding: 0; }
#projectFiles li { border: 0; padding: 0; }
#projectFiles li a { color: #000; text-decoration: none; text-transform: lowercase; font-weight: 400; display: block; padding: 5px 12px 5px 26px; background: url('../img/files-btn-bg.png') no-repeat 5px 50%; }
#projectFiles li a:hover { background-color: #ebebeb; }
#projectFiles li a.actv { color: #000; }



/*#######################################################################
### ACCORDIONS
#######################################################################*/
.accordionMenu { display: block; }
.accordionMenu li { position: relative; }
.accordionMenu > li {  }
.accordionMenu li a {  }
.accordionMenu li ul {  }
.accordionMenu li ul li a {  }

.accordionMenu a.dcjq-parent,
.accordionMenu a.dcjq-parent:hover {}
.accordionMenu a.dcjq-parent.active {}
.accordionMenu a .dcjq-icon { /*position: absolute; top: 50%; left: 10px; width: 10px; height: 20px; margin-top: -10px; background: url(../img/arrow_grey_right.gif) no-repeat 0 center;*/ }
.accordionMenu a.dcjq-parent.active .dcjq-icon { /*background: url(../img/arrow_grey_down.gif) no-repeat 0 center;*/ }
.accordionMenu a:hover {}
.accordionMenu a:active{}




/*** RODAPÉ ***/
#footer { clear:left; list-style: none; width: 100%; background-image:url(imagens/back-rodape.jpg); margin: 0; height: 53px; padding: 0; color: #FFF; font-size: 10px; }
#footer li { display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 15px; margin-left:70px; COLOR: #353535;
	FONT-FAMILY:  calibri,arial, verdana;
	FONT-SIZE: 13px;
	TEXT-DECORATION: none; }
#footer a { text-decoration: none; color: #353535; }



/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


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




#sliderContainer { position: absolute; top: 50%; left: 50%; margin: -250px 0 0 -150px; z-index: 50; }

ul#socialMedias { list-style: none; position: absolute; top: 15px; right: 20px; margin: 0; padding: 0; z-index: 60; }
#socialMedias li { float: left; margin-right: 5px; }

.clr { clear:both; }


#mainContent.colecao-release .jspTrack { background: #dde; }
#mainContent.colecao-release .jspDrag { background: #99C; }

#mainContent.lojas ul,
#mainContent.lojas ul.accordionMenu { text-decoration: none; padding: 0; font-size: 14px; display: block; text-transform: uppercase; }
#mainContent.lojas ul.accordionMenu li { position: relative; list-style: none; padding: 0; }
#mainContent.lojas ul.accordionMenu li a { color: #FFF; padding: 2px 5px; text-decoration:none; position: relative; font-weight: bold; }
#mainContent.lojas ul.accordionMenu li ul { padding: 0 0 0 15px; }
#mainContent.lojas ul.accordionMenu li ul li { padding: 3px 0 4px; }
#mainContent.lojas ul.accordionMenu li ul li a { font-weight: normal; }

#mainContent.lojas ul.accordionMenu li ul li ul li { font-weight: bold; }

#mainContent.lojas ul.accordionMenu a.dcjq-parent {}
#mainContent.lojas ul.accordionMenu a.dcjq-parent:hover {}
#mainContent.lojas ul.accordionMenu li ul li a.dcjq-parent.active { background: #d7cbc2; }
#mainContent.lojas ul.accordionMenu a .dcjq-icon { position: absolute; top: 50%; left: 10px; width: 10px; height: 20px; margin-top: -10px; background: url(../img/arrow_grey_right.gif) no-repeat 0 center; }
#mainContent.lojas ul.accordionMenu a.dcjq-parent.active .dcjq-icon { background: url(../img/arrow_grey_down.gif) no-repeat 0 center; }
#mainContent.lojas ul.accordionMenu a:hover {}
#mainContent.lojas ul.accordionMenu a:active{}