body { font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; } /* LAYOUT --------------------------------------------------------------------*/ #header { margin-top: 20px; margin-bottom: 10px; position: relative; background: url(../img/publico/telefono.gif) top right no-repeat; } /* GENERAL -------------------------------------------------------------------*/ a { color: #009FC6; text-decoration: none; } a:hover { color: #555; } a.desc { padding-left: 15px; background: url(../img/publico/desc.gif) center left no-repeat; } /* HEADER --------------------------------------------------------------------*/ #header a.email { position: absolute; top: 0; right: 0; } #menu { height: 20px; padding-bottom: 5px; background: url(../img/publico/bg_menu.gif) bottom left no-repeat #FFF; } #menu li { float: left; width: 155px; text-align: center; background-color: #1B8FB8; margin-right: 2px; } #menu li.ult { margin: 0; } #menu a { display: block; width: 155px; height: 20px; color: #FFF; font-weight: bolder; font-size: 14px; text-decoration: none; line-height: 20px; } #menu a.act, #menu a:hover { background-color: #99C9CD; } h1 { width: 165px; height: 95px; margin-bottom: 20px; } h1 a { width: 165px; height: 95px; display: block; background: url(../img/publico/logo.gif) top left no-repeat; } h1 span { display: none; } h3 { color: #01A1C5; font-size: 20px; font-weight: bolder; margin: 40px 0 20px 0; } h4 { color: #009FC6; font-size: 14px; font-weight: bolder; border-bottom: 1px solid #009FC6; padding-bottom: 3px; margin: 30px 0 20px 0; } h5 { color: #555; font-family: "verdana", sans-serif; font-size: 13px; font-weight: bolder; margin: 30px 0 20px 0; } #form_login { position: absolute; top: 45px; right: 0; height: 19px; width: 305px; padding-left: 10px; background: url(../img/publico/ic_login.gif) center left no-repeat #FFF; } #form_login input { padding: 2px 5px; border: 1px solid #1B8FB8; font-size: 11px; color: #666; float: left; margin-left: 5px; width: 100px; } #form_login input.boton { width: 17px; height: 17px; cursor: pointer; padding: 0; margin: 0 0 0 5px; } #error_login { width: 291px; padding: 5px 0; background-color: #CF0000; position: absolute; top: 75px; right: 0; } #error_login p { color: #FFF; text-align: center; margin: 0; } .facebook { position: absolute; top: 71px; left: 175px; } .twitter { position: absolute; top: 71px; left: 208px; } #sesion { position: absolute; top: 45px; right: 0; } #sesion.recuperar { top: 75px; padding-right: 125px; } #sesion p { font-size: 11px; margin-bottom: 10px; text-align: right; } #sesion a { color: #1B8FB8; text-decoration: none; } #sesion a:hover { text-decoration: underline; } /* BREADCUMB -----------------------------------------------------------------*/ #breadcumb { height: 16px; line-height: 16px; margin-bottom: 20px; } #breadcumb p { margin: 0; color: #99C9CD; } #breadcumb a { color: #99C9CD; text-decoration: none; background: url(../img/publico/bg_breadcumb.gif) center left no-repeat; padding-left: 10px; } #breadcumb span { color: #1B8FB8; padding-left: 10px; background: url(../img/publico/bg_breadcumb.gif) center left no-repeat; } #breadcumb a:hover { color: #555; } /* SIDEBAR -------------------------------------------------------------------*/ p.proximos { height: 20px; line-height: 20px; color: #FFF; font-weight: bolder; font-size: 14px; text-align: center; padding-bottom: 5px; background: url(../img/publico/bg_lista_cursos.gif) bottom left no-repeat #1B8FB8; margin-bottom: 10px; } a.mas_cursos { text-align: right; color: #1B8FB8; font-weight: bolder; text-decoration: none; padding-right: 25px; background: url(../img/publico/ic_mas.gif) center right no-repeat; line-height: 16px; height: 16px; display: block; font-size: 14px; } a:hover.mas_cursos { color: #555; } .proximo_curso { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #70B9D3; } .proximo_curso p { margin: 5px 0 0 0; } .proximo_curso a { padding-left: 16px; background: url(../img/publico/bullet2.gif) top left no-repeat; font-weight: bolder; font-size: 14px; line-height: 16px; color: #009FC6; text-decoration: none; } .proximo_curso a:hover { color: #555; } #menu3 { margin-bottom: 40px; } #menu3 li { margin-bottom: 5px; text-align: right; height: 25px; padding-right: 20px; } #menu3 a { line-height: 25px; padding-right: 20px; background: url(../img/publico/bullet.gif) center right no-repeat; color: #86BCC0; font-size: 20px; font-weight: bolder; text-decoration: none; } #menu3 a:hover { color: #1B8FB8; } .documentacion { background: url(../img/publico/ic_documentacion.gif) center left no-repeat #009FC7; height: 25px; color: #FFF; font-size: 13px; font-weight: bolder; padding-left: 17px; line-height: 25px; margin-bottom: 10px; } /* FOOTER --------------------------------------------------------------------*/ #footer { padding-top: 146px; background: url(../img/publico/bg_footer.gif) top left no-repeat; margin-bottom: 20px; } #footer p { margin: 5px 0 0 0; } #footer p a { color: #555; text-decoration: none; } #footer p a:hover { color: #1B8FB8; } #footer p.legal { padding-left: 12px; background: url(../img/publico/ic_legal.gif) center left no-repeat; float: right; } #menu2 { height: 18px; padding-bottom: 7px; background: url(../img/publico/bg_menu2.gif) bottom right no-repeat #FFF; margin-top: 2px; } #menu2 li { float: left; width: 155px; text-align: center; background-color: #1B8FB8; margin-right: 2px; } #menu2 li.ult { margin: 0; } #menu2 a { display: block; width: 155px; height: 18px; color: #FFF; font-weight: bolder; font-size: 12px; text-decoration: none; line-height: 19px; } #menu2 a:hover { background-color: #99C9CD; } /* GENERAL -------------------------------------------------------------------*/ p { line-height: 16px; margin-bottom: 20px; } .flot_der { float: right; } .flot_izq { float: left; } img.seccion { margin-bottom: 40px; } .cita { padding: 15px; background-color: #EEF5F6; float: right; width: 350px; height: 170px; position: relative; } .cita p { margin-bottom: 10px; color: #86BCC0; font-size: 18px; line-height: 21px; } .cita a { color: #86BCC0; font-size: 14px; text-decoration: none; position: absolute; bottom: 15px; left: 15px; } .cita a:hover { color: #555; } .clear { clear: both; margin-bottom: 80px; } .texto_seccion { background: url(../img/publico/bg_texto.gif) bottom left no-repeat #F9FBF8; padding: 20px 20px 190px 20px; } .small { font-size: 11px; } .nomarg { margin: 0; } /* CURSOS ------------------------------------------------------------------*/ .texto_cursos { padding-right: 250px; padding-bottom: 25px; background: url(../img/publico/ic_cursos.gif) top right no-repeat; margin-bottom: 40px; } .texto_cursos p { text-align: justify; } .titulo_cursos { padding-bottom: 15px; background: url(../img/publico/bg_titulo_recursos.gif) bottom left no-repeat; margin: 50px 0 20px 0; } .titulo_cursos p { margin-bottom: 0; font-size: 18px; font-weight: bolder; color: #1B8FB8; padding-left: 17px; background: url(../img/publico/ic_cursos2.gif) center left no-repeat; } .titulo_curso { padding-bottom: 15px; background: url(../img/publico/bg_titulo_recursos.gif) bottom left no-repeat; margin: 20px 0; } .titulo_curso p { margin-bottom: 0; font-size: 20px; font-weight: bolder; color: #1B8FB8; } .curso { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #E9F4E6; position: relative; } .curso h2 { color: #000; font-size: 15px; font-weight: bolder; margin-bottom: 15px; padding: 5px; background-color: #E9F4E6; } .curso p { padding-left: 20px; margin-bottom: 8px; margin-left: 10px; } .curso img { position: absolute; bottom: 20px; right: 10px; } .curso hr { margin: 20px 0; height: 2px; border: 0; color: #E9F4E6; background-color: #E9F4E6; } .curso ul { margin-bottom: 20px; margin-left: 30px; list-style: square inside none; } .curso li { margin-bottom: 8px; line-height: 16px; padding-left: 0; } .curso .dga { background: url(../img/publico/dga.gif) center left no-repeat; } .curso .fecha { background: url(../img/publico/fecha.gif) center left no-repeat; } .curso .precio { background: url(../img/publico/precio.gif) center left no-repeat; } .curso .creditos { background: url(../img/publico/creditos.gif) center left no-repeat; } .curso .categoria { background: url(../img/publico/categoria.gif) center left no-repeat; } .curso .contenidos { background: url(../img/publico/contenido.gif) center left no-repeat; font-weight: bolder; } .curso .profesores { background: url(../img/publico/profesores.gif) center left no-repeat; font-weight: bolder; } .curso .descuento { font-size: 11px; color: #999; line-height: 14px; } .curso .nomarg { margin-bottom: 0; } /* RECURSOS ------------------------------------------------------------------*/ .texto_recursos { padding-right: 250px; padding-bottom: 25px; background: url(../img/publico/ic_recursos.gif) center right no-repeat; margin-bottom: 40px; } .texto_recursos p { text-align: justify; } .texto_recursos p.links { margin-bottom: 40px; font-size: 25px; font-weight: bolder; color: #1B8FB8; } .texto_recursos a { font-size: 20px; font-weight: bolder; color: #1B8FB8; text-decoration: none; line-height: 24px; } .texto_recursos a.libros { padding-left: 23px; background: url(../img/publico/ic_libros.gif) center left no-repeat; } .texto_recursos a.videos { padding-left: 31px; background: url(../img/publico/ic_videos.gif) center left no-repeat; } .texto_recursos a.enlaces { padding-left: 29px; background: url(../img/publico/ic_enlaces.gif) center left no-repeat; } .titulo_recursos { padding-bottom: 15px; background: url(../img/publico/bg_titulo_recursos.gif) bottom left no-repeat; margin: 20px 0; } .titulo_recursos p { margin-bottom: 0; font-size: 18px; font-weight: bolder; color: #1B8FB8; } .titulo_recursos .libros { padding-left: 17px; background: url(../img/publico/ic_libros2.gif) center left no-repeat; } .titulo_recursos .videos { padding-left: 20px; background: url(../img/publico/ic_videos2.gif) center left no-repeat; } .titulo_recursos .enlaces { padding-left: 20px; background: url(../img/publico/ic_enlaces2.gif) center left no-repeat; } .titulo_recursos .fotos { padding-left: 20px; background: url(../img/publico/ic_fotografias.gif) center left no-repeat; } .recurso { border-bottom: 2px solid #D5E7CF; padding: 0 20px 20px 20px; margin-bottom: 20px; } .recurso img { float: left; margin-right: 20px; width: 85px; } .recurso span.autor { font-size: 10px; color: #000; } .recurso p { margin-bottom: 10px; } .recurso p.titulo { color: #000; font-size: 16px; font-weight: bolder; } .recurso a { text-decoration: none; color: #000; font-size: 16px; font-weight: bolder; } .recurso a:hover { color: #1B8FB8; } .recurso iframe { vertical-align: top; } .recurso .txt_video { float: right; width: 290px; } /* AREA ALUMNOS --------------------------------------------------------------*/ .texto_area { margin-bottom: 80px; background: url(../img/publico/bg_alumnos.gif) top right no-repeat; padding-right: 170px; } .texto_area span { color: #1B8FB8; } .texto_area a { color: #555; } .cursos_alumno p { margin-bottom: 10px; text-align: right; } .cursos_alumno a { float: left; color: #000; font-weight: bolder; text-decoration: none; } .cursos_alumno a:hover { color: #1B8FB8; } .material { border-bottom: 2px solid #D5E7CF; padding: 0 20px 20px 70px; margin-bottom: 20px; background: url(../img/publico/bg_material.gif) top left no-repeat; } .material p { margin-bottom: 10px; } .material p.tit { font-size: 11px; } .material p.tit a { color: #000; font-weight: bolder; text-decoration: none; font-size: 12px; } .material p.tit a:hover { color: #1B8FB8; } #form-recuperar { margin-top: 40px; } #form-recuperar label { color: #1B8FB8; display: block; margin-bottom: 5px; } #form-recuperar input { padding: 2px 5px; border: 1px solid #1B8FB8; font-size: 11px; color: #666; width: 200px; margin-bottom: 10px; display: block; } #form-recuperar input.boton { padding: 2px 5px; background-color: #1B8FB8; color: #FFF; width: 85px; text-align: center; cursor: pointer; } .mensaje-recuperar { background-color: #1B8FB8; padding: 10px; margin-top: 20px; } .mensaje-recuperar p { color: #FFF; margin: 0; } /* PRACTICAS -----------------------------------------------------------------*/ .condiciones { background-color: #009FC7; height: 25px; color: #FFF; font-size: 13px; font-weight: bolder; line-height: 25px; margin-bottom: 10px; margin-top: 50px; padding: 0 5px; width: 310px; } ul.alt { margin-bottom: 20px; margin-left: 10px; list-style-image: url(../img/publico/bullet3.gif); list-style-position: inside; } ul.alt li { margin-bottom: 10px; } p.alt { font-weight: bolder; padding-left: 13px; background: url(../img/publico/bullet4.gif) top left no-repeat; } /* FOTOGRAFÍAS ---------------------------------------------------------------*/ .links_fotografia { font-size: 18px; font-weight: bolder; color: #1B8FB8; } .links_fotografia a { font-size: 18px; font-weight: bolder; color: #1B8FB8; text-decoration: none; } .fotografia { width: 140px; height: 140px; padding: 26px 10px; background: url(../img/publico/bg_fotografia.gif) top left no-repeat; margin-right: 20px; margin-bottom: 20px; float: left; } .fotografia img { clip: rect(0pt, 140px, 140px, 0pt); height: 140px; position: absolute; } .ult { margin-right: 0; } /* CONTACTO ------------------------------------------------------------------*/ .form-contacto { width: 390px; margin-bottom: 50px; float: left; } .form-contacto label { display: block; color: #1B8FB8; font-size: 14px; margin-bottom: 4px; } .form-contacto input { width: 300px; border: 1px solid #999; font-size: 11px; font-family: "arial", "helvetica", sans-serif; color: #555; padding: 2px 5px; } .form-contacto textarea { width: 300px; border: 1px solid #999; font-size: 11px; font-family: "arial", "helvetica", sans-serif; color: #555; padding: 2px 5px; height: 75px; } .form-contacto input.check { float: left; width: 15px; } .form-contacto input.boton { width: auto; padding: 0; border: 0; margin-left: 220px; margin-top: 20px; } .form-contacto li { margin-bottom: 20px; } .form-contacto .validation-advice { background-color: #CF0000; margin-top: 5px; padding: 3px 6px; width: 300px; color: #FFF; } .aviso { float: left; width: 310px; } .aviso h3 { font-size: 16px; } .aviso p { color: #999; font-size: 11px; } .mensaje { background-color: #EEF5F6; padding: 10px; color: #1B8FB8; } .mensaje p { margin: 0; font-size: 14px; } /* COOKIES -------------------------------------------------------------------*/ #catapult-cookie-bar { direction: ltr; color: #fff; min-height: 30px; position: fixed; left: 0; top: 0; width: 100%; z-index: 99999; padding:6px 20px 4px; background-color:#99C9CD ; text-align:left; display:none; } #catapult-cookie-bar a { color: #fff; } button#catapultCookie { margin:0 20px; line-height:20px; background: #009FC6; border:none; color: #fff; padding:4px 12px; border-radius: 3px; cursor: pointer; font-size: 13px; font-weight: bold; }