html,body,p,div,img,h1,h2,h3,h4,h5,li,ul,ol,dl,dd,dt,form,pagele,td,tr,blockquote,iframe {
  margin:0px; padding:0px; border:0px; border-collapse:separate;   border-spacing:0px; }
* :focus { outline: 0; }
.clear{ width:100%; display:block; clear:both;}

html{
 height:100%;    
 width:100%;
}
body{
 background:#111;
 font-size:100%;   
 width:100%;
 height:100%; 	 
 font-family:"Montserrat";
 font-weight:300;
 overflow-x:hidden;
 padding:0;
 margin:0;
 color:#ccc;
}

.nav-alt{
 display:none;	
}
.row{
 width:100%;	
 overflow:hidden;
 padding:0 !important;
}
a{
 -webkit-transition: color 0.4s ease-out; /* Saf3.2+, Chrome */
 -moz-transition: color 0.4s ease-out; /* Firefox 4+ */
 -ms-transition: color 0.4s ease-out; /* IE10+ */
 -o-transition: color 0.4s ease-out; /* Opera 10.5+ */
 transition: color 0.4s ease-out;   
 text-decoration:none;
 color:#26ff26;
}
a:hover{
 text-decoration:none;	
 color:#fff;
}
.mid{
 max-width:98em;
 margin:0 auto;
 padding:0;   
}
h1{
 font-weight:300;
 font-size:5.1em;
 padding-bottom:.3em;	
}
h2{

 font-weight:300;
 padding-bottom:.3em;	
}
h3{
 font-weight:300;
 padding-bottom:.3em;	
}
p{
 font-size:1.5em;
 line-height:1.5em;
 margin:0 0 1em 0;	
}
#alerta{
 background:#fff;	
 border:1px solid #fff;	
 padding:2em;
 text-align:center;
 display:block;
 color:#000;
 font-size:1.7em;
}


#header-home{
 text-align:center;	
 padding:2em 0;
}
#header-home img{
 margin:2em 0;	
}
#header-home p{ 
 font-size:1.8em;	
 font-weight:300;
 padding:1em 0;
}
#nlang{
 position:absolute;
 right:1em;
 top:1em;	
 text-align:right;
}
#nlang ul li{
 display:inline-block;	 
 margin:.5em 1.5em;
}
#nlang a{
 color:#fff;
 font-size:1.4em;	
}
#home-bots{
 padding:3em 0;	
 margin:3em 0 6em 0;
}
#home-bots a:hover{
	border:2px solid #666;
}
#home-bots a span{ 
 position:absolute;
 width:250px;
 bottom:1.5em;	
 font-size:2em;
 display:block;
}
#hb-loja a{
 width:250px;	
 min-height:344px;
 background:url("../design/sitio-familia-carra.png") no-repeat top center;	
 display:inline-block;	
 color:#fff;
 text-align:center;
 border:1px solid #333;
}
#hb-ecomm a{
 width:250px;	
 min-height:344px;
 background:url("../design/loja-virtual-carra.png") no-repeat top center;	
 display:inline-block;	
 color:#fff;
 text-align:center;
 border:1px solid #333;
}
#hb-ecomm a{
 width:250px;	
 min-height:344px;
 background:url("../design/loja-virtual-carra.png") no-repeat top center;	
 display:inline-block;	
 color:#fff;
 text-align:center;
 border:1px solid #333;
}
#hb-grupo a{
 width:250px;	
 min-height:344px;
 background:url("../design/grupo-carra-home.png") no-repeat top center;	
 display:inline-block;	
 color:#fff;
 text-align:center;
 border:1px solid #333;
}

#home-nav{
 border-top:1px solid #333;	
 border-bottom:1px solid #333;	
}
#home-nav ul{
	
}
#home-nav li{
 display:inline-block;	
 padding:1.8em 2em;
}
#home-nav li a{
 font-size:1.3em;
 color:#ccc;	
 text-transform:uppercase;
}
#home-nav li a:hover{
 color:#fff;	
}
#index-img{
 padding:0;
 margin:0;	
}
#index-img img{
 max-width:100%;	
}
#cont-nav-int{
 position:absolute;
 top:2.8em;
 right:2em;	
}
#home-menu{
  -webkit-appearance:none;	
  background:url('../design/nav.png') no-repeat 95% 1em;	
  border:none;
  font-size:2em;
  padding:1em 1em;	
  border-radius:0;
	line-height:1.5em;
	color:#3d1202;
	z-index:101;
	}
#text-familia ul{
 padding:2em 0;	
 margin:0;
}
#text-familia ul li{
 font-size:1.7em;	
 list-style:square inside;
 margin:0 0 .5em 0;
}
#panache a{
 background:#e1cc95;	
 color:#5e1e14;
 font-size:1.6em;
 font-weight:600;
 padding:.7em;
 display:block;
 text-align:center;
}
#localizacao{
 background:url("../design/contato-familia-carra.jpg") top right no-repeat;	
}	
#rodape{
 background:#000;	
 text-align:center;
 padding:1em 0;
 margin:2em 0 0 0;
}
#rodape span{
 font-size:1.5em;	
}
#fsocial span{
 display:inline-block;	
 margin: 0 .6em  0 0;
}
#fsocial a{
 margin:0 .5em;	
}

#mapa-local{
 padding:2em 0;	
}
#mapa-local h2{
 padding:0 0 1em 0;	
 
}
.endereco{
 padding:2em 1em;
 border:1px solid #333;	
 margin:0 0 3em 0;
 text-align:center;
}
.endereco h2{
 text-transform:uppercase;	
 font-size:2.2em;
}
.endereco a{
 background:#26ff26;	
 color:#000;
 display:inline-block;
 padding:.5em;
 font-weight:600;
}
#text-contato{
 padding:2em 0;	
}
#text-contato h1{
 padding:1em 0;	
}
#form-contato{
 width:100%;	
 padding:2em 0;	
 margin:0;
 display:block; 
}
#form-contato fieldset{
 display:block;
 margin:0;
 padding:0;	
}
#form-contato label{
 font-family:"Montserrat";	
 font-weight:300;	
 display:block;
 font-size:1.4em;	
 padding:.5em 0;
}
.ftxt{
 width:70%;
 background:#000;	
 display:block;
 border:1px solid #fff;
 font-size:1.7em;	
 padding:.5em 0;
}
.farea{
 width:70%;
 height:7em;
 background:#000;	
 display:block;
 border:1px solid #fff;
 font-size:1.7em;	
 padding:.5em 0;
}
.fsub{
 font-size:2em;
 padding:.7em;
 background:#cc0000;
 color:#fff;
 border:none;
 display:block;	
 margin:2em 0;
 text-transform:uppercase;
}

@media (max-width:990px){
.bot{
 float:left;
 margin-top:2em;	
}	
#img-familia img{
 max-width:100%;	
}	
#text-familia{
	max-width:100%;
 padding:0 4em;	
 margin:0;
}
}
@media (max-width:660px){
#header-home{
 padding:0 1em;
 margin:0;	
}
.bot{
 float:none;
 width:250px; 
 margin: 2em auto;	
}	
#home-bots{
 padding:0;	
 margin:0;
}
#fsocial{
 display:block;
 padding:2em 0;	
}
#header-home img{
 margin:6em 0 2em 0;	
}	
#form-contato{
 max-width:90%;	
 padding:2em 5%;
}
#cctxt{
 max-width:100%;	
 padding:1em 5%;	
}
}
@media (max-width:450px){
#home-nav li{
 display:block;	
 border-bottom:1px solid #333;
}	
}