/* Copyright 1997-2004 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */


/* ******************  diaMWeb  ************** */

* {margin: 0; padding: 0; border: 0;}

html
{
	background-color: #333;
	margin: 0;
	padding: 0;
}

a { 
    color: #0000D9;
}

body
{
	font: normal 100% "Gill Sans", Verdana, sans-serif;
	margin: 0 5em;
}

#main
{
   line-height: 1.2em;
   text-align: justify;
	padding: 1em 1em 0 1em;
	background-color: #FFF;
	margin: 0 auto 0 auto;
}


div#page
{	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
	background-color: #005A9C;
/* height: 100px;
*/	color: #fff;
}
p {margin: 1em 0;}

div#page h1
{
   color: #E2EDFE;
	margin: auto 120px 0 auto;
	padding: 1em;
	font-size: 1.5em;
	vertical-align: bottom;
}
div#page .baseline
{
	font-size: 0.8em;
	display: block;
}


h2, h3
{
   margin: 2em 0 1em 0;
	color: #005A9C;
   font-family: Georgia, Times, serif;
}
h2 {
   padding: 0.2em 0.2em;
   background-color: #F5F9FE;
/*   border-bottom: 2px solid #E2EDFE;*/
}


#reference
{
	padding-top: 0.5em;
	border-top: black 1px solid;
}

#footer
{
    color: #005A9C;
    background-color: #F5F9FE;
    font-size: .7em;
    margin:0 -1em;
    padding: 0.5em 1em;
	border-top: #eee 1px solid;
	line-height: 1em;
}
address{margin:0;padding:0;}


#navigation {
	font-family: "Gill Sans", sans-serif;
	background: #232323;
	border-top: 2px solid #E2EDFE;
	border-bottom: 1px solid #171717;
	margin: 0;
	padding: 0.5em 0;
	width: 100%;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	display: inline;
	margin: 0;
	padding: 0 0 0 25px;
	text-shadow: 0px 2px 4px #000;
}
#navigation li a {
   font-weight: bold;
	color: #ccc;
	text-decoration: none;
}

#navigation li a:hover {
        background: black;
	color: #E2EDFE;
}


table
{
   font-size: 0.9em;
	border-collapse: collapse;
   border: 1px solid #BEC9D9; 
   margin: 2em auto;
}

table caption
{
   font-weight: bold;
   background-color: #D7F1CF;
   margin: 0 auto;
}
th
{
   padding: 5px .3em;
   border-bottom: 1px solid #BEC9D9; 
   background: #F5F9FE;
   color: #005A9C;
   text-align: center;
}
td {padding: 5px .3em;
   background: white;
   border-bottom: 1px solid #E2EDFE; }

thead tr th.actividad
{
    min-width: 20em !important;
}
thead tr th.hora
{
    width: 4em !important;
}
   
   
#sponsor {
    float:right;
    text-align:center;
    background-color: #fff;
    width: 120px;
    border: 1px solid #ddd;
    padding:0 1em;
    margin-left: 1em;}
.toc ul, .toc li, .toc p {
    margin: 0 0 0 0; 
    padding: 0;
    display: inline;
    text-align: left;}

dl {border-left: 5px solid #E2EDFE;
   padding-left:1em;}
dt {
   color: #005A9C;
   font-weight: bold;}
dd {
   margin-left:1em;}
ol, ul {
   padding-left:1em;}
li {margin-left:1em;
   color: #000;}

.logo 
{ 
    float:right;
    margin-left:1em;
    margin-right:1em;
    padding: 1em;
    text-align:center;
    font-weight:bold;
    background: white;
    border: 1px solid silver;
}

dl.logo {
    width: 200px;
}
dl.logo dd.second-line {
    display: block;
    margin-top: -1.2em;    
}

dl.logo dd, dl.logo dd a img 
{
    display: inline;
    list-style: none;
    line-height: 80px;
    vertical-align: middle;
    margin: 0;    
    list-style-type: none;
}
.organizadores ul 
{
    padding: 0;
}

h2 
{
    margin-right: 280px
}
.center 
{
    text-align: center;
}

address.vcard
{
    padding-left: 3em;
    margin: 1em 0; 
}

#footer .logos {
    float: right;
    margin-top: -0.5em;
}

.topics {
    font-style: italic;
}

.topics ul {
    font-size: 90%;
    margin-bottom: 1em;
    font-style: normal;
}

.topics ul:first-child {
    margin-top: 1em;
}
   
h1 a, h1 a:link, h1 a:visited {
    color: #fff;
    background-color: #005A9C;
    text-decoration: none;
}

h1 a:hover, h1 a:active {
    color: rgb(255,255,153);
    background-color: #005A9C;
}


/* -------------- Desplegables ---------------- */
.desplegableCerrado, .desplegableAbierto
{
    padding:0;
    border: none;
}
.desplegableCerrado dd 
{
    display:none
}
.desplegableAbierto dd
{
    display:block;
    position:absolute;
    width:35em;
    min-height:5em !important;
    height:auto !important;
    height:5em;
    padding:15px;
    background-color: rgb(255,255,153);
    cursor: pointer;
}
.desplegableAbierto 
{
    margin:0
}
.mas-info
{
    width:auto;
    height:auto;
    float:none;
    padding-left:1.2em;
    background:transparent url(http://www.w3c.es/Eventos/2008/DiaW3C/img/mas-dim.gif) no-repeat 0 0;
    font-weight:normal;
    cursor:pointer
}
.mas-info:hover
{
    color:#369;
    text-decoration:underline;
    background:transparent url(http://www.w3c.es/Eventos/2008/DiaW3C/img/mas.gif) no-repeat 0 0;
}

.desplegableAbierto .mas-info
{
    background-image: url(http://www.w3c.es/Eventos/2008/DiaW3C/img/menos.gif);
}
.desplegableAbierto dd ul
{
    padding:1em 1em .5em 1em;
    border: 5px #D7F1CF solid;
    background:#fff;
}