/*------------------------------------------------------------------
CSS by: GreenBrazil.com
Version: beta
Author: Fel!pe Cardoso 
Author URL: www.greenbrazil.com
Preserve a natureza, ajude fazendo a sua parte!
-------------------------------------------------------------------*/


* { margin:0; padding:0;} 
body { font-size:100%;background:#000;font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;}
img {border:0;}
.clear { clear:both;}
a {text-decoration:none;}
.left-indices {float:left; margin:2px 6px 0 0;}
ul{list-style:none;}
img{border:0;}

#content {position:relative;margin: 0 auto 0; }
#contentContainer {width:100%;}
#contentContainer .loading {text-indent:-9999px;width:40px;height:40px;background:transparent url('../js/loading.gif') top left no-repeat;margin:35px auto 0;}
#site_center {text-align:center; height:800px; background: url('../img/bgpg1.jpg') top center no-repeat; position:relative; z-index:0; }
#site_center-int {text-align:center; min-height:850px!important; background: url('../img/bgpg1int.jpg') top center no-repeat; }
#loading{text-align:left;visibility: hidden; padding-top:4px; position: absolute; z-index:10001; width:40px; height:35px; background:url('loading.gif') 50% 5px no-repeat; right:15px; top:15px;}

#main {width:960px; margin:0 auto 0;}

/* Logo
----------------------------------------------- */

h1.logo {margin:50px 0 0 0;left:50px; float:left;background: url('../img/Occam.png') top left no-repeat;display:block;width:264px; height:158px; position: fixed; z-index:5;}
h1.logo a {width:264px; height:165px; display:block; text-indent:-9999px;}

h1.home	{ margin-left:40px; float:left;}
h1.home	{  width:42px; height: 27px;}
h1.home a { display: block; overflow: hidden; width:42px; height: 27px;  display:block; text-indent:-9999px;background: url(../img/bt-home.png); cursor:pointer;}
h1.home a:hover { display: block; overflow: hidden; width:42px; height: 27px;  display:block; text-indent:-9999px;background: url(../img/bt-home2.png); }

/*h1.logo-rodape	{ margin:20px auto 0 !important; margin-top: 0px;}
h1.logo-rodape	{  width:131px; height: 62px;}
h1.logo-rodape a { display: block;  overflow: hidden; width:131px; height: 62px; display:block; text-indent:-9999px;background: url(../img/blank.gif); }
.logo-rodape {padding:0; margin:0 auto 0; width:131px; height: 62px;clear:both;background:url(../img/scipioni-rodape.png) top left no-repeat; }
*/
/* cabecalho
----------------------------------------------- */
#cabecalho { width:960px; height:158px; margin:0; padding:0; position: absolute; z-index:2;}
.cabecalho-contdireita { width:655px; height:202px; float:left;}

#cabecalho-int { width:976px; height:205px; margin:0; padding:0;}
.cabecalho-contdireita-int { width:655px; height:202px; float:left;}

/*=--menu topnav--=*/
#main-topmenu {width:100%; margin:0 auto 0;position: fixed; top: 0;overflow:hidden; z-index:99;background: url(../img/bgmenutop.png) repeat-x; border-bottom: 1px solid #000; top:0; height:60px;}
.menuplayer {width:960px; height:60px; margin:0 auto 0;}
.menutopnav { width:640px; height:60px; margin:0 0 0 90px; text-align:center; float:left; }

	#nav {float:left; position:relative; top:0;margin:0 auto 0; padding: 0; z-index:10;}
	#nav li { display: inline; list-style-type: none;cursor:pointer; }
	#nav li {float: left; line-height: 16px; font-weight: bold; padding: 25px 8px 15px 8px; text-decoration: none; font:bold 18px Arial, Helvetica, sans-serif; color:#f4dbdb; background:none; margin-left:2px;}
	#nav li:hover {color: #fff;	background: url(../img/bgmenu.png) top left no-repeat;}
	#nav li:visited.active, #nav li:link.active {background-color: #fff; color: #FF6A00;}

.mp3player { width:150px; height:50px; margin:6px 0 5px; float:left; }
	
/*#stylefour{ height:46px;font:bold 12px Arial, Helvetica, sans-serif; color:#ccc;margin:0 0 0 10px; text-transform:uppercase}
#stylefour ul{margin:0 auto;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block; margin:0;float:left; }
#stylefour ul li a{display:block; float:left;color:#000;text-decoration:none;padding:5px 7px 2px 7px;height:30px; color:#ccc;}
#stylefour ul li a:hover,#stylefour ul li a.current{color: #F00;background:#222 url(../img/bgON.gif) no-repeat top right;}*/

/*=--menu topnav int--=*/
.menutopnav-int { width:645px; height:30px; margin:92px auto 6px;}

h2.colecao	{  width:501px; height:61px;margin:0 auto 0;}
h2.colecao a { display: block; overflow: hidden; width:501px; height:61px; display:block; text-indent:-9999px;background: url(../img/OccamInverno2009.gif) top left no-repeat; }
h2.colecao a:hover { display: block; overflow: hidden; width:501px; height:61px; display:block; text-indent:-9999px;background: url(../img/OccamInverno2009on.gif);  }

h2.colecao-int	{  width:501px; height:61px;margin:0 auto 0;}
h2.colecao-int a { display: block; overflow: hidden; width:501px; height:61px; display:block; text-indent:-9999px;background: url(../img/OccamInverno2009.gif) top left no-repeat; }
h2.colecao-int a:hover { display: block; overflow: hidden; width:501px; height:61px; display:block; text-indent:-9999px;background: url(../img/OccamInverno2009on.gif) top left no-repeat; }
.colecao {padding:0; margin:52px 0 0 76px; width:501px; height:61px; clear:both;background:url(../img/blank.gif); float:left; }
.colecao-int {padding:0; margin:22px auto 0; width:960px; height:61px; clear:both;background:url(../img/blank.gif); }

/*conteudo
----------------------------------------------- */
#conteudo {width:960px; line-height:1.166em;padding:120px 0 8px 0;}
.flashcapa {width:960px; height:375px; margin-top:0;}

/*=--col area menu--=
.col-menu {width:265px; float:left;}

.menu-area {width:215px; margin:0 auto 0;}
.menu-cont-area {width:215px; margin:10px auto 0;}*/

/*=--miolo conteudo--=*/
.col-conteudo {width:100%; text-align: center; /*background:url(../img/bg-destcapa.jpg) center top no-repeat;*/ margin-top:12px; }
.col-conteudo-esq {width:450px; float:left;padding:60px 0 0 0; margin:0;}
.col-conteudo-dir {width:510px; float:left;padding:0; margin:0;}

.titulo-principal {width:460px; margin:0;height:auto; }
h2.titulo-principal {  width:460px; padding:42px 0 0 0; margin:0; font-size:60px;font-size-adjust:none; font-stretch:normal;font-style:normal; font-weight:bold;line-height:80px; color:#685c5c; text-align:left;}

	.area-txt {width:430px; margin:5px 0 0 0; font-size:16px; color:#f4dbdb; line-height:1.3em; text-align:justify; clear:both; }
	.area-txt p {padding:10px 0 10px;}
	.area-txt a {color:#fff; text-decoration:none; font-weight:bold;}
	.area-txt a:hover {color:#e07474; text-decoration:none;}
	.area-txt span { font-style:italic; font-size:18px;}
	.area-txt img.preview {padding:4px; background:#FFF; border:1px solid #444; float:left; margin:0 10px 5px 0;}
	.area-txt img.ilust {padding:4px; background:#FFF; border:1px solid #444;  margin:0 0 6px 0;}
	
.bgsep1 { width:270px; height:2px; margin:4px 0 0; padding:0;font-size:0em; background: url(../img/bgsep1.png) repeat-x; }	

.topo-pg {display:none;}
.topo {width:58px; height:15px; background: none;font-size:14px; font-style:italic; color:#111; text-align:center; margin:25px auto 0;display:none;}
.topo a {text-decoration:underline; color:#222; display:block; padding:2px; margin:0 auto 0;}
.topo a:hover {text-decoration:underline; background:#ecbda9; color:#000;}

#bg-baseareatxt { background:#3a040a  url(../img/bg_baseareatxt.gif) top center no-repeat; height:127px;}

/*form
----------------------------------------------- */
.form-contato fieldset {border: none;}
.form-contato label {display: block;width: 430px;padding: 5px 0;text-align: right;}
.form-contato label input, .form-contato label textarea {padding: 4px;width: 250px;background: #DEE2E2;	vertical-align: middle;	border: 2px solid #333;}
.form-contato label textarea{vertical-align: top; width: 250px;height: 200px;}
.form-contato .botaoenviar {float: right;margin: 10px 10px 0 0; padding:5px;color:#fff; background:#840000;border:none; font: 16px Arial, Helvetica, Verdana, sans-serif; font-weight:bold; cursor:pointer;}
 
/*rodape
----------------------------------------------- */
#footer_wrap {  position: fixed; bottom: 0; height: 40px; width: 100%; background: #000; border-top: 1px solid #333; z-index: 99;}

#rodape {font:normal 12px Arial, Helvetica, Verdana, sans-serif; line-height:1.166em; color:#000; height:50px; }

#rodape .areatxt {width:830px;padding:0 0 25px; margin:0 auto 0; font-size:14px; color:#ccc; text-align:center; line-height:1.166em;}
#rodape .areatxt {padding:2px 0 2px;}
#rodape .areatxt a {color:#000; text-decoration:underline;}
#rodape .endereco { width:460px; height: 32px; margin:10px auto 0; color:#CCC;}
#rodape .endereco a	{ color:#CCC;}
#rodape .endereco a:hover	{ color:#fff; text-decoration:none;}

.greenbr{ width:90%;height:45px; padding:2px; margin:0 auto 20px; color:#666;}
.greenbr p{ text-align:center; text-indent:10px;font-size: 11px; margin:0; }
.greenbr a{color:#666; text-decoration: none;}
.greenbr a:hover{color: #fff; text-decoration:underline;}