@font-face {
    font-family: 'future_faceregular';
    src: url('futr1.eot');
    src: url('futr1.eot?#iefix') format('embedded-opentype'),
        url('futr1.woff') format('woff'),
        url('futr1.ttf') format('truetype'),
        url('futr1.svg#future_faceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




*:focus { outline:none; }

html { margin: 0; padding: 0; }

body { font-family: 'future_faceregular', sans-serif; font-size: 12px; font-weight: 400; margin: 0; padding: 0 0 0 0; background: #9F998D; color: #FFF; text-align: center; overflow-x: hidden;}

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; }

#topo{
    background: #888276;
    font-family: future_faceregular;
    height: 130px;
    position: relative;
    top: -42px;
    width: 100%;

}

h1{float:left; width:1000px;}

#topo #logo{
    float: left;
    margin-left: 30px;
}

#topo #meioTopo{
    /*background: url("../../images/site/meioTopo.png") repeat scroll 0 0 transparent;*/
    display: none;
    float: left;
    height: 90px;
    margin: 22px 10%;
}

.fade {
    opacity: 0.1;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.fade:hover {
    opacity: 1;
}	

#topo #logo img{

    margin-top: 11px;
}

/*navigation section*/
#topo #navi{
    width:600px;
}

#topo #menus{
    float: right;
    font-size: 20px;
    left: 0;
    padding: 55px 0;
    position: relative;
}



#topo #menus a{
    font-family: future_faceregular;
    padding: 0 3px;
    text-decoration: none;
}

.home {float:left;background:url("../../images/site/inicio.png")no-repeat; width:60px; height:60px; margin-right:-13px; }
.sobre {float:left;background:url("../../images/site/sobre.png")no-repeat; width:60px; height:60px;}
.gerenciamento {float:left;background:url("../../images/site/gerenciamento.png")no-repeat; width:60px; height:60px;margin-left: -15px;}
.noticiasM {float:left;background:url("../../images/site/news.png")no-repeat; width:60px; height:60px;margin-left: -15px;}
.portfolio {float:left;background:url("../../images/site/projetos.png")no-repeat; width:60px; height:60px;margin-left: -15px;}
.ecosocial {float:left;background:url("../../images/site/ecosocial.png")no-repeat; width:60px; height:60px;margin-left: -15px;}
.contato {float:left;background:url("../../images/site/contato.png")no-repeat; width:60px; height:60px;margin-left: -15px;}

.home:hover {float:left;background:url("../../images/site/inicioH.png")1px 0px no-repeat; width:60px; height:60px;}
.sobre:hover {float:left;background:url("../../images/site/sobreH.png")no-repeat; width:60px; height:60px;}
.gerenciamento:hover {float:left;background:url("../../images/site/gerenciamentoH.png")no-repeat;; width:60px; height:60px;margin-left: -15px;}
.noticiasM:hover {float:left;background:url("../../images/site/newsH.png")no-repeat; width:60px; height:60px;margin-left: -15px;}
.ecosocial:hover {float:left;background:url("../../images/site/ecosocialH.png")no-repeat;; width:60px; height:60px;margin-left: -15px;}
.portfolio:hover {float:left;background:url("../../images/site/projetosH.png")no-repeat;; width:60px; height:60px;margin-left: -15px;}
.contato:hover {float:left;background:url("../../images/site/contatoH.png")no-repeat;; width:60px; height:60px;margin-left: -15px;}


#centralizadora{
    position:relative;
    margin:130px auto 0;
    width: 1100px;
}

#header { padding: 25px 0 0; background: #FFF; height: 60px; text-align: left; width:100%; position: fixed; top: 0px; z-index: 1000; }

#logo { width: 258px; height: 14px; border: 0; margin: 15px 0 0 15px; 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; }
#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(../../images/site/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(../../images/site/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: 95px 0px 0; text-align: left; background: #9F998D;}

#linhaProjeto{    border-bottom: 1px solid #CCCCCC;
                  float: left;
                  width: 1349px;
                  margin-top: -35px;
                  margin-bottom:10px;
}

#filtros{
    float: right;
    margin: 5px 35px 7px 0;
    z-index: 999999;
}
#filtros a{
    color: #717171;
    font-family: future_faceregular;
    font-size: 17px;
    margin: 4px;
    position: relative;
    text-decoration: none;
    z-index: 999999;
}

#projectCover { position: relative; overflow: hidden; min-height: 480px; margin-left: -0px !important;}
#projectCover img { width: 100%; height: auto; object-fit:cover; overflow:hidden; height: 100vh; }

h1#projectTitle { background:#888276; font-weight: 100; text-transform: uppercase; color: #414141; font-size: 15px; text-align: center; padding: 4px 0 0; margin: 0 !important; width: 100% !important; height: 32px; cursor: pointer; }

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

.scrollToInfo{position:relative; top:5px;}
.informacoes{
    display:none;
}
/*** PORTFOLIO ***/
.titulopags{
    color: #56611E;
    float: left;
    font-size: 35px;
    height: 80px;
    margin-left: 15px;
    text-align: left;
    width: 1000px;
}
.itemport{
    background: none repeat scroll 0 0 #CED0D2;
    float: left;
    height: 150px;
    margin: 7px;
    width: 800px;
}

