*{
    margin:0;
    padding:0;
    list-style:none;
    border:none;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-size:12px;
    color:#468AA7;
}

html{
    background:url(../images/cima.jpg) no-repeat top;
    height:186px;
}

a {text-decoration:none; outline:0;  cursor: pointer;}
a:active {outline:none;}

#banner_flash{
    float:left;
    width:100%;
    margin-top:0;
    background:url(../images/banner_topo.jpg);
    height:373px;
    text-align:center;
}

#banner_flash .flash{
    margin-top:20px;
}

#geral{
    margin:0 auto;
    width:1000px;
}
/* --------- topo --------- */
#topo{
    margin:0 auto;
    width:1000px;
    height:186px;

}
#logo_principal{
    float:left;
    width:195px;
    margin:38px 0 0;
}
#menu{
    float:left;
    margin:50px 0 0 200px;
}
#menu li{
    float:left;
}

.home a{
    background:url(../images/sprites.png) no-repeat 0px 0px;
    width:68px;
    height:38px;
    float:left;
}
.home a:hover{
    background:url(../images/sprites.png) no-repeat 0 -37px;
}


.produtos a{
    background:url(../images/sprites.png) no-repeat -66px 0px;
    width:153px;
    height:38px;
    float:left;
}
.produtos a:hover{
    background:url(../images/sprites.png) no-repeat -66px -37px;
}

.historia a{
    background:url(../images/sprites.png) no-repeat -216px 0px;
    width:135px;
    height:38px;
    float:left;
}
.historia a:hover{
    background:url(../images/sprites.png) no-repeat -216px -37px;
}
.qualidade a{
    background:url(../images/sprites.png) no-repeat -349px 0px;
    width:156px;
    height:38px;
    float:left;
}
.qualidade a:hover{
    background:url(../images/sprites.png) no-repeat -349px -37px;

}
.contato a{
    background:url(../images/sprites.png) no-repeat -503px 0px;
    width:88px;
    height:38px;
    float:left;
}
.contato a:hover{
    background:url(../images/sprites.png) no-repeat -503px -37px;
}

#menu_de_baixo{
    float:right;
    margin:36px 0 0;
}

#menu_de_baixo li{
    float:left;
    margin:0 -7px;
}

.como_comprar a{
    background:url(../images/sprites.png) no-repeat -452px -84px;
    width:179px;
    height:60px;
    float:left;
}
.como_comprar a:hover{
    background:url(../images/sprites.png) no-repeat -452px -141px;
}

.estampas a{
    background:url(../images/sprites.png) no-repeat -213px -84px;
    width:128px;
    height:60px;
    float:left;
}
.estampas a:hover{
    background:url(../images/sprites.png) no-repeat -213px -141px;
}
.monte a{
    background:url(../images/sprites.png) no-repeat 0 -84px;
    width:212px;
    height:60px;
    float:left;
}
.monte a:hover{
    background:url(../images/sprites.png) no-repeat 0 -141px;
}

.galeria a{
    background:url(../images/sprites.png) no-repeat -341px -84px;
    width:110px;
    height:60px;
    float:left;
}
.galeria a:hover{
    background:url(../images/sprites.png) no-repeat -341px -141px;
}
.atend_online a{
    background:url(../images/sprites.png) no-repeat -632px -84px;
    width:243px;
    height:60px;
    float:left;
}
.atend_online a:hover{
    background:url(../images/sprites.png) no-repeat -632px -141px;
}


/* --------- Fim - topo --------- */






/* --------- Geral --------- */

#banner{
    float:left;
    margin:10px 0 0;
}

#titulo{
    float:left;
    margin:6px 0 0;
    width:66px;
    height:512px;
    text-indent: -9999px;
    background-color: #468aa7;
}

.destaque{
    background:url(../images/sprites.png) no-repeat -1018px 0px;
}

#prod_destaque{
    float:left;
}

#prod_destaque ul{
    float:left;
    margin:0 0 0 27px;
    width:880px;
}

#prod_destaque li{
    width:193px;
    float:left;
    margin:16px 0 0 25px;
    text-align:center;
}

.quadro_galeria{
    width:193px;
    height:216px;
    border:1px solid #999;
    float:left;
    margin:0;
    text-align:center;
}

.galeria_desc{
    float: left;
    margin:2px 0 0;
    height:47px;
}

#prod_destaque li .estampa_prod{
    margin:35px 0 0;
}

#prod_destaque .estampa_home{
    margin-top: 40px;
}

