/* Genéricos */
html *{margin:0;padding:0;border:0;color:#000;font-family:verdana,arial,helvetica,sans-serif}
body{background-color: rgb(248,203,166)}
a{color:#18497b;text-decoration:underline}
a:hover{text-decoration:none}
a.vinculoActivo {text-decoration:none;}
h1{text-transform:lowercase; z-index:50;}
h2{text-transform:lowercase; max-width:85%;}
ul{list-style-type:none}
img.opennew{margin: 0px .3em 0px .3em;}

/* Content - El body - 1024x768 */
/*#content{width:60em;margin:0 0 0 5px;padding:0 10px 0 5px;border-right:1px solid #bbb;border-left:1px solid #bbb}*/
#content{width:auto;margin:0 20% 0 0.5em;max-width:1024px;padding:0 10px 0 5px;border-right:1px solid #bbb;border-left:1px solid #bbb}
/*#home #content{width:auto;margin:0 20% 0 0.5em;max-width:1024px}*/

/* Header - Donde va el paisaje y el logo (extrañamente el paisaje ha de ir dentro del logo, no se porque) */
#header{width:100%;position:relative;}
#header div.logo{
	width:100%;
	max-width:1016px;
	float:left;
	padding:15px 5px 15px 5px;
	margin-bottom:5px;
	background: url(../img/landscape_sepia.png) no-repeat right top;}

/* Menú en Fila */
#menuBar{
	width:100%;
	height:1.9em;
	position:relative;
	top:0;
	clear:both;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	margin-bottom:5px;
	text-align:center}
#menuBar ul{
	list-style:none;
	height:100%;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	text-transform:lowercase;
	text-align:center;
	width:100%;}
#menuBar ul li{
	list-style:none;
	list-style-position:outside;
	float:left;}
#menuBar ul li a{
	font-size:.7em;
	font-weight:normal;
	color:#85248f;
	background-color:transparent;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	text-align:center}
#menuBar ul li a:hover {text-decoration:underline}

/* Path - La barra que indica el path donde estamos */
#path {border:1px solid #bbb;}
#path ul{
	list-style:none;
	list-style-position:outside;
	padding:6px 0 6px 20px;
	background-position: 6px 9px;}
/*#home #path ul{background-position: 6px 9px !important}*/
#path ul li{
	font-size:.7em;
	color:#555;
	display:inline;
	padding:3px 0;}
#path ul li a{
	color:#555;
	text-decoration:underline}
#path ul li a:hover{
	text-decoration:none}

/* Menu en columna */
#menuColumn {
	width:20%;
	float:left;
	color:#555;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	background: rgb(255,215,166) no-repeat right bottom;
	min-height:300px;}

#menuColumn ul#menuColumnSecondLevel{
	color:#85248f;
	margin-bottom:5px;
	margin-top:10px;
	}
	
#menuColumn ul#menuColumnSecondLevel li{
	color:#85248f;
	font-size:x-small;
	text-transform:lowercase;
	}
#menuColumn ul#menuColumnSecondLevel li a.unfoldedItem{
	color:#85248f;
	text-decoration:underline;
	padding:0px 0 5px 25px;
	display:block;
	}
#menuColumn ul#menuColumnSecondLevel li a.unfoldedItem:hover{text-decoration:none}
#menuColumn ul#menuColumnSecondLevel li a.foldedItem{
	color:#85248f;
	text-decoration:underline;
	padding: 0px 0 10px 25px;
	display: block;
	text-transform: lowercase;
	}
#menuColumn ul#menuColumnSecondLevel li a.foldedItem:hover{text-decoration:none}
#menuColumn ul#menuColumnSecondLevel ul#menuColumnThirdLevel{
	color:#85248f;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:rgb(240,199,162);
	padding:12px 0;
	margin-bottom:10px;
	}
#menuColumn ul#menuColumnSecondLevel ul#menuColumnThirdLevel li a{padding:5px 0 0 25px; display:block;}

/* Texto central */
#text{
	color:#000;
	float:right;
	width:79%;
	margin-right:0%;
	line-height:100%;
	}
/* Para que el home ocupe todo el texto central */
/*#home #text{width:100%;}*/
#text h1{
	color:#85248f;font-size:1em;
	padding:12px 0 0 17px;position:relative;}
#text h2{
	font-size:.85em;
	color:#85248f;
	margin-left:10px;
	margin-right:4px;
	background-color:transparent;
	padding:12px 0 0 15px;}
#text h3{
	font-size:.7em;
	color:#85248f;
	background-color:transparent;
	margin:10px 30px 0 25px;
	padding:0;
	font-weight:normal;}
#text ul{
	width:92%;
	margin:0 0 10px 40px;
	font-size:.7em;
	color:#555;
	background-color:transparent}
#text li{
	padding:0 40px 0 15px}
#text ul.url li{background:none;padding:0 0 2px 6px}
#text p{
	font-size:.7em;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;}
#text p:first-letter {
	font-size: large; }
#text p.normal{
	font-size:.7em;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;}
