/* CSS Document */
/* =) */
@import url('fonts/stylesheet_fonts.css');

*{margin:0; padding:0;}

html, body{height:100%;}

body{margin:0px; padding:0px; background-color:#F5F5F5; font-family:'dinmedium', calibri, arial; font-size:15px; /*overflow-x:hidden; overflow-y:scroll;*/ line-height:22px; letter-spacing:.4px; color:#1A1A1A; text-align:left; transition:0.3s;}

	img{border:0; float:left; position:relative;}

	div, article, section, nav, main, figure, footer{float:left; position:relative;}
/* FIM DEFAULT */


/* HTML5 PADRÕES */
h1.txthero{font-size:80px; line-height:80px; letter-spacing:2px; margin-left:0px; text-align:center; font-family:'itc_caslon_224medium'; text-transform:uppercase; color:#FFF; font-weight:400;}

h2.txthero{font-size:120px; line-height:120px; letter-spacing:2px; margin-left:0px; text-align:center; font-family:'itc_caslon_224medium'; text-transform:uppercase; color:#FFF; font-weight:400;}

h3.txthero{font-size:80px; line-height:80px; letter-spacing:2px; margin-left:0px; text-align:center; font-family:'itc_caslon_224medium'; text-transform:uppercase; color:#FFF; font-weight:400;}


h1{font-size:60px; line-height:70px; letter-spacing:-0.3px; font-weight:400; margin-left:-0px; font-family:'itc_caslon_224_blackregular';}

h2{font-size:48px; line-height:55px; letter-spacing:-0.3px; font-weight:400; margin-left:-1px; font-family:'itc_caslon_224_blackregular';}

h3{font-size:35px; line-height:40px; letter-spacing:-0.3px; font-weight:400; margin-left:-2px; font-family:'itc_caslon_224_blackregular';}

h4{font-size:25px; line-height:29px; letter-spacing:-0.3px; font-weight:400; font-family:'itc_caslon_224_blackregular';}

h5{font-size:17px; line-height:22px; letter-spacing:-0.3px; font-weight:400; font-family:'itc_caslon_224medium';}

p{font-size:15px; line-height:22px; color:#333332;}

i{letter-spacing:-0.2px; font-family:'itc_caslon_224_bookitalic';}

a{text-decoration:none; color:#000; opacity:1; transition-duration:.3s; transition-delay:.1s;}

b{font-family:"dinmedium";}

.btn{float:left; height:25px; background:#1A1A1A; cursor:pointer; color:#FFF; margin-top:30px; border:0; font-size:14px; padding:9px 40px 10px 40px; letter-spacing:0.5px; transition-duration:.3s; transition-delay:.1s; border-radius:50px; font-weight:500; text-transform:lowercase;}
	
	.btn:hover{background:#000;}

    .btn.btnsec{color:#1A1A1A; background:#FFF;}
    .btn.btnsec:hover{color:#000; background:#F5F5F5;}

    .btn.btnter{color:#1A1A1A; background:transparent; border:1px solid #1A1A1A;}
    .btn.btnter:hover{color:#FFF; background:#1A1A1A;}
    
    .btn.btnneg{color:#FFF; background:transparent; border:1px solid #FFF;}
    .btn.btnneg:hover{color:#000; background:#FFF;} 
/* HTML5 */



/* HOME ------------------------------------------------------------------------------------------- */
/* LOAD *
#loading{width:100%; height:100%; background:#EEE; position:fixed; left:0; top:0; z-index:9999;}
#loadingb{width:47px; height:50%; margin:0 auto; margin-top:20%; float:none;}

#loadinganime{float:left; width:47px; height:47px; margin:0 0 0 0;}

    #loadinganime .logo{width:47px; height:47px; background-size:18px 18px; background-image:url("img/LogoLoading.svg"); background-position:center; animation:animacaoLoadingLogo 1.5s linear 0s infinite;}

    .dotbase{position:absolute; width:47px; height:47px; animation:animacaoLoading 0.7s linear 0s infinite;}

    #loadinganime .dot{position:absolute; right:8px; top:8px; width:5px; height:5px; background:#000; border-radius:100%;}

	@keyframes animacaoLoading{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
	}

    @keyframes animacaoLoadingLogo{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
	}


/* HEADER */
header#topo{position:fixed; width:100%; height:auto; z-index:9; background:#FFF; transition:0.3s;}
#topob{float:none; width:90%; height:60px; max-width:1280px; padding:20px 5%; background:#FFF; margin:0 auto; z-index:2;}

        /* Classe conectada a funcao JS = HEADER FIXED */
        #topo.topofixo #topob{height:40px; padding:15px 0;}
        header#topo *{transition:0.3s;}

            #topo.topofixo .logo{height:50px; background-size:85px 50px; margin-top:-5px;}
            #topo.topofixo #menu{margin:-5px 0 0 15%;}
            #topo.topofixo #menuexterno{margin:-5px 0 0 0;}


    /* Conteudo Header */
	.logo{width:94px; height:55px; background-image:url(img/LogoBBC.svg); background-repeat:no-repeat; background-position:center left; background-size:94px 55px;}

	#menu{float:left; margin:6px 0 0 15%;}

        #menu a{float:left; padding:12px 20px 14px 20px; margin-left:20px; letter-spacing:0px;}
        #menu a:hover{opacity:0.8;}
        #abresubmenu{cursor:pointer;}

    #menuexterno{float:right; margin:6px 0 0 0;}

        #menuexterno a{float:left;}
        #menuexterno a .citashop{padding:12px 0px 14px 43px; margin-left:40px; letter-spacing:0px; background-image:url(img/icon/Calendar.svg); background-repeat:no-repeat; background-size:40px; background-position:center left;}
        #menuexterno a:hover .citashop{opacity:0.8;}

    
    /* Submenu */
    #submenu{position:absolute; width:100%; height:auto; background:#FFF; padding:60px 0 50px 0; opacity:0; top:-250px; z-index:1;}
    #submenu.submenuaberto{opacity:1; top:60px; transition:0.7s;}
    #submenu > div{float:none; width:90%; max-width:1280px; padding:0 5%; height:100%; margin:0 auto;}

        .itemsubmenu{float:left; width:17%; padding-left:9%; height:auto; background-repeat:no-repeat; background-position:center left; background-size:auto;}
        .itemsubmenu:hover{opacity:0.8;}

            .submenu-tratamiento{background-image:url("img/icon/MenuTrata.svg");}
            .submenu-masajes{background-image:url("img/icon/MenuMasa.svg");}
            .submenu-packs{background-image:url("img/icon/MenuPacks.svg"); width:16%; padding-left:8%;}
            .submenu-beauty{background-image:url("img/icon/MenuBeau.svg"); width:13%; float:right;}

        .itemsubmenu p{width:80%; font-size:13px; line-height:18px; letter-spacing:-0.2px; color:#888;}
        .itemsubmenu p b{font-size:15px; color:#333332; line-height:34px;}

            .submenu-beauty p{width:100%;}


    /* Menu Mobile */
    .menumobile{display:none; width:40px; height:40px; background-image:url("img/icon/Menu.svg"); background-repeat:no-repeat; background-position:center; margin-left:10px;}
    .menumobile.menumobilefechar{background-image:url("img/icon/Fechar.svg");}

    #menumobile{position:fixed; width:84%; height:auto; z-index:1; background:#FFF; left:0; padding:10% 8% 5% 8%; border-radius:0 0 6px 6px; box-shadow:10px 40px 60px -60px #222223; top:-500px; display:none;}
    #menumobile.menumobileaberto{top:60px; transition:1s;}

        .itemmenumobile{width:100%; height:50px;}
        .itemmenumobile h4{font-size:22px;}



/* BANNER */
#banner_principal{position:relative; width:98%; height:80%; z-index:2; margin:100px 1% 0 1%; padding:0; border-radius:6px; background-image:url(img/home/ImgBannerHero.jpg); background-size:cover; background-position:center;}

    #banenrherob{float:none; width:90%; max-width:1280px; padding:0 5%; height:100%; margin:0 auto;}

        #banner_principal h2.txthero{position:relative; width:100%; text-align:center; margin-top:160px; z-index:8;}

        #banner_principal p{width:24%; margin:20px auto; text-align:center; color:#FFF;}

        #banner_principal a .btn{text-align:center; float:none; margin:0 auto; max-width:160px; margin-top:40px;}

    #banner_principal .filterbanner{position:absolute; width:100%; height:100%; background-image:url(img/home/BannerHeroFiltro.png); background-size:cover; background-position:center; border-radius:6px;}

    #banner_principal video{display:block; position:absolute; width:100%; height:100%; z-index:-100; object-fit:cover; border-radius:6px;}



/* CONTEÚDO HOME */
.conteudopagina{position:relative; float:left; width:98%; margin:0 1%; z-index:1;}
.conteudopaginab{width:90%; padding:0 5%; max-width:1280px; height:100%; float:none; margin:0 auto;}

    /* Background */
    .bgquadro-bege{position:absolute; background:#F0EFEC; width:60%; height:700px; top:20px; right:0; border-radius:6px; z-index:1;}

	/* Chamada Centro */
    .chamadaempresa{z-index:2; margin-top:180px;}

        .textualsecao{width:50%; padding:20px 0% 200px 10%; margin-left:-10%; border-radius:6px 0 0 6px;}

            .textualsecao h1{width:90%;}

            .textualsecao h3{width:70%; margin:30px 0 30px 0;}

            .textualsecao p{width:70%; margin:30px 0 10px 0;}

            .textualsecao .btn{margin-left:-3px;}

        .imgarticle-right{position:absolute; width:60%; right:-10%; height:100%; background-color:#EEE; border-radius:6px;}

            .img-chamadaempresa{margin-top:-100px; height:120%; background-image:url(img/home/ImgChamadaBBC.jpg); background-size:cover; background-position:center;}

    /* Chamada Shop */
    .chamadashop{z-index:3; margin-top:70px;}
        
        figure.graphicbbc{position:absolute; z-index:3; top:-420px; left:-60px;}

        .chamadashop .textualsecao{float:right; width:50%; padding-right:10%; margin-right:-10%;}

            .chamadashop .textualsecao h2{width:50%; margin:140px 0 0 10%;}

            .chamadashop .textoduplo{width:90%; margin:30px 0 10px 10%;}

                .textoduplo p{float:left; width:46%; margin:0 4% 0 0;}
                .textoduplo p:last-child{margin:0 0 0 4%;}

            .chamadashop .textualsecao .btn{margin:30px 0 0 10%;}

        .imgarticle-left{position:absolute; width:60%; left:-10%; height:100%; border-radius:6px; background-size:cover; background-repeat:no-repeat;}

            .imgarticle-left.img-chamadashop{width:55%; background-size:contain; margin-top:-160px; background-image:url(img/home/ImgChamadaShop.png);}

    /* Chamada Beauty */
    .chamadabeauty{z-index:2; margin-top:200px; padding-bottom:120px;}

        .chamadabeauty .textualsecao{width:50%; padding:0px 5% 100px 10%; color:#F5F5F5; background:#1A1A1A;}

            .chamadabeauty .textualsecao h2{width:80%; margin:100px 0 0 0;}

            .chamadabeauty .textoduplo{width:100%; margin:40px 0 10px 0;}

                .chamadabeauty .textoduplo p{float:left; width:46%; margin:0 4% 0 0; color:#FFF;}
                .chamadabeauty .textoduplo p:last-child{margin:0 0 0 4%;}

            .chamadabeauty .textualsecao .btn{margin:40px 0 0 0;}
        
        .chamadabeauty .imgarticle-right{width:55%; border-radius:6px;}

            .img-chamadabeauty{margin-top:-60px; background-image:url(img/home/ImgChamadaBeauty.jpg); background-size:cover; background-position:center;}

    /* Chamada Blog */
    .chamadablog{z-index:2; padding-bottom:40px; margin-top:0px;}

        .bgquadro-bege-blog{position:absolute; background:#9c8b61; width:70%; height:600px; top:50px; left:-10%; border-radius:6px; z-index:1; opacity:0.05;}
        figure.graphicblog{position:absolute; z-index:1; top:-650px; right:-100px;}

        .chamadablog .textualsecao{width:100%; z-index:2;}

            .chamadablog .textualsecao h2{width:45%; margin:140px 0 0 0;}

            .chamadablog .textualsecao p{width:30%; margin:20px 0 10px 0;}

            .chamadablog .textualsecao .btn{float:right; margin:-50px 0 0 0;}

        .postshome{width:100%; margin-top:-120px; z-index:2;}

            /*POST PADRAO*/
            .post{width:22%; max-width:280px; height:auto; margin-left:6%;}

                figure.post-foto{width:100%; height:370px; background-color:#EEE; border-radius:6px; margin-bottom:20px; background-size:cover; background-position:center;}
            
                .post-flags{width:100%; height:auto; margin-bottom:22px;}

                    .flag{font-size:13px; padding:3px 10px; margin-right:10px; background:#F0EFEC; border-radius:4px;}

                .post-data{font-size:13px; color:#AAA; margin-bottom:5px;}

                .post h4{margin:0 0 10px 0;}

            .postshome .post:first-child{width:44%; max-width:100%; margin-left:0px;}

                .postshome .post:first-child figure.post-foto{height:387px;}

                .postshome .post:first-child h4{font-size:35px; line-height:40px; width:100%; margin-left:-2px;}

                .postshome .post:first-child p{width:100%;}


    /* Newsletter */
    #newsletter{z-index:2; width:120%; margin:100px 0 50px -10%; background-color:#2E4634; border-radius:6px; padding:70px 0 75px 0; background-image:url(img/home/BGNews.png); background-size:contain; background-position:center; background-repeat:no-repeat;}

        #newsletter .textualsecao{width:100%; max-width:1280px; padding:0; float:none; margin:0 auto;}
        #newsletter .textnews{width:50%;}

            #newsletter .textualsecao h2{width:100%; margin:0px 0 0 0; color:#FFF;}

            #newsletter p{width:60%; margin:20px 0 0 0; color:#FFF;}

        .formnews{width:50%; float:right; margin-top:20px;}

            .formnews .camposform{width:80%;}

            .formnews .camposform input.campo{width:100%; height:40px; border:none; border-bottom:1px solid #FFF; background-color:transparent; color:#FFF; font-size:16px; border-radius:0;}
                
                .formnews input::-webkit-input-placeholder, .formnews input::placeholder{color:#FFF;}

            #newsletter .formnews p{float:left; width:55%; font-size:11px; line-height:18px; margin:20px 0 0 0;}

            .formnews .btn{float:right; height:44px; margin:15px 20% 0 0;}


/* RODAPÉ */
footer#rodape{position:relative; float:left; width:100%; padding:100px 0 0 0; background-color:#FFF; z-index:4;}

    nav.menurodape{width:28%; height:auto;}

        nav.menurodape h4{width:100%; margin-bottom:20px;}

        nav.menurodape p{float:left; width:30%; margin:0 3% 0 0; letter-spacing:0;}

            nav.menurodape p a{float:left; width:100%; margin:0 0 10px 0; text-decoration:underline;}

            nav.menurodape p a:hover{color:#9c8b61;}

    .contatorodape{width:22%; margin-left:2%; height:auto;}

        .contatorodape h4{width:100%; margin-bottom:20px;}
        
        .contatorodape p{float:left; width:100%; letter-spacing:0;}
        
        .contatorodape p:last-child{color:#807450;}

    .contatorodape .iconsocial{width:40px; height:40px; background-color:#1A1A1A; border-radius:50%; background-position:center; background-repeat:no-repeat; margin:15px 10px 0 0; padding:0;}
        
        .iconsocial.iconface{background-image:url(img/icon/Face.svg); background-size:6px;}

        .iconsocial.iconinsta{background-image:url(img/icon/Insta.svg); background-size:14px;}

    .contatorodape .btn{margin-top:20px;}

    /* Credits */
    aside.credits{float:left; position:relative; width:100%; max-width:100%; margin-top:100px;}

        .creditsbbc{float:none; margin:0 auto; width:100%; max-width:370px; height:35px; padding:20px; text-align:center; background:#F5F5F5; border-radius:6px 6px 0 0}

            .creditsbbc p{float:left; font-size:14px; letter-spacing:0; padding:5px 14px; text-align:center;}
            .creditsbbc p:first-child{border-right:1px solid #CCC;}

            .logoworbes{background-image:url(https://worbes.com.br/img/Logo.svg); background-size:160px; background-position:left center; background-repeat:no-repeat; width:77px; height:15px; margin:7px 0 0 -5px;}



/* INTERNA ----------------------------------------------------------------------------------------- */


/* BANNER */
#banner_principal.banner_interna{position:relative; width:98%; height:300px; z-index:2; margin:100px 1% 0 1%; padding:0; border-radius:6px; background-image:url(img/home/ImgBannerHero.jpg); background-size:cover; background-position:center;}

    #banner_principal.banner_interna h3.txthero{margin-top:70px;}
    #banner_principal.banner_interna h1.txthero{margin-top:70px;}

    #banner_principal.banner_interna p{width:28%;}


/* CONTEÚDO CENTRO */
/* Sobre o Centro */
.chamadaempresa.interna-rosemendes{margin-top:60px;}

    .chamadaempresa.interna-rosemendes figure.graphicbbc{top:-35px; left:-60px; z-index:1;}
    .chamadaempresa.interna-rosemendes figure.graphicbbc img{width:82%;}

    .interna-rosemendes .textualsecao{z-index:2;}

        .interna-rosemendes .textualsecao h1{width:60%; margin-top:140px;}
        .interna-rosemendes .textualsecao h5{width:80%; margin:30px 0 30px 0;}
        .interna-rosemendes .textualsecao p{width:60%;}

    .interna-rosemendes .imgarticle-right{height:100%;}

        .interna-rosemendes .img-chamadaempresa{margin-top:0; background-image:url("img/nosotros/BBCRose.jpg");}

/* Disfrute */
.chamadashop.interna-disfrute{margin-top:30px; background-color:#EEE7DA; border-radius:0 6px 0px 0;}

    .chamadashop.interna-disfrute .textualsecao{width:50%; padding:0 0 140px 10%; background:#EEE7DA; border-radius:0 6px 0 0;}

        .chamadashop.interna-disfrute .textualsecao h2{width:70%; margin:150px 0 0 0;}
        .chamadashop.interna-disfrute .textualsecao p{width:70%; margin:30px 0 0 0;}

    .chamadashop.interna-disfrute .imgarticle-left{border-radius:6px 0 0 0; background-image:url("img/nosotros/Disfrute.jpg");}

/* Experience */
.chamadabeauty.interna-experience{margin-top:0px; padding-bottom:0; background:#1A1A1A;}

    .chamadabeauty.interna-experience .textualsecao{color:#9C8B61; border-radius:0;}

        .chamadabeauty.interna-experience .textualsecao h3{width:60%; margin:100px 0 30px 0;}
        .chamadabeauty.interna-experience .textualsecao h5{width:65%;}
        .chamadabeauty.interna-experience .textualsecao p{color:#FFF; width:65%;}

    .chamadabeauty.interna-experience .imgarticle-right{width:60%; border-radius:0;}

        .interna-experience .img-chamadabeauty{margin-top:0px; background-image:url(img/nosotros/Experiencia.jpg);}

/* Instalaciones */
.chamadashop.interna-instalaciones{margin-top:0;}

    .chamadashop.interna-instalaciones .textualsecao{background:#FFF; border-radius:0; width:40%;}

        .chamadashop.interna-instalaciones .textualsecao h3{width:70%; margin:100px 0 20px 0;}
        .chamadashop.interna-instalaciones .textualsecao h5{width:90%;}
        .chamadashop.interna-instalaciones .textualsecao p{width:90%; margin:30px 0 0 0;}

    .chamadashop.interna-instalaciones .imgarticle-left{width:60%; border-radius:0px; background-image:url("img/nosotros/Instalacoes.jpg");}

/* Equipo */
.chamadabeauty.interna-equipo{margin-top:0px; padding-bottom:0;}

    .chamadabeauty.interna-equipo .textualsecao{background:#EEE7DA; color:#000;}

        .chamadabeauty.interna-equipo .textualsecao h3{width:70%; margin:100px 0 30px 0;}
        .chamadabeauty.interna-equipo .textualsecao h5{width:70%;}

    .chamadabeauty.interna-equipo .textualsecao.quadroequipo{width:100%; margin:80px 0 0 -20%; padding:100px 5% 100px 0; background:#1A1A1A; border-radius:0 6px 6px 0;}

        .chamadabeauty.interna-equipo .textualsecao.quadroequipo h5{color:#FFF; width:62%; margin:0 0 0 20%;}
        .chamadabeauty.interna-equipo .textualsecao.quadroequipo p{color:#FFF; width:62%; margin:40px 0 0 20%;}

    .chamadabeauty.interna-equipo .imgarticle-right{width:60%; border-radius:0 0 6px 0;}

        .chamadabeauty.interna-equipo .img-chamadabeauty{margin-top:0px; background-image:url(img/nosotros/Equipo.jpg);}


/* TRATAMIENTOS */
/* Listagem Tratamientos */
.chamadaempresa.interna-tratamientos{width:105%; margin:40px 0 0 -5%; padding:0 0 0 5%;}

    .chamadaempresa.interna-tratamientos .bgquadro-bege{left:-2%; right:auto; height:400px; top:-100px; margin:50px 0 0 0; background:#9c8b61; opacity:0.08; z-index:1;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc{position:absolute; z-index:3; top:-20px; left:auto; right:-60px;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc:last-child{position:absolute; z-index:1; top:600px; left:-60px; right:auto;}


    /* Tratamiento */
    .interna-tratamientos .textualsecao{width:45%; height:950px; padding:20px 0 130px 0; margin:0 5% 0 0; border-radius:6px 0 0 6px; z-index:2;}

        .interna-tratamientos .textualsecao .img-tratamiento{width:100%; height:600px; background-color:#EEE; background-size:cover; background-position:center; border-radius:6px;}

            .interna-tratamientos .textualsecao .img-tratamiento iframe{position:absolute; width:100%; height:100%;}

        .interna-tratamientos .textualsecao h3{float:left; width:100%; margin:30px 0 0 0;}
        .interna-tratamientos .textualsecao h5{float:left; width:100%; margin:4px 0 20px 0; font-size:15px; letter-spacing:0;}
        .interna-tratamientos .textualsecao p{float:left; width:100%; margin:10px 0 15px 0;}
        .interna-tratamientos .textualsecao i{float:left; opacity:0.5; width:100%;}

        .infos-tratamiento{width:100%; color:#807450;}            
            .interna-tratamientos .textualsecao .infos-tratamiento p{float:left; width:35%; height:31px; padding-top:9px; margin:0; color:#807450;}
            .interna-tratamientos .infos-tratamiento .horapago{float:right; width:65%; height:40px;}
            .interna-tratamientos .infos-tratamiento .horapago div{float:right; height:31px; max-width:45%; padding:9px 0 0 40px; margin:0 0 0 5%; text-align:right; background-size:40px; background-repeat:no-repeat;}
                .tra-hora{background-image:url("img/tratamientos/IconClock.svg");}
                .tra-price{background-image:url("img/tratamientos/IconPrice.svg");}

/* Troca Tratamientos */
.chamadabeauty.interna-trocapage{width:100%; margin-top:0; padding:0; border-radius:6px; background-color:#1A1A1A;}

    .chamadabeauty.interna-trocapage .textualsecao{width:100%; padding:80px 0; margin:0; border-radius:6px 0 0 6px; border-radius:6px; z-index:2; background-image:url("img/tratamientos/Banner Masajes.jpg"); background-size:cover; background-position:center;}

        .chamadabeauty.interna-trocapage .textualsecao h3{width:100%; margin:0 0 10px 0;}
        .chamadabeauty.interna-trocapage .textualsecao p{float:none; color:#FFF; width:30%; margin:0 auto; text-align:center;}
        .chamadabeauty.interna-trocapage .textualsecao .btn{float:none; width:60px; margin:20px auto 0 auto; text-align:center;}

    .chamadabeauty.interna-trocapage .bgquadro-bege{margin:50px -5% 0 0; background:#9c8b61; opacity:0.08;}

/* Testemunho */
#testemunhos{z-index:2; width:120%; margin:150px 0 0px -10%; background-color:#1A1A1A; border-radius:6px; padding:70px 0 75px 0;}

    #testemunhos .textualsecao{width:100%; max-width:100%; padding:0; float:none; margin:0 auto;}

        #testemunhos .textualsecao h3{float:none; width:26%; margin:0 auto; color:#FFF; text-align:center;}
        #testemunhos .textualsecao h5{float:none; width:30%; margin:20px auto; color:#9C8B61; text-align:center;}

    .comentarios{width:90%; margin:30px 5% 0 5%;}

        .coment{width:30%; margin:0 1.5%;}
            
            .iconcoment{width:60px; height:60px; float:none; margin:0 auto; background-image:url("img/tratamientos/IconComent.svg"); border-radius:50%; background-repeat:no-repeat; background-size:contain;}

            .coment h4{width:100%; margin:10px 0 5px 0; color:#FFF; text-align:center;}
            .infocoment{width:100%;}
            #testemunhos .infocoment p{float:left; width:47%; padding:0 3% 0 0; margin:0; text-align:right; color:#9C8B61; font-size:14px; letter-spacing:0;}
            #testemunhos .infocoment p:last-child{text-align:left; padding:0 0 0 3%;}
            #testemunhos p{float:none; width:80%; margin:50px auto 0 auto; text-align:center; color:#FFF;}

        #testemunhos .textualsecao .btn{width:150px; left:50%; margin:60px 0 20px -115px; text-align:center; display:none;}


/* PAG TRATAMIENTO */
/* Conteudo tratamento */
.chamadaempresa.interna-produto{margin-top:-260px;}

    .chamadaempresa.interna-produto .textualsecao{width:45%; padding:20px 0% 200px 10%; margin-left:-10%; border-radius:6px 0 0 6px;}

        p.categoria-tratamiento{color:#807450;}
        .chamadaempresa.interna-produto .textualsecao h1{float:left; width:100%; margin:0 0 0 -3px;}
        .chamadaempresa.interna-produto .textualsecao h5{float:left; width:100%; margin:5px 0 20px 0; font-size:15px; letter-spacing:0;}
        .chamadaempresa.interna-produto .textualsecao p{float:left; width:100%; margin:10px 0 15px 0;}
        .chamadaempresa.interna-produto .textualsecao i{float:left; opacity:0.5; width:95%;}

        .interna-produto .infos-tratamiento{margin:20px 0 30px 0; height:auto;}
            .interna-produto .infos-tratamiento .horapago{float:left; width:100%; height:40px;}
            .interna-produto .infos-tratamiento .horapago div{width:100%; max-width:100%; padding:9px 0 0 40px; margin:5px 0 0 -6px; text-align:left; background-repeat:no-repeat;}

        .chamadaempresa.interna-produto .textualsecao .btn{margin:40px 15px 0 0;}
        .chamadaempresa.interna-produto .img-chamadaempresa{margin-top:0px; height:100%; max-height:800px;}


/* Vitrine Outros Tratamentos */
.chamadaempresa.interna-vitrineoutros{width:105%; margin:-60px 0 60px -5%; padding:0 0 0 5%;}

    .interna-vitrineoutros h2{width:100%; margin:0 0 30px -2px;}

    /* Tratamiento Menor*/
    .interna-vitrineoutros .textualsecao{width:21%; padding:20px 0 0 0; margin:0 4% 0 0;}

        .interna-vitrineoutros .textualsecao .img-tratamiento{width:100%; height:350px; background-color:#EEE; background-size:cover; background-position:center; border-radius:6px;}

        .interna-vitrineoutros .textualsecao h3{float:left; width:100%; margin:30px 0 0 0;}
        .interna-vitrineoutros .textualsecao h5{float:left; width:100%; margin:4px 0 20px 0; font-size:15px; letter-spacing:0;}
        .interna-vitrineoutros .textualsecao p{float:left; width:100%; margin:0;}
        .interna-vitrineoutros .textualsecao i{float:left; opacity:0.5; width:100%;}

        .interna-vitrineoutros .infos-tratamiento{width:100%; color:#807450; display:none;}


/* BLOG */
/* Listagem Posts */
.chamadablog.interna-blog{margin-top:60px;}

    .interna-blog .bgquadro-bege{position:absolute; background:#9c8b61; width:65%; height:600px; top:-70px; left:-10%; border-radius:6px; opacity:0.05;}
    .interna-blog .postshome{margin-top:0; width:102%; margin-left:-1%;}

        /*POST PADRAO*/
        .interna-blog .postshome .post{width:48%; max-width:100%; margin:0 1% 60px 1%;}

            .interna-blog .postshome figure.post-foto{width:45%; margin-bottom:20px;}
            .interna-blog .postshome .post-flags{width:45%; margin:10px 0 22px 5%;}
            .interna-blog .postshome .post-data{float:left; width:45%; margin:0 0 5px 5%;}
            .interna-blog .postshome .post h4{float:left; width:45%; margin:0 0 10px 5%;}
            .interna-blog .postshome .post p{float:left; width:45%; margin:0 0 0 5%;}

        .interna-blog .postshome .post:first-child{width:98%; margin:0 1% 60px 1%;}

            .interna-blog .postshome .post:first-child figure.post-foto{width:60%; height:400px;}
            .interna-blog .postshome .post:first-child .post-flags{width:35%; margin:10px 0 22px 5%;}
            .interna-blog .postshome .post:first-child .post-data{width:35%; margin:0 0 5px 5%;}
            .interna-blog .postshome .post:first-child h4{width:35%;}
            .interna-blog .postshome .post:first-child p{width:35%;}


/* POST */
.banner-post{float:none; width:94%; max-width:1280px; height:420px; margin:40px auto; border-radius:6px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.chamadablog.interna-post{width:100%; margin:200px 0 0 0;}
.chamadablog.interna-post .post{width:74%; max-width:100%; margin:0 0 0 13%}
.chamadablog.interna-post .post .btn{margin:50px 0 0 -3px;}


/* CONTACTO */
.chamadabeauty.contacto-localizacao{margin-top:60px;}
.chamadabeauty.contacto-localizacao .textualsecao{width:70%; padding:0; margin:0; z-index:1; border-radius:6px; padding-bottom:100px;}

    .chamadabeauty.contacto-localizacao .textualsecao h2{width:90%; margin-left:10%;}
    .chamadabeauty.contacto-localizacao .textualsecao p{color:#FFF; width:60%; margin:20px 0 0 10%;}
    .chamadabeauty.contacto-localizacao .textualsecao form{width:68%; margin:30px 0 0 10%;}

        .camposform{width:45%; margin:0 5% 30px 0;}
        .camposformG{width:95%; margin:0;}

        .chamadabeauty.contacto-localizacao .textualsecao .camposform p{margin:0 0 6px 0;}
        .chamadabeauty.contacto-localizacao .textualsecao .camposformG p{margin:0 0 6px 0;}
        .camposform p, .camposformG p{float:left; width:100%; margin:0;}

        .campo{width:100%; height:40px; border-radius:4px; border:0;}
        .campo_grande{width:100%; height:120px; border-radius:4px;}
        .chamadabeauty.contacto-localizacao .textualsecao .btn{float:right; height:44px; margin:25px 5% 0 0;}

    
    .chamadabeauty.contacto-localizacao .textualsecao:last-child{width:40%; z-index:2; margin:120px 0 0 -10%; padding:0 0 65px 0; background:#EEE7DA;}

        .conteudomaps{width:100%; height:260px; border-radius:6px 6px 0 0;}

        .chamadabeauty.contacto-localizacao .textualsecao:last-child h3{float:left; width:90%; margin:60px 0 0 9.7%; color:#000;}
        
        .chamadabeauty.contacto-localizacao .textualsecao:last-child p{float:left; width:90%; margin-left:10%; color:#000;}

/* CLUB */
.chamadabeauty.club{margin-top:100px; padding-bottom:120px;}
    .chamadabeauty.club .textualsecao{width:50%; background:#222223;}

.chamadashop.club{z-index:3; margin-top:70px; padding-bottom:100px;}

    .chamadashop.club .bgquadro-bege{width:55%; height:90%; top:0; left:-10%; opacity:0.6;}
    .chamadashop.club figure.graphicbbc{position:absolute; z-index:3; top:300px; left:auto; right:-10%; width:70%;}
    .chamadashop.club figure.graphicbbc img{width:100%;}

    .chamadashop.club .textualsecao{width:40%; z-index:2;}

        .chamadashop.club .textualsecao h3{width:80%; margin:0;}
        .chamadashop.club .textualsecao h5{width:80%; margin:20px 0;}
        .chamadashop.club p{width:90%; margin:30px 0 0 0;}

    .chamadashop.club .imgarticle-left{width:50%; left:0; background-size:cover; z-index:2;}
        .chamadashop.club .imgarticle-left.img-chamadashop{width:50%; background-size:cover; margin-top:-120px;}

.chamadaclub{padding-bottom:100px;}
    .chamadaclub h2{width:80%; padding:0 10%; text-align:center;}
    .chamadaclub .btn{margin:30px auto; width:160px; float:none; text-align:center;}




@media screen and (max-width:1000px){ /* Responsive Mobile Smartphones ---------------------------------------------------------------------*/

/* HTML5 PADRÕES */
h1.txthero{font-size:50px; line-height:50px; letter-spacing:-0.5px;}
h2.txthero{font-size:50px; line-height:50px; letter-spacing:-0.5px;}
h3.txthero{font-size:50px; line-height:50px; letter-spacing:-0.5px;}
    
h1{font-size:52px; line-height:52px;}
h2{font-size:40px; line-height:46px;}


/* TOPO */
header#topo #topob{height:55px; padding:15px 0;}
    
    /* Classe conectada a funcao JS */
    #topo.topofixo #topob{height:40px; padding:15px 0;}    
    #topo.topofixo #menuexterno{margin:-2px 0 0 0;}
    
	#menu{display:none;}
    .menumobile{display:block;}
    #menumobile{display:block;}
    
    #menuexterno{margin:6px 0 0 0;}
    #menuexterno a .citashop{width:40px; height:40px; padding:0; margin-left:10px; font-size:0;}
    
    
/* BANNER */
#banner_principal{width:94%; height:70%; margin:85px 3% 0 3%;}    
    #banner_principal h2.txthero{letter-spacing:0; margin-top:130px;}
    #banner_principal p{width:90%;}
    
    
/* CONTEÚDO HOME */
.conteudopagina{width:100%; margin:0;}
.conteudopaginab{width:100%; padding:0;}

    /*Background*/
    .bgquadro-bege{width:80%; height:300px; top:500px;}

	/*Chamada Centro*/
    .chamadaempresa{margin-top:40px;}

        .textualsecao{width:88%; padding:20px 6% 100px 6%; margin-left:0; border-radius:6px 6px 0 0;}
            .textualsecao h3{width:100%;}
            .textualsecao p{width:100%;}

        .imgarticle-right{position:relative; width:97%; right:-3%; height:360px;}
            .img-chamadaempresa{margin-top:-40px; border-radius:6px 0 0 6px}    
    
    /*Chamada Shop*/
    .chamadashop{margin-top:-50px;}
        
        figure.graphicbbc{left:0; top:-300px;}    
        figure.graphicbbc img{width:90%;}

        .chamadashop .textualsecao{float:left; width:88%; padding:20px 6% 100px 6%; margin-left:0;}
            .chamadashop .textualsecao h2{width:80%; margin:140px 0 0 -2px;}
            .chamadashop .textualsecao p{width:90%;}
    
            .chamadashop .textoduplo{width:100%; margin:30px 0 10px 0;}
                .textoduplo p{margin:0;}
                .textoduplo p:last-child{margin:20px 0 0 0;}
            .chamadashop .textualsecao .btn{margin:30px 0 0 -3px;}

        .imgarticle-left{position:relative; width:94%; left:3%; height:400px; margin:-300px 0 0 0;}
            .imgarticle-left.img-chamadashop{width:94%; margin-top:-290px;}    
    
    /*Chamada Beauty*/
    .chamadabeauty{margin-top:300px;}

        .chamadabeauty .textualsecao{width:88%; padding:0 6% 60px 6%; padding-bottom:150px; border-radius:0;}
            .chamadabeauty .textualsecao h2{width:100%;}

                .chamadabeauty .textoduplo p{width:100%; margin:0;}
                .chamadabeauty .textoduplo p:last-child{margin:20px 0 0 0;}
        
        .chamadabeauty .imgarticle-right{width:97%; margin-right:0; border-radius:6px 0 0 6px;}
            .img-chamadabeauty{margin-top:-90px;}    
    
    /*Chamada Blog*/
    .chamadablog{margin-top:-140px;}

        .bgquadro-bege-blog{width:95%; height:200px; top:0; left:-3%; border-radius:0 6px 6px 0;}
        figure.graphicblog{right:12%;}    
            figure.graphicblog img{width:110%;}

        .chamadablog .textualsecao{width:88%; padding:0 6% 190px 6%;}
            .chamadablog .textualsecao h2{width:100%; margin-top:90px;}
            .chamadablog .textualsecao p{width:80%;}
            .chamadablog .textualsecao .btn{float:left; margin:20px 0 0 -3px;}
    
        .postshome{width:90%; margin-left:5%;}

        /*POST PADRAO*/
        .post{width:100%; max-width:100%; margin:0 0 30px 0;}

            figure.post-foto{width:35%; height:160px;}
            .post-flags{float:right; width:60%; margin-bottom:15px;}    
            .post-data{float:right; width:60%;}    
            .postshome .post h4{float:right; width:60%; font-size:17px; line-height:22px; letter-spacing:0; font-weight:400; font-family:'itc_caslon_224medium'; margin-left:-2px;}    
            .post p:last-child{display:none;}
    
        /*POST PADRAO*/
        .postshome .post:first-child{width:100%; max-width:100%; margin-left:0px;}

            .postshome .post:first-child figure.post-foto{width:100%; height:250px;}
            .postshome .post:first-child .post-flags{width:100%; margin-bottom:18px;}
            .postshome .post:first-child h4{font-size:25px; line-height:29px; letter-spacing:0; font-family:'itc_caslon_224_blackregular'; margin-left:-3px;}
    
    
    /*Newsletter*/
    #newsletter{width:94%; margin:30px 0 0 3%; padding:50px 0 55px 0; background-size:cover;}

        #newsletter .textualsecao{width:80%;}
        #newsletter .textnews{width:100%;}

            #newsletter .textualsecao h2{text-align:center;}
            #newsletter p{width:100%; text-align:center; margin:10px 0 0 0;}

        .formnews{width:100%; margin-top:40px;}

            .formnews .camposform{width:100%;}
            .formnews .camposform input.campo{text-align:center;}
            #newsletter .formnews p{text-align:center; width:100%; margin:15px 0 0 0;}

            .formnews .btn{width:60%; margin:25px 20% 0 0;}


/* RODAPÉ */
footer#rodape{width:86%; padding:80px 7% 0 7%; background-color:#FFF; z-index:4;}

    nav.menurodape{width:100%;}
        nav.menurodape p{width:50%; margin:0;}
            nav.menurodape p a{margin:0 0 14px 0;}

    .contatorodape{width:100%; margin:40px 0 0 0;}
        .contatorodape h4{margin-bottom:10px;}
    
    .contatorodape .iconsocial{margin:10px 12px 0 -2px;}    
    .contatorodape .btn{margin:20px 0 0 -2px;}

    /*Credits*/
    aside.credits{width:100%; margin-top:70px;}
    
        .creditsbbc{margin:0 0 0 -2%; padding:20px 2%;}
    
            .creditsbbc p{font-size:13px; padding:3px 10px; letter-spacing:-0.5px;}
            .logoworbes{width:72px; margin:5px 0 0 -5px;}

    
/* INTERNA --------------------------------------------------------------------------------------- */


/* BANNER */
#banner_principal.banner_interna{width:94%; margin:85px 3% 0 3%;}

    #banner_principal.banner_interna h1.txthero{margin-top:80px;}
    #banner_principal.banner_interna h3.txthero{margin-top:80px;}
    #banner_principal.banner_interna p{width:100%;}


/* CONTEÚDO CENTRO */
/*Sobre o Centro*/
.chamadaempresa.interna-rosemendes{margin-top:0px;}

    .chamadaempresa.interna-rosemendes figure.graphicbbc{top:-15px; left:30px;}
    .chamadaempresa.interna-rosemendes figure.graphicbbc img{width:95%;}

        .interna-rosemendes .textualsecao h1{width:90%; margin-top:50px;}
        .interna-rosemendes .textualsecao h5{width:100%;}
        .interna-rosemendes .textualsecao p{width:100%;}

    .interna-rosemendes .imgarticle-right{height:350px;}

        .interna-rosemendes .img-chamadaempresa{width:94%; margin-top:-60px; border-radius:6px;}
    
/*Disfrute*/
.chamadashop.interna-disfrute{z-index:1; margin-top:-30px; border-radius:0;}

    .chamadashop.interna-disfrute .textualsecao{width:88%; padding:20px 6% 100px 6%; margin-left:0;}

        .chamadashop.interna-disfrute .textualsecao h2{width:100%; margin:80px 0 0 0;}
        .chamadashop.interna-disfrute .textualsecao p{width:100%;}

    .chamadashop.interna-disfrute .imgarticle-left{margin-top:-30px; height:300px; margin-bottom:80px; border-radius:6px;}

/*Experience*/
.chamadabeauty.interna-experience .textualsecao{padding-bottom:50px;}
    .chamadabeauty.interna-experience .textualsecao h3{width:100%; margin:60px 0 30px 0;}
    .chamadabeauty.interna-experience .textualsecao h5{width:100%;}
    .chamadabeauty.interna-experience .textualsecao p{width:100%;}

    .chamadabeauty.interna-experience .imgarticle-right{width:94%; margin-top:0; margin-bottom:80px; height:300px; border-radius:6px;}

/*Instalaciones*/
.chamadashop.interna-instalaciones{z-index:2;}
.chamadashop.interna-instalaciones .textualsecao{width:88%;}

        .chamadashop.interna-instalaciones .textualsecao h3{width:100%; margin:40px 0 20px 0;}
        .chamadashop.interna-instalaciones .textualsecao h5{width:100%;}
        .chamadashop.interna-instalaciones .textualsecao p{width:100%;}

    .chamadashop.interna-instalaciones .imgarticle-left{width:94%; border-radius:6px; height:300px; margin-top:-30px;}

/*Equipo*/
.chamadabeauty.interna-equipo{padding-bottom:0; z-index:1; margin-top:-30px;}

        .chamadabeauty.interna-equipo .textualsecao h3{width:100%; margin:90px 0 30px 0;}
        .chamadabeauty.interna-equipo .textualsecao h5{width:100%;}

    .chamadabeauty.interna-equipo .textualsecao.quadroequipo{width:100%; margin:70px 0 0 -7%; padding:60px 0 60px 8%;}

        .chamadabeauty.interna-equipo .textualsecao.quadroequipo h5{width:90%; margin:0;}
        .chamadabeauty.interna-equipo .textualsecao.quadroequipo p{width:90%; margin:40px 0 0 0;}

    .chamadabeauty.interna-equipo .imgarticle-right{width:94%; border-radius:6px; margin-top:-100px;}
    
    
/* TRATAMIENTOS */
/* Listagem Tratamientos */
.chamadaempresa.interna-tratamientos{width:100%; margin:40px 0 0 0; padding:0;}

    .chamadaempresa.interna-tratamientos .bgquadro-bege{left:0;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc{top:-5px; right:5px;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc img{width:60%; float:right;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc:last-child{left:40px;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc:last-child img{float:left;}

    /* Tratamiento */
    .interna-tratamientos .textualsecao{width:94%; height:auto; padding:20px 3% 60px 3%; margin:0;}

        .interna-tratamientos .textualsecao .img-tratamiento{height:380px;}
        .chamadatratamiento{width:94%; margin:0 3%;}

        .infos-tratamiento{width:100%;}            
            .interna-tratamientos .textualsecao .infos-tratamiento p{display:none;}
            .interna-tratamientos .infos-tratamiento .horapago{float:left; width:100%;}
            .interna-tratamientos .infos-tratamiento .horapago div{float:left; margin:0 5% 0 -8px; text-align:left;}

/* Troca Tratamientos */
.chamadabeauty.interna-trocapage{background:transparent; margin-top:30px;}
.chamadabeauty.interna-trocapage .textualsecao{width:94%; margin:0 3%;}

    .chamadabeauty.interna-trocapage .textualsecao h3{width:100%; margin:0 0 10px 0;}
    .chamadabeauty.interna-trocapage .textualsecao p{width:90%;}

.chamadabeauty.interna-trocapage .bgquadro-bege{margin:50px -5% 0 0; background:#9c8b61; opacity:0.08;}

/* Testemunho */
#testemunhos{width:94%; margin:150px 3% 0 3%;}

    #testemunhos .textualsecao h3{width:80%;}
    #testemunhos .textualsecao h5{width:80%;}

    .comentarios{width:90%; margin:30px 5% 0 5%;}
        .coment{width:100%; margin:0 0 50px 0;}    
            #testemunhos p{margin:40px auto 0 auto;}


/* PAG TRATAMIENTO */
/* Conteudo tratamento */
.chamadaempresa.interna-produto{margin-top:0px;}

    .chamadaempresa.interna-produto .textualsecao{width:88%; padding:20px 6% 200px 6%; margin-left:0;}

        p.categoria-tratamiento{color:#807450;}
        .chamadaempresa.interna-produto .textualsecao h1{font-size:40px; line-height:46px; letter-spacing:0; margin:-5px 0 0 -2px;}

        .interna-produto .infos-tratamiento{display:block;}
    
        .chamadaempresa.interna-produto .imgarticle-right{position:absolute; width:94%; right:3%; height:300px; background-color:#EEE; border-radius:6px;} .chamadaempresa.interna-produto .img-chamadaempresa{margin-top:-300px; background-image:url(img/home/ImgChamadaBBC.jpg); background-size:cover; background-position:center;}


/* Vitrine Outros Tratamentos */
.chamadaempresa.interna-vitrineoutros{width:88%; margin:-120px 0 60px 0; padding:0 0 0 6%;}

    /* Tratamiento Menor*/
    .interna-vitrineoutros .textualsecao{width:46%; padding:0; margin:0 4% 20px 0;}

        .interna-vitrineoutros .textualsecao .img-tratamiento{height:200px;}

        .interna-vitrineoutros .textualsecao h3{width:105%; font-size:24px; line-height:29px; letter-spacing:-0.5px; font-weight:400; font-family:'itc_caslon_224_blackregular'; margin:20px 0 0 -3%;}
        .interna-vitrineoutros .textualsecao h5{width:105%; margin:4px 0 20px -3%;}
        .interna-vitrineoutros .textualsecao p{display:none;}
        .infos-tratamiento{width:100%; color:#807450; display:none;}
        .interna-vitrineoutros .textualsecao .btn{display:none;}
    
    
/* PAG BLOG */    
/* Listagem Posts */
.interna-blog .bgquadro-bege{width:65%; left:0%;}
.interna-blog .postshome{width:100%; margin-left:0;}

    /*POST PADRAO*/
    .interna-blog .postshome .post{width:88%; margin:0 6% 20px 6%;}

        .interna-blog .postshome figure.post-foto{width:35%;}
        .interna-blog .postshome .post-flags{width:60%; margin:4px 0 12px 5%;}
        .interna-blog .postshome .post-data{width:60%;}
        .interna-blog .postshome .post h4{width:60%; margin:5px 0 10px 5%;}
        .interna-blog .postshome .post p{float:left; width:45%; margin:0 0 0 5%;}

    .interna-blog .postshome .post:first-child{width:88%; margin:0 6% 60px 6%;}

        .interna-blog .postshome .post:first-child figure.post-foto{width:100%; height:260px;}
        .interna-blog .postshome .post:first-child .post-flags{width:100%; margin:0 0 18px 0;}
        .interna-blog .postshome .post:first-child .post-data{width:100%; margin:0 0 5px 0;}
        .interna-blog .postshome .post:first-child h4{width:100%; margin:5px 0 10px 0;}
        .interna-blog .postshome .post:first-child p{display:block; width:100%; margin:0;}


/* POST */
.banner-post{float:left; width:100%; height:300px; margin:0 auto;}
.chamadablog.interna-post{margin:30px 0 0 0;}
.chamadablog.interna-post .post{width:88%; margin:0 0 0 6%;}
    
    .interna-post .post .post-flags{width:100%; margin:4px 0 12px 0;}    
    .interna-post .post .post-data{width:100%; margin:4px 0 12px 0;}    
    .interna-post .post h1{font-size:40px; line-height:46px; letter-spacing:0; margin-left:-2px;}    
    .interna-post .post p{margin-top:-20px;}
    
.chamadablog.interna-blog > h2{width:88%; margin:0 0 0 6%;}


/* CONTACTO */
.chamadabeauty.contacto-localizacao{margin-top:60px;}
.chamadabeauty.contacto-localizacao .textualsecao{width:94%; margin:0 3%; padding-bottom:60px;}

    .chamadabeauty.contacto-localizacao .textualsecao h2{width:88%; margin:60px 0 0 6%;}
    .chamadabeauty.contacto-localizacao .textualsecao p{width:88%; margin:20px 0 0 6%;}
    .chamadabeauty.contacto-localizacao .textualsecao form{width:88%; margin:30px 0 0 6%;}

        .camposform{width:100%; margin:0 0 20px 0;}
        .camposformG{width:100%;}
        .chamadabeauty.contacto-localizacao .textualsecao .btn{margin:25px 0 0 0;}
    
    .chamadabeauty.contacto-localizacao .textualsecao:last-child{width:94%; margin:50px 0 0 3%;}


/* CLUB */
.chamadabeauty.club .textualsecao{width:45%;}

.chamadashop.club .bgquadro-bege{width:53%; left:0;}
    .chamadashop.club figure.graphicbbc{right:0%; width:55%;}    
    
    
/* CLUB */
.chamadabeauty.club{margin-top:60px;}
    .chamadabeauty.club .textualsecao{width:88%;}

.chamadashop.club{margin-top:-20px; padding-bottom:60px;}

    .chamadashop.club .bgquadro-bege{width:70%; height:90%; top:-40px; left:0; opacity:.5; border-radius:0 6px 6px 0}
    .chamadashop.club figure.graphicbbc{top:500px; left:auto; right:5%; width:80%;}

    .chamadashop.club .textualsecao{width:88%;}

        .chamadashop.club .textualsecao h3{width:100%;}
        .chamadashop.club .textualsecao h5{width:100%;}
        .chamadashop.club p{width:100%;}

    .chamadashop.club .imgarticle-left{width:94%;}
        .chamadashop.club .imgarticle-left.img-chamadashop{width:97%; margin-top:-40px; border-radius:0 6px 6px 0}

    .chamadaclub h2{font-size:32px; line-height:34px; width:90%; padding:0 5%;}
    
}



@media screen and (min-width:1001px) and (max-width:1580px){ /* Responsive Desk Menor ------------------------------------------------*/

/* BANNER */
#banner_principal{height:75%;}
    #banner_principal h2.txthero{margin-top:120px;}
    
    
/* CONTEÚDO HOME */
.conteudopaginab{width:100%; padding:0;}
    

    /*Chamada Centro*/
    .textualsecao{width:45%; padding:20px 0% 200px 5%; margin-left:0%;}
    .imgarticle-right{width:50%; right:0%; height:100%; background-color:#EEE; border-radius:6px;}

    /*Chamada Shop*/
    .chamadashop{margin-top:0px;}
    
        figure.graphicbbc{top:-420px; left:80px;}
        figure.graphicbbc img{width:80%}
        .chamadashop .textualsecao{width:45%; padding-right:5%; margin-right:0%;}
        .imgarticle-left{width:50%; left:0%;}
                .imgarticle-left.img-chamadashop{width:50%; margin-top:-220px;}
    
    /*Chamada Beauty*/
    .chamadabeauty{margin-top:20px; padding-bottom:90px;}

        .chamadabeauty .textualsecao{width:45%; padding:0px 5% 100px 5%;}        
        .chamadabeauty .imgarticle-right{width:45%;}
    
    /*Chamada Blog*/
    .chamadablog{padding-bottom:40px; margin-top:-60px;}

        .bgquadro-bege-blog{left:0%;}
        figure.graphicblog{right:0px;}

        .chamadablog .textualsecao{width:90%; padding:20px 5% 60px 5%;}

            .chamadablog .textualsecao h2{margin:120px 0 0 0;}

        .postshome{width:94%; padding:0 3%; margin-top:0;}

            /*POST PADRAO*/
            .post{width:23%; max-width:400px; margin-left:4%;}

            .postshome .post:first-child{width:46%;}
    
    /*Newsletter*/
    #newsletter{width:100%; margin:100px 0 50px 0;}

        #newsletter .textualsecao{width:90%; padding:0 5%;}
        #newsletter .textnews{width:50%;}
            #newsletter p{width:80%;}

        .formnews{width:40%; margin-top:5px; margin-right:0;}
            .formnews .camposform{width:100%;}
            #newsletter .formnews p{width:60%;}
            .formnews .btn{width:35%; margin:20px 0 0 0;}    
    
/* RODAPÉ */
footer#rodape{width:90%; padding:100px 5% 0 5%;}
    
    

/* INTERNA ----------------------------------------------------------------------------------------- */


/* CONTEÚDO CENTRO */
/*Sobre o Centro*/
.chamadaempresa.interna-rosemendes{margin-top:60px;}

    .chamadaempresa.interna-rosemendes figure.graphicbbc{top:20px; left:100px;}
    .chamadaempresa.interna-rosemendes figure.graphicbbc img{width:72%;}

    .interna-rosemendes .imgarticle-right{height:90%;}
        .interna-rosemendes .img-chamadaempresa{height:90%;}
    
/*Disfrute*/
.chamadashop.interna-disfrute{margin-top:-40px;}
    .chamadashop.interna-disfrute .textualsecao{width:45%; padding:0 0 140px 5%;}

/*Experience*/
.chamadabeauty.interna-experience .imgarticle-right{width:50%;}

/*Instalaciones*/
.chamadashop.interna-instalaciones .imgarticle-left{width:50%;}

/*Equipo*/
.chamadabeauty.interna-equipo .textualsecao h5{width:80%;}

.chamadabeauty.interna-equipo .textualsecao.quadroequipo{margin:80px 0 0 -11%; padding:100px 0 100px 0;}

    .chamadabeauty.interna-equipo .textualsecao.quadroequipo h5{width:70%; margin:0 0 0 11%;}
    .chamadabeauty.interna-equipo .textualsecao.quadroequipo p{width:70%; margin:40px 0 0 11%;}

.chamadabeauty.interna-equipo .imgarticle-right{width:50%;}

    
/* TRATAMIENTOS */
/* Listagem Tratamientos */
.chamadaempresa.interna-tratamientos{width:95%; margin:40px 0 0 0; padding:0 0 0 5%;}

    .chamadaempresa.interna-tratamientos .bgquadro-bege{left:0;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc{right:0;}
    .chamadaempresa.interna-tratamientos figure.graphicbbc:last-child{left:0;}

        .interna-tratamientos .textualsecao .infos-tratamiento p{display:none;}
        .interna-tratamientos .infos-tratamiento .horapago{float:left; width:100%;}
        .interna-tratamientos .infos-tratamiento .horapago div{float:left; margin:0 5% 0 -6px;}


/* Troca Tratamientos */
.chamadabeauty.interna-trocapage .bgquadro-bege{margin:50px 5% 0 0;}   

/* Testemunho */
#testemunhos{width:100%; margin:150px 0 0 0;}
    #testemunhos .textualsecao h3{width:30%;}


/* PAG TRATAMIENTOS */
/* Conteudo tratamento */
.chamadaempresa.interna-produto .textualsecao{width:40%; padding:20px 0% 200px 5%; margin-left:0;}
    
/* Vitrine Outros Tratamentos */
.chamadaempresa.interna-vitrineoutros{width:95%; margin:-80px 0 60px 0; padding:0 0 0 5%;}

    
/* BLOG */
/* Listagem Posts */
.chamadablog.interna-blog{margin-top:60px;}

    .interna-blog .bgquadro-bege{width:55%; left:0;}
    .interna-blog .postshome{width:90%; margin-left:0;}


/* POST */
.chamadablog.interna-blog > h2{width:92%; margin:0 0 0 4%;}
    
    
/* CLUB */
.chamadabeauty.club .textualsecao{width:45%;}

.chamadashop.club .bgquadro-bege{width:53%; left:0;}
    .chamadashop.club figure.graphicbbc{right:0%; width:55%;}
    
    
}