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

body{
	background: #373435 url(images/topo.png) no-repeat top;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*color:#CCC;*/
	color:#666666;
	}
a:link, a:visited, a:active {
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #999;
}

ol, ul {
list-style: none;
padding:0px;
}
img{ border:0px; }

#geral{
	position:relative;
	width:940px;
	height:100%;
	margin: 0 auto;
	}

#topo{
	width:100%;
	height:350px;
	/*height:305px;*/
	}
	
#topo_frase{
	position:absolute;
	width:420px;
	left: 440px;
	top: 210px;
	font-size:18px;
	text-shadow: 2px 2px black;
	color:#CCCCCC;
	}

/*--menu-----------------------------------------*/
#menu ul {
	position:absolute;
	padding:0px;
	margin:0px;
	float: left;
	/*width: 100%;*/
    width: 590px;
	/*background-color:#373435;*/
	list-style:none;
	font-size:14px;
	right: 0px;
	/*top: 256px;*/
	top: 302px;
	z-index:2;
}
#menu ul li { 
	display: inline; 
}
#menu ul li a {
    /*padding: 15px 10px;*/
    padding: 15px 18px;
	margin-left:0px;
    float:left;
    /* visual do link */
    /*background-color:#373435;*/
    color: #CCC;
    text-decoration: none;
    /*border-bottom:3px solid #BDBFC1;*/
    border-top:3px solid #BDBFC1;
}
#menu ul li a:hover {
	padding-top:35px;
	padding-bottom:5px;
    /*background-color:#D6D6D6;*/
    background-color:#FFCC00;
    color: #333;
    /*border-bottom:3px solid #000;*/
    border-top:3px solid #000;
	/*border-radius:10px 10px 0 0;*/
	border-radius: 0 0 10px 10px;
}
/*-----------------------------------------------*/

#conteudo{
	position:relative;
	width:860px;
	height:100%;
	background-color:#F4F4F4;
	float:left;
	display:table;
	z-index:1;
	/*padding: 0 0 20px 0;*/
	padding: 10px 40px 20px 40px;
	}
.sub_conteudo{
	/*position:absolute;*/
	width:408px;
	/*padding: 0 20px 0 20px;*/
	/*padding: 0 30px 0 30px;*/
	text-align:justify;
	float:left;
	}
.separador-horizontal{
	background: url(images/separador-cinza.png) repeat-x top;
	width:100%;
	height:20px;
	float:left;
	display:table;
	}
.separador-vertical{
	background: url(images/separador-amarelo.png) repeat-y top;
	width:40px;
	float:left;
	}
.direita{
	right:0px;
	}
	
/*-----------------------------------------------*/

#rodape{
	position:relative;
	font: 11px arial, sans-serif;
	/*width:840px;*/
	width:900px;
	height:80px;
	color:#CCC;
	/*padding-left: 50px;
	padding-right: 50px;
	padding-top:10px;*/
	padding: 5px 20px 0 20px;

	/*opacity:.6;*/
	background-color: #000;
	float:left;
	}


/*--menu_rodape----------------------------------*/
#menu_rodape ul {
	/*position:absolute;*/
	padding:0px;
	margin:0px;
	float: left;
    width: 410px;
	list-style:none;
	font-size:10px;
	top: 10px;
}
#menu_rodape ul li { 
	display: inline; 
}
#menu_rodape ul li a {
    /*padding: 10px 10px;*/
	padding-right:20px;
	margin-top:15px;
	margin-left:0px;
    float:left;
    color: #CCC;
    text-decoration: none;
}
#menu_rodape ul li a:hover {
    color: #FFCC00;
    border-top:1px solid #000;
	border-radius: 0 0 10px 10px;
}
/*-----------------------------------------------*/

#cartoes{
	position:absolute;
	right: 20px;
	top: 18px;
 	}
	
#logo_filosophia{
	position:absolute;
	right: 20px;
	/*top: 75px;*/
	bottom: 10px;
 	}

/*-----------------------------------------------*/

.produto{
	/*width:130px;*/
	width:140px;
	float:left;
	text-align:center;
	border-radius: 10px;/*BORDA ARREDONDADA*/
	background-color:#E1E1E1;
	margin:5px;
	padding:10px;
	list-style-type: none;
	}

#formulario{
	width:470px;
	height:100%;
	float:left;
	}
#endereco{
	width:220px;
	float:right;
	margin-right:50px;
	border-radius:10px;
	background-color:#E1E1E1;
	padding: 20px 40px 20px 40px;
	}

#direitos{
	position:absolute;
	right: 20px;
	/*top: 20px;*/
	margin-top:15px;
 	}