#text p.normal:first-letter {font-size:1em;}
#text p.mensaje{
	font-size:100%;
	font-weight:bold;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;}
#text p.mensaje:first-letter {font-size:1em;}
#text p.mudInput{
	font-family:courier;
	font-size:.7em;
	color:yellow;
	background:black;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;}
#text p.mudOutput{
	font-family:courier;
	font-size:.7em;
	color:limegreen;
	background:black;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;}
#text p.mudOutput:first-letter {font-size:1em;}
#text pre.mudOutput{
	font-family:courier;
	font-size:.7em;
	color:limegreen;
	background:black;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;
	overflow:auto;}
#text p.mudOutputRed{
	font-family:courier;
	font-size:.7em;
	color:#8b0000;
	background:black;
	width:auto;
	margin-left:10px;
	padding:10px 30px 0 15px;}
#text div.race{
	height:200px;
	float:left;
	text-align:left;
	margin:1em;}
#text div.race img{
	display:inline;
	height:100%}
#text div.skin{
	height:auto;
	width:auto;
	float:left;
 	text-align:left;	
	margin:2px 2px 2px 17px;
	border:1px solid #bbb;}
#text div.skin img{
	display:inline;
	height:100%;
	margin:3px;
	border:1px solid rgb(248,203,166);}
#text div.skin a:hover img {border: 1px solid #bbb;}
#text div.desc{
	text-align:left;
	font-size:.7em;
	width: 120px;
	margin: 2px;}
#text div.famousQuotes{
	font-size:.6em;
	font-weight:normal;
	border:1px solid #bbb;}
#text div.news{
	font-size:.7em;
	font-weight:normal;
	padding:.5em;
	margin-left:25px;
	border:1px solid #bbb;}
#text div.question{
	font-size:.7em;
	font-weight:normal;
	padding:.5em;
	margin-left:25px;
	border:1px solid #bbb;}
#text input.feedback {background-color:transparent;color:#000;border:1px solid #bbb;width:20em;padding:1px 2px;font-size:0.8em !important;margin-bottom:20px}

#feedback {font-size:0.8em;}
/*#feedback label{float:left;width:16.4em;text-align:right;padding-right:15px}*/
#feedback label{float:left;width:25%;text-align:right;padding-right:15px}
#feedback input, select,
/*#feedback textarea{background-color:transparent;color:#000;border:1px solid #bbb;width:25em;padding:1px 2px;font-size:1em !important;margin-bottom:20px}*/
#feedback textarea{background-color:transparent;color:#000;border:1px solid #bbb;width:70%;padding:1px 2px;font-size:1em !important;margin-bottom:20px}
#feedback textarea{height:10em}
#feedback input.checkbox{width:auto;}
/*
#feedback textarea {
	vertical-align:middle;
	font-size:1em;
	background-color:transparent;
	border:1px solid #bbb;
	padding:5px;}
#feedback input {
	font-size:1em;
	background-color:transparent;
	border:1px solid #bbb;}
*/
#feedback label.longlabel{float:left;width:50%;text-align:right;padding-right:15px}

/* Pie página */
#footer{
	width:100%;
	height:2em;
	position:relative;
	top:10px;
	clear:both;
	border-top:1px solid #bbb;
	color:#999;
	background-color:transparent}
#footer p{
	color:#999;
	font-size:.7em;
	position:absolute;
	right:0;
	bottom:10px;
	padding-top:5px;
	padding-right:40px;}
#footer #w3c{
	height:75%;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-left:10px;}

/* Subpie de página */
#subFooter{
	clear:both;
	margin-top:1em;
	min-height:2em;
	position:relative;}
#subFooter p{
	color:#999;
	font-size:.7em;
	position:absolute;
	left:0em;
	bottom:10px;
	padding-top:5px;
	padding-right:40px;}

/* Columna de la derecha */
#rightColumn{
	clear:both;
/*	width:11.5em;*/
	width:19%;
	position:absolute;
	top:0;
/*	right:0.5em;*/
	right:0.5%;
}
#rightColumn p{font-size:.65em}
#rightColumn h2{font-size:.65em;}
#famousQuotes{
	font-size:.6em;
	font-weight:normal;
	border:1px solid #bbb;}
 
/* Columna de la izquierda */
#leftColumn{
	clear:both;
	width:10em;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-31em;}
#leftColumn p{font-size:.65em}
#leftColumn h2{font-size:.65em;}
#who{
	font-size:.6em;
	font-weight:normal;
	border:1px solid #bbb;}

/* Tabla skills, pero en general cualquier tabla */
.tableSkills{font-size:1em;border:1px solid #18497b;text-align:center;color:#555;border-collapse:collapse;margin:auto;width:80%;margin-bottom:10px;}
.tableSkills th,
.tableSkills td{padding:.2em .4em;font-size:.7em;background-color:#ffd7a6}
.tableSkills th{color:#bbb;background-color:#18497b;font-size:.8em}
.tableSkills .rightBorder{border-right:1px solid #18497b}
.tableSkills td a{color:#18497b}