html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, table, tr, th, td {margin: 0; padding: 0; border: 0;}
body {font-family: verdana, sans-serif; font-size: 70%; line-height: 125%; text-align: center; color: #000; background: #f1f1f1;}
li {list-style-type: none;}
input, textarea, select, option {font-family: verdana, sans-serif; font-size: 100%;}
h1 {}
h3 {font-size: 1.7em; margin-bottom: 1.4em; line-height: 130%; font-family: georgia, serif; /*font-style: italic;*/}
h3 span {font-size: .65em; display: block;}
h4 {font-size: 1.1em; margin-top: .5em; margin-bottom: .5em; font-family: georgia, serif;}
h5 {font-size: 1em; margin-bottom: .5em;}
ul {margin-bottom: 1em;}

#header, #navglobal, #footer, #wrap {width: 780px; /*764px;*/ margin: 0 auto; text-align: left; background: #fff;}

#content {float: left; width: 780px; background: #fff; padding-bottom: 2em;}

#nav {width: 150px; float: left; margin-right: 12px; /*después ampiliar width*/}
#cont {width: 618px; /*was 614px, nu 2x4 eraf voor margen*/ float: left; clear: right; background: #fff;}
#left {width: 438px; float: left; background: #fff;}
#left #intro {clear: both;}
#left #dest div {float: left; width: 213px;}
#left #dest div.der {margin-left: 12px;}
#right {width: 168px; float: left; clear: right; background: #eaeaea; margin-left: 12px; /*#fbebe8;*/ /*#f0f4ef*/}
#left #dest h3 {margin: .8em 0 1em; color: #575352 /*#a1111a*/;}
#left #dest h4 {margin: .2em 0 .4em; line-height: 1.3em;}
body.estudiantes #left #dest h4 { color: #a1111a;}
body.empresas #left #dest h4 { color: #6b8d2f}
body.estudiantes #left #dest p, body.estudiantes #left div.der ul {border-bottom: 1px dotted #f1d2d0 /*#a1111a*/;}
body.estudiantes #left div.der ul ul {border-bottom: 0;}

body.empresas #left #dest p, body.empresas #left div.der ul {border-bottom: 1px dotted #cddcb5;}
body.empresas #left div.der ul ul {border-bottom: 0;}

#left #dest p {margin: 0 0 1.2em;  padding-bottom: 1.4em;}
#left #dest p.eerste {margin: 0 0 .6em; border: 0; padding-bottom: .6em;}
#footer {clear: both;}
#left #dest ul li li {margin-bottom: .5em;}

#header { background: url(background_logo.gif) no-repeat 224px top #fff; /* #575352 ;*/ height: 118px; /* height: 48px; */}
#header h1 {font-family: Georgia, Times, serif; color: #fff; /* font-size: 1.8em;*/ font-size: 2.2em; border: 0; text-decoration: none;}
#header h1 img {border: 0;}
#header h1 a {float: left; /*  width: 152px; */}
#header h1 span { /*float: left; clear: right; */ float: right; text-align: right; /* width: 406px; /* width: 558px; */ font-weight: normal; display: block; /* padding-top: 55px; */}
#header h1 span a {/* color: white; text-decoration: none; /* float: none; /* margin-right: 20px; */}

#navglobal {height: 42px;}
#navglobal img {margin-left: 28px; float: left; color: #005788; text-transform: uppercase; border: 0;}
#navglobal ul.web {width: 260px; margin-left: 18px; float: left; clear: right; padding-top: 4px;}
#navglobal ul.web li {display: inline; float: right; height: 38px;}
#navglobal ul.web li a {padding:16px 24px 4px 24px;}

/*
#navglobal ul.idiomas {float: left; width: 140px; margin-left: 150px; font-size: .9em;}
#navglobal ul.idiomas li {display: inline; float: left; height: 16px; margin: 20px 4px 0; }
#navglobal ul.idiomas li a {margin: 0 6px;}
*/

#navglobal ul.idiomas {float: left; width: 140px; margin-left: 148px; font-size: .9em;}
#navglobal ul.idiomas li {display: inline; float: left; height: 16px; margin: 20px 4px 0; }
#navglobal ul.idiomas li a {margin: 0 6px;}

#navglobal ul.campusvirtual {float: left; width: 140px; margin-left: 15px; font-size: .9em;}
#navglobal ul.campusvirtual li {display: inline; float: left; height: 16px; margin: 20px 4px 0; }
#navglobal ul.campusvirtual li a {margin: 0 6px;}

#navglobal ul.web li.empresas {background: url(bg_pest_empresas.gif) no-repeat left top #6b8d2f;}
#navglobal ul.web li.alumnos {background: url(bg_pest_alumnos.gif) no-repeat left top #a1111a;}
#navglobal ul.web li.empresas a {background: url(bg_pest_empresas_a.gif) no-repeat right top; display: block; text-align: center; width: auto;}
#navglobal ul.web li.alumnos a {background: url(bg_pest_alumnos_a.gif) no-repeat right top; display: block; text-align: center; width: auto;}
body.estudiantes #navglobal ul.idiomas a {color: #aa0000;}
body.empresas #navglobal ul.idiomas a {color: #6b8d2f;}

body.estudiantes #navglobal ul.campusvirtual, body.estudiantes #navglobal ul.campusvirtual a {color: #aa0000;}
body.empresas #navglobal ul.campusvirtual, body.empresas #navglobal ul.campusvirtual a {color: #6b8d2f;}

body.estudiantes #navglobal {border-bottom: 10px solid #a1111a;}
body.empresas #navglobal {border-bottom: 10px solid #6b8d2f /*#6b8d2f*/ /*#6b8d2f;*/}
body.estudiantes .modulos h3 {color: #aa0000;}
body.empresas .modulos h3 {color: #6b8d2f;}
body.estudiantes .modulos ul li {background: url(bullet_a.gif)/*bullet_a.gif*/ no-repeat left .4em; padding-left: 14px;}
body.empresas .modulos ul li {background: url(bullet_e.gif) no-repeat left .4em;padding-left: 14px;}
body.empresas ul.bulletless li, body.estudiantes ul.bulletless li {background: none; padding-left: 0;}

#nav ul {margin-top: .5em;}
body.estudiantes #nav li {display: block; padding: .3em .2em .3em .8em; border-bottom: 1px solid #f7e1e0;}
body.empresas #nav li {display: block; padding: .3em .2em .3em .8em; border-bottom: 1px solid #f3f8ea;}    
#nav li.dest, #nav li.dest li.dest {font-weight: bold;}
#nav li.dest li {font-weight: normal; border-top: 1px solid #cddcb5; border-bottom: 0; margin-right: .3em;}
body.estudiantes #nav li.sep, body.empresas #nav li.sep {border-width: 0 0 3px; padding-bottom: .7em; margin-bottom: .5em;}
#nav li.dest ul {margin-bottom: 0;}

/* Links */
#navglobal ul.web li a {color: #fff; font-weight: bold; text-decoration: none;}
#navglobal ul.web li a:hover {border-bottom: 1px dotted #fff;}
#nav a {color: #333; text-decoration: none;}
.modulos a.linkfuera img {border: 0; margin-left: .6em;}
body.estudiantes .modulos a {color: #900;}
body.empresas .modulos a {color: #6b8d2f;}

body.estudiantes #nav {background: #f1d2d0 /*e9c6c4;*/}
body.estudiantes #nav li.dest {color: #ad0a0a; background: #f9eeed;}
body.estudiantes #nav li.dest li {color: #000; }
 
body.empresas #nav {background: #cddcb5;}
body.empresas #nav li.dest, body.empresas #nav li.dest a {color: #6b8d2f; background: #f0f6e8;}
body.empresas #nav li.sep {border-color: #f3f8ea;}

#form {background: #e4e4e4; /* estudiantes #f3d7d5*/ /*#d5dcd2*/ border-bottom: 1px solid white;} 
#form {padding-top: .5em;}
#form fieldset {margin-left: .4em; padding-left: .4em; margin-bottom: 0; font-size: .9em; width: 160px;}
#form legend {font-family: georgia, serif; font-weight: bold; padding: .5em 0; font-size: 1.1em; width: 160px;}
#form input {width: 92px; border: 1px solid #d6d6d6 /*estudiantes #e9c6c4*/ /*#a4b79c*/; padding: 0 .2em;}
#form textarea {width: 146px; border: 1px solid #d6d6d6 /* estudiantes #e9c6c4*/; padding: .2em;}
#form input#masinfo {width: 12px; border: 0;}
#form dt label {display: block; width: 54px; float: left;}
#form dt label.grande {width: 100%;}
#form dt label.none {width: 0; float: left;}
#form dt {float: left;}
#form dt.comentario {float: none; width: auto; clear: right;}
#form dd {line-height: 120%; margin-bottom: .2em;}
#form dd.grande {margin-left: 54px;}
#form .button {text-align: center; padding: .5em 0;}
#form .button input {background: #909090; /*#dc7c77*/ /*#718b65*/; width: auto; color: #fff; font-weight: bold; text-align: center;}
#form h4 {font-size: 1.1em; line-height: 120%;}
#form img {border: 0; margin-bottom: 2em;}

#contacto {margin-top: .5em; margin-left: .8em; margin-bottom: 2em;}
#form h4 {font-size: 1.1em;}
#contacto h4 {margin-top: .8em;}
#contacto ul {font-size: .9em;}
#contacto ul li { margin-bottom: .1em;}
#contacto ul li.tel {background: url(i_telefono.gif) no-repeat left top; padding-left: 20px;}
#contacto ul li.email {background: url(i_email.gif) no-repeat left top; padding-left: 20px;margin-bottom: .5em}
#contacto a {color: #333333; text-decoration: underline;}



.modulos {margin-top: 2em; margin-left: 1em;}
.modulos h4 {margin-top: 2em;}
.modulos li {margin-bottom: .4em;}
.modulos li ul {margin-top: .4em;}
.modulos ol + li {background-image: none; background-repeat: no-repeat; padding-left: 0;}
.modulos ol li ul li {background: no-repeat left .4em; padding-left: 14px;}
.modulos dt {font-weight: bold; margin-top: .3em;}
.modulos dl dl dt {font-weight: normal;}
.modulos dd ul, .modulos dt + dd {margin-top: .1em;}
.modulos dd li {margin-bottom: .1em;}
.modulos dd {margin-bottom: .3em;}
.modulos dl dl dd {margin-bottom: .3em;}
.modulos p {margin-bottom: .5em;}
.modulos p.last, .modulos ul.last {margin-bottom: 2em;}
.modulos ul.descargas {margin-top: .5em;}
div.ilustracion {margin-bottom: 1em;}

body.estudiantes .modulos ul.descargas {border-top: 1px solid #ffcece; padding-top: .8em;}
body.estudiantes .modulos ul.descargas li, body.empresas .modulos ul.descargas li, span.descargas, span.descargas2, p.descargas {background: url(i_pdf.gif) no-repeat left .4em; padding-left: 24px; padding-top: .5em;padding-bottom: .8em; border: 1px dotted #ffcece; border-width: 1px 0; margin-top: .8em; margin-bottom: .8em; display: block;}
span.descargas2 {border-top: 0; margin-top: -.8em;}
body.estudiantes #left a {color: #a1111a;}
body.empresas #left a {color: #6b8d2f;}

#footer {text-align: center;  padding: .3em 0; font-size: 85%;}
/* #footer ul {display: inline-block;} */
#footer a {color: #666666; font-weight: bold; /* display: block */; padding: .2em .5em .6em;}
/*body.estudiantes #footer {background: #a1111a; color: #fff;}
body.empresas #footer {background: #6b8d2f; color: #fff;} */
body.estudiantes #footer {background: #f9eeed; color: #666666;}
body.empresas #footer {background: #f0f6e8; color: #666666;}


table {width: 100%; margin: 2em 0; border-top: 6px solid #f0f6e8;}
th {text-align: left; font-weight: normal; border: 1px solid #f3f8ea;}
th.thcolumna {text-align: center;}
thead th {margin: 0;}
thead th {font-weight: bold; border: 0;}
td, th {padding: .5em .4em;}
td {text-align: center; border: 1px solid #f3f8ea; color: #a9a9a9;}
caption {display: none;}
tbody {background: #f0f6e8;}
table img {border: 0;}