@charset "utf-8";
/* CSS Document */

/* 
Empresa: Hagile
Cliente: Adroaldo // Tapetes e Carpetes do Mundo
*/

/* CSS RESET */
*{margin:0; padding:0; border:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal;}
:focus {outline:0;}
fieldset,img {border:0;}
img, iframe {border:none; text-decoration:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
ol,ul {list-style:none;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
input, textarea, select, button {font-size:100%; font-family:inherit;}
/* END CSS RESET *

/* CSS BASE */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../img/bgMiddle.jpg) repeat 0% 0%;} 
#all {}
/* END CSS BASE */

/* CSS INDEX */
/* css header */
#header {background:url(../img/bgHeader.png) repeat-x 0% 0%; height:213px;}

.navegacao {height:149px; width:966px; margin:0 auto;}
.navegacao .logo {width:314px; height:76px; margin:73px 0 0 51px; float:left;}

.navegacao .menu {width:432px; height:99px; float:right;}
.navegacao .menu ul {list-style:none;}
.navegacao .menu ul li {float:left; text-transform:uppercase; width:108px; height:99px; font-family:Lucida Sans, Arial, Helvetica, sans-serif;  font-size:13px; font-weight:600;}
.navegacao .menu ul li:hover {color:#FFF; background:url(../img/bgMenu.png) no-repeat 0% 0%; width:108px;}
.navegacao .menu ul li a {color:#333; float:left; padding:76px 0 9px 0;}
.navegacao .menu ul li a.inicio {padding:76px 26px 9px 40px;}
.navegacao .menu ul li a.quemSomos {padding:76px 3px 9px 11px;}
.navegacao .menu ul li a.lojas {padding:76px 26px 9px 42px;}
.navegacao .menu ul li a.produtos {padding:76px 13px 9px 22px}
.navegacao .menu ul li a.contato {padding:76px 18px 9px 25px;}
.navegacao .menu ul li a:hover {color:#FFF;}

.extras {width:966px; height:29px; margin:28px auto 0 auto;}
.extras .estado {float:left; margin:13px 0 0 23px;}
.extras .estado p {font-family:Lucida Sans, Arial, Helvetica, sans-serif}
.extras .estado p span { font-weight:600; text-transform:uppercase}

.extras .redesSociais {margin:0 23px 0 0; float:right;}
.extras .redesSociais ul li {float:left; margin:0 2px 0 0;}
/* end css header */

/* css middle */
#middle {width:966px; min-height:1064px; margin:0 auto 20px auto;}

.galeria {height:310px;}

.boxContent {background:url(../img/bgContent2.png) no-repeat 0% 0% #efedda; min-height:716px; width:940px; margin:0 auto; position:relative; top:20px;}
.boxContent .content {background:#fff repeat 0% 0%; min-height:676px; width:900px; margin:0 auto; position:relative; top:-20px;}
.boxContent .content .box1 {background:url(../img/bgBox1-3.png) no-repeat 0% 0%; height:211px; width:966px; position:relative; right:34px;}
.boxContent .content .box1 .boxInterno {width:268px; height:136px; float:left; margin:21px 0 0 40px;}
.boxContent .content .box1 .boxInterno a {color:#FFF;}
/*.boxContent .content .box1 .boxInterno a.saibaMais { }*/
.boxContent .content .box1 .boxInterno h1 {margin:0 0 17px 0;}
.boxContent .content .box1 .boxInterno h6 {/*color:#FFF; */text-align:justify;}
.boxContent .content .box1 .boxInterno h6.up {text-transform:uppercase; font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-weight:600; float:right; /*margin:10px 0 0 0;*/}

/*.boxContent .content .box1 .boxInterno h6 a.acesseJa {margin:24px 0 0 0;}
.boxContent .content .box1 .boxInterno h6 a.outrasDicas {margin:25px 0 0 0;}*/

.boxContent .content .box2 {height:260px;}
.boxContent .content .box2 .boxInterno { width:284px; height:260px; float:left; margin:0 9px 0 7px;}
.boxContent .content .box2 .boxInterno h1 {margin:0 0 31px 33px;}
.boxContent .content .box2 .boxInterno h6 {color:#fff; font-family:Lucida Sans, Arial, Helvetica, sans-serif; background:#cc1522; width:39px; padding:15px 0 15px 6px; margin:0 0 -23px 18px;}
.boxContent .content .box2 .boxInterno p.data {margin:0 0 0 18px; position:relative; left:57px;; bottom:15px; width:203px;}
.boxContent .content .box2 .boxInterno p.data a {color:#000;}

.boxContent .content .box2 .boxInterno ul {height:128px; width:284px;}
.boxContent .content .box2 .boxInterno ul li {float:left; margin:0px 5px 5px 6px;}
.boxContent .content .box2 .boxInterno p.link {text-transform:uppercase; float:right; font-family:Lucida Sans, Arial, Helvetica, sans-serif; background:#cc1522; margin:29px 5px 0 0; padding:6px;}
.boxContent .content .box2 .boxInterno p.link a {color:#fff;}

.boxContent .content .box2 .boxInterno p a {color:#cc1522;}

.boxContent .content .box3 {height:158px; margin:100px 0 0 0; padding:0 0 20px 0;}
.boxContent .content .box3 ul {height:158px; margin:0 0 0 18px;}
.boxContent .content .box3 ul a li {background:#CCC; width:214px; height:158px; float:left; margin:0 3px 0 0;}
.boxContent .content .box3 ul a li.recife {background:url(../img/recife.png) no-repeat 0% 0%;}
.boxContent .content .box3 ul a li.recife h1 {color:#FFF; font-family:Lucida Sans,Arial,Helvetica,sans-serif; font-size:16px; font-weight:600; margin:115px 0 0 82px; text-transform:uppercase;}
.boxContent .content .box3 ul a li.fortaleza {background:url(../img/fortaleza.png) no-repeat 0% 0%}
.boxContent .content .box3 ul a li.fortaleza h1 {color:#FFF; font-family:Lucida Sans,Arial,Helvetica,sans-serif; font-size:16px; font-weight:600; margin:115px 0 0 45px; text-transform:uppercase;}
.boxContent .content .box3 ul a li.natal {background:url(../img/natal.png) no-repeat 0% 0%}
.boxContent .content .box3 ul a li.natal h1 {color:#FFF; font-family:Lucida Sans,Arial,Helvetica,sans-serif; font-size:16px; font-weight:600; margin:115px 0 0 87px; text-transform:uppercase;}
.boxContent .content .box3 ul a li.joaoPessoa {background:url(../img/joaoPessoa.png) no-repeat 0% 0%}
.boxContent .content .box3 ul a li.joaoPessoa h1 {color:#FFF; font-family:Lucida Sans,Arial,Helvetica,sans-serif; font-size:16px; font-weight:600; margin:115px 0 0 29px; text-transform:uppercase;}
/* end css middle */

/* css footer */
.boxContent #footer {height:40px; width:940px; margin:0 auto;}

.boxContent #footer .assinatura {float:left; margin:10px;}

.boxContent #footer .hagile {float:right; margin:6px 10px;}
/* end css footer */
/* END CSS INDEX */


/* CSS INTERNAS */
/* css quem somos */
.boxContent .content .conteudoInterno {width:900px;}
.boxContent .content .conteudoInterno .contentLeft {width:574px; margin:0 0 0 13px; text-align:justify;}
.boxContent .content .conteudoInterno .contentLeft h1 {color:#333; font-size:600; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:600;}
.boxContent .content .conteudoInterno .contentLeft h2 {color:#454545; font-size:14px; font-style:italic; font-weight:600;}

.boxContent .content .conteudoInterno .boxInterno {width:284px; height:260px; position:absolute; right:0; top:211px;}
.boxContent .content .conteudoInterno .boxInterno h1 {margin:0 0 31px 33px;}
.boxContent .content .conteudoInterno .boxInterno ul.contato {margin:17px 0 17px 0;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li {margin:0 0 3px 0; float:none; color:#333; font-size:15px; font-weight:600;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li span {color:#999;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li.recife span {margin:0 10px 0 87px;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li.fortaleza span {margin:0 10px 0 66px;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li.natal span {margin:0 10px 0 96px;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li.joaoPessoa span {margin:0 10px 0 41px;}
.boxContent .content .conteudoInterno .boxInterno ul.contato li img {position:relative; top:4px;}
.boxContent .content .conteudoInterno .boxInterno p a {color:#cc1522;}
/* end css quem somos */

/* css lojas */
.boxContent .content .conteudoInterno .contentLeft .box3 {margin:0; height:340px;}
.boxContent .content .conteudoInterno .contentLeft .box3 ul {margin:0; height:340px;}
.boxContent .content .conteudoInterno .contentLeft .box3 ul li {margin:0 44px 44px 0;}

.boxContent .content .conteudoInterno .contentLeft .box3 .boxes .window img {float:left; margin:27px 10px 0px 0px;}
.boxContent .content .conteudoInterno .contentLeft .box3 .boxes .window a {background:#cc1522; color:#FFF; text-transform:uppercase; float:right; height:20px; padding:5px 0 0 0; text-align:center; width:59px;}
.boxContent .content .conteudoInterno .contentLeft .box3 .boxes .window h2 {margin:28px 0 5px 0; font-style:normal;}
.boxContent .content .conteudoInterno .contentLeft .box3 .boxes .window p {font-size:13px; text-align:left;}
/* end css lojas */

/* css contato */
.boxContent .content .conteudoInterno .contentLeft form fieldset legend {display:none;}
.boxContent .content .conteudoInterno .contentLeft form fieldset label {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1E2939;}
.boxContent .content .conteudoInterno .contentLeft form fieldset input {padding:2px; margin:0 0 10px 0; width:255px; color:#888; border:1px solid #333;}
.boxContent .content .conteudoInterno .contentLeft form fieldset input.submit {width:55px; margin:0 0 0 206px; background:#333; color:#fff;}
.boxContent .content .conteudoInterno .contentLeft form fieldset textarea {padding:2px; width:255px; color:#666666; margin:0 0 10px 0; border:1px solid #1E2939; height:166px; text-align:left;}
/* end css contato */

/* css novidades */
.boxContent .content .conteudoInterno .contentLeft .novidades {margin:0 0 100px 0;}
.boxContent .content .conteudoInterno .contentLeft .novidades h6 {color:#fff; font-family:Lucida Sans, Arial, Helvetica, sans-serif; background:#cc1522; width:39px; padding:15px 0 15px 6px; margin:0 0 -10px 0;}
.boxContent .content .conteudoInterno .contentLeft .novidades p.data {margin:0; position:relative; left:57px;; bottom:37px; width:517px;}
.boxContent .content .conteudoInterno .contentLeft .novidades p.data a {color:#000;}
/* end css novidades */

/* css cuide do seu tapete */
.boxContent .content .conteudoInterno .contentLeft ul.cuidados {min-height:1585px;}
.boxContent .content .conteudoInterno .contentLeft ul.cuidados li {border-top:1px solid #cc1522; float:left; padding:10px 0 10px 0; width:574px;}
.boxContent .content .conteudoInterno .contentLeft ul.cuidados li .titulo {float:left; width:36%; margin:0 22px 0 0;}
.boxContent .content .conteudoInterno .contentLeft ul.cuidados li .titulo h2 {color:#cc1522; font-size:14px; font-weight:600; font-style:normal;}

.boxContent .content .conteudoInterno .contentLeft ul.cuidados li .conteudo {float:left; width:60%;}
.boxContent .content .conteudoInterno .contentLeft ul.cuidados li .conteudo p.video {color:#cc1522; font-weight:600;}

.boxContent .content .conteudoInterno .vejaTambem {background:#ff0; min-height:200px; width:284px; position:absolute; right:0; top:505px;}
/* end css cuide do seu tapete */

/* css galerias */
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria {height:130px; margin:0 0 185px 0;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li {background:#CCC; width:176px; height:130px; float:left; margin:0 3px 0 0;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li a h1 {color:#FFF; font-family:Lucida Sans, Arial,Helvetica,sans-serif; font-size:15px; font-weight:600;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.raceToMilan {background:url(../img/galeriaRaceToMilan.png) no-repeat 0% 0%;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.lancamentoMiami {background:url(../img/lancamentoMiami.png) no-repeat 0% 0%;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.expo {background:url(../img/expo.png) no-repeat 0% 0%;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.raceToMilan a h1 {margin:79px 58px 0 0; text-transform:uppercase; text-align:right;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.lacamentoMiami a h1 {margin:79px 58px 0 0; text-transform:uppercase; text-align:right;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.expo a h1 {margin:79px 58px 0 0; text-transform:uppercase; text-align:right;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.fortaleza {background:url(../img/galeriaFortaleza.png) no-repeat 0% 0%}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.fortaleza a h1 {margin:96px 0 0 29px; text-transform:uppercase;}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.joaoPessoa {background:url(../img/galeriaJoaoPessoa.png) no-repeat 0% 0%}
.boxContent .content .conteudoInterno .contentLeft ul.opcaoGaleria li.joaoPessoa a h1 {margin:80px 58px 0 0; text-transform:uppercase; text-align:right;}
/* end css galerias */
/* END CSS INTERNAS */