/* CSS Document */

/* 

ÓTICA PERONA - BH/MG

Design: Guilherme Barbosa
Implementação (tableless): Lucas Gustavo

www.oddweb.com.br


*/


body{
margin:0;
padding:0;
text-align:center; /* hack para o IE */	
}
 
#estrutura{
width:770px;
height:448px;
margin:0 auto;			
padding: 10px;
text-align:left; /* "remédio" para o hack do IE */

}

.menu{
width:215px;
height:447px;
float:left;
background:url("images/images/layout_01.gif");
} 

.menu a{
font-family:Verdana;
font-size:12px;
color:#FFF;
float:right;
text-decoration:none;
margin-top:172px;
margin-bottom:-156px;
margin-right:30px;
clear:both;
}


.menu a:hover{
font-family:Verdana;
font-size:12px;
color:#FFF;
float:right;
text-decoration:none;
margin-top:172px;
margin-bottom:-156px;
margin-right:35px;
clear:both;
}


#atendimento_domiciliar{
margin-top:305px;
*margin-bottom:20px;
border-style:none;
margin-left:20px;
*margin-left:-10px;
}

#atendimento_domiciliar img{
border-style:none;
}

#atendimento_domiciliar a{
border-style:none;
margin-top:0px;
_margin-right:15px;
*margin-right:20px;
margin-bottom:20px;
}


.menu select{
margin-top:3px;
margin-left:35px;
}


#conteudo{
width:545px;
height:448px;
float:left;
background:url("images/images/layout_02.gif")
}


.corpo{
padding:30px;
margin-top:-10px;
_margin-top:-25px;
}


.corpo h1{
font-family:Verdana;
font-size:14px;
color:#434343;
margin-bottom:15px;
}

.corpo h2{
font-family:Verdana;
font-size:12px;
color:#434343;
margin-bottom:10px;
}

.corpo span{
font-family:Verdana;
font-size:12px;
color:#434343;
}


.corpo a{
font-family:Verdana;
font-size:12px;
color:#000;
text-decoration:none;
}

.corpo a:hover{
font-family:Verdana;
font-size:12px;
color:#000;
text-decoration:underline;
}


.banner{
width:500px;
height:120px;
margin-top:25px;
margin-left:15px;
border:1px solid #FFA90D;
}


#direitos span{
font-family:Verdana;
font-size:10px;
color:#FFF;
}

#direitos{
margin-top:400px;
_margin-top:-55px;
_margin-right:75px;
margin-left:330px;
*margin-right:150px;
position:absolute;
_position:absolute;
*position:relative;
float:right;
}

#varilux img{
margin-top:392px;
*margin-top:-75px;
_margin-top:-65px;
margin-left:-110px;
_margin-left:645px;
_margin-right:60px;
position:absolute;
border-style:none;
width:60px;
height:31px;
}



.convenio{
font-family:Verdana;
font-size:12px;
color:#FFF;
margin-left:60px;
}

.lojas{
margin-right:12px;
margin-top:-12px;
_margin-top:-550px;
_margin-left:6px;
_margin-bottom:-150px;
_position:absolute;
}

.lojas a{
font-family:Verdana;
font-size:12px;
color:#FFF;
margin-right:40px;
margin-top:-12px;
_margin-top:-12px;
_margin-right:12px;
_margin-bottom:-150px;
_width:150px;
}


.lojas a:hover{
text-decoration:underline;
margin-top:-12px;
margin-right:40px;
_margin-top:-12px;
_margin-right:12px;
_margin-bottom:-150px;
_width:150px;
}

.marcas{
margin-top:-15px;
*margin-top:-10px;
margin-bottom:10px;
*margin-bottom:0px;
margin-right:8px;
*position:relative;
}

.marcas img{
width:100px;
height:60px;
}