#prod_destaque .estampa_home_infantil{
    margin-top: 32px;
}

.link_comprar{
    float:left;
    margin:-5px 0 0 -1px;
}

#prod_destaque2{
    float:left;
}

#prod_destaque2 ul{
    float:left;
    margin:0 0 0 27px;
    width:880px;
}

#prod_destaque2 li{
    width:193px;
    height:216px;
    border:1px solid #999;
    float:left;
    margin:6px 0 0 25px;
    text-align:center;
}

#prod_destaque2 li img{
    margin:75px 0 0;
}


#prod_lista{
    float:left;
}

#prod_lista ul{
    float:left;
    margin:0 0 0 27px;
    width:880px;
}

#prod_lista li{
    width:193px;
    height:216px;
    border:1px solid #999;
    float:left;
    margin:6px 0 0 25px;
    text-align:center;
}

#prod_lista li img{
    margin:0px 0 0;
}

#preco_compra{
    width:95%;
}

#preco_compra p{
    float:left;
    font-size:15px;
    font-weight:bold;
    margin:10px 0 0 10px;
}

#preco_compra img{
    float:right;
}



#prod{
    height: 187px;
    margin: 20px auto;
    width: 175px
}
.pro_estampa{
    height: 187px;
    margin: 20px auto;
    width: 175px
}



#conteudo_index{
    float:left;
    width:100%;
    margin:0;
}

#conteudo_index h2{
    float: left;
    text-indent: -9999px;
}

#ultimas{
    float:left;
    margin:25px 0 0;
    width:350px;
}

.ultimas_blog{
    width:259px;
    height:37px;
    background:url(../images/sprites.png) no-repeat -620px -402px;
}

#ultimas b{
    font-size:35px;
}

#ultimas p{
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#468aa7;
    width:345px;
    margin:8px 0 0;
}

#ultimas a{
    float: right;
    font-size:14px;
    font-weight:bold;
    color:#468aa7;
}

#news{
    float:left;
    margin:25px 0 0 50px;
    width:280px;
}
.newsletter{
    width:168px;
    height:28px;
    background:url(../images/sprites.png) no-repeat -712px -345px;
}


#news p{
    color:#468AA7;
    float:left;
    margin:8px 0 0;
    text-align:justify;
    width:280px;
}

#news_form{
    float:left;
}
#news_form ul li{
    float:left;
    width:280px;
}

#news_form input {
    background:url(../images/campo_news.jpg) no-repeat;
    float:left;
    height:20px;
    margin:10px 0 0;
    width:159px;
    padding: 1px 10px;
    *padding: 2px 10px;
}

#news_form label{
    margin:13px 5px 0 0;
    float:left;
}

/*tela de resposta*/
#news_resposta {
    display: none;
    position: fixed;
    width: 400px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -50px;
    z-index: 99;
    background-color: #FFF;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow:0px 0px 10px #585555 ;  
    -moz-box-shadow: 0px 0px 10px #585555 ;  
    -webkit-box-shadow:0px 0px 10px #585555 ;
}

#news_resposta h5 {
    color: #9C9D9C;
    font: 16px Arial,Tahoma,'Myriad Pro';
    margin: 42px auto;
    text-align: center;
    width: 270px;
}

#news_resposta h5 img{
    float: left;
    margin:-4px 0 0;
    padding-right: 5px;
}


/* ============================================ */



.btn_news{
    color:#468AA7;
    cursor:pointer;
    font-weight:bold;
    text-align:right;
    width:225px !important;
    background:none !important;
}

#redes{
    float:left;
    margin:25px 0 0 35px;
    width:270px;
}

.redes_sociais{
    width:188px;
    height:28px;
    background:url(../images/sprites.png) no-repeat -694px -374px;
}

#redes ul li{
    float:left;
    margin:15px 0 0;
}
#redes ul li a{
    float:left;
    margin:15px 0 0 1px;
    width:89px;
    height:90px;
    text-indent: -9999px;
}

.ico_twitter a{
    background:url(../images/sprites.png) no-repeat 0px -317px;
}
.ico_twitter a:active{
    opacity:0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
}
.ico_twitter a:hover{
    opacity:0.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
}

.ico_rss a{
    background:url(../images/sprites.png) no-repeat -89px -317px;
}
.ico_rss a:active{
    opacity:0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
}
.ico_rss a:hover{
    opacity:0.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
}

