/* CSS Document */



html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#8a0100; /* vinho */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 12px;
	background-image: url(../img/fundo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	} 
	 
	#pagewidthome { 
	position:absolute; /* o objeto passa a ser flutuante */
	width:800px;
	height:600px;
	top:50%; /* Eixo top em 50% da tela */
	left:50%; /* Cima, direita, baixo, esquerda (começa em cima e percorre em sentido horário) */
	margin-top: -300px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -400px;
	 
	} 

	#pagewidth { 
	 width:770px; 
	 text-align:left;  
	 margin-left:auto; 
	 margin-right:auto;  
	} 
	 
	#header{
	 position:relative; 
	 height:90px; 
	 margin-top:20px;
	 text-align:center;
	 width:100%;
	} 
	 
	#leftcol{
	 width:120px; 
	 float:left; 
	 position:relative; 
	  }
 
	#twocols{
	 width:650px; 
	 float:right; 
	 position:relative;
	 
	  }
	 
	#rightcol{
	 width:120px; 
	 float:right; 
	 position:relative; 
	 text-align:right;
	 }
	 
	
	#maincolabertura {
	float: left;
	display:inline;
	position: relative;
	width:510px;
	padding:0 10px 0 10px;
	
	 }
	
	#maincol{
	 background-image:url(../img/sombra.jpg);
	 background-repeat: repeat-y;
	 background-position: left top;
	 background-color:#FFFFFF; /* branco */ 
	 float: left; 
	 display:inline; 
	 position: relative; 
	 width:510px; 
	 padding:0 10px 0 10px;
	 }
	
	#galeria {
	 width:510px;
	 height:200px;
	 overflow-x:scroll;
	 overflow-y:hidden;
	 } 
	 
	/* MENU ABERTURA */
	 #menuabertura {
     padding: 20px 0 20px 0;
	 color:#CCCCCC; /* cinza */
	 text-align:center;
	 }
	 
	 
	 #menuabertura a {
	 color:#CCCCCC; /* cinza */
	 text-decoration: none;
	 }
	 
	 #menuabertura a:hover {
	 color:#FFFFFF; /* branco */
	 text-decoration:underline;
	 }
	
	
	/* MENU PÁGINAS INTERNAS */
	
	 #menu {
     padding: 20px 0 20px 0;
	 color:#990000; /* vinho */
	 text-align:center;
	 }
	 
	 
	 #menu a {
	 color:#990000; /* vinho */
	 text-decoration: none;
	 }
	 
	 #menu a:hover {
	 color:#666666; /* cinza */
	 text-decoration: underline;
	 }
	 
	
	
	#footer{
	 text-align:center;
	 height:10px; 
	 padding-top:10px;
	 clear:both;
	 color:#CCCCCC;
	 font-size: 10px;
	 } 
 
 #footer a{
	 color:#CCCCCC;
	 text-decoration:none;
	 } 
 
 #footer a:hover{
	 color:#ffffff;
	 text-decoration:underline;
	 } 
 
 
  h1 {
	color:#990000; /* vinho */
	font-size: 12px;
	font-weight: bold;
	}
 
  h1 a {
	color:#333333;
	}

  h1 a:hover {
	text-decoration:underline;
	color:#990000;
	}

 
  a {
 	text-decoration:none;
	 }
 
  img {
 	border:0;
 }
 
 /*Float containers fix:*/
 
	.clearfix:after {
	 content: "."; 
	 display: block; 
	height: 0; 
	 clear: both; 
	 }
	 
	.clearfix{display: inline-table;}
	 
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */  
