body {
background: white url('../imagenes/fondo.jpg') no-repeat top left;
font: normal 1em "Trebuchet MS",Verdana,Arial,Sans-Serif;
color: #333;
}

img {
border: 0px;
}
img.float-right {
float: right;
margin: 0px 0px 10px 15px;
}

#cabecera {
height: 175px;
z-index:0;
}

#logo {
width: 170px;
height: 170px;
}
#logo h1 a {
display: block;
width: 170px;
height: 170px;
text-decoration: none;
}
#logo h1 a span {
visibility: hidden;
}

#menu {
height: 21px;
margin-top: 10px;
margin-left: 170px;
}

#medio {
margin-top: 0px;
}

#lateral-izquierdo {
position: relative;
float: left;
width: 180px;
height: 400px;
}
#logo1 {
width: 90px;
height: 90px;
margin: 0px 0px 0px 15px;
overflow: hidden;
}
#logo2 {
width: 90px;
height: 90px;
margin: 28px 0px 0px 15px;
overflow: hidden;
}
#logo3 {
width: 90px;
height: 90px;
margin: 32px 0px 0px 15px;
overflow: hidden;
}


#contenido {
margin: 20px 200px 0px 220px;
}

#lateral-derecho {
float: right;
width: 150px;
margin-top: 20px;
}

#webmail {
margin: 10px 0px 0px 0px;
}

#pie {
margin: 5px 0px 9px 0px;
border-top: 1px solid #063;
}

#pie-diseno {
margin: 30px 0px 9px 0px;
border-top: 1px solid #eaeaea;
padding-bottom: 30px;
}

.expansor {
clear: both;
height: 1px;
}



/***********
** TEXTOS **
***********/

#contenido h2 {
border-top: 1px solid #069;
padding-top: 5px;
font: bold 1.5em Arial,Sans-Serif;
color: #069;
letter-spacing: 0.2em;
margin-bottom: 20px;
}

#contenido h3 {
width: 80%;
font: bold 1em Arial,Sans-Serif;
color: black;
letter-spacing: 0.1em;
margin-top: 30px;
}

#contenido p {
margin: 20px 0px 0px 0px;
font: normal 0.9em/1.3em "Trebuchet MS",Verdana,Arial,Sans-Serif;
text-align: justify;
}

#contenido p a {
text-decoration: underline;
color: black;
}
#contenido p a:hover {
color: #063;
}

#contenido ul  {
padding: 10px 20px 0px 30px;
font: normal 0.9em/1.2em Verdana,Sans-Serif;
}
#contenido ul li {
margin-top: 5px;
list-style-type: disc;
}

#pie p {
font: normal 0.8em Verdana,Sans-Serif;
color: #333;
text-align: center;
margin-top: 10px;
}

#pie-diseno p {
font: normal 0.6em/1.2em Verdana,Sans-Serif;
color: #666;
text-align: center;
}
#pie p a,#pie-diseno p a {
color: #666;
text-decoration: none;
}
#pie p a:hover,#pie-diseno p a:hover {
color: black;
}

/***********
** Tablas **
***********/

table#logos {
border: 0px;
text-align: center;
width: 75%;
}
table#logos tbody tr {
border: 0px;
}
table#logos tbody tr td {
border: 0px;
padding: 15px 15px 0px 15px;
}