html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

embed, iframe, object {
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* HTML5 */
article, aside, details, figcaption, figure, footer, header,  menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

blockquote, q {
    quotes: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

/*
* ===================================
* 				GERAL
* ===================================
*/

.main {
    width: 1000px;
    margin: 0 auto;
}

header {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 9;
    height: 80px;
}

header.home {
    background: url("../pics/bg-azul.png");
}

header.artista {
    background: url("../pics/bg-verde.png");
}

header.contato {
    background: url("../pics/bg-preto.png");
}

header.atelie {
    background: url("../pics/bg-preto.png");
}

header.home #menu {
    opacity: 0.4;
}

header.home #logo {
    opacity: 1;
}

#menu {
    float: right;
    margin: 22px 4% 0 0;
}

#destaque {
    float: right;
    height: 305px;
    margin: 0 0 5px 20px;
    width: 284px;

}

#destaque img {
    padding: 1px;
    border: 1px solid #ccc;
}

#destaque span {
    font: bold 12px trebuchet ms !important;
    display: block;
    text-align: center;
}

header.arte {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #F5F5F5;
}

#menu li {
    float: left;
    font: 30px "bebas_neueregular", trebuchet ms;
    text-transform: uppercase;
    margin: 0 8px;
    list-style: none;
    color: #fff;
}

#menu a {
    color: #fff;
    text-decoration: none;
}

#menu .home a {
    color: #fff !important;
}

#menu .artista a {
    color: #fff !important;
}

#menu .arte a {
    color: #565656 !important;
}

#menu .vendas a {
    color: #565656 !important;
}

#menu .artista a.selected {
    color: #E5F867 !important;
}

#menu .contato a.selected {
    color: #093660 !important;
}

#menu .atelie a.selected {
    color: #323139 !important;
}

#menu .vendas a.selected {
    color: #66e0ff !important;
}

#menu a.selected {
    color: #66e0ff !important;
}

#informativos {
    position: fixed;
    right: 0;
    height: 160px;
    float: right;
    bottom: 20%;
}

.informativo {
    background: url("../pics/informativos.png");
    width: 31px;
    height: 160px;
    float: left;
    display: block;
    cursor: pointer;
}

.informativo-mostra {
    -webkit-transition: all 0.12s ease-in-out 0.12s;
    -moz-transition: all 0.12s ease-in-out 0.12s;
    -o-transition: all 0.12s ease-in-out 0.12s;
    -ms-transition: all 0.12s ease-in-out 0.12s;
    transition: all 0.12s ease-in-out 0.12s;
    float: left;
    width: 1px;
    background: url("../pics/bg-info.png");
    height: 160px;
    display: block;
}

.informativo-mostra p {
    color: #FFFFFF;
    float: left;
    font: 14px trebuchet ms;
    margin: 20px 0 0 20px;
    width: 320px;
}

.informativo-mostra form {
    float: left;
    margin: 10px 0 0 20px;
    width: 260px;
}

.informativo-mostra input {
    border: 1px solid #4BA5BC;
    box-shadow: 0 1px 2px #87DBF1 inset;
    color: #1E5765;
    font: bold 12px trebuchet ms;
    padding: 6px 8px;
    width: 200px;
}

.informativo-mostra input.enviar-news {
    background: none repeat scroll 0 0 #1E5765;
    box-shadow: none;
    cursor: pointer;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    margin: 7px 42px 0 0;
    width: 80px;
}

.informativo-mostra input:focus {
    box-shadow: 0 1px 2px #3d96ad inset;
    color: #83c0d0;
}

.maior-info {
    width: 400px;
}

#logo {
    display: block;
    float: left;
    height: 47px;
    margin: 15px 0 0 2%;
    width: 250px;
}

#logo h1 {
    background: url("../pics/logo.png");
    display: block;
    text-indent: -999999px;
    float: left;
    width: 250px;
    font: 54px arial;
    color: #66e0ff;
    height: 47px;
}

#logo h1 a {
    width: 250px;
    height: 47px;
    float: left;
}

#logo .artista {
    background-position: 0 -94px;
}

#logo .arte {
    background-position: 0 -47px;
}

#logo .atelie {
    background-position: 0 -141px;
}

.setor {
    width: 100%;
    min-height: 600px;
    position: relative;
    float: left;

}

#home {
    height: 1000px;
    background: url("../pics/bg/contato.jpg") top center;
    display: block;
}

