body {background:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; color:black; outline:none; text-align:center; font-size:13px; z-index:1;} /* Rompiendo valores por defecto.*/ * {margin:0; padding:0;} a {color:#0000ee; outline:none; text-decoration:underline;} a:hover {color:#0000ee; text-decoration:underline;} a img {border:0;} ul {display:block;} li {list-style:none outside none;} small {font-size:11px;} big {font-size:14px;} /* Hack - divs contenedores de floats */ .fleft{float: left;} .clear{clear:both;} div:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div{display:inline-block;} div{display:block;} * html div{height:1px;} #cabecera { width:100%; height:83px; background:transparent url(../../img/top.gif) repeat-x; position:relative; z-index:1} #cabecera p { width:760px; margin:0 auto; text-align:left; position:relative; z-index:3} #cabecera p #logo {display:block; position:absolute; top:19px; left:0px; width:140px; height:45px; background:transparent url(../../img/logo_deusto.gif) no-repeat; text-indent:-9999px; z-index:3} #cabecera ul {width:600px; height:80px; padding:0 0 0 160px; margin:0 auto; text-align:right; position:relative; z-index:2} #cabecera ul li {display:block; width:160px; height:80px; float: left; background:transparent url(../../img/separador.gif) repeat-y 100% 0%; padding:0; z-index:2} #cabecera ul li a {display:block; width:100%; padding:20px 0 0 0; height:60px; font-size: 14px; overflow: hidden; font-weight: bold; text-align:center; background:transparent none; z-index:2} #cabecera ul li.empresa , #cabecera ul li.calidad {width:130px;} #cabecera ul li.calidad {background:transparent;} #cabecera ul li.empresa a:hover{background-image:url(../../img/empresa2.gif) } #cabecera ul li.marketing a:hover{background-image:url(../../img/marketing2.gif) } #cabecera ul li.informatica a:hover{background-image:url(../../img/inform2.gif) } #cabecera ul li.calidad a:hover{background-image:url(../../img/calidad2.gif) } #cabecera ul li a.enLaSeccion{text-decoration:none; color:black; cursor:default;} #cabecera ul li.empresa a.enLaSeccion{background-image:url(../../img/empresa2.gif); } #cabecera ul li.marketing a.enLaSeccion{background-image:url(../../img/marketing2.gif) } #cabecera ul li.informatica a.enLaSeccion{background-image:url(../../img/inform2.gif) } #cabecera ul li.calidad a.enLaSeccion{background-image:url(../../img/calidad2.gif) } #cabecera ul li a.dentroLaSeccion{ } #cabecera ul li.empresa a.dentroLaSeccion{background-image:url(../../img/empresa2.gif); } #cabecera ul li.marketing a.dentroLaSeccion{background-image:url(../../img/marketing2.gif) } #cabecera ul li.informatica a.dentroLaSeccion{background-image:url(../../img/inform2.gif) } #cabecera ul li.calidad a.dentroLaSeccion{background-image:url(../../img/calidad2.gif) } #cuerpo {width:760px; margin:0px auto;} #cuerpo.home{background:transparent url(../../img/fondo.gif) no-repeat left top;} #cuerpo #imagen { height: 260px; width: 201px; float: left;margin-top: 22px; padding-left: 12px; border:0;} #cuerpo #pastilla {height: 260px; width: 519px; float: left; background:transparent url(../../img/caja.gif) no-repeat; margin:22px 0 0 19px; text-align: left;} #cuerpo #pastilla h1 {margin:23px 25px 10px 25px; font-size:14px; background:transparent url(../../img/titular.gif) no-repeat left top; text-indent:-9999px; height:25px; } #cuerpo #pastilla p {margin:0px 35px 18px 25px;} #cuerpo #menu {width:736px; height:350px; border:1px solid #cfcfcf; background:#f2f2f2 url(../../img/fondo_cuadro_home.gif) repeat-x; float:left; margin:23px 0 25px 13px; } #cuerpo #menu li {display:block; float:left; width:303px; height:200px; margin:18px 6px 0 40px;} #cuerpo #menu li span a{display:block; width:303px; height:45px; text-indent:-9999px; background:transparent url(../../img/menu_cursos_empresa.gif) no-repeat;} #cuerpo #menu li.marketing span a{background-image:url(../../img/menu_cursos_marketing.gif)} #cuerpo #menu li.informatica span a{background-image:url(../../img/menu_cursos_informatica.gif)} #cuerpo #menu li.calidad span a{background-image:url(../../img/menu_cursos_calidad.gif)} #cuerpo #menu li ul {display:block;margin-top:8px;} #cuerpo #menu li ul li{display:block; float:none; width:auto; height:auto; font-size:11px; line-height:13px; margin:0; list-style:none outside none; text-align:left; padding-left:44px; background:transparent url(../../img/bullet_menu_empresa.gif) no-repeat 33px 4px;} #cuerpo #menu li.marketing ul li{background-image:url(../../img/bullet_menu_marketing.gif)} #cuerpo #menu li.informatica ul li{background-image:url(../../img/bullet_menu_informatica.gif)} #cuerpo #menu li.calidad ul li{background-image:url(../../img/bullet_menu_calidad.gif)} #cuerpo.siteMap h1{font-size:16px; width:700px; margin:0px auto; text-align:left; padding:20px 0 0 0;} #cuerpo.siteMap ul{width:650px; margin:0px auto; text-align:left; font-size:14px; padding:20px 0;} #cuerpo.siteMap ul li {margin:8px 0; font-weight:bold;} #cuerpo.siteMap ul ul {margin:0 0 15px 30px; padding:0;} #cuerpo.siteMap ul ul li {font-weight:normal; margin:4px 0;} /* Excepciones IE6 */ * html #cuerpo #menu {margin:23px 0 25px 6px;} * html #cuerpo #menu li {margin:18px 22px 0 20px;} * html #cuerpo #menu li.corto {height:120px;} #cuerpo #newsletter {font-size: 12px; width: 370px; float:left; border-right: 1px solid #E3E3E3; height: 140px;} #cuerpo #newsletter p.h2{font-size:14px; text-indent:-9999px; background:transparent url(../../img/suscribete.gif) no-repeat left top; margin-bottom:15px;} #cuerpo #newsletter p {margin:8px 0px 8px 0px;} #cuerpo #newsletter p label {padding-right:10px;} #cuerpo #newsletter p input.submit{height:31px; width:31px; background:transparent url(../../img/news.gif) no-repeat; border:0px; font-size:0; line-height:0; padding-top:15px; cursor:pointer;} #cuerpo #newsletter p#avisoLegal{padding-left:80px; font-size:10px;} #cuerpo #campus {width: 800px; text-align: left; font-size: 12px; float: left; margin-left: 75px;padding-top: 10px;padding-bottom: 20px;} #cuerpo #campus #izq{float:left;} #cuerpo #campus #der{margin-top:-13px;} #cuerpo #campus #campusimg{border:0; width:191px;} #pie { border-top:2px solid black; height: 53px; margin-top: 0px; padding-top: 23px; text-align: center; width: 100%;} #pie li{display:inline; padding:0 10px;} #pie li a.seleccionado{color:black; text-decoration:none; cursor:default; font-weight:bold;} span.b{font-weight:bold;} #fenix{} #fenix a{color:#999; text-decoration:none;} #fenix a:hover{text-decoration:underline;} #fenix h2{font-size:11px; color:#999;} #fenix h2 a{color:#999; } #fenix h2 b{font-weight:normal;}