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


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	border: 0;
	}
fieldset, img { 
	border: 0;
	}
ol, ul {
	list-style: none;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}

body {
	font-family: Helvetica, Arial, sans-serif;
	background: #999 url(../imgs/bg_repeat.png);
}

#page-wrap {
	background: url(../imgs/bg2.jpg) center top no-repeat;
	height: 1500px;
}
#container {
	width: 950px; margin: 0 auto; padding: 80px 0 0 0px; 
}
#info {
	width: 700px;
	height: 300px;
	margin: 0 auto;
	font-size: 0.8em;
	color: #CCC;
	margin-top: 55px;
	font-weight:normal;
	}
#infotext {
	width: 430px;
	float: left;
	}
#dropcap {
	line-height: 1.3em;
	}
#dropcap a {
	font-variant:small-caps;
	color:#CCC;
	text-decoration: underline;
	}
#dropcap a:hover {
	color: #ff3399;
	}
#contato {
	width: 200px;
	float: right;
	text-align: left;
	}
#contato input {
	margin-bottom: 5px;
	margin-top: 5px;
	background-color:#CCC;
	border: none;
	font-size: 1.0em;
	}
#contato textarea {
	margin-top: 5px;
	margin-bottom: 9px;
	background-color:#CCC;
	border: none;
	font-size: 1.0em;
	}
#contato label {
	font-size: 1.0em;
	}
.close {
	position: relative;
	left: 358px;
	top: -26px;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	height: 34px;
	display: block;
	}
.close a {
	text-indent: -9999px;
	display: block;
	background-image:url(../imgs/bt_subir.png);
	width: 25px;
	height: 25px;
	}
#subir {
	float: right;
	background-color:#000;
	width: 50px;
	height: 20px;
	margin-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#subir a {
	display: block;
	text-decoration: none;
	background-color:#000;
	padding-left: 15px;
	padding-top: 4px;
	color: #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: url(../imgs/bg_bt_topo.png);
	}
#subir a:hover {
	display: block;
	color: #ff3399;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}


#header {
	margin: 0 0 40px 0;
	height: 150px;
}

#header h1 a {
	display: block; 
	width: 472px; 
	height: 102px;
	color: #999; 
	margin: 0 0 20px 0;
	background: url(../imgs/sergioarantes.jpg) no-repeat; 
	text-indent: -9999px;
	float: left;
}
#header h2 a {
	display: block; 
	width: 159px; 
	height: 93px;
	background: url(../imgs/contato.png) no-repeat; 
	text-indent: -9999px;
	float: right;
	margin-top: 5px;
	margin-right: 40px;
}
#header h2 a:hover {
	display: block; 
	width: 159px; 
	height: 93px;
	background: url(../imgs/contato_hover.png) no-repeat; 
}

#portfolio {
	margin: 0 0 40px 0;
}
#webdesign h2 {
		width: 951px; 
		height: 36px; 
		margin: 0 0 10px 0;
		background: url(../imgs/webdesign.png) no-repeat; 
		text-indent: -9999px;
}
#webdesign ul {
		list-style: none;
		margin-left: 10px;
		
}
#webdesign ul li {
		float: left; 
		padding: 7px 7px 3px 7px; 
		margin: 20px 20px 10px 20px;
		background: url(../imgs/img_bg.png);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
#illustration {
	margin-top: 60px;
}
#illustration h2 {
		width: 950px; 
		height: 36px; 
		margin: 0 0 10px 0;
		background: url(../imgs/illustration.jpg) no-repeat; 
		text-indent: -9999px;
}
#illustration ul {
		list-style: none;
		margin-left: 10px;
		
		
}
#illustration ul li {
		float: left; 
		padding: 7px 7px 3px 7px; 
		margin: 20px 20px 10px 20px;
		background: url(../imgs/img_bg.png);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
#logo {
	margin-top: 60px;
	margin-bottom: 70px;
}

#logo h2 {
		width: 950px; 
		height: 36px; 
		margin: 0 0 10px 0;
		background: url(../imgs/logodesign.png) no-repeat; 
		text-indent: -9999px;
}
#logo ul {
		list-style: none;
		margin-left: 10px;
		
}
#logo ul li {
		float: left; 
		padding: 7px 7px 3px 7px; 
		margin: 20px 20px 10px 20px;
		background: url(../imgs/img_bg.png);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
#photo {
	margin-top: 60px;
	margin-bottom: 70px;
}

#photo h2 {
		width: 950px; 
		height: 36px; 
		margin: 0 0 10px 0;
		background: url(../imgs/photo.png) no-repeat; 
		text-indent: -9999px;
}
#photo ul {
		list-style: none;
		margin-left: 10px;
		
}
#photo ul li {
		float: left; 
		padding: 7px 7px 3px 7px; 
		margin: 20px 20px 10px 20px;
		background: url(../imgs/img_bg.png);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}

#footer {
	margin: 0 0 150px 0;
}

#footer h2 a {
		width: 148px;
		height: 57px; 
		margin: 0 0 20px 0;
		background: url(../imgs/topo.png) center no-repeat;
		text-indent: -9999px;
		display: block; 
		margin: 0 auto;
	}
#footer h2 a:hover {
	    width: 148px;
		height: 57px;
		background: url(../imgs/topo_hover.png) center no-repeat;
}
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; }