/* ELEMENTOS BASICOS */ * {margin:0; padding:0} body {text-align:center; color:#7C828E; background-color:#E2E6EE; font:8pt Verdana, Arial, Helvetica, sans-serif} a {color: #1E83D1; text-decoration:underline} a:hover {text-decoration:none} abbr, acronym {font-style: normal; border-bottom: dotted 1px #7C828E; cursor: help;} address {font-style: normal} input, select, textarea {border:1px solid #7C828E} code, var, kbd {font-family: "Courier New", Courier, monospace} form {margin: 15px 0} h1 {font-size:11pt} h2 {font-size:10pt} h3 {font-size:8.5pt} h4 {font-size:8.5pt} p, h1, h2, h3, h4 {margin:5px 0 15px 0} hr {border: none; height: 1px; background-color: #7C828E; margin: 2em 0;} img {border: 0} ul {margin:10px 15px; list-style:none} li {background:url(../images/fle_gui/gui_off.gif) no-repeat 0 7px; padding-left:7px} ul ul {margin:2px 5px 5px 10px} /* ***************************************************** */ /* ESTRUCTURA */ #contenedor {text-align:left; width:6.5in; margin:0 auto} #menu_apoyo {text-align:right; margin:3px 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:7.5pt} #menu_apoyo li {display:inline; background:none; padding:0} #menu_apoyo a {color: #7C828E; text-decoration:none} #menu_apoyo a:hover {text-decoration:underline} #banner_sup {width:887px; background-color:blue; padding:3px; background-color:#FFF; border:1px solid #AABDCB; voice-family: "\"}\""; voice-family:inherit; width:879px} html>body #banner_sup {width:879px} #banner_sup object {display:block;} #menu_principal {margin:10px 0} #menu_principal .menu_principal_borde {float:left; width:1px; height:32px; font-size:1px; background:url(../images/bg/menu_principal_borde.gif) no-repeat bottom left} #menu_principal ul {float:left; margin:0; padding:0 10px; width:885px; height:31px; border-bottom:1px solid #AABDCB; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; background:url(../images/bg/menu_principal_bg.gif) repeat-x bottom left; voice-family: "\"}\""; voice-family:inherit; width:865px} html>body #menu_principal ul {width:865px} #menu_principal li {background:none; margin:5px 0 0 0; padding:0; float:left} #menu_principal a {color: #7C828E} /*#menu_principal .uno {border:none; width:83px} #menu_principal .dos {width:152px} #menu_principal .tres {width:98px} #menu_principal .cuatro {width:54px} #menu_principal .cinco {width:97px} #menu_principal .seis {width:171px} #menu_principal .siete {width:79px}*/ #menu_principal .sep {width:1px; margin-left:13px; margin-right:13px; height:14px; font-size:1px; background:url(../images/bg/menu_principal_sep_bg.gif) no-repeat bottom right} #menu_principal a {text-decoration:none; display:block; margin:0; padding:2px 10px 3px 10px; text-align:center} #menu_principal .sel a, #menu_principal a:hover {color:#fff; background:url(../images/bg/menu_principal_link_bg.gif) repeat-y top left; border-bottom:2px solid #BCC0C7} #contenido {width:100%; margin:30px 0; background: url(../images/bg/fondo_lateral.gif) 0 0 repeat-y} #mapa {width:100%; margin:30px 0; } #contenedor .contenido_home{ background:none; margin-bottom:40px} #home_izq {float:left; width:300px; padding:0} #home_dcha {float:right; background: url(../images/bg/home_sep_vertical_gr.gif) no-repeat top left; width:572px; padding:0 0 0 20px; voice-family: "\"}\""; voice-family:inherit; width:552px} html>body #home_dcha {width:552px} #contenedor .contenido_subhome {background-image:url(../images/fondo_nomenu.gif); padding:0; margin-bottom:5px} #pie {margin:45px 0 20px 0; background: url(../images/bg/separador_pie.gif) no-repeat top center; padding-top: 17px} #pie #txt {margin: 12px 15px 0 0; background-color: #C9D6E4; padding: 7px 8px; width: 731px; float: left; voice-family: "\"}\""; voice-family:inherit; width:715px} html>body #pie #txt {width:715px} #pie #txt .legal {float:right} /* estructura páginas interiores */ /* Lateral Izquierdo */ #lateral { float: left; background-color: #DBE0E9; width: 145px; } #menu_lateral { margin: 0; padding: 0;border-bottom: 1px solid #EDF0F4} #menu_lateral li { background: url(../images/fle_gui/bullet_menu_lat.gif) 5px 9px no-repeat; padding: 4px 0 4px 17px; border-bottom: 1px solid #CBD7E1; border-top: 1px solid #EDF0F4 } #menu_lateral li a { color: #7B818D; text-decoration:none; font-size: 9px} #menu_lateral li a:hover { text-decoration:underline; color:#D21A00} #menu_lateral li:hover, #menu_lateral li.sel, #menu_lateral li.over {background-image:url(../images/fle_gui/bullet_menu_lat_on.gif)} #menu_lateral li.sel a { font-weight: bold; color:#D21A00} #menu_lateral li.primera{ border-top:0} /* Contenido */ #content {float: left; width: 100%; padding: 0 0 0 0px; voice-family: "\"}\""; voice-family:inherit; width:100%} html>body #content {width:100%} #content h2, #mapa h2{ color: #2F7EBB; margin-top: 0; font:bold 13px Arial, Helvetica, sans-serif;} #content h2 span { font-size: 11pt} #content h3, #content h3 a {color:#7C828E; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none} #content h4{color:#7C828E; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; margin-left:5px} #contenedor .content_peque {width: 100%; padding-right: 10px; voice-family: "\"}\""; voice-family:inherit; width:100%} html>body #contenedor .content_peque {width:100%} #contenido .content_subhome {width: 100%; padding:0 10px 0 0; voice-family: "\"}\""; voice-family:inherit; width:100%} html>body #contenido .content_subhome {width:100%} #contenido .content_entero {width: 100%; padding:5px 10px 0 5px; voice-family: "\"}\""; voice-family:inherit; width:100%} html>body #contenido .content_entero {width:100%} #derecho{ float:right; width:186px} /* ***************************************************** */ /* COMUNES Y VARIOS */ .clearfix:after, #direcciones:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .clearfix, {display:inline-table} /* Hides from IE-mac \*/ * html .clearfix, * html #direcciones {height: 1%} .clearfix {display: block;} /* End hide from IE-mac */ .borde_imagen {border:1px solid #AABDCB; padding:3px; background-color:#fff; float:left} .borde_imagen img {display:block} .fl {float:left} .fr {float:right} .sep_horiz {font-size:1px; line-height:10px; margin:10px 0} #home_dcha .sep_horiz_home {background:url(../images/bg/sep_horiz_home_1.gif) no-repeat top center; margin:20px 0} .detalle_img{ width: 430px; text-align:center; margin: 40px 0 0 85px;} .detalle_img h3{ color: #000; font-size: 13px} .detalle_img p{ text-align:left} .detalle_img img{ border: 2px solid #BCBFC7} .sep_int{ text-align:center; margin: 13px 0} .volver{ clear: both;text-align:right; margin: 20px 0} .subir {text-align:right; margin-top:0; margin-right:10px} #content h3.interior {font:bold 10pt Arial, Helvetica, sans-serif; color: #7C828E; margin:10px 0} #content h3.subhome {font:bold 11pt Arial, Helvetica, sans-serif; color: #7C828E; margin:30px 0 15px 0; background:url(../images/bg/subrayado_tit_subhome.gif) no-repeat bottom right} .sinborde{border:0} .centrado{ text-align:center} #content select{font-size: 8.5pt; font-family:Verdana, Arial, Helvetica, sans-serif} /* Formularios */ fieldset { border: 0; padding: 0 0 0 14px; margin: 20px 0 0 0;} fieldset.fieldset1{background: url(../images/bg/fondo_fieldset1.gif) 0 0 no-repeat; } fieldset.fieldset2{background: url(../images/bg/fondo_fieldset2.gif) 0 0 no-repeat} fieldset legend{ font-size: 11px; font-weight:bold; margin: 14px 0 0 0; display: block} fieldset table{width: 100%; font-size: 10px; margin: 30px 0 0 0} fieldset table td{padding: 7px 0} fieldset table td.uno{ text-align:right; padding-right: 8px; vertical-align:top} .caja{font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif} /* Listas */ .fle_roja{list-style:none; margin:0; padding: 0} .fle_roja li{background: url(../images/fle_gui/fle_roja.gif) 0 4px no-repeat; padding: 0 0 0 14px; margin-bottom: 8px; } .profesional {list-style:none; margin:0; padding:0;margin-left:43px } ul.direccion {list-style:none; margin:0; padding:0;margin-left:43px; float:left; } .profesional li, .direccion li{background: url(../images/fle_gui/fle_roja.gif) 0 4px no-repeat; padding: 0 0 0 14px; margin-bottom: 8px; } div.datos {float:left; width:277px; } ol.listado_noticias {list-style:none} ol.listado_noticias li {background:none; margin-top:30px; margin-bottom: 0px} ul.secciones_subhome {margin:15px 0 0 0} ul.secciones_subhome li {background: url(../images/bg/sep_horiz_lista_subhome.gif) no-repeat top center; margin:5px 0 0 0; padding:15px 0 0 0} ul.secciones_subhome li.primera {background:none; margin-top:0; padding-top:0} ul.secciones_subhome a.seccion {font-weight:bold} ul.secciones_subhome span.boton {display:block; text-align:right; margin:10px 6px 0 0} /* Botones Inferiores */ #opciones{margin: 25px 0 30px 0; background: url(../images/bg/separador_pie.gif) no-repeat top center; padding-top: 17px; text-align:center} #opciones img{margin-right: 25px} .paginador {text-align:center; margin:30px 0} .paginador .anterior {margin-right:30px} /* Scrolling Nuestras Instalaciones */ #divText{position:absolute; left:0px; top:0px; } #divScrollTextCont{position:relative; left:0px; top:0px; width:645px; height:205px; clip:rect(645px 105px 0 0); overflow:hidden} #scrollIzq{ float: left; display: block; width: 28px; padding: 62px 10px 0 0; text-align:right} #scrollDer{ float: left; display: block; width: 10px; padding: 50px 0 0 5px} #scrollFlotante{float: left; width: 645px} /* ***************************************************** */ /* MODULOS */ .modulo_home {width:262px; float:left} .modulo_home.fr {width:277px; float:right; background:url(../images/bg/home_sep_vertical_pq.gif) no-repeat top left; padding-left:15px; voice-family: "\"}\""; voice-family:inherit; width:262px} html>body .modulo_home.fr {width:262px} .modulo_home h2 {font:bold 17px Arial, Helvetica, sans-serif; color:#2F7EBB; margin:0 0 10px 0} .modulo_home p {position:relative; overflow:hidden; background-color:#D1DBE7; margin:0; padding:14px 14px 32px 14px; height:245px; voice-family: "\"}\""; voice-family:inherit; height:199px} html>body .modulo_home p {height:199px} .modulo_home .borde_imagen {border:1px solid #AABDCB; padding:3px; background-color:#fff; float:left} .modulo_home .borde_imagen img {display:block} .modulo_home .texto {display:block; margin:110px 0 10px 0} .modulo_home .texto p {margin:0} .modulo_home .boton {position:absolute; bottom:14px} #home_izq .modulo_img_txt {background:url(../images/bg/sep_horiz_home_2.gif) no-repeat top center; padding:33px 0 0 0; margin:20px 0 0 0 } #home_izq .modulo_img_txt .img {width:139px; float:left; text-align:center} #home_izq .modulo_img_txt .txt {width:160px; float:right} #home_izq .modulo_img_txt h2 {font:bold 15px Arial, Helvetica, sans-serif; color:#2F7EBB; margin:0} #home_izq .modulo_img_txt p {margin-top:5px} #home_izq .modulo_img_txt address {margin:0} .modulo_destacado_home {width:299px} .modulo_destacado_home h2 {font:bold 17px Arial, Helvetica, sans-serif; color:#2F7EBB; margin:0 0 10px 0} .modulo_destacado_home p {position:relative; overflow:hidden; margin:0; padding:1px 0 32px 0; height:245px; voice-family: "\"}\""; voice-family:inherit; height:212px} html>body .modulo_destacado_home p {height:212px} .modulo_destacado_home .borde_imagen {border:1px solid #AABDCB; padding:3px; background-color:#fff; float:left} .modulo_destacado_home .borde_imagen img {display:block} .modulo_destacado_home .texto {display:block; margin:110px 0 10px 0} .modulo_destacado_home .texto p{margin: 0} .modulo_destacado_home .boton {position:absolute; bottom:20px} .modulo_interior {width:220px; float:left; margin: 0 60px 30px 0} #content .modulo_interior h3 {font:bold 14px Arial, Helvetica, sans-serif; color: #7C828E; margin:0 0 3px 0;} .modulo_interior div { text-align:center; background:#EBEEF4; border:1px solid #AABDCB; /*position:relative;*/ overflow:hidden; margin:0; padding: 10px 11px 15px 11px; height:215px; voice-family: "\"}\""; voice-family:inherit; height:190px} html>body .modulo_interior div {height:190px;} .modulo_interior .borde_img {border:1px solid #AABDCB; padding:3px; background-color:#fff; display: block; margin: 0 auto; width: 177px} .modulo_interior .borde_img img {display: inline} .modulo_interior p {margin: 8px 0 8px 0; text-align:left} .modulo_interior div .boton { display: block; text-align:right} .modulo_interior div .plan_empresa { display: block; text-align:right; margin-top:25px; margin-bottom:5px} .modulo_interior.peq{margin-right: 30px; margin-left: 5px} .modulo_interior.par{margin-right: 0;} .modulo_derecho {width:186px; margin: 0 0 20px 0} #derecho .modulo_derecho h2 {font:bold 14px Arial, Helvetica, sans-serif; color: #2F7EBB; margin:0 0 3px 0;} .modulo_derecho div { text-align:center; background-color: #D1DBE7; overflow:hidden; margin:0; padding: 10px 11px} .modulo_derecho .borde_img {border:1px solid #AABDCB; padding:3px; background-color:#fff; display: block; margin: 0 auto; width:150px} .modulo_derecho .borde_img img {display:block} .modulo_derecho p {margin: 8px 0 8px 0; text-align:left; position:relative} .modulo_derecho p.boton {margin-bottom:0} .modulo_derecho p.sin_margen {margin-bottom:0} /* se utiliza en el módulo de descarga de acrobat reader */ .modulo_derecho div .boton img {display:inline} /* módulo derecho descarga de manual */ .modulo_derecho .acrobat{ text-align:left; padding: 7px 0 0 0; margin: 8px 0 0 0; border-top: 1px solid #FFF} /*.descarga_manual div {padding:10px 11px 5px 11px} .descarga_manual div.boton {padding:5px 11px 5px 11px; margin-top:1px; text-align:left }*/ #menu {background:url(../images/fondo_menu.gif) bottom no-repeat; margin:0; padding:14px 0 8px; list-style:none} #menu li {padding:0; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#7B818D; padding:0 7px 0 6px; background:url(../images/bg/menu_principal_sep_bg.gif) no-repeat right } #menu li.ultima {background:none;} #menu li a {color:#7b818d; display:block; padding:2px 14px 7px; text-decoration:none; } #menu li a:hover, #menu li a.activa {color:white; background-color:#D21A00; padding-bottom:5px; border-bottom:2px solid #BABEC4} #menu:after, div.contenedor_profesional:after {content:".";height:0; clear:both; display:block; visibility:hidden} /* Hides from IE-mac \*/ * html #menu, * html #contenido, * html div.contenedor_profesional {height: 1%;} /* End hide from IE-mac */ #fotos { margin:16px 0 } #fotos img {border:1px solid #828893; margin-right:12px; margin-bottom:12px} #content div.foto_profesional {float:left; display:inline; margin-left:45px; width:137px; border:1px solid #AABDCB; } #content div.foto_profesional p {margin:0} #content div.foto_profesional img {background:#fff; padding:2px; margin:1px } #plano_situacion {width:298px; margin:20px auto; font-size:1px; border:1px solid #AABDCB;} #plano_sitacion p {margin:0; padding:0; display:block } #plano_situacion img {border:1px solid #AABDCB; display:block; margin:5px} #contenido h4.tit_noticia {color:black; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif} p.botones {text-align:center} #formu_contacto, #formu_oferta, #formu_recomendar p.campo, #formu_cita{margin-bottom:18px} #formu_contacto div.zona:after, #formu_contacto p.campo:after, #formu_recomendar div.zona:after, #formu_recomendar p.campo:after, #formu_oferta p.campo:after, #formu_cita p.campo:after {content:".";height:0; clear:both; display:block; visibility:hidden} /* Hides from IE-mac \*/ * html #formu_contacto div.zona, * html #formu_contacto p.campo, * html #formu_recomendar div.zona, * html #formu_recomendar p.campo, * html #formu_oferta p.campo, #formu_cita p.campo{height: 1%;} /* End hide from IE-mac */ #formu_contacto {width:504px} #formu_recomendar, #formu_oferta, #formu_cita {width:504px; margin:30px auto} #formu_contacto div.zona p, #formu_recomendar div.zona p, #formu_oferta div.zona p, #formu_cita div.zona p {float:right; width:250px; text-align:right; margin:0} #formu_contacto div.zona h4, #formu_recomendar div.zona h4, #formu_oferta div.zona h4, #formu_cita div.zona h4 {font-size:10px; background-image:url(../images/fle_gui/bullet_menu_lat_on.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; width:250px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif } form {margin:0; padding:0} div.hr {background:url(../images/hr.gif) no-repeat; height:3px; font-size:1px; line-height:1px; margin:5px 0 20px} div.hr hr {display:none;} div.galeria {background-image:url(../images/bg/sep_galeria.gif)} #formu_contacto label, #formu_oferta label, #formu_cita label {width:178px; float:left; text-align:right; display:block; padding-top:2px} #formu_recomendar label {width:105px; float:left; text-align:right; display:block; padding-top:2px} #formu_contacto label.sn{width:73px; float:left; text-align:right; display:block; padding-top:2px} #formu_oferta label.sn, #formu_cita label.sn{width:30px; float:left; text-align:right; display:block; padding-top:2px} #formu_contacto input, #formu_contacto textarea, #formu_oferta input, #formu_cita input, #formu_oferta textarea, #formu_cita textarea {width:151px; float:left; margin-left:9px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px} #formu_recomendar input{width:112px; float:left; margin-left:9px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px} #formu_recomendar textarea{width:312px; float:left; margin-left:9px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px} #formu_contacto select, #formu_oferta select, #formu_cita select {width:46px; float:left; margin-left:9px; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px} #formu_contacto select.tipovia, #formu_oferta select.tipovia, #formu_cita select.tipovia {width:75px;} #formu_contacto select.info_de, #formu_oferta select.info_de, #formu_cita select.consulta {width:220px;} #formu_oferta select#provincia, #formu_oferta select#provincia1, #formu_cita select#provincia {width:150px;} #formu_contacto input.numero, #formu_oferta input.numero, #formu_cita input.numero {width:40px; } #formu_cita select#empresa {display:none; width:180px} #formu_contacto input.tfn, #formu_oferta input.tfn, #formu_cita input.tfn {width:90px; } #formu_contacto input.sn, #formu_oferta input.sn, #formu_cita input.sn{width:auto; margin-top:2px} #imgs_instalaciones {margin-left:59px} #imgs_instalaciones img {margin-right:7px; margin-bottom:7px} #instalaciones {margin-top:22px;} #instalaciones p {margin-bottom:12px} #instalaciones p.img {text-align:center; margin-bottom:28px} #instalaciones p.img img {border:1px solid #E2E6EE} div.oculto {display:none;} #info {font-size:8pt} div#contenido.tres_modulos {background-image:url(../images/bg/fondo_trespartes.gif)} #contenido ul#clientes li {background-image:url(../images/bg/bullet_clientes.gif); background-position:0 5px; font-size:11px; font-weight:bold; margin-bottom:3px} #contenido ul.links li {background-image:url(../images/fle_gui/bullet_menu_lat_on.gif); background-position:0 5px; } #contenido div.lista_enlaces {margin-bottom:0} div.navegador:after {content:".";height:0; clear:both; display:block; visibility:hidden} /* Hides from IE-mac \*/ * html div.navegador {height: 1%;} /* End hide from IE-mac */ div.navegador {padding:0} div.navegador h3 {width:180px; float:left; margin-bottom:0; margin-top:0} div.navegador p.enlaces {width:300px; float:right; text-align:right; display:inline; margin-right:20px; padding-top:4px; margin-bottom:0; margin-top:0} div.navegador p.enlaces a.sig {margin-left:30px} div.sep_noticias_down{margin-bottom:5px; margin-top:20px} #cuerpo_noticia {margin-left:4px} #contenido h3.actividades, #contenido h3.supuestos {font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7C828E; background-image:url(../images/fle_gui/gui_off.gif); background-position:left center; background-repeat:no-repeat; padding-left:6px} #contenido ul.actividades li, #contenido ul.supuestos li {margin-bottom:2px; background-image:url(../images/fle_gui/gui_off.gif); margin-left:20px; background-position:left center; background-repeat:no-repeat} #cursos th {color:#D21A00; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#EBEFF6; padding:12px 12px 12px 34px; border-right:1px solid #7C828E; border-bottom:1px solid #7C828E} #cursos {border-top:1px solid #7C828E; border-left:1px solid #7C828E; width:555px; margin:0 auto;} #cursos td {padding:10px 12px 7px 34px; border-right:1px solid #7C828E; border-bottom:1px solid #7C828E; background-color:#fff; color:#7C828E; font-size:10px;} #cursos td.duracion {font-weight:bold;} #cursos .curso {width:370px; } #cursos .duracion {width:185px} #cursos td.light {background-color:#EBEFF6} #contenido #mapa div.left {margin-left:75px; display:inline; width:305px; float:left;} #contenido #mapa div.right {display:inline; float:right; margin-right:12px; width:420px} #contenido #mapa h3 {margin-bottom:15px} #mapa ul {margin-bottom:20px; margin-top:13px} #mapa li {margin-bottom:4px; background-image:none} #mapa h3.cita a {text-decoration:underline;color:#1E83D1} #error {background:#fff; color:#D21A00; font-weight:bold; border:1px solid #7A808C; margin:0 auto; width:300px} #error p {margin:10px} #contacto_direccion {display:none} #contacto_telefonico {display:none} #contacto_email {display:none} .img_home_izda {display:block;} #cabecera_impresion {display:block;} #menu, #banner_sup, #lateral {display:none;} #opciones {display:none;} #aviso_legal {display:none;} #logos {display:none;} #cabecera_impresion {display:block;} .volver {display:none;} #derecho {display:none;} #clientes, .subir, ul.secciones_subhome span.boton, #menu_apoyo {display:none;} #cursos {margin-left:2%; margin-right:2%}