/* GENERAL */

body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #ffffff;
	font-family: Tahoma, Verdana, Sans Serif;
	color: #212118;	
	font-size: 11px;
	line-height: 11px;		
}

h3, h4 {
	margin: 0;
	padding: 0;
	border: 0;	
	font-size: 11px;
	display: none;
	visibility: hidden;	
}

p {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	border: 0;
}

p.cv {
	margin-bottom: 40px;
}

a {
	color: #ff0084;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* 
 *	GLOBAL CONTAINER 
 */

#globalcontainer {
	position: relative;
	margin: 0px auto;
	padding: 0;	
	border: 0;
	width: 544px;
	background: #ffffff url('../img/bg_arrows.png') no-repeat top left;
	/*
		Truco de mierda para que el Mozilla/Firefox para Windows sepa que
		tiene que pintar el background de #gloablcontainer. El cabronazo
		lo ignora si no le ponemos un borde o cualquier otro truco de mierda.
		Putos navegadores, cada cual interpreta las CSS como le sale de los
		huevos...
	*/
	border: solid 1px #ffffff;	
}

/* PANEL 1 */
#panel1 {
	float: left;
	width: 544px;
	margin: 0;
	margin-top: 16px;
	padding: 0;	
	border: 0;
	border-top: dotted 1px #000000;	
}
/*  Truco de mierda sólo para IE-Win (5 and 6). Explorer no sabe lo que diablos
		es un borde dotted (punteado) y lo pinta rayado, como si fuesen sinónimos...
		Como el rayado queda mal lo ponemod directamente "solid". Queda algo mejor.
		Otra vez los navegadores y sus manías con las CSS...
	
        http://www.positioniseverything.net/explorer/escape-floats.html
        But IE5-Mac shouldn't see this \*/
        * html #panel1 {
        border-top: solid 1px #888888;
}


#panel1 #personalinfo {
	float: left;
	width: 544px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: dotted 1px #000000;
}
/*  Only for IE-Win (5 and 6)
        http://www.positioniseverything.net/explorer/escape-floats.html
        But IE5-Mac shouldn't see this \*/
        * html #panel1 #personalinfo {
        border-bottom: solid 1px #888888;
}


#panel1 #personalinfo #name {
	float: left;
	width: 286px;
	height: 37px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;		
	border: 0;
}

#panel1 #personalinfo #graduate {
	float: left;
	width: 258px;
	height: 37px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
}

#panel1 #email {
	float: left;
	width: 286px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
}

#panel1 #email img {
	margin: 0;
	margin-top: 2px;
	padding: 0;
	border: 0;
}

#panel1 #cv {
	float: left;
	width: 258px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
}

#panel1 #cv img {
	margin: 0;
	margin-top: 2px;
	padding: 0;
	border: 0;
}

/* PANEL 2 */
#panel2 {
	float: left;
	width: 544px;
	margin: 0;
	margin: 0px;
	padding: 0;
	border: 0;
	border-top: dotted 1px #000000;
	border-bottom: dotted 1px #000000;
}
/*  Truco de mierda sólo para IE-Win (5 and 6). Explorer no sabe lo que diablos
		es un borde dotted (punteado) y lo pinta rayado, como si fuesen sinónimos...
		Como el rayado queda mal lo ponemod directamente "solid". Queda algo mejor.
		Otra vez los navegadores y sus manías con las CSS...
		
        http://www.positioniseverything.net/explorer/escape-floats.html
        But IE5-Mac shouldn't see this \*/
        * html #panel2 {
	border-top: solid 1px #888888;
	border-bottom: solid 1px #888888;
}


#panel2 #workinfo {
	float: left;
	width: 544px;
	height: 31px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: dotted 1px #000000;
}
/*  Truco de mierda sólo para IE-Win (5 and 6). Explorer no sabe lo que diablos
		es un borde dotted (punteado) y lo pinta rayado, como si fuesen sinónimos...
		Como el rayado queda mal lo ponemod directamente "solid". Queda algo mejor.
		Otra vez los navegadores y sus manías con las CSS...
		        http://www.positioniseverything.net/explorer/escape-floats.html
        But IE5-Mac shouldn't see this \*/
        * html #panel2 #workinfo {
	border-bottom: solid 1px #888888;
}


#panel2 #workinfo #title {
	float: left;
	width: 286px;
	height: 15px;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
	border: 0;	
}

#panel2 #workinfo #poweredby {
	float: left;
	width: 258px;
	margin: 0;
	padding: 0;
	border: 0;
}

#panel2 #work {
	float: left;
	width: 286px;
	margin: 0;
	padding: 0;
	border: 0;	
}

#panel2 #work img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: 13px;
}

#panel2 #description {
	float: left;
	width: 258px;
	margin: 0;
	padding: 0;
	border: 0;
}

#panel2 #description ul {
    clear: both;
    margin: 0;
    margin-left: 0px;
    margin-top: 8px;
    margin-bottom: 10px;
    padding: 0;
    border: 0;
    list-style-type: none;
}

#panel2 #description ul li {
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
    background-image: url('../img/list_mark.png');
    background-repeat: no-repeat; 
    background-position: 0px 4px; 
}

/* PANEL 3 */
#panel3 {
	float: left;
	width: 544px;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	border: 0;
	background: #ffffff url('../img/bg_arrows_footer.png') no-repeat bottom left; 
}

#panel3 #by {
	float: left;
	width: 286px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
}

#panel3 #copyright {
	float: left;
	width: 254px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;	
}

#panel3 a {
	color: #0063dc;
}

/* CLEARER */
.clearer {
	clear: both;
}