.portinfo{
    float: left;
    height: 127px;
    margin-top: 12px;
    width: 300px;
}

.itemport img{
    float: left;
    margin: 12px;
    width: 323px;
}

.itemport p{
    float: left;
    font-size: 18px;
    margin: 2px;
    width: 270px;
}

.noticias{
    float: left;
    list-style: none outside none;
    margin: 0 20px 25px 0;
    max-height: 220px;
    width: 360px;
}
.noticias img{
    float: left;
    height: auto;
    min-height: 90px;
    width: 150px;
}
.noticias h4{ 
    color: #414141;
    max-width: 340px;
    min-height: 50px;
    text-decoration: none;
    text-transform: uppercase;
}
.noticias a{ 
    text-decoration: none;
    text-transform: uppercase;
}
.noticias .desc{
    float: left;
    height: 90px;
    margin: 0;
    padding: 0 0 0 10px;
    width: 190px;
}


.noticia{
    list-style: none outside none;
    margin: 0 auto;
    width: 800px;
}
.noticia img{
    float: left;
    height: auto;
    margin: 0 15px 6px 0;
    min-height: 100px;
}
.noticia .titulo{ 
    font-size: 20px;
    color: #414141;
    text-decoration: none;
    text-transform: uppercase;
}
.noticia a{ 
    text-decoration: none;
    text-transform: uppercase;
}
.noticia .desc{
    float: left; 
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: justify;
}
.noticia p img{
    max-width: 800px !important;
}
.projeto{
        display:none;
    }
    
    .projeto.active{
        display:block;
    }



/*** CONTE�DO ***/
#ladin{
    float:left;
    width:20px;
}
/*#content { margin: 35px 0 0; padding: 0 15px; }*/
#content { float:left; width: 100%; margin: 0 0; padding: 0; background: #9F998D;}

/*** 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: 30px 10px 20px 45px }

#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 { font-weight: 700; text-transform: uppercase; color: #003; }

#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; }

/*.content { margin: 35px 0 0; padding: 0 15px; }*/
.content { float:left; width: 100%; margin: 0 0; padding: 0; background: #9F998D;}

/*** 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: 30px 10px 20px 45px }

.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 { font-weight: 700; text-transform: uppercase; color: #003; }

.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 { 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; }
.thumbs_collection li { float: left; display: inline; width: 220px; min-height: 220px; height: auto !important; height: 220px; margin: 0 10px 10px 0; padding: 0; position: relative; }
.thumbs_collection li a { text-decoration: none; color: #414141; }
.thumbs_collection li img { width: 220px; height: 155px; 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: #414141; }

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(../../images/site/midias-list-bg.gif); }
.midiasList li img { width: auto; height: 220px; }

ul.videos li::after { content: ""; display: block; width: 16px; height: 31px; background: url('../../images/site/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: 208px; height: auto !important; height: 208px; overflow: hidden; }

.bioList > li > img { width: 305px; border: 0; float: left; margin: 0 15px 0 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; font-weight: 700; text-transform: uppercase; color: #003; }

/* SLIDESHOW DOS S�CIOS */
.bioSlideShow { width: 305px; height: 208px; overflow: hidden; position: relative; background: #FFF url('../../images/site/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; }

#fotoSobre{float:left; width:300px; height:200px;}
#textoSobre{ float: left;
             height: 200px;
             text-align: justify;
             width: 609px;}

#textoSobre p {font-family: 'future_faceregular'; font-size:14px;  margin-top: -1px; width:980px;}

/*** 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 { border: 0 none;
                               float: right;
                               height: auto;
                               margin: 0 0 5px;
                               width: 80%; }

#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('../../images/site/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; margin: 0 0 0 -99%; text-align: justify; width: 257px;}

#aside h3 { color: #717171; 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('../../images/site/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(../../images/site/arrow_grey_right.gif) no-repeat 0 center;*/ }
.accordionMenu a.dcjq-parent.active .dcjq-icon { /*background: url(../../images/site/arrow_grey_down.gif) no-repeat 0 center;*/ }
.accordionMenu a:hover {}
.accordionMenu a:active{}




