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

#abertura{
width:600px;
height:800px;
margin-top:50px;
}

body{
background-image:url(../layout/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-color: #FFFFFF;
font-family:"Trebuchet MS";
font-size:12px;
text-align:left;
margin:0 auto;
}

#tudo{
background-color:#EEEEEE;
width:800px;
height:100%;
display:table;
}

#topo{
width:800px;
height:270px;
}

#conteudo{
border:#CBCBCB solid 1px;
width:740px;
_height:340px;
background-color:#FFFFFF;
margin-left:30px;
display:table;
}

#conteudo-produtos{
border:#CBCBCB solid 1px;
width:740px;
background-color:#FFFFFF;
margin-left:30px;
display:table;
}

#left{
width:475px;
height:100%;
float:left;
}

#right-menu{
width:250px;
height:340px;
float:right;
background-image:url(../layout/sombra.gif);
background-position:left;
background-repeat:no-repeat;
}

#menu-base{
border:#CBCBCB solid 1px;
width:740px;
height:70px;
background-color:#FFFFFF;
margin-left:30px;
margin-top:15px;
}

#rodape{
background-image:url(../layout/rodape.gif);
width:800px;
height:71px;
clear:both;
}

#float-dicas{
width:405px;
float:right;
margin-right:15px;
}

#box-franquias{
float:right;
margin-right:45px;
margin-top:45px;
margin-bottom:20px;
}

#box-franquias-textos{
float:left;
width:400px;
}

#box-franquias-textos-left{
float:left;
width:280px;
}
/*///////////// CLASSES TEXTOS /////////////*/

p{
color:#666666;
text-align:left;
margin-left:15px;
clear:both;
padding-top:0px;
margin-right:10px;
}

.pdicas{
color:#666666;
text-align:left;
margin-left:15px;
padding-top:0px;
float:right;
}

.textos{
width:240px;
height:200px;
float:right;
margin-top:0px;
}

.historico{
margin-left:30px;
}

.textos-2{
text-align:left;
}

.saiba-mais{
color:#FFFFFF;
width:50px;
float:right;
font-size:10px;
padding-top:0px;
margin-right:20px;
padding-left:3px;
padding-right:3px;
background-color:#999999;
}

h2{
font-size:16px;
color:#394962;
text-align:center;
}

h3{
color:#999999;
clear:both;
text-align:center;
font-size:14px;
}

h3.aces{
border-bottom:#CCCCCC 1px solid;
padding-bottom:15px;
margin-right:15px;
margin-left:15px;
}


h4{
text-align:left;
font-size:12px;
color:#999999;
}

h5{
font-size:16px;
color:#394962;
text-align:left;
margin-left:15px;
}

h5.sub{
font-size:22px;
border-top:#CCCCCC 1px solid;
padding-top:15px;
margin-right:15px;
}

h6{
color:#999999;
text-align:center;
font-size:12px;
margin-top: -10px;		
}

.contato{
text-align:center;
}

.base-menu{
margin-top:17px;
text-align:center;
color: #FF9999;
}

.franquias{
font-size:14px;
color: #666666;
}

.float{
float:left;
}

/*///////////// CLASSES IMAGENS /////////////*/

.galeria{
margin:5px;
border:none;
}

#foto-dicas{
width:280px;
float:left;
margin-left:15px;
margin-bottom:15px;
margin-right:0px;
}

.foto-destaque{
float:left;
}

.foto-destaque-fachada{
float:left;
margin-top:35px;
margin-left:30px;
margin-bottom:15px;
}


.produto-destaque{
text-align:center;
margin-top:15px;
margin-left:15px;
margin-bottom:15px;

}

.chamada{
margin-left:50px;
margin-top:25px;
}

.chamada-produtos{
float:left;
margin-top:10px;
margin-left:10px;
}

.left{
float:left;
margin-left:15px;
margin-top:35px;
}

.produtos{
margin:10px;
}

.onde{
margin-top:15px;
}

.bem-vindo{
float:left;
margin-left:20px;
margin-bottom:10px;
}

.chamadas-franquias{
float:left;
margin-left:10px;
margin-top:45px;
margin-bottom:30px;
}

.chamadas-franquias-right{
float:right;
margin-right:10px;
margin-top:45px;
margin-bottom:30px;
}

.chamadas-franquias-centro{
margin-left:15px;
margin-top:15px;
margin-bottom:15px;
}
/*///////////// CLASSES LINKS & LISTAS /////////////*/

a{
color:#666666;
text-decoration:none;
}

a.saiba{
color:#FFFFFF;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a.saiba:hover{
text-decoration:underline;
}

ul{
margin-top:20px;
}

li{
color:#666666;
text-align:left;
list-style:url(../layout/flor.gif);
margin-left:10px;
margin-right:15px;
text-align:justify;
}

/*///////////// CLASSES DIV'S /////////////*/

#box-produtos{
width:740px;
height:100%;
display:table;
border-bottom:#CCCCCC solid 1px;
}

.box-img{
width:210px;
height:210px;
float:left;
margin-left:15px;
margin-top:25px;
margin-bottom:25px;
}

.textos-2{
width:500px;
height:100%;
float:left;
}

.textos-franquias{
width:440px;
height:100%;
float:left;
}

/*///////// FORMULÁRIO //////////*/

fieldset{
border:0;
margin-top:60px;
padding:0;
text-align:left;
}

label{
display:block;
font-size:12px;
text-align:left;
}

input.text,textarea{
font:12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}

input.submit{
margin-top:3px;
padding:1px 5px;
font:bold 12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color: #394962;
border:1px solid #394962;
background:#f4f4f4;
}

.error{
font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#CC0000;
}
#cForm input.text, #cForm textarea{
width:250px;
}

/******************************
CONTATO
******************************/
#form1 {
  float: left;
  font-size: 13px;
  width: 350px;
}

#form1 fieldset {
  margin-bottom: 10px;
  margin-top: 20px;
  width: 400px;
}

#form1 legend {
  color: #000;
  font-weight: bold;
  padding-left: 20px;
}

#form1 fieldset ol {
  width: 400px;
}

#form1 fieldset li {
  list-style: none;
  padding: 5px;
}

#form1 label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  width: 130px;
}

#form1 fieldset li input{
  background: url(../layout/bg-input.gif) repeat-x;
  border: 1px solid #ccc;
  height: 20px;
  padding-top: 3px;
  width: 250px;
}
#form1 fieldset li textarea{
  background: url(../layout/bg-input.gif) repeat-x;
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 100px;
  width: 250px;
}

#form1 em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

#form1 label.campo {
  width: 85px; /* Width of labels */
}

#form1 .submit{
  padding:1px 5px;
  font:bold 12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
  float: left;
  margin-left: 145px;
  color: #394962;
  border:1px solid #394962;
  background:#f4f4f4;
}

div.error{
  background: url(../layout/cancel.gif) no-repeat scroll left;
  clear: both;
  color: #990000;
  font-size: 11px;
  height: 16px;
  margin: 3px 0px 0px 90px;
  padding-left: 20px;
  width: 120px;
}

#output{
  float: left;
  margin-left: 145px;
}

#message{
  background: url(../layout/enviada.gif) no-repeat 0% 100%;
  padding-left: 40px;
  padding-top: 10px;
}