/* CSS do Site: www.artinilemos.com.br */

body {
	background-color   : #ffffff;
	background-image   : url(../imagens/background.jpg);
	background-position: top;
	background-repeat  : repeat-x;
	margin             : 0;
	padding            : 0;
	border             : none;
	text-align         : center;
	font-family        : Arial, Verdana, Helvetica, sans-serif;
	font-size          : 11px;
	color              : #000000;
}

#tudo {
	background-image   : url(../imagens/background_conteudo.jpg);
	background-position: top;
	background-repeat  : repeat-x;
	width              : 800px;     
	margin             : 0 auto;
	text-align         : left;
	border             : 1px solid #25a6ca;
}

.limpar {
	clear: both;
}

#topo {
	height             : 121px;
	background-image   : url(../imagens/topo.jpg);
	background-repeat  : no-repeat;
	background-position: left;
}

#menu {
	height             : 28px;
	background-image   : url(../imagens/menu_bg.jpg);
	background-repeat  : no-repeat;
	background-position: left;
	overflow           : auto;
	font-size          : 15px;
	font-weight        : bold;
}

	#menu ul {
		list-style-type: none;
		margin         : 0;
		line-height    : 28px;
		text-align     : center;
	}
	
	#menu li {
		display   : inline;
		text-align: center;
		padding   : 0 80px 80px 0;
	}
	
	#menu li a {
		color          : #16408a;
		text-decoration: none;
	}
	
	#menu li a:hover {
		color: #4c7aca;
	}

#conteudo {
	margin: 5px;	
}

#principal {
	width  : 539px;
	float  : left;
	padding: 5px;
}

	#principal p {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size  : 11px;
		color      : #16408a;
		margin-top : 5px;
	}

	#principal a {
		font-family    : Arial, Verdana, Helvetica, sans-serif;
		font-size      : 11px;
		color          : #16408a;
		margin-top     : 5px;
		text-decoration: none;
	}
	
	#principal a:hover {
		text-decoration: underline;
	}

	#principal h1 {
		font-size  : 25px;
		font-weight: bold;
		color      : #ffffff;
		margin     : 0;
		padding    : 0;
	}
	
	#principal h2 {
		font-size  : 16px;
		font-weight: bold;
		color      : #16408a;
		margin     : 0;
		padding    : 0;
	}

	#principal h3 {
		font-size  : 12px;
		font-weight: bold;
		color      : #16408a;
	}

	#principal ul {
		list-style-type: circle;
		text-align     : left;
		color          : #16408a;
	}
	
	.listaN2 {
		list-style-position: inside;
		list-style-type    : disc;
	}

#principalCol1 {
	width: 260px;
	float: left;
}

#principalCol2 {
	width: 260px;
	float: right;
}

.figuraHome {
	clear           : left;
	float           : left;
	margin          : 0 5px 5px 0;
	border          : 1px solid #16408a;
	background-color: #ffffff;
	padding         : 2px;
}

.figuraPortfolio {
	clear  : left;
	float  : left;
	margin : 0 5px 5px 0;
	padding: 0px;
	border : 1px solid #16408a;
}

.divLinha {
	border-bottom: 1px solid #25a6ca;
	margin: 10px 0 10px 0;
}

#auxiliar {
	width  : 221px;
	float  : right;
	padding: 5px;
}

#contatoTopo {
	height             : 12px;
	background-image   : url(../imagens/contato_topo.gif);
	background-repeat  : no-repeat;
	background-position: bottom;
	width              : 221px;
}

#contatoConteudo {
	background-image : url(../imagens/contato_meio.gif);
	background-repeat: repeat-y;
	width            : 221px;
	padding          : 5px;
}

	#contatoConteudo p {
		margin: 2px;
		color : #ffffff;
	}
	
	#contatoConteudo h1 {
		font-size  : 25px;
		font-weight: bold;
		color      : #ffffff;
		margin     : 0; 
	}

	#contatoConteudo form {
		margin : 0;
		padding: 0;
	}

	#contatoConteudo input, textarea {
		background-color: #52b8d5;
		border          : 1px solid #ffffff;
		font-family     : Arial, Verdana, Helvetica, sans-serif;
		font-size       : 11px;
	}
	
	#contatoConteudo submit {
		background-color: #52b8d5;
		border          : 1px ridge #ffffff;
		font-family     : Arial, Verdana, Helvetica, sans-serif;
		font-size       : 11px;
		color           : #ffffff;
	}

#contatoBaixo {
	height             : 12px;
	background-image   : url(../imagens/contato_baixo.gif);
	background-repeat  : no-repeat;
	background-position: top;
	width              : 221px;
}

#siteTopo {
	height             : 12px;
	background-image   : url(../imagens/sites_topo.gif);
	background-repeat  : no-repeat;
	background-position: bottom;
	width              : 221px;
}

#siteConteudo {
	background-image   : url(../imagens/sites_meio.gif);
	background-repeat  : repeat-y;
	width              : 221px;
	padding            : 5px;
}

	#siteConteudo p {
		margin: 2px;
	}
	
	#siteConteudo h1 {
		font-size  : 25px;
		font-weight: bold;
		color      : #ffffff;
		margin     : 0; 
	}
	
	#siteConteudo h2 {
		font-size  : 15px;
		font-weight: bold;
		color      : #ffffff;
		margin     : 10px 0 5px 0; 
	}
	
	#siteConteudo a {
		color          : #ffffff;
		font-size      : 11px;
		text-decoration: none;
	}
	
	#siteConteudo a:hover {
		text-decoration: underline;
	}

#siteBaixo {
	height             : 12px;
	background-image   : url(../imagens/sites_baixo.gif);
	background-repeat  : no-repeat;
	background-position: top;
	width              : 221px;
}

#rodape {
	margin     : 5px;
	height     : 30px;
	line-height: 30px;
	bottom     : 0;
	text-align : center;
}

	#rodape p {
		margin     : 0;
		font-weight: bold;
		font-size  : 15px;
		color      : #16408a;
	}

.msgok, .msgerro {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	width      : 200px;
}

.msgerro {
	border-top      : #891635 solid 1px;
	border-right    : #891635 solid 1px;
	border-bottom   : #891635 solid 1px;
	border-left     : #891635 solid 1px;
	background-color: #a44756;
	color           : #ffffff;
}

.msgok {
	border-top      : #006600 solid 1px;
	border-right    : #006600 solid 1px;
	border-bottom   : #006600 solid 1px;
	border-left     : #006600 solid 1px;
	background-color: #00CC66;
	color           : #000000;
}