.ico_facebook a{
    background:url(../images/sprites.png) no-repeat -179px -317px;
}
.ico_facebook a:active{
    opacity:0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
}
.ico_facebook a:hover{
    opacity:0.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=95);
}


#redes p{
    float:right;
    font-size:20px;
    margin:5px 15px 0 0;
}

#logo_rodape{
    float:left;
    margin:40px 0 30px;
    text-align:left;
    width:50%;
}

#logo_rodape a{
    float:left;
    margin:0 10px 0 0;

}

#texto_rodape{
    float:left;
    width:50%;
    text-align:right;
    margin:65px 0 30px;
}




/* --------- Monte sua camiseta --------- */

#personalize{
    float: left;
    margin: 10px 0 0 10px;
    width: 895px;
}

.monte_camiseta{
    background:url(../images/sprites.png) no-repeat -1152px 0px;
}

#camiseta{
    float:left;
    margin: 0;
    width:400px;
    height:400px;
}

.camiseta_maior{
    float:left;
    width:400px;
    height:400px;
    margin: 0;
}


.estampa_grande {
    float: left;
    position: relative;
    left: 50%;
    margin-left: -80px;
    margin-top:100px;
    width:160px;
    height: 160px;
}

.estampa_peq {
    float: left;   
    position: relative;
    left: 50%;
    margin-left: -60px;
    margin-top:100px;
    width:120px;
    height: 120px;

}



/*================================
    Right pagina montar
================================*/


#montar_right{
    float:right;
    width:470px;
    margin:0;
}

.estampas_galeria{
    float: right;
    margin:10px 20px 0 0;
    width:450px;   
}

.borda_carousel {
    float: left;
    padding:7px 5px;
    border: 1px solid #CCC;
}


#estampas li img{
    float: left;
    margin:0 0 0 7px;
    width:70px;
}

#estampas li p{
    float: left;
    margin:2px 0 0 2px;
    width:91px;
    text-align: center;
}

.opcoes_modelos{
    float: left;
    margin: 10px 0 0;
    width: 438px;
}

.opcoes_modelos li{
    float:left;
    text-align:center;
    width:50px;
    margin:5px 10px 0 0;
}

.opcoes_modelos img{
    width: 30px;
    margin:0 auto;
}

.opcoes_modelos a span{
    float:left;
    width: 50px;
    margin:0;
    text-align: center;
    font-size:11px;   
}


.opcoes_cores{
    float: left;
    margin: 20px  0 0;
    width: 200px;
    min-height: 50px;
}

.opcoes_cores li{
    float: left;
    margin: 5px 10px 0 0;
    width: 20px;
    height: 20px;

}

.opcoes_cores li a{
    float: left;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.opcoes_cores li a img{
    margin: -25px;
    width:70px;
    height: 70px;
}

.opcoes_tamanho {
    float: right;
    margin: 20px 31px  0 0;
    width: 225px;
}

.opcoes_tamanho span{
    float: left;
    margin: 7px 10px 0 3px;
    border: 1px solid #458aa7;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 5px;
}

.preco_final{
    float:left;
    width:450px;
    margin:20px 0 0;
}


.preco_final li{
    float:left;
    margin: 10px 0 0;
    width:250px;
}
.preco_final h4{
    float:left;
    width:110px;
    font:bold 30px arial;
    color:#5d8606;
}

.bt_montar a{
    float:right;
    margin: 0;
    width:147px;
    height:55px;
    text-indent: -9990px;
    background:url(../images/sprites.png) no-repeat 0px -204px;
}
.bt_montar a:hover{
    background-position: 0px -259px;
}


/* --------- Fim - Monte sua camiseta --------- */


/* --------- Conteudo Paginas --------- */


#conteudo_paginas{
    float:left;
    width:970px;
    font:12px 'Myriad Pro', Arial, Helvetica, sans-serif;
}

#conteudo_paginas h1{
    float:left;
    margin:10px 0 0 0;
    width:970px;
    font:bold 22px 'Myriad Pro', Arial, Helvetica, sans-serif;
    color:#005c87;
    padding-bottom: 10px;
}

#conteudo_paginas p{
    padding:10px 10px 10px 0;
    text-align:justify;
    font:12px Tahoma, Arial, Helvetica, sans-serif;
    color:#606060;
}


.galeria_titulo{   
    background:url(../images/galeria_titulo.png) no-repeat 0px 0px;
}

.estampas_titulo{
    background:url(../images/sprites.png) no-repeat -1087px  0px;
}



.img_principal{
    float:right;
    padding:10px;
    width:200px;
}

