@charset "iso-8859-2";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Tahoma;
	font-size:12px;
	color:#6F6F6F;
	background-color:#CFCFCF;	
}
.clear{
	clear:both;
}
a {
	text-decoration:none;
	color:#333;
}
a img{
	border:none;
}
#wrapper{
	max-width:1000px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border:1px #666666 solid;
}
/**************************HEADER*********************************/
#header{
	min-height:175px;
	background-color:#FFF;
	margin-bottom:10px;
	position:relative;
}
#logo{
	float:left;
	margin-top:30px;
	margin-left:50px;
	margin-bottom:10px;
	width:285px;
	height:100px;
	background:url(img/logo_festaTemplaria.png) no-repeat;
	cursor:pointer;
}
#ordem_templo{
	float:right;
	margin-top:0px;
	margin-right:10px;
	width:120px;
	height:65px;
	background:url(img/logo_ordemTemplo.png) no-repeat;
	cursor:pointer;
}
#ordem_templo:hover{
	opacity:0.6;
}
#header_nav{
	float:right;
	margin:0;
	padding:0;
	margin-top:0px;
	margin-right:10px;
	/*width:460px;*/
	height:24px;
	background-color:#686868;
}
#header_nav a{
	float:left;
	padding:0;
	margin:0;
	margin-top:3px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
#header_nav a:hover{
	text-decoration:underline;
}
#HN1L{
	float:left;
	display:block;
	width:61px;
	height:24px;
	background:url(img/HN1L.png) no-repeat;
}
.HMMiddle{
	float:left;
	display:block;
	width:53px;
	height:24px;
	background:url(img/HMMiddle.png) no-repeat;
}
#HN1R{
	float:left;
	display:block;
	width:58px;
	height:24px;
	background:url(img/HN1R.png) no-repeat;
}
#barraHeader{
	height:40px;
	width:100%;
	background-color:#BA3D39;
}
/**************************\HEADER*********************************/
#festaT{
	margin-top:5px;
	min-height:500px;
	width:100%;
}
#festaTL{	
	float:left;
	max-width:645px;
	width:100%;
}
#festaTL #wrraper2{
	padding-top:3px;
	background-color:#878787;
	height:442px;
}
#festaTR{
	float:right;
	width:100%;
	max-width:330px;
	height:445px;
	max-height:445px;
	/*margin-left:15px;*/
	margin-bottom:70px;
}
#imgDestaque{
	position:relative;
	max-width:600px;
	height:372px;
	margin:auto;
	margin-top:5px;
}
/****************************DESTAQUES******************************/
#right{
	background-color:#D0D0D0;
	padding:0;
	margin:0;
	float:right;
	width:100%;
	height:445px;
	max-height:445px;
}
#nav_news{
	max-width:280px;
	/*margin-top:10px;*/
	margin:auto;
}
#nav_news h2{
	text-align:center;
	color:#000;
}
#nav_news h2 a{
	color:#000;
}
/****************************\DESTAQUES******************************/
.sumario {
	float:left;
	margin-top:2px;
	padding:0;
	width:100%;
}
.sumario .icon {
	max-width:30px;
	width:100%;
	float:left;
}
.sumario .resumo {
	float:right;
	width:100%;
	max-width:220px;
}
.sumario .resumo p {
	margin:0;
	padding:0;
}
#scrollL a {
	color:#595959;
	font-size:14px;
	font-weight:bold;
}
#scrollL img {
	float:left;
	margin:0;
	padding:0;
	border:0;
}
#redesSociais{
	position:relative;
	top:15px;
	background-color:#FFF;
	width:280px;
	margin-top:20px;
	margin:auto;
}
#redesSociais a:hover{
	opacity: 0.5;
}
/**************************************************************************************/
#navigationFestaTemplaria{
	position:absolute;	
	bottom:-30px;
	width:96%;
	left:2%;
	margin:auto;
}
#navigationFestaTemplaria2{
	max-width:630px;
	margin-top:18px;
	margin-left:auto;
	margin-right:auto;
}
#navigationFestaTemplaria2 a,
#navigationFestaTemplaria a{
	color:#FFF;
}
#navigationFestaTemplaria .navLeft, 
#navigationFestaTemplaria .navRight{
	height:50px;
	background-image:url("img/transperantPNG.png");
}
#navigationFestaTemplaria2 .navLeft,
#navigationFestaTemplaria .navLeft{
	float:left;
	font-size:14px;
}
#navigationFestaTemplaria2 .navRight,
#navigationFestaTemplaria .navRight{
	float:right;
	font-size:14px;
}
.navRight a span,
.navLeft a span{
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	vertical-align:middle;
	height:35px;
}
.navRight a:hover span,
.navLeft a:hover span{
	color:#000;
	background-color:#FFF;
}
#navigationFestaTemplaria3{
	margin-top:15px;
	/*display:inline-block;*/
	width:100%;
}
#navigationFestaTemplaria3 a span{
	background-color:#878787;
	color:#FFF;
	text-align:center;
	display:block;
	float:left;
	width:19.38%;
	border-right: 2px #FFFFFF solid;
	border-left: 2px #FFFFFF solid;
	padding-top:10px;
	padding-bottom:10px;
}
#navigationFestaTemplaria3 a:hover span{
	color:#000;
	background-color:#FFF;
}
#eam{
	margin-top:20px;
}
#eamWrapper{
	width:910px;
	margin-left:35px;
}
#eamLeft{
	float:left;
	width:175px;
}
/*****************************************************************************************/
#organizacao{
	margin-top:30px;
	padding:20px;
	background-color:#888888;
}
#organizacao h2{
	float:left;
	padding:0;
	margin:0;
	margin-left:20px;
	color:#FFF;
	margin-right:20px;
}
#organizacao img{
	float:left;
	display:block;
	margin-right:20px;
}
#organizacao a:hover{
	opacity:0.5;
}