#artista {
    background: url("../pics/bg/artista.jpg") top center;
    border-color: #63338c;
    height: 1000px;

}

#artista h1 {
    border-bottom: 2px solid #FFFFFF;
    color: #2F7F45;
    font: 35px "bebas_neueregular", trebuchet ms;
    margin: 20px 0 15px 0;
}

#artista h2 {
    color: #fff;
    font: 28px "bebas_neueregular", trebuchet ms;
    margin: 20px 0 0 0;
}

#artista span {
    font: bold 15px trebuchet ms;
    color: #2F7F45;
}

#artista p {
    font: 15px trebuchet ms;
    color: #fff;
    margin: 10px 0;
    text-align: justify
}

.conteudo {
    float: right;
    margin: 80px 40px 0 0;
    width: 670px;
}

#atelie h2 {
    color: #385984;
    font: 26px "bebas_neueregular", trebuchet ms;
}

#atelie span {
    color: #162B46;
    font: bold 16px trebuchet ms;
}

#arte {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 1250px;
    padding: 100px 0 0;
}

#vendas {
    background: none repeat scroll 0 0 #ffffff;
    height: 1250px;
    padding: 100px 0 0;
}

/*#submenu{float:left;  width: 20%; margin: 0 0 0 2%;}
#submenu span.tt{background: none repeat scroll 0 0 #EEEEEE;border-bottom: 1px solid #CCCCCC;border-left: 2px solid #CCCCCC;clear: both;color: #888888;display: block;font: 26px "bebas_neueregular",trebuchet ms;padding:10px 8px;}
#submenu ul{float:left; margin: 0 0 0 0; display: block; clear: both; width: 100%}
#submenu li{font: 14px trebuchet ms;margin: 0;}
span.qtd{color:#66E0FF;float: right;font-weight: bold;margin: 0 15px 0 0;}
#submenu li a{ background: none repeat scroll 0 0 #F8F7F7;display: block;border-bottom: 1px solid #EEECEC;border-left: 2px solid #EEECEC;clear: both;color: #444444;  padding: 6px 8px;}
#submenu li a:hover{background: #EEECEC;}*/

#submenu {
    float: left;
    width: 20%;
    margin: 0 0 0 2%;
}

#submenu span.tt {
    clear: both;
    color: #888888;
    display: block;
    font: 19px "bebas_neueregular", trebuchet ms;
    padding: 10px 8px;
}

#submenu ul {
    float: left;
    margin: 0 0 0 0;
    display: block;
    clear: both;
    width: 100%
}

#submenu li {
    font: 24px "bebas_neueregular";
    margin: 0 0 4px 18px;
}

#submenu li a {
    color: #8d8d8d;
}

#submenu li a:hover {
    color: #66e0ff;
}

#submenu-venda {
    float: left;
    width: 20%;
    margin: 0 0 0 2%;
}

#submenu-venda span.tt {
    clear: both;
    color: #888888;
    display: block;
    font: 19px "bebas_neueregular", trebuchet ms;
    padding: 10px 8px;
}

#submenu-venda ul {
    float: left;
    margin: 0 0 0 0;
    display: block;
    clear: both;
    width: 100%
}

#submenu-venda li {
    font: 24px "bebas_neueregular";
    margin: 0 0 4px 18px;
}

#submenu-venda li a {
    color: #8d8d8d;
}

#submenu-venda li a:hover {
    color: #66e0ff;
}

#paginacao {
    display: block;
    float: left;
    width: 75%;
    margin: 15px 0 15px 0;
}

#paginacao ul.pag {
}

#paginacao ul.pag li {
    color: #FFFFFF;
    float: left;
    font: 12px trebuchet ms;
    height: auto;
    margin: 5px;
    width: auto;
}

#paginacao ul.pag li a {
    color: #fff !important;
    background: #565656;
    padding: 4px 6px;
    border: 2px solid #565656;
}

#paginacao ul.pag li a:hover {
    padding: 6px 8px;
    background: #66E0FF;
    text-decoration: none !important;
    font-weight: bold;
    border: 2px solid #66E0FF;
}

#paginacao ul.pag li.active a {
    background: #66E0FF;
    padding: 6px 8px;
    font-weight: bold;
    border: 2px solid #66E0FF;
}

#paginacaoVenda {
    display: block;
    float: left;
    width: 75%;
    margin: 15px 0 15px 0;
}

#paginacaoVenda ul.pag {
}

