/**
	(C) MOVING, UPC 2005 
**/

body 
{
	/* fuente por defecto en todo el documento */
	font-family:Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	
	/* color del texto por defecto en todo el documento*/
	color: #335c85;
	
	/* tamaņo del texto por defecto */
	font-size: 80%;

	background: #fff url(images/fondo_pagina2.jpg) no-repeat top left; 
	margin-left: 0px; 
	margin-top: 0px;
	margin-bottom:0px;
	margin-right:0px;
    padding: 0;
}


a, a:link {
	color: #09c;
	/*font-weight: bold;*/
	text-decoration: none;
}

a:visited {
	/*color: #07a;*/
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    color: #202062; 
    clear: left;
    text-align: left;
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.0em;
    margin-bottom:auto;
    border-bottom: 1px solid #8CACBB;
}

h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 140%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 80%;
}

ul
{
	list-style-image: url("images/arrow.gif");	
}

li
{
	margin-bottom:0.5ex;
	
}


/* ----- Menu tabs properties */

div.tabs 
{
	
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background: transparent;
    border-collapse: collapse;
    border-bottom-color: #8CACBB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 100px;  /* distancia del menu al borde superior de la pagina */
    margin-bottom:0px;
    padding: 0.5em 0em 0em 1em;
    white-space: nowrap;
    /*font-size: 80%;*/
    z-index: 1;
}

div.tabs a {
    /* The normal, unselected tabs. They are all links */
    background: transparent;
    border-color: #8CACBB;
    border-width: 1px; 
    border-style: solid solid solid solid;
    color: #436976;
    border-bottom-color: #ffffff;
    font-weight: normal;
    height: 1.2em;
    margin-right: 0.5em;
    padding: 0em 1em;
    text-transform: lowercase;
}

div.tabs a.selected {
    /* The selected tab. There's only one of this */
    background: #DEE7EC;
    border: 1px solid #8CACBB;
    border-bottom: #DEE7EC 1px solid;
    color: #436976;
    font-weight: normal;
}

div.tabs a:hover {
    background: #DEE7EC;
    border-color: #8CACBB;
    border-bottom-color: #DEE7EC;
    color: #436976;
}

div.searchbar 
{
	z-index: 0;
    /* Bar with search menu */
    background: #DEE7EC;
    border-bottom-color: #8CACBB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    text-align: right;
    text-transform: lowercase;
    margin: 0em 0em 0em 0em;
    padding: 0em 0.2em 0em 0em;
    font-size: 80%;
}

div.searchbar a {
    background-color: transparent;
    color: #436976;
    font-weight: normal;
    margin-left: 0em;
}

div.searchbar img {
    vertical-align: top;
}


#mainText {
	left: 0px;
	line-height: 1.5;
    width: 70%;
	z-index: 0;
	margin-left: 3ex;
	margin-right: 2ex;
}



/** 
	Home
*/

#mypicture
{
	clear:none; 
	float: left;
	text-align:left;
	margin-left: 2em;
	margin-right: 2em;
	border-width: 0px;
}

#description 
{
	clear:right;
	float:none;
	padding-left: 0em;
	text-justify:newspaper;
	text-align:left;
	margin-bottom: 4ex;
}

#box
{
	float:none;
	width:100%;
}

#leftbox 
{
	clear:left;
	text-align:left;
	float:left;
	margin-bottom: 4ex;
}

#rightbox 
{
	clear:right;
	float:left;
	text-align:left;
	margin-left: 5em;
	border-left:2ex;
	border-right:2ex;
}


#search
{
	font-size:14px;
}


/** 
	Projects 
*/
#projects {
}

#project {
	clear:left;
	width: 90%; 
	text-align:left	;
	float: left;
	margin-bottom: 4ex;
}
	
#project p.acronym 
{
	clear:none;
	font-size:16px; 
	font-weight: bold;
	margin-bottom: -2ex
	}

#project p.name 
{
	clear:none;
	font-size:16px; 
	font-weight: bold;
	margin-bottom: 0ex	
	}

#project p.code {
	clear:none;
	font-size:14px; 
	font-weight:normal;
	margin-top: 0ex;
	margin-bottom: 0ex				
	}

#project p.duration {
	clear:none;
	font-size:12px; 
	font-style: italic;
	margin-top: 0ex;
	margin-bottom: 0ex				
}

