@import url(../css/classes.css);
@import url(../css/propriedades.css); /*Propriedades da página*/
@import url(../css/menuFlow.css);
@import url(../css/solucoes.css);

/*------------------===### ||| Esqueleto|||  ###===------------------*/
#raiz { 
    width:100%; 
	margin:auto 0 auto 0; 
	text-align:center;
}

#skeleton {
	background:url(../images/background-conteudo.jpg) repeat-x #FFF ;
	width:100%; 
	margin:0;
	text-align:left;
	display: table;
	margin-bottom: 25px;
}
#espaco { 
   width:100%; 
   height:15px;
}

/*------------------===### ||| topo |||  ###===------------------*/

#topo-site {
	background-image:url(../images/background-topo.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:85px;
	text-align:center
}
#centraliza-topo {
	width:990px;
	height:auto;
	margin:auto;
	}
#logoBrava {
	width:230px;
	height:60px;
	float:left;
	margin-top:10px;
	}
#menu {
	width:auto;
	margin-top:20px;
	float:right;
}
/*------------------===### ||| breadcrump |||  ###===------------------*/

#map { width:100%; height:20px; !important }
#map #crump {
	width:auto;
	height:15px;
}
#linha {
	background:url(../images/linha-horizontal.jpg) repeat-x #FFF;
	height:5px;
	width:100%;
}

/*                          Página Inicial
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
#campanhas {
   background:url(../images/background-campanha.jpg) center repeat-x;
   width:100%;
   height:167px;
}
#campanhas #banners { padding-top: 6px;}

#conteudo-home {
	margin:0 auto auto auto;
	height:100%;
	width:980px;
}

/*------------------===### ||| Boxes Centrais|||  ###===------------------*/

#boxesCentrais {
	width:660px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
}

#boxesCentraisInternas {
	width:100%;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
}

#box-cases { width:100%; height:245px; background:url(../images/background-box-cases-new.jpg) no-repeat; }
#tituloCases { font-size:25px; color:#000; width:600px; line-height:50px; margin-left:10px;}
#box-cases #cases { margin:32px auto auto 30px; width:600px; height:160px; }
#box-cases h2 { font-size:30px; color:#069; float:left;  width:420px; margin:-10px auto auto 30px;} /* Nome da Marca */
#box-cases h3 { font-size:14px;color:#272727; height:auto;float:left;width:430px;margin:5px auto auto 30px;} /* descricao */
#box-cases h4 {font-size:10px;color:#000;float:left;width:420px;text-align:left; margin:8px auto auto 30px;font-family: Verdana, Helvetica, sans-serif;} /* download */
#box-cases #logos   { width:130px; height:130px; text-align:center; float:left; }
/*----*/

#box-solucoes { width:99%; height:auto; margin:10px auto auto 10px;}
#tituloSolucoes{ font-size:25px; color:#000; width:100%;}
#box-solucoes h2 { font-size:16px; color:#373737; margin-top:10px;}
#box-solucoes li { float:left; margin-right:2px; }

#box-solucoesInterna { width:99%; height:auto; margin:10px auto auto 0;}

#titulosAreas{ font-size:25px; color:#000; width:100%;}
/*----*/

#box-demo {width:330px; height:auto; float:left;}
#tituloDemo{ font-size:23px; color:#000; width:100%;}
#box-demo h2 { font-size:15px; color:#373737; margin-top:10px;}
#box-demo li { list-style-type: none; margin-top:10px;}
/*----*/

#box-ecm { width:310px;height:auto; float:right; }
#tituloEcm{ font-size:23px; color:#000; width:100%;}
#box-ecm h2 { font-size:15px; color:#373737; margin-top:10px;
}

/*------------------===### ||| Boxes Laterais|||  ###===------------------*/

#boxexLaterais   {
	width:300px;
	height:auto;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}

#box-hotsites    { width:300px; height:auto;}
#box-hotsites h1 { font-size:22px; color:#000; height:10px;}
#box-hotsites h2 { font-size:20px; color:#993300; height:15px; margin:5px auto auto auto;}
#box-hotsites h3 { font-size:12px;color:#202020;}
/*----*/

#box-twitter{ background:url(../images/background-box-twitter.jpg) center  no-repeat; width:300px; height:218px; margin-top:20px;}
#box-twitter #centraTwitts {margin:10px; overflow:hidden; position:absolute; font-size:11px; height:205px ; !important}
#box-twitter #centraTwitts h1, h2, h3, p, li {font-size:12px}

/*------------------===### ||| textos secundarias ||| ###===------------------*/

#internas {
	width:660px;
	}

/*------------------===### ||| Rodapé ||| ###===------------------*/
	
#box-rodape {
   width:100%;
   margin:20px auto 0 auto;
   height:auto;
   float:left;
}
#centraliza-rodape {
	width:990px;
	margin:auto auto 0 auto;
}
#centraliza-rodape p { list-style-type:none; width:300px; margin-top:5px;}

#conteudo-rodape  { width:auto; height:100px; float:left; text-align:left; margin-top:10px;}
#conteudo-rodape li {list-style-type:none; float:left; margin-left:10px;}

#conteudo-rodape-right  { width:auto; height:100px; float:right; text-align:right; margin-top:10px;}
#conteudo-rodape-right li {list-style-type:none; float:right; margin-left:10px;}