/* ==========================================================

Resetting Again by Eric Meyer


http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/


==========================================================*/

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

				
				
				/*************************************
				**************************************
				M2 Digital
				http://www.m2digital.com.br
				contato@m2digital.com.br
				http://http://www.m2digital.com.br/css/defaut.css
				**************************************
				*************************************/

				/*************************************
				**************************************
				Criado por: M2 Digital
				http://www.m2digital.com.br
				contato@m2digital.com.br
				**************************************
				*************************************/
/************************************
		BODY
************************************/
body{
background: #CCE7FF url(http://www.m2digital.com.br/imagens/bg-site.jpg) top center repeat-x;
color: #222;
font-family: "LucidaGrande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/***********************************
		Header
***********************************/
div#header{
text-align: center;
margin: 0 auto;
width: 974px;
height: 240px;
background: url(http://www.m2digital.com.br/imagens/header.png) top center no-repeat;
}
img.logo{
float: left;
}

/***********************************
		Menu
***********************************/
ul#menu{
position: relative;
width: 264px;
height: 60px;
background: url(http://www.m2digital.com.br/imagens/menu.png) top left no-repeat;
float: right;
}
ul#menu ul{
margin: 0;
padding: 0;
list-style: none;
}
ul#menu li{
position: absolute;
top: 0;
height: 60px;
text-indent: -9999em;
}
ul#menu li a, ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited{
 display:block;
text-decoration:none;
width:100%;
height:100%;
top:0;
}
li#contato{
width: 132px;
left: 0px;
}
li#servicos{
width: 132px;
left: 132px;
}
li#contato a:hover{
background: url(http://www.m2digital.com.br/imagens/menu.png) 0 -60px no-repeat;
border: none;
}
li#servicos a:hover{
background: url(http://www.m2digital.com.br/imagens/menu.png) -132px -60px no-repeat;
border: none;

}
/***********************************
		Menu
***********************************/
div#container{
width: 980px;
margin: 0 auto;
text-align: center;
padding: 0 0 30px 0;
}
div#content{
width: 950px;
text-align: center;
margin: 0 auto;
}
a{
color:#07D;
text-decoration: none;
}
a:hover{
text-decoration: underline;
color: #F60;
}

h1.png_bg{
text-indent: -9999em;
height: 110px;
margin: 0 auto;
text-align: center;
}
h1.trabalhando{
background: url(http://www.m2digital.com.br/imagens/titulo-home2.png) bottom center no-repeat;
}		

div.apresentacao p{
font-size: 1.8em;
line-height: 140%;
padding: 0 30px;
text-align: left;
}
div.destaque{ 
width: 300px;
float: left;
padding: 0 13px;
}
/***********************************
		Rodape
***********************************/
div#footer{
margin: 0 auto;
text-align: center;
background: url(../imagens/footer.jpg) bottom center repeat-x;
clear: both;
}
p.copyright{
font-size: 0.8em;
padding-bottom: 10px;
color: #742;
}
div.servicos{
width: 980px;
margin: 0 auto;
text-align: center;
}
div.destaque{
height: 240px;
background: url(../imagens/h2-destaque.png) top center no-repeat;
}
div.servicos p{
text-align: left;
padding: 20px;
line-height: 120%
}
h2.subtitulo{
padding: 20px 0 8px 0;
text-align: left;
text-indent: 20px;
line-height: 120%;
color: #FFF;
font-size:1.1em;
}
ul#menu-rodape{
width: 980px;
height: 70px;
background: url(../imagens/menu-rodape.png) top center no-repeat;
margin: 0 auto;
padding: 30px 0 0 0;
text-align: center;
clear: both;
}
ul#menu-rodape li{
display: inline;
padding: 0 10px;
}
ul#menu-rodape li a{
color:#F30;
font-size:0.9em;
text-decoration: none;
}
ul#menu-rodape li a:hover{
color: #07D;
text-decoration: underline;
}