@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic|Playfair+Display:700);

body,
.lista-home{ overflow-x: hidden !important; } /* Hide mouseover animation on thumbnails */

body,td,th {}

body, img, a, h1, h2, h3, h4, h5, p { transition: all 0.3s ease-in-out; } /* Resizing resolution, elements change size smoothly */

body{  background-color: #fff; margin: 20px 0; }

a{ color: #000; text-decoration: underline; }
a:hover{ text-decoration: underline; }

strong{ font-weight: 600; }
em{ font-style: italic; }

*{ font-family: 'Source Sans Pro', sans-serif; }

/************************************************************************/
/******************************** FONTES ********************************/
/************************************************************************/

/*h1,h2,h3,p,a,li,small{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; }*/

.header-inicio h3,
ul.filtro-categorias h3{ font-family: 'Playfair Display', serif; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; margin-bottom: 0.8em; display: block; color: #000; }

.header-inicio p{ font: 300 0.9em/1.3 'Source Sans Pro', sans-serif; letter-spacing: 0.01em; margin-bottom: 0.8em; display: block; color: #000; }

ul.lista-home li h2{ font: 200 1.1em/1 'Source Sans Pro', sans-serif; letter-spacing: 0.02em; text-align: center; } /* Ver mais em: HOME - Jobs - Título */

#interna h2{ font: 700 2.6em/1.35 'Playfair Display', serif; margin: 0.5em 0; letter-spacing: 0.01em; color: #000; text-align: center; }

ul.job li,
ul.job li p{ font: 300 1em/1.3 'Source Sans Pro', sans-serif; letter-spacing: 0.01em; }
ul.job li.legenda-imagem{ font: 300 0.93em/1.2 'Source Sans Pro', sans-serif; letter-spacing: 0.01em; text-align: center; font-style: italic; color: #959595; }

#interna h4{ font: 300 0.88em/1.4 'Source Sans Pro', sans-serif; max-width: 260px; text-align: center; margin: 3em auto 3em auto; }

::selection { background-color: #000; color: #fff; } /* Text selection */

/************************************************************************/
/********************************* HOME *********************************/
/************************************************************************/

/******************************************
Header
******************************************/

/* Ver mais em: custom_mediaquery.css */

.header-inicio a{ border: none; display: block; }

.header-inicio h1{ text-indent: -9999em; background-image: url('../images/amanda-argollo-logo.svg'); background-size: auto 98%; background-repeat: no-repeat; background-position: 50% 50%; } /* Logo */

.header-inicio p.localizacao{ line-height: 21px; background-image: url(../images/icones/icone-localizacao.svg); background-size: auto 21px; background-position: 0 50%; background-repeat: no-repeat; padding-left: 32px; }

.header-inicio p.contato-email{ line-height: 21px; background-image: url(../images/icones/icone-email.svg); background-size: auto 17px; background-position: 0 50%; background-repeat: no-repeat; padding-left: 32px; }

.header-inicio p.contato-linkedin{ line-height: 21px; background-image: url(../images/icones/icone-linkedin.svg); background-size: auto 17px; background-position: 0 50%; background-repeat: no-repeat; padding-left: 32px; }

/******************************************
Welcome Pic
******************************************/

#amanda-welcome-picture{

    margin: 1.4em auto;
    width: 110px;
    height: 110px;
    background-image: url(../images/amanda-argollo-B.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    text-indent: -9999em;
    display: block;
    border: none;
    border-radius: 50%;

}


/******************************************
Filtro de Categorias
******************************************/

ul.filtro-categorias{
    background-image:
    url(../images/molduras/bg-corner-left-top.png),
    url(../images/molduras/bg-corner-right-top.png),
    url(../images/molduras/bg-corner-mid-top.png);

    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0 0, 100% 0, 0 0, 0 100%;
    background-size: auto 14px;
}

ul.filtro-categoria{ list-style-type: none; }

ul.filtro-categorias li{ display: inline-block; font: 400 0.92em/1.8 'Source Sans Pro', sans-serif; transition: all 0.2s ease-in-out; margin-right: 10px; margin-bottom: 8px; }

ul.filtro-categorias li:last-child{ margin-right: 0; }

ul.filtro-categorias li a:focus,
ul.filtro-categorias li a:visited,
ul.filtro-categorias li a:active,
ul.filtro-categorias li a{ display: block; background-color: #fff; color: #000; text-decoration: none; transition: all 0.2s ease-in-out; }

ul.filtro-categorias li.current a,
ul.filtro-categorias a:hover{ text-decoration: none; border-radius: 2px;}

ul.filtro-categorias li.current a{ padding: 0 0.55em; background-color: #000; color: #fff; /*pointer-events: none; cursor: default;*/ }

/******************************************
Jobs
******************************************/

ul.lista-home{
    background-image:
    url(../images/molduras/bg-corner-left-bottom.png),
    url(../images/molduras/bg-corner-right-bottom.png),
    url(../images/molduras/bg-corner-mid-bottom.png);

    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: 0 100%, 100% 100%, 0 100%;
    background-size: auto 14px;
}

/* Ver mais em: custom_mediaquery.css */

/* Título */

ul.lista-home h2{ display: none; font-size: 1em; color: #fff; background-color: #000; padding: 12px 0; }

/* Lista */

ul.lista-home li{ overflow: hidden; margin: 0 -4px -4px 0; padding: 0; }
ul.lista-home li a{ display: block; border: none; text-indent: -9999em; } /* Ver mais em: custom_mediaquery.css */
ul.lista-home li a img{ width: 100%; border: none; display: block; }

/* Link */
/*
ul.lista-home li a,
ul.lista-home li a:active,
ul.lista-home li a:focus{ background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; text-decoration: none; }
*/

/* */


/******************************************
Seleção de Idiomas
******************************************/

ul.language-select{ list-style-type: none; position: fixed; z-index: 444; padding: 0; margin: 0; overflow: hidden; display: block; }

ul.language-select li { float: left; margin: 0; }

ul.language-select li a{ display: block;padding: 0 0.55em; font: 600 0.75em/1.8 'Source Sans Pro', sans-serif; text-decoration: none; letter-spacing: 0.05em; transition: all 0.2s ease-in-out; }

ul.language-select li.nav a:hover,
ul.language-select li.nav a:focus,
ul.language-select li.nav a:visited,
ul.language-select li.nav a:active,
ul.language-select li.nav a.current{ }

ul.language-select li.nav a.current{ pointer-events: none; cursor: default; }

ul.language-select li.nav a{ border-radius: 2px; }

ul.language-select li.nav a{ text-align: center; display: block; transition: all 0.2s ease-in-out; }

ul.language-select li.nav a{ background: #fff; color: #000; }
ul.language-select li.nav a.current{ background: #000; color: #fff; }

/** **/

.tab-portugues,
.tab-english{ position: absolute; top: -9999px; left: -9999px; margin: 0; padding: 0; }
.show-content{ opacity: 1; position: static; }


/************************************************************************/
/******************************* INTERNA ********************************/
/************************************************************************/

.header-interna h1{ text-indent: -9999em; background-image: url('../images/amanda-argollo-logo.svg'); background-size: auto 98%; background-repeat: no-repeat; background-position: 50% 50%; } /* Logo */

/* Ver mais em: custom_mediaquery.css */

ul.job{
    background-image:
    url(../images/molduras/bg-corner-left-top.png),
    url(../images/molduras/bg-corner-right-top.png),
    url(../images/molduras/bg-corner-mid-top.png),
    url(../images/molduras/bg-corner-left-bottom.png),
    url(../images/molduras/bg-corner-right-bottom.png),
    url(../images/molduras/bg-corner-mid-bottom.png);

    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat, no-repeat, repeat-x;
    background-position: 0 0, 100% 0, 0 0, 0 100%, 100% 100%, 0 100%;
    background-size: auto 14px;
}

ul.job li{ display: block; margin: 0 0 0.6em 0; padding: 0; }
ul.job li.legenda-imagem{ margin: 0 0 5em 0; padding: 0; }
ul.job li p{ max-width: 700px; margin: 1.3em auto 1.3em auto; }

ul.job li img{ width: 100%; height: auto; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

/* Agradecimento */

#interna h4 a{

    transition: all .2s ease-in-out;

    background-image: url(../images/icones/icone-bookmark.svg);
    background-repeat: no-repeat;
    background-size: 45px auto;
    background-position: 50% 0;
    padding-top: 42px;

    text-decoration: none;
    display: block;

}

#interna h4 a:hover{

    transition: all .2s ease-in-out;

    background-image: url(../images/icones/icone-bookmark-hover.svg);
    background-repeat: no-repeat;
    background-size: 45px auto;
    background-position: 50% 0;
    padding-top: 42px;

}

/*
#interna h4 a:hover{

    -webkit-animation-name: animatedBookmark;
    animation-name: animatedBookmark;

    -webkit-animation-duration: 0;
	animation-duration: 0;

    -webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;

    -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

    -webkit-animation-direction: normal;
	animation-direction: normal;

    -webkit-animation-delay: 0;
	animation-delay: 0;

    -webkit-animation-play-state: running;
	animation-play-state: running;

    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

    background-image: url(../images/icones/icone-bookmark-hover.svg);
    background-repeat: no-repeat;
    background-size: 45px auto;
    background-position: 50% 0;
    padding-top: 45px;


}

@-webkit-keyframes animatedBookmark{

	0% { background-image: url(../images/icones/icone-bookmark-hover.svg); }
    50%{ background-image: url(../images/icones/icone-bookmark.svg); }
	100%{ background-image: url(../images/icones/icone-bookmark-hover.svg); }

}

@keyframes animatedBookmark{

	0% { background-image: url(../images/icones/icone-bookmark-hover.svg); }
    50%{ background-image: url(../images/icones/icone-bookmark.svg); }
	100%{ background-image: url(../images/icones/icone-bookmark-hover.svg); }

}
*/

/******************************************
Botão Topo e Ver Descritivo
******************************************/

a.bt-descritivo{ width: 120px; }
a.bt-topo{ width: 86px; }

a.bt-descritivo,
a.bt-topo{ font: 600 0.9em/2 'Source Sans Pro', sans-serif; margin: 0 auto 2em auto; padding: 0 0.55em; letter-spacing: 0.02em; display: block; background-color: #000; color: #fff; text-align: center; text-decoration: none; border-radius: 2px; }

a.bt-descritivo:hover,
a.bt-descritivo:visited,
a.bt-descritivo:active,
a.bt-topo:hover,
a.bt-topo:visited,
a.bt-topo:active{text-decoration: none; }

/******************************************
Botão Próximo e Anterior
******************************************/

a.bt-proximo,
a.bt-anterior{ width: 36px; height: 36px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 94%; background-color: #fff; text-indent: -9999em; text-decoration: none; display: block; }

a.bt-proximo{ background-image: url(../images/icones/seta-direita.svg); }
a.bt-anterior{ background-image: url(../images/icones/seta-esquerda.svg); }

a.bt-proximo:hover,
a.bt-proximo:visited,
a.bt-proximo:active,
a.bt-anterior:hover,
a.bt-anterior:visited,
a.bt-anterior:active{text-decoration: none; }