#paginacaoVenda ul.pag li {
    color: #FFFFFF;
    float: left;
    font: 12px trebuchet ms;
    height: auto;
    margin: 5px;
    width: auto;
}

#paginacaoVenda ul.pag li a {
    color: #fff !important;
    background: #565656;
    padding: 4px 6px;
    border: 2px solid #565656;
}

#paginacaoVenda ul.pag li a:hover {
    padding: 6px 8px;
    background: #66E0FF;
    text-decoration: none !important;
    font-weight: bold;
    border: 2px solid #66E0FF;
}

#paginacaoVenda ul.pag li.active a {
    background: #66E0FF;
    padding: 6px 8px;
    font-weight: bold;
    border: 2px solid #66E0FF;
}

.fotoflavio {
    bottom: 40%;
    margin: 0 0 0 10px;
    position: absolute;
}

.suzan {
    bottom: 40%;
    margin: 0 0 0 10px;
    position: absolute;
}

.owen {
    bottom: 40%;
    margin: 0 0 0 10px;
    position: absolute;
}

.rodolfo {
    bottom: 40%;
    margin: 0 0 0 10px;
    position: absolute;
}

#atelie {
    background: url("../pics/bg/atelie-2.jpg") top center;
    border-color: #63338c;
    height: 1000px;

}

#atelie h1 {
    border-bottom: 2px solid #68667d;
    color: #323139;
    font: 35px "bebas_neueregular", trebuchet ms;
    margin: 20px 0 15px 0;
}

#atelie p {
    font: 15px trebuchet ms;
    color: #fff;
    margin: 10px 0;
    text-align: justify
}

#blog {
    background: #f00;
    border-color: #63338c;
    height: 912px;

}

#contato {
    background: url("../pics/bg/praia.jpg") top center;
    border-color: #63338c;
    height: 1000px;

}

#contato h1 {
    border-bottom: 2px solid #127de1;
    color: #093660;
    font: 35px "bebas_neueregular", trebuchet ms;
    margin: 20px 0 20px 0;
}

#contato p {
    font: 15px trebuchet ms;
    color: #fff;
    margin: 10px 0;
}

#contato p a {
    color: #fff;
}

#contato .conteudo {
    margin-top: 100px;
    width: 600px;
}

#contato span {
    font: bold 16px trebuchet ms;
    color: #093660;
}

.tel p {
    margin: 5px 0 !important;
}

.tel {
    float: left;
    margin: 75px 0 0 0;
}

/*
* =================================
*       FORMULARIO DE CONTATO
* =================================
*/

#form-contato {
    float: left;
    width: 400px;
    margin: 25px 0 0 0;
}

#form-contato fieldset {
    border: none;
}

#form-contato input, textarea {
    font: normal 13px arial;
    color: #000;
    border: 1px solid #DFDFDF;
    background: #EFEFEF;
}

#form-contato input:focus, textarea:focus {
    background: #CCC;
}

#form-contato label {
    width: 80px;
    font: bold 11px verdana;
    color: #0a2b4b;
    text-align: right;
    padding-right: 10px;
    padding-top: 11px;
    float: left;
    display: inline;
    cursor: pointer;
}

#form-contato input {
    width: 250px;
    height: 20px;
    margin: 0 7px 8px 7px;
    padding: 6px;
}

#form-contato textarea {
    width: 251px;
    height: 110px;
    margin: 3px 0 0 7px;
    overflow: auto;
    padding: 5px;
}

#form-contato input.enviar-form {
    width: 80px;
    height: 35px;
    border: none;
    background: #0a2b4b;
    cursor: pointer;
    float: right;
    display: block;
    margin: 15px 39px 0 0;
    color: #FFF;
    font: bold 12px Trebuchet MS;
}

#form-contato label.error {
    color: #006699;
    float: left;
    margin: -7px 0 8px 97px;
    padding: 0;
    text-align: left;
    width: 262px;
}

#form-contato input.error {
    border: 1px solid #f00;
}

#largatixa {
    background: url("../pics/largatixa.png") repeat scroll 0 0 transparent;
    bottom: 40px;
    display: block;
    float: left;
    height: 118px;
    left: 40px;
    position: fixed;
    width: 94px;
}

a#assinatura {
    background: url("../pics/assinatura.png") repeat scroll 0 0 transparent;
    bottom: 10px;
    display: block;
    height: 26px;
    position: fixed;
    right: 20px;
    width: 79px;
}