/*ABC LAN - Estilos*/

*{margin: 0; padding: 0; outline: none;}

img{border: none;}

.left{float:left;}
.right{float:right;}

body{
background: #fafafa;
color: #666;
font: 12px "Arial","Tahoma", sans-serif;
text-align: left;
}

p{line-height: 20px;}


div#casca{
background: url("../img/meio.jpg") left bottom repeat-y;
height: 100%;
margin: 0 auto;
width: 761px;
}

/*TOPO*/

div.mensagem1{ font-size: 9px; letter-spacing: 1px; padding: 10px; margin: 20px 350px; width: 155px; position: absolute;}
div.mensagem1 p{color: #ff9900;}


div#topo{
background: url("../img/topo_bg.jpg") center top no-repeat;
height: 177px;
}

h1.logo{background: url("../img/logo.gif") right center no-repeat; padding: 10px 10px; height: 80px; width: 259px; text-indent: -2500px;} 

ul#menu{list-style: none; margin: 25px 130px;}
ul#menu a{font-size: 13px; color: #999999; text-decoration: none;}
ul#menu a:hover{color: #333; border-bottom: 3px solid #ff9900;}
ul#menu a.atual{color: #666; border-bottom: 3px solid #999;}
ul#menu li{display: inline; padding: 8px;}


div#chamada{
text-align: center;
height: 145px;
padding-left: 3px;
z-index: 0;
}

/*MEIO*/

div#meio{
background: url("../img/meio.jpg") left bottom no-repeat;
padding: 10px;
min-height: 350px;
/*IE 6,7*/
*height: 450px;
}


div#meio p.prc{
margin: 30px;
text-align: justify;
}

div#meio p.prc a{
color: #ff9900;
}

div#meio p.fale{
margin: 30px;
}

ul.ema{
list-style-image: url("../img/arr.gif");
list-style-position: inside;
float: left; 
height: 250px; 
width: 200px; 
margin: 0 0 0 30px;}

ul.ema li{margin-top: 5px;}

ul.ema li a{color: #ff9900; font-weight: bold; text-decoration: none;}

.imagem_tema{margin-left: 50px;}

div#mapa{margin: 0 50px 0 30px; height: 250px; float: right; *margin: 0 20px 0 20px; position: relative; width:430px;}

/*Conteúdo e textos*/
.sj,.ns,.pd,.lc{text-indent: -1500px; height: 25px;}

h2.sj{background: url("../img/sbv.jpg") no-repeat; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc;}
h2.ns{background: url("../img/nsv.jpg") no-repeat; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc;}
h2.pd{background: url("../img/prd.jpg") no-repeat; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc;}
h2.lc{background: url("../img/lcl.jpg") no-repeat; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc;}

/*Rodapé*/

div#rodape{
background: url("../img/foot.jpg") left bottom no-repeat;
height: 111px;
clear: both;
}

div.foot{margin: 0 auto; position: relative; padding: 30px 10px; width: 450px;}
div.foot a{color: #666; font-weight: bold;}
div.foot b{color: #ff9900;}
/*Classes*/

div#box1{ 
float: left;
margin: 20px 0 0 20px;
width: 350px;
text-align: justify;
/*IE 6,7*/
*margin: 10px 0 0 10px;
}

div#box2{ 
float: right;
margin: 10px 10px 0 0;
width: 350px;
text-align: justify;
/*IE 6,7*/
*position: absolute;
}

div#box1 a, div#box2 a{
color: #ff9900; 
height: 15px;
font-weight: bold; 
text-decoration: none; 
float: right;
margin: 5px;
*margin: 5px;
}

div.mini11{
padding-bottom: 5px;
}

div.mini11 p, div.mini12 p{margin-right: 2px;/*IE 6,7*/*margin-right: 2px;}

div.mini21{
margin-top: 129px;
}

div.mini12{
height: 100px;
padding-top: 10px;
/*IE 6,7*/
*padding-top: 0;
}

div.mini22{
margin-top: 110px;
padding-top: 10px;
height: 219px;
/*IE 6,7*/
*margin-top: 134px;
*padding-top: 10px;
}

div.marcas{height: 180px; margin: 30px 30px 30px 30px;}

div.marcas ul.distribui, div.marcas ul.revenda{
list-style-position: inside; 
float: left;
position: relative;
list-style-image: url("../img/arr.gif");
padding: 20px 10px 10px 3px;
width: 300px;
}

ul.distribui{background: url("../img/distribuimos.jpg") no-repeat;}
ul.revenda{background: url("../img/revendemos.jpg") no-repeat;}


div.marcas ul.distribui2, div.marcas ul.revenda2{
list-style-position: inside; 
float: left;
position: relative;
list-style-image: url("../img/arr.gif");
padding: 20px 10px 10px 3px;
}

ul.distribui2{background: url("../img/distribuimos.jpg") no-repeat;margin-left: 200px; *margin-left: 110px;}
ul.revenda2{background: url("../img/revendemos.jpg") no-repeat;}


div.marcas ul li{ 
margin: 5px 5px 5px 0;
}

div.marcas a{font-size: 13px; color: #ff9900; text-decoration: none;}