/* CSS Document */

body {
	background: #ffffff url(images/fons_top_2.jpg) top repeat-x;
	}


#top {
	height: 171px;
	width: 900px;
	margin: -20px auto 0px;
	padding-top: 20px;
	}

	#top h3 {
		padding-top: 40px;
		font-size: 32px;
		font-weight: normal;
		color: #dddddd;
		}

	#top h3 a {
		color: #dddddd;
		text-decoration: none;
		}

		#top h3 a:hover {
			color: #ffffff;
			}

	#top h1 {
		padding-top: 56px;
		font-size: 60px;
		font-weight: normal;
		color: #ffffff;
		}

	#top h1 a {
		color: #ffffff;
		text-decoration: none;
		}
		
	#top h5 {
		font-size: 18px;
		margin-bottom: 7px;
		margin-left: -33px;
		font-weight: normal;
		}

#top_menu {
	float: right;
	width: 360px;
	}

	#top_menu .profesional, #top_menu .personal {
		font-family: "ITC Avant Garde", "Century Gothic", Verdana, Arial;
		font-size: 14px;
		padding-left: 45px;
		margin: 11px 0 !important;
		}

	#top_menu .profesional {
		margin-top: 46px !important;
		border-left: 1px solid #ffffff;
		}

	#top_menu .personal {
		border-left: 1px solid #f19900;
		}

	#top_menu .profesional, #top_menu .profesional a {
		color: #ffffff;
		text-decoration: none;
		margin: 0 4px;
		}

	#top_menu .personal, #top_menu .personal a {
		color: #f19900;
		text-decoration: none;
		margin: 0 4px;
		}

	#top_menu a {
		text-transform: lowercase;
		}

	#top_menu .profesional a:hover, #top_menu .personal a:hover {
		text-decoration: underline;
		}
	
#cont_bottom {
	background: #efefef;
	border-top: 1px solid #bfbfbf;
	color: #666666;
	}

#bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	#bottom  .bottom_column p a {
		color: #666666;
		}
	
	#bottom  .bottom_column li a {
		color: #666666;
		}
	
	.bottom_column li {
		border-bottom: 1px solid #cccccc;
		}
	
	.bottom_column li:hover {
		border-bottom-color: #666666;
		}
	
.contact_form {
	border-collapse: collapse;
	float: left;
	}
	
	.contact_form td {
		padding: 7px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		}
	
	.contact_form td input {
		width: 250px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #666666;
		padding: 2px;
		font-size: 14px;
		}
	
	.contact_form td input[type=submit] {
		width: 100px;
		}
	
	.contact_form td textarea {
		width: 250px;
		height: 200px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #666666;
		padding: 2px;
		font-size: 14px;
		}
	
	.contact_form .field_name {
		vertical-align: top;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #444444;
		text-align: right;
		padding-right: 10px;
		}
		
#section #missatge {
	border:1px solid;
	margin-top:30px;
	min-width:300px;
	padding:20px;
	}

	.error {
		color: #ff0000;
		border-color: #ff0000;
		}
	
	.success {
		color: #009900;
		border-color: #009900;
		}
		
		/*Avui estreno nova web. Per fi! Porto gairebé un any desenvolupant el nou disseny i la nova programació. No és que sigui lent programant, és que ho he hagut d'anar fent quan tenia temps, que no és gaire sobint.

No només he canviat el disseny gràfic, també he renovat l'estructura interna del site, on he aplicat tots els coneixements que he aprés a la universitat el darrer any. A més estrono blog, un wordpress.

[More...]

La web està dividida en dos parts: la part profesional, on tinc el les dades d'interés profesional, i la part personal, on tinc informació de caire més íntim. El llançament l'he fet amb quatre seccions. A la part profesional es troba Feina, "Què sé" i Contacte. A feina hi ha les fitxes de les diferents webs que he realitzat des de que sóc desenvolupador, amb les tècniques aplicades, una descripció i captures. "Què sé" és la secció on es mostra en tags els meus coneixements aplicats en el site. D'una manera ràpida es pot veure què sé fer, i clicant al tag, es visualitzen els projectes associats en aquest. Tampoc podia faltar el típic formulari de contacte a la seva secció. A la part personal es troba el blog, on continuaré publicant opinions, aventures, quelcom relacionat amb la programació i bàsicament lo que hem vingui de gust.

En el futur tinc pensat incloure noves seccions, que per ara no he tingut temps de desenvolupar. Vull crear una secció que contingui projectes, una altra per al meu currículum i probablement alguna més.

Aquesta és la meva targeta de presentació al món, */