#apoios{
	margin-top:10px;
	padding:20px;
}
#apoios h2{
	float:left;
	padding:0;
	margin:0;
	margin-left:20px;
	color:#000;
	margin-right:20px;
}
#apoios img{
	float:left;
	display:block;
	margin-top:20px;
	margin-left:20px;
}
#barrafooter{
	margin-top:20px;
	height:40px;
	width:100%;
	background-color:#BA3D39;
}
#barrafooter #footer{
	margin-left:20px;
	padding-top:8px;
	color:#FFF;
	font-size:16px;
	/*font-weight:bold;*/
}
#barrafooter #footer a{
	margin-left:10px;
	margin-right:10px;
	color:#FFF;
}
#barrafooter #footer a:hover{
	text-decoration:underline;
}
#content{
	float:left;
	max-width:550px;
	width:100%;
	margin-left:80px;
	min-height:480px;
	line-height:1.8em;
}
#content a:hover{
	text-decoration:underline;
}
#content img{
	/*max-height: 100%;*/
	max-width: 90%;
	height: auto;
}
#contentFull{
	margin-left:80px;
	/*padding-right:20px;*/
	min-height:480px;
	line-height:1.8em;
}
#contentFull h2,#content h2{
	color:#808080;
}
#content_events{
	float:left;
	max-width:565px;
	width:565px;
	margin-left:80px;
	min-height:480px;
	line-height:1.8em;
}
#content_events h2 a{
	color:#808080;
}
#content_events h2 a:hover{
	text-decoration:underline;
}
#detalhe a{
	color:#000;
}
#detalhe a:hover{
	text-decoration:underline;
}
#lng{
	display:block;
	float:right;
	font-size:12px;
	width:50px;
	margin-top:13px;
	margin-right:20px;
	color:#FFF;
}
#lng a:link, #lng a:visited{
	color:#FFF;
	font-weight:bold;
}
#bar_container{
	height:auto;
	/*max-width:960px;
	margin:4px auto;*/
}
/*select#selectFesta {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#BA3D39, #BA3D39 40%, #BA3D39);
   background-color: #BA3D39;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
   padding-right:10px;
}*/
/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#festa select {
   border: 0;
   color: #EEE;
   background: transparent;
   /*font-size: 16px;*/
   font-weight: bold;
   padding: 2px 10px;
   width: 208px;
   *width: 190px;
   *background: #BA3D39;
   -webkit-appearance: none;
}

#festa {
   overflow:hidden;
   width:190px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
  /* box-shadow: 1px 1px 10px #333333;*/
   background: #BA3D39 url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 159px center;
   /*float:left;*/
   float:right;
   position:absolute;
   right:15px;
   bottom:68px;
   /*margin-right:20px;*/
   /*margin-top:53px;
   margin-left:15px;*/
}
#festa2{
	position:absolute;
	bottom:48px;
	margin-left:150px;
	right:0px;
}
#festa2 a{
	color:#BA3D39;
	margin-right:10px;
	border:1px #BA3D39 solid;
	font-weight:bold;
	padding:8px;
}
#festa2 a:hover,
#festa2 .active{
	background-color:#BA3D39;
	color:#FFF;
}
.link:hover{
	opacity:0.8;
}
.link2:hover{
	opacity:0.6;
}