/* GENERAL STYLE*/
/* BY Alvaro Fernandez 2005 */
/* www.alvaroweb.com  |  info@alvaroewb.com */

/*I will try to comment in English :) */

/*General*/
body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #555555;}
table {border-collapse:collapse; border: none;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #555555; padding: 0;}
img {border: 0;}

/*General Links*/
A:link {text-decoration: none; color: black; font-size: 10pt; font-weight: normal;}
A:visited {text-decoration: none; color: black; font-size: 10pt; font-weight: normal;}
A:active {text-decoration: none; color: black; font-size: 10pt; font-weight: normal;}
A:hover {text-decoration: none; color: #6600CC; font-size: 10pt; font-weight: normal;}

/*Concrete Links*/
A.button:link {text-decoration: none; color: #6600CC; font-size: 10pt; font-weight: bold;}
A.button:visited {text-decoration: none; color: #6600CC; font-size: 10pt; font-weight: bold;}
A.button:active {text-decoration: none; color: #6600CC; font-size: 10pt; font-weight: bold;}
A.button:hover {text-decoration: none; color: black; font-size: 10pt; font-weight: bold;}

/*Index Links*/
A.index:link {text-decoration: none; color: black; font-size: 8pt; font-weight: normal;}
A.index:visited {text-decoration: none; color: black; font-size: 8pt; font-weight: normal;}
A.index:active {text-decoration: none; color: black; font-size: 8pt; font-weight: normal;}
A.index:hover {text-decoration: none; color: #6600CC; font-size: 8pt; font-weight: normal;}

/*Structure*/
#container {width: 100%; height: 100%; vertical-align: top;}
#container td {vertical-align: top;}
#contenido {height: 100%;}
.izda {width: 227px; height: 100%;}
.dcha {width: 100%; height: 100%;}
.iconos {margin-left: 20px;}
.tdImgBoton {width: 56px; height: 24px; text-align: right; vertical-align: middle;}
.tdLinkBoton {text-align: left; width: 171px; color: #6600CC;}
.txtOn {color: #6600CC;}
.txtOff {color: black;}
.todoElAlto {height: 100%;}
.espacioTop {height: 62px;}
.texto {padding: 0px 60px 60px 204px; text-align: justify;}
.tdtexto {padding: 5px 5px 5px 5px; text-align: justify;}
.alinearDcha {width: 100%; text-align: right;}
.purpleTxt {color: #6600CC;}
.padding10 {padding: 10px 10px 10px 0px;}
.logoBottom {text-align: center; padding-bottom: 15px;}

/*Info layers*/
.divOff {visibility: hidden; display: none;}
.divInfoOn {display: block; visibility: visible; width: 250px; position: absolute; left: 60%; top: 40%; border: 2px solid black; background-color: #F2F1F7;}
.divTitulo {width: 250px; height: 40px; background-color: #33CCCC; color: black; border-bottom: 10px solid #6600CC;}
.divTituloTxt {position: relative; top: 10px; width: 170px; text-align: left; padding-left: 15px; display: inline; font-weight: bold; font-size: 12pt;}
.divClose {text-align: right; padding-right: 15px; display: inline; }
.divTxt {padding: 15px;}
.divPersonalAOn {display: block; visibility: visible; position: absolute; left: 40%; top: 15%; border: 2px solid black; background: white url("../imagenes/personal/fondoFichaA.jpg");}
.divPersonalBOn {display: block; visibility: visible; position: absolute; left: 40%; top: 15%; border: 2px solid black; background: white url("../imagenes/personal/fondoFichaB.jpg");}
.divPersonalCOn {display: block; visibility: visible; position: absolute; left: 40%; top: 15%; border: 2px solid black; background: white url("../imagenes/personal/fondoFichaC.jpg");}
.datosPersonal {font-size: 7pt; padding: 10px;}
.fotoPersonal {vertical-align: bottom; padding: 10px; text-align: right;}
.borde {padding: 2px; border: 1px solid black;}
.nombrePersonal {font-size: 10pt; font-weight: bold;}
.divMapa {display: block; visibility: visible; position: absolute; left: 60%; top: 40%; border: 2px solid black; background: white url("../imagenes/personal/fondoFichaB.jpg");}
.divMapa2 {display: block; visibility: visible; position: absolute; left: 40%; top: 15%; border: 2px solid black; background: white url("../imagenes/personal/fondoFichaB.jpg");}
.datosMapa {padding: 10px;}
.datosMapa img {padding: 10px 0 15px 0;}
.cerrarMapa {vertical-align: top; text-align: right; padding: 10px 10px 10px 0px;}
.tittleMap {font-size: 10pt; font-weight: bold;}

/*SECTIONS*/

/*INDEX*/
#index {width: 100%; height: 100%; background: #999BCB url("../imagenes/comunes/index.jpg"); background-repeat: no-repeat;}
.altoAncho {width: 60%; height: 100%;}
.titleIndex {text-align: center; color: white; font-size: 12pt; font-weight: bold; width: 100%; height: 100%; vertical-align: top; padding: 20px; padding-left: 30%;}
.botIndex {text-align: center; padding: 0 20px 19px 20px; background: white; vertical-align: bottom;}
.botIndex a {padding-right: 8px;}
.botIndex img {padding-bottom: 4px;}
.txtSmall {font-size: 7pt; color: black;}
.animatedLogo {background: white;}

/*OVERVIEW*/
#botOverview { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botOverview.jpg"); background-repeat: no-repeat;}
#topOverview {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topOverview.jpg"); background-repeat: no-repeat;}
#icoOverview {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoOverview.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contOverview {height: 100%; background: white url("../imagenes/comunes/contOverview.gif"); background-repeat: no-repeat;}
/*FOCUS*/
#botFocus { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botFocus.jpg"); background-repeat: no-repeat;}
#topFocus {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topFocus.jpg"); background-repeat: no-repeat;}
#icoFocus {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoFocus.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contFocus {height: 100%; background: white url("../imagenes/comunes/contFocus.jpg"); background-repeat: no-repeat;}
/*RTD*/
#botRtd { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botRtd.jpg"); background-repeat: no-repeat;}
#topRtd {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topRtd.jpg"); background-repeat: no-repeat;}
#icoRtd {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoRtd.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contRtd {height: 100%; background: white url("../imagenes/comunes/contRtd.gif"); background-repeat: no-repeat;}
/*VISION*/
#botVision { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botVision.jpg"); background-repeat: no-repeat;}
#topVision {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topVision.jpg"); background-repeat: no-repeat;}
#icoVision {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoVision.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contVision {height: 100%; background: white url("../imagenes/comunes/contVision.gif"); background-repeat: no-repeat;}
/*PARTNERS*/
#botPartners { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botPartners.jpg"); background-repeat: no-repeat;}
#topPartners {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topPartners.jpg"); background-repeat: no-repeat;}
#icoPartners {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoPartners.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contPartners {height: 100%; background: white url("../imagenes/comunes/contPartners.gif"); background-repeat: no-repeat;}
#contPartners a {margin-left: 20px;}
/*ECTP*/
#botEctp { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botEctp.jpg"); background-repeat: no-repeat;}
#topEctp {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topEctp.jpg"); background-repeat: no-repeat;}
#icoEctp {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoEctp.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contEctp {height: 100%; background: white url("../imagenes/comunes/contEctp.gif"); background-repeat: no-repeat;}
/*PUBLICATIONS*/
#botPublications { width: 227px; height: 100%; background: #999BCE url("../imagenes/comunes/botPublications.jpg"); background-repeat: no-repeat;}
#topPublications {width: 100%; height: 116px; background: #999BCE url("../imagenes/comunes/topPublications.jpg"); background-repeat: no-repeat;}
#icoPublications {width: 100%; height: 23px; background: #65CCC9 url("../imagenes/comunes/icoPublications.jpg"); background-repeat: no-repeat; text-align: right; padding-right: 60px;}
#contPublications {height: 100%; background: white url("../imagenes/comunes/contPublications.gif"); background-repeat: no-repeat;}
/*MEDIA*/
/*Same background than RTD*/
#contMedia {height: 100%; background: white url("../imagenes/comunes/contMedia.gif"); background-repeat: no-repeat;}
/*NEWS*/
/*Same background than RTD*/
#contNews {height: 100%; background: white url("../imagenes/comunes/contNews.gif"); background-repeat: no-repeat;}
/*EDUCATION*/
/*Same background than Focus*/
#contEducation {height: 100%; background: white url("../imagenes/comunes/contEducation.gif"); background-repeat: no-repeat;}
/*EMPLOYMENT*/
/*Same background than OverView*/
#contEmployment {height: 100%; background: white url("../imagenes/comunes/contEmployment.gif"); background-repeat: no-repeat;}
/*LOGIN*/
/*Same background than Publications*/
#contLogin {height: 100%; background: white url("../imagenes/comunes/contLogin.gif"); background-repeat: no-repeat;}
/*EVENTS*/
/*Same background than partners*/
#contEvents {height: 100%; background: white url("../imagenes/comunes/contEvents.gif"); background-repeat: no-repeat;}
/*LINKS*/
/*Same background than Partners*/
#contLinks{height: 100%; background: white url("../imagenes/comunes/contLinks.jpg"); background-repeat: no-repeat;}
#contLinks a {margin-left: 40px;}
/*Contact*/
/*Same background than Ectp*/
#contContact {height: 100%; background: white; background-repeat: no-repeat;}