/*** RODAP� ***/
#footer { float:left;text-align: center !important; clear:left; list-style: none; width: 100%; background: #888276; margin: 0; height: 80px; padding: 0; color: #FFF; font-size: 10px; }
#footer li { display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 15px; }
#footer a { text-decoration: none; color: #FFF; }
#footer div#endereco{float:left;width: 100%;text-align: center;margin-top: -35px; }
#footer div#telefone{background:url("../../images/site/telefone.png") no-repeat; width:37%; float:left; height:60px; margin-top: 1.5%;}
#footer div#digit{background:url("../../images/site/logoDigit.png") no-repeat; width:10%; float:right; height:60px; margin-top: 3%;}
#footer p {font-family:future_faceregular; font-size:12px; color:#FFF;}
/**** 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(../../images/site/arrow_grey_right.gif) no-repeat 0 center; }
#mainContent.lojas ul.accordionMenu a.dcjq-parent.active .dcjq-icon { background: url(../../images/site/arrow_grey_down.gif) no-repeat 0 center; }
#mainContent.lojas ul.accordionMenu a:hover {}
#mainContent.lojas ul.accordionMenu a:active{}

#contato{  float: left; left: -97px;  position: relative;}

#contact-form {
    color:#000; 
    width:465px;
    padding:20px;
    position:relative;
    float:left;
}

#contact-form h1 {
    font-size:42px;
}

#contact-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
    font-size:15px;
    margin-bottom: 25px;
    float:left;
    color:#717176;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
    border: 1px solid #CCCCCC;
    float: right;
    height: 19px;
    margin-bottom: 20px;
    padding: 4px;
    width: 350px;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
    border: 1px solid #888276;
    background-color: #888276;
    color:#fff;
}

#contact-form textarea {
    height:150px;
    resize: none;
}

#contact-form label {
    display:block;
}

#contact-form .required {
    font-weight:bold;
    color:#425300;
}

#contact-form #submit-button {
    width: 100px;
    background-color:#E9E9E9;
    color:#818181;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    -moz-border-radius:8px;
    height:35px;
}

#contact-form #submit-button:hover {
    background-color: #78864E;
    color:#fff;
}

#contact-form #submit-button:active {
    position:relative;
    top:1px;

}

#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(../../images/site/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}

#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 url(../../images/site/cancel_48.png) no-repeat 405px center;
    display:none;
}

#errors li {
    padding:2px;
    list-style:none;
}

#errors li:before {
    content: ' - ';
}

#errors #info {
    font-weight:bold;
}

#errors #info:before {
    content: '';
}

#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 url(../../images/site/accepted_48.png) no-repeat 405px center;
    font-weight:bold;
    display:none;
}

#errors.visible, #success.visible {
    display:block;
}

#req-field-desc {
    font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {
    color:#CCC;
    font-style:italic;
}

#alertaMsg{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    padding: 3% 20%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
#alertaMsg .close{
    left: 16px;
    position: relative;
    top: -16px;
    cursor:pointer;
}
#alertaMsg div{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
}
#alertaMsg  img{ 
    float:left;
}
#alertaMsg  .imgg{ 
    background-color: #FFFFFF;
    border: 2px solid #E8E8E8;
    color: #333333;
    height: 80%;
    margin-bottom: 0;
    margin-right: auto;
    margin-top: 0;
    padding: 18px;
    text-align: center;
}

@media all and (max-width:1050px) { 

    #topo #meioTopo {
        margin: 22px 0;
    }
    #projectCover {
        min-height: 375px;
    }

    .project_images_stage li img {width: 75%;}
    #footer div#endereco {padding-left: 4%; left: 15%;}
    #footer div#telefone {padding-left: 2%;}

}/*end media 1024*/


@media all and (max-width:800px) { 

    #topo #meioTopo {
        display: none !important;
    }	
    #projectCover {
        min-height: 290px;
    }	

}


@media all and (max-width:600px) { 
    /*@mediascreen and (max-width: 1000px){*/
    #header {
        background: none repeat scroll 0 0 #E9E9E9;
        float: left;
        height: 180px;
        left: 0;
        padding: 0;
        position: absolute;
    }
    #topo {
        background: none repeat scroll 0 0 #E9E9E9;
        font-family: future_faceregular;
        height: 115px;
        position: relative;
        top: 0;
        width: 100%;
    }
    #logo {
        border: 0 none;
        display: inline-block;
        height: auto;
        margin: 15px 0 0 15px;
        padding: 0;
        vertical-align: top;
        width: 258px;
    }
    #topo #meioTopo {
        display: none !important;
        float: left;
        height: 88px;
        margin: 0;
        width: auto;
    }
    #topo #meioTopo img{
        height: 85px;
    }
    #topo #menus { 
        float: left;
        font-size: 20px;
        padding: 5px 0;
        width: 398px;
        position: relative;
    }
    #wrapper {
        background: url("../../images/site/bg.jpg") repeat scroll 0 0 #FFFFFF;
        margin: 180px 0 0;
        text-align: left;
    }

    #projectCover {
        min-height: 138px;
        overflow: hidden;
        position: relative;
    }

    #aside {
        float: left;
        margin: 0 0 0 10px;
        text-align: justify;
        width: 90%;
    }
    .project_images_stage li img {
        border: 0 none;
        float: right;
        height: auto;
        margin: 3px 5%;
        width: 90%;
    }
    #content #mainContent {
        margin: 0;
    }

    #alertaMsg {
        padding: 25% 0;
    }

    #alertaMsg .imgg {
        height: auto;
        padding: 10px;
        width: 80%;
    }

    #centralizadora {
        margin: 190px auto 0;
        width: 100%;
    }

    #textoSobre {
        height: auto;
        padding: 0 3%;
        width: 92%;
    }

    #textoSobre p {
        width: 100%;
    }

    #footer{height:100%;}
    #footer div#endereco {left:10%; position: relative; width: 72%;}
    #footer div#telefone {padding-left: 25%;}
    #footer div#digit {width: 18%;margin-left: 10%;}

    
}/*final css media*/