body { padding:0; font-family: sans-serif, Sans, Arial, Helvetica;
	
	margin:0px auto auto auto; color:#404040; font-size:12px;
	text-align: center;
	background: url(../img/bkg3.jpg) no-repeat top left fixed; 
}

html {
        background: url(../img/bkg3.jpg) no-repeat top left fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

h1 a, h1 {color: #FFFFFF; font-size: 30px;  text-decoration: none;  }



a img { border: 0px;}

#main_container { width: 100%; height: auto; text-align: left;  margin: auto;}

#nav { float: left; width: 100%; height: 210px; margin: 10px 0 0 0; background: url(../img/logo.png) no-repeat top left; }



#menu { float: left; width: 900px; height: 60px; margin: 149px 0 0 60px;  }

#menu ul { float: left; width: 900px; height: 30px; margin: 10px 0 0 0; list-style: none; }

#menu ul li { float: left; width: 128px; height: 50px; margin: 0 0 0 0; padding: 0; background: url(../img/menu_item.png) no-repeat top left; }

#menu ul li a, #menu ul li a:visited { font-family: sans-serif, Sans, Arial, Helvetica; float: left; text-shadow: 0px 1px 0px #FFFFFF; color: #737373; font-size: 13px; text-decoration: none; padding: 19px 0 0 28px;   }

#menu ul li a:hover { color: #00ACCA;  }

#menu ul li:hover { background-position:0 -50px; }

#content { float: left; width: 980px; height: auto; margin: 0px 0 0 30px; padding: 5px 5px 45px 5px; text-align: left; background: #0093B3; border-radius: 10px;
	opacity: 0.95;
}

#artcont { float: left; padding: 0; margin: 0 30px 0 0;   height: auto; color: #FFFFFF;  }

#artcont.mini { width: 680px; }


#artcont.normal { width: 100%;}

#artcont .ardigo_div { float: left; width: 100%; height: auto; margin: 0px 0 15px 10px;  font-size: 13px; color: #FFFFFF; 	opacity: 1;
	/* For IE 5-7 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/ }

#artcont .ardigo_div h1 { width: 800px; height: 60px;  margin: -13px 0 5px 0;  }

#artcont .ardigo_div h1 a { font-size: 24px; }

#artcont .ardigo_div h1 { font-size: 24px; float: left; width: 950px; height: 38px; padding: 25px 0 0 50px;
 background: url(../img/tl.png) no-repeat top left;}

.blogdiv {float: left; width: 100%; }

#Area_artigos { float: left; width: 100%; height: auto; margin-bottom: 40px;}

#notas { float: right; margin: 0 10px 0 10px; padding: 0; width: 250px; height: auto;  border-radius: 15px; 
			background: #1F1F1F ; }

#notas .blogdiv { float: left; margin: 5px 10px; width: 230px; height: auto; color: #FFFFFF; text-align: center; }

#notas .blogdiv h1 { float: left; margin: 0 0 5px 0; padding: 0; font-size: 16px; width: 100%;   }

#notas .blogdiv h1 a { color: #FFFFFF;  margin:0; padding: 0; font-size: 20px;  }

#contact_div {float: left; }

#map_container { float: right;}

#logo_electro { float: right; width: 100%; height: auto; margin: 10px 0 0 0; padding: 0px 0 10px 0; text-align: center;
	background:  url(../img/bk_cont.png) repeat top left ;}
	
	
/* Galerias de imagem inicio */

.boxgrid{
	width: 150px;
	height: 250px;
	margin:5px;
	float:left;
	overflow: hidden;
	position: relative; 
}

.boxgrid h3 {color: #FFFFFF; margin: 5px 10px 15px 5px; font-size: 10px;} 

.boxgrid p {color: #FFFFFF; margin: 5px 10px 0 5px;}


.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }

.captionfull .boxcaption {
 	top: 220px;
 	left: 0;
 }

.caption .boxcaption {
 	top: 350;
 	left: 0;
 }

.boxcaption p { font-size: 10px; }

.boxcaption a {color: #BAD801; font-weight: bold; text-decoration: none;  }

.boxcaption a:hover {color: #DCFF00; font-weight: bold; text-decoration: none; }
 
/* Galerias de imagem fim */

#logo_electro img {  margin: 0; padding: 0;}

.elelogo { float: right; width: auto; height: 32px; padding: 0; margin: 10px 5px 0 0; text-align: center;  background:  url(../img/bk_cont.png) repeat top left ;  }


#footer {position: fixed; bottom: 5px; float: left; margin: 80px 0 0 0; padding: 0; width: 100%; height: 30px; background: #0097B4; color: #ffffff; border-top: 1px solid #99DCFF; }

#horaf { float:  left; margin: 5px 0 0 0; padding: 0; width: 100%; text-align: center; font-size: 16px;}

.post-info { float: left; display: none; } 


#condicoes { float: left; margin: 10px; padding: 0; width: 450px; height: auto; text-align: justify; }

#condicoes .blogdiv h1, #condicoes .blogdiv h1 a{ font-size: 16px; background: none; margin: 0; padding: 0;}

#btcondi{ 	margin: 30px 0 0 0;

border:1px solid #AEAEAE; background:#E6E6E6;
	color: #666666; text-decoration: none; font-weight: bold;
	
	padding: 8px 16px;	

}	

#btcondi:hover {
	color: #444444;
	background:#F3F3F3;

}