#prod_infantil{
    float:left;
    margin:38px 0 0 31px;
    width:130px;
    padding-bottom: 104px;
}

.galeria_pag{
    width:900px;
    margin:0 auto;
}

.galeria_pag ul{
    float:left;
    width:100%;
}

.galeria_pag ul li{
    float:left;
    margin:25px 20px 0 20px;
}

.galeria_pag ul li{
    float:left;
    width:185px;
    height:195px;
}


.bt_comprar2{
    float:left;
    width:195px;
    height:38px;
    text-indent: -9999px;
    background:url(../images/sprites.png) no-repeat -294px -204px;
}
.bt_comprar2:hover{
    background-position: -294px -259px;
}

.bt_indisponivel{
    float:left;
    width:195px;
    height:38px;
    text-indent: -9999px;
    background:url(../images/sprites.png) no-repeat -489px -204px;
}


/* --------- FIM - Conteudo Paginas --------- */


/* --------- Contato --------- */

#contato{
    float:left;
    width:850px;
}

.contato_tit{
    background:url(../images/sprites.png) no-repeat -953px 0px;
}

#contato form{
    float:left;
    margin:20px 0 0 140px;
    width:500px;
}

.campos{
    position: relative;
    float: left;
    width:490px;
    margin:10px 0 0;
}
.campo_cidade{
    float: left;
    width:390px;
    margin:10px 0 0;
}
.campo_uf{
    float: left;
    width:101px;
    margin:10px 0 0;
}
.campo_cep{
    float: left;
    width:286px;
    margin:10px 0 0;
}

.campo_esqueci_cep{
    float: left;
    width:200px;
    margin:10px 0 0;
}

.campo_cep span, .campos span{
    float:left;
    margin:7px 0 0;
    text-align:right;
    width:100px;
    font-weight:bold;
}

.campo_esqueci_cep a{
    float:left;
    margin:7px 0 0 5px;
    text-align:left;

}
.campo_cidade span{
    float:left;
    margin:7px 0 0;
    text-align:right;
    width:100px;
    font-weight:bold;
}
.campo_uf span{
    float:left;
    margin:7px 0 0;
    text-align:right;
    width:20px;
    font-weight:bold;
}

#nome, #email, #telefone, #assunto, #end{
    position: relative;
    float:right;
    margin:0;
    width:360px;
    height:20px;
    font-size: 13px;
    padding:4px 10px 2px 10px;
    border:1px solid #cecece;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#cidade{
    position: relative;
    float:right;
    margin:0;
    width:261px;
    height:20px;
    font-size: 13px;
    padding:4px 10px 2px 10px;
    border:1px solid #cecece;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#uf{
    position: relative;
    float:right;
    margin:0;
    width:55px;
    height:20px;
    font-size: 13px;
    padding:4px 10px 2px 10px;
    border:1px solid #cecece;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#cep{
    position: relative;
    float:left;
    margin:0 0 0 7px;
    width:150px;
    height:20px;
    font-size: 13px;
    padding:4px 10px 2px 10px;
    border:1px solid #cecece;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#mensagem{
    position: relative;
    float:right;
    margin:0;
    width:360px;
    height:100px;
    font-size: 13px;
    padding:10px 10px 10px 10px;
    border:1px solid #cecece;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.enviar_contato{
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    float:right;
    font-size: 13px;
    font-weight:bold;
    margin:5px 11px 0 0;
    text-align:right;
    width:60px;
}

.enviar_contato:hover{
    color:#3f7cb2;
}



/*===========================================
TOOLTIP
===========================================*/
.tooltip{
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    z-index: 999;
    display: none;
    padding:10px 10px;
    background: #fff; 
    border: 2px solid #458aa7;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    box-shadow:0px 0px 4px #595e60;
    -moz-box-shadow:0px 0px 4px #595e60; 
    -webkit-box-shadow:0px 0px 4px #595e60; 
}


/* --------- Fim - Contato --------- */


/*          erro            */

label.error{
    float: right;
    margin: 2px 0 0;
    text-align: right;
    color:#c81b1b;
}
input.error, textarea.error{
    background: #f7ebeb;
}






/* --------- Rodape --------- */

#rodape{
    float:left;
    width:100%;
    background:url(../images/rodape.jpg);
    height:94px;

}

/* --------- Fim - Rodape --------- */


*{
    margin:0;
    padding:0;
    list-style:none;
    border:none;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-size:12px;
    color:#468AA7; 
    text-decoration:none;
}