#project p.description 
{
	font-size:12px; 
	font-style: italic;
	margin-left: 0.3cm;
	text-align:justify;
	margin-top: 0ex;

}

#project img
{	
	width: 150px;
 	height: 150px;
	float: right;
	text-align:center;
	margin-left: 20px;
	margin-right: 20px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}

/** 
	Publications 
*/

#publication {
	/*clear:left;*/
	font-size:14px; 
	width: 100%; 
	text-align:left;
	/*float:left;*/
	margin-bottom: 6ex;
}
	
#publication p.authors 
{
	margin-top: 0.2ex;
	margin-bottom: 0ex;
}

#publication p.title 
{
	font-weight: bold;
	margin-top: 0.2ex;
	margin-bottom: 0ex;	
}

#publication p.where {
	font-style:italic;
	margin-top: 0.2ex;
	margin-bottom: 0ex;	
	}


#publication p.abstract 
{
	clear:none;
	font-size:12px; 
	font-style: italic;
	margin-top: 2ex;
	margin-left: 10%;
	margin-right: 10%;
	text-align:justify;
}

#publication A
{
	font-size:11px; 
	margin-right: 2ex
}

#publication img
{	
	width: 160px;
 	height: 160px;
	float: right;
	text-align:center;
	margin-left: 20px;
	margin-right: 20px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}



/** 
	People 
*/
#people 
{
	clear:none;
	float:left;
}

#person 
{
	clear:none;
	float:left;
	font-size:14px;  
	text-align:left;
	float: left;
	margin-bottom: 6ex;
	margin-right: 2ex;
	margin-left: 2ex
	
}
	
#person p.name 
{
	font-weight:bold;
	margin-bottom: 0.2ex;
	margin-top:0ex;
}

#person p.position 
{
	font-weight:normal;
	margin-bottom: 0.2ex;
	margin-top:0ex;	
}

#person p.webpage 
{
	margin-bottom: 0.2ex;
	margin-top:0ex;	
	font-style:italic;
}

#person img
{	
	width: 100px;
 	height: 150px;
	float: none;
	text-align:center;
	margin-left: 20px;
	margin-right: 20px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}


/** 
	Activities 
*/
#activities {
}

#activity {
	clear:left;
	width: 90%; 
	text-align:left;
	float: left;
	margin-bottom: 4ex;
}
	
#activity p.title 
{
	clear:none;
	font-size:16px; 
	font-weight: bold;
	margin-bottom: 0ex
	}

#activity p.name 
{
	clear:none;
	font-size:16px; 
	font-weight: bold;
	margin-top:0ex;
	margin-bottom: 0ex;	
	}
	
#topic
{
	margin-bottom: 4ex	
}

#topic p.name 
{
	clear:none;
	font-size:14px; 
	font-weight: bold;
	margin-bottom: 0ex	
	}

#topic p.description 
{ 
	font-size:12px; 
	font-style: italic;
	margin-top:0px;
	margin-left: 0.3cm;
	text-align:justify;
}

#topic p.link
{
	font-size:12px; 
	margin-top:0ex;
	margin-left: 10ex;
	margin-bottom: 0.2ex
}

#activity img.image
{	
	width: 150px;
 	height: 150px;
	float: right;
	text-align:center;
	margin-left: 20px;
	margin-right: 20px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px
}

/*
Menus
*/


#menu
{
	margin-left:2ex;
	margin-top: 60px;
}

#menu UL
{
    CLEAR: left;
    MARGIN: 0px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: center;
    font-weight:normal;
}
#menu UL LI
{
    DISPLAY: block;
    FLOAT: left;
    MARGIN: 0px;
    TEXT-ALIGN: center
}
#menu UL LI A
{
	border: solid 1px #ccccff;
    DISPLAY: block;
    
    FONT-SIZE: 16px;
    BACKGROUND: #fff;
    MARGIN: 0px 0px 10px;
    
    WIDTH: 15ex;
    COLOR: #000380;
    LINE-HEIGHT: 2em;
    
    HEIGHT: 2em;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}

#menu UL LI A:hover
{
    BACKGROUND: #ccc;
    COLOR: #000
}
#menu A:active 
{
    BACKGROUND: #000390;
    COLOR: #fff
}

BODY #menu LI#active A
{
	BACKGROUND: #6699CC;
    COLOR: #fff;
}