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


html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-color: #000;	
width: 100%; 
height: 100%; 

}
#tudo {
	position: relative; 
background-color: #000;
	min-height: 100%; 
}



#bg {
	width: 100%; 
	max-width:100%;
	height:auto;
	padding-bottom: 0px;
	position: absolute;
} 

#bg2 {
	width: 100%; 
	max-width:100%;
	height:auto;
	bottom: 0px;
	padding-bottom: 0px;
	position: relative;
	margin:20% 0 0 0;
		
} 


.bgwidth { width: 100%; }
.bgheight { height: 100%; }


#content {
	width:100%;
	position:absolute;
	z-index:1;
}

#titulo {
	top:30px;
	left: 50%;
			max-width:100%;
	/*	margin:-12% 0 0 0;*/
		position: absolute;
	width: 520px;
	height:57px;
	margin-left:-260px;
	/*float:left;
	margin-left:5%;
	margin-right:5%;*/
		}




#agenda {
	/*top:356px;*/
	top: 45%;
	position: absolute;
	width: 43%;
	height:auto;
	float:left;
	left:12%;	/*	padding-left:30%;*/

		}



.agenda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	/*font-size: 0.813em;*/
	line-height: 20px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width:39px;
	text-transform: uppercase;	
	margin-bottom:22px;
	margin-top:4px;
	margin-left:-1%;
	}			
		
.mes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	text-decoration: none;
	text-align: center;
	width:39px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 4px;
	margin-top:10px;
	margin-left: 3%;
		}		
.data {
	background-image: url(ag.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;	
	line-height: 23px;
	color: #FFF;
	text-decoration: none;
	width:39px;
	height:30px;
	text-align: center;
	float:left;	
	font-weight: 500;
	margin-left: 3%;
	margin-bottom: 10px;
}

.cidade {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCC;
	text-decoration: none;
	text-align: left;
	padding-left:54px;
	margin-top:-13px;
	margin-left: 3%;
	font-weight: 600;
	}	

.local {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #878787;
	text-decoration: none;
	text-align: left;
	padding-left:54px;
	margin-top:5px;
	margin-bottom:30px;
	font-weight: 100;
	margin-left: 3%;
	}	

.fundo {
	margin-left:-3%;
	background-image: url(../imgs/transp.png);
	background-repeat: no-repeat;
	width: 298px;
	height: 61px;
	float: left;
	z-index: -9999;
	padding-bottom: 10px;
	
}

#fundo1, #fundo2, #fundo3, #fundo4, #fundo5, #fundo6, #fundo7, #fundo8 {
	margin-left:-3%;
	background-image: url(../imgs/transp.png);
	background-repeat: no-repeat;
	width: 298px;
	height: 61px;
	float: left;
	z-index: -9999;
	padding-bottom: 10px;
	
}

#fundo1:a, #fundo2:a, #fundo3:a, #fundo4:a, #fundo5:a .cidade .mes{
 text-decoration:none; 
      	}	
			
				
				
			
#fundo1:hover .cidade .mes{
 text-decoration:none; 
     
        	}			
#fundo2:hover .cidade .mes{
 text-decoration:none; 
     
        	}			

#fundo3:hover .cidade .mes{
 text-decoration:none; 

     
        	}	
			
#fundo4:hover .cidade .mes{
 text-decoration:none; 
     
        	}	
			
#fundo5:hover .cidade .mes{
 text-decoration:none; 
     
        	}					
#fundo1:visited .local{
 text-decoration:underline; 
        color: #CCC; 
        cursor: pointer; 
		}		
				
#fundo1:hover .local{
 text-decoration:underline; 
        color: #a08a4d; 
        cursor: pointer; 
		}	
		
#fundo2:hover .local{
 text-decoration:underline; 
        color: #a08a4d; 
        cursor: pointer; 
		}		
		
#fundo3:hover .local{
 text-decoration:underline; 
        color: #a08a4d; 
        cursor: pointer; 
		}			
		
#fundo4:hover .local{
 text-decoration:underline; 
        color: #a08a4d; 
        cursor: pointer; 
		}		
		
#fundo5:hover .local{
 text-decoration:underline; 
        color: #a08a4d; 
        cursor: pointer; 
		}				

		






.clear{
	clear:both;
	float: none;
}


/* Desktops and laptops ----------- */
@media screen and (min-width : 1200px) {
#agenda {
	/*top:356px;*/
	top: 45%;
	position: absolute;
	width: 43%;
	height:auto;
	float:left;
	left:12%;	/*	padding-left:30%;*/

		}
		
		
}



/* iPad Portrait */
@media screen and (device-width:768px) and (orientation:portrait) {

	#agenda {
	/*top:356px;*/
	top: 25%;
	position: absolute;
	width: 43%;
	height:auto;
	float:left;
	left:12%;	/*	padding-left:30%;*/

		}
		#fundo1 .local, #fundo2 .local, #fundo3 .local, #fundo4 .local, #fundo5 .local{
 text-decoration:underline; 
      	}	
}
	/* iPad Landscape */	
	@media only screen and (max-device-width: 1024px) and (orientation:landscape){
	#agenda {
	/*top:356px;*/
	top: 45%;
	position: absolute;
	width: 43%;
	height:auto;
	float:left;
	left:12%;	/*	padding-left:30%;*/
		}
		
		#fundo1 .local , #fundo2 .local, #fundo3 .local, #fundo4 .local, #fundo5 .local{
 text-decoration:underline; 
 
      	}	
}
/* iPhone Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)and (orientation:portrait) {
#agenda {
	/*top:356px;*/
	top: 25%;
	position: absolute;
	width: 43%;
	height:auto;
	float:left;
	left:32%;	/*	padding-left:30%;*/

		}
	
}







#entrada {
	width:23%;
	height:auto;
	top:90%;
	left:70%;
	position: fixed;
	z-index:5;
	float: right;
	text-align: center;
	
}
.site {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}
.entrar {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	color: #a08a4d;
	text-decoration: none;
	letter-spacing: 4px;
}