/* Maquetación by Totbits Solutions (www.totbits.com) */ /* FONT FACE -----------------------------------------------------------------*/ @font-face { font-family: 'AllerBold'; src: url('/fonts/aller_bd-webfont.eot'); src: url('/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_bd-webfont.woff') format('woff'), url('/fonts/aller_bd-webfont.ttf') format('truetype'), url('/fonts/aller_bd-webfont.svg#AllerBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerBoldItalic'; src: url('/fonts/aller_bdit-webfont.eot'); src: url('/fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_bdit-webfont.woff') format('woff'), url('/fonts/aller_bdit-webfont.ttf') format('truetype'), url('/fonts/aller_bdit-webfont.svg#AllerBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerItalic'; src: url('/fonts/aller_it-webfont.eot'); src: url('/fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_it-webfont.woff') format('woff'), url('/fonts/aller_it-webfont.ttf') format('truetype'), url('/fonts/aller_it-webfont.svg#AllerItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerLightRegular'; src: url('/fonts/aller_lt-webfont.eot'); src: url('/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_lt-webfont.woff') format('woff'), url('/fonts/aller_lt-webfont.ttf') format('truetype'), url('/fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerLightItalic'; src: url('/fonts/aller_ltit-webfont.eot'); src: url('/fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_ltit-webfont.woff') format('woff'), url('/fonts/aller_ltit-webfont.ttf') format('truetype'), url('/fonts/aller_ltit-webfont.svg#AllerLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerRegular'; src: url('/fonts/aller_rg-webfont.eot'); src: url('/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_rg-webfont.woff') format('woff'), url('/fonts/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller_rg-webfont.svg#AllerRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AllerDisplayRegular'; src: url('/fonts/allerdisplay-webfont.eot'); src: url('/fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/allerdisplay-webfont.woff') format('woff'), url('/fonts/allerdisplay-webfont.ttf') format('truetype'), url('/fonts/allerdisplay-webfont.svg#AllerDisplayRegular') format('svg'); font-weight: normal; font-style: normal; } /* DEFAULT ELEMENTS ----------------------------------------------------------*/ * { margin: 0; padding: 0; /*text-shadow: #000000 0 0 0px;*/ } textarea { resize: none; } *:focus { outline: none; } body { font-family: Arial; font-size: 12px; color: #232526; background: url('/css/bg_page.gif') repeat-x; } img { border: 0; } ul { list-style: none; } a { outline: 0; } table { border-spacing: 0; border-collapse: collapse; border: none; } td, th { vertical-align: top; text-align: left; } select { padding: 0; } option { padding: 1px 5px; } select { font-size: 10px; border: 1px solid #c5c7c9; } input { padding: 2px; font-size: 11px; border: 1px solid #c5c7c9; } textarea { font-family: Arial; padding: 2px; font-size: 11px; border: 1px solid #c5c7c9; } p label.error { color: #f00 !important; } a.pdf { display: block; background: url('/css/pdf.png') 0 5px no-repeat; padding: 6px 0; padding-left: 20px; text-decoration: none; color: #4475dd; } a.pdf:hover { text-decoration: underline; } a.email { text-decoration: none; color: #191919; } a.email:hover { text-decoration: underline; } .resaltado { color: #ec008c; } .noborder { border: 0 !important; } .noborder img { border: 0 !important; } .right { text-align: right; } .left { text-align: left; } .bottom { vertical-align: bottom; } .middle { vertical-align: middle; } .justify { text-align: justify; } .center { text-align: center; } .clear { clear: both; } .error { color: #f00; } .nowrap { white-space: nowrap; } .hide { display: none; } .noline { text-decoration: none !important; } .line { text-decoration: underline !important; } /* LAYERS */ #capsule { width: 970px; margin: auto; } /* HEADER */ #header { position: relative; height: 90px; z-index: 100; } #header #logo { position: absolute; top: 13px; left: -2px; } #header #logo h4 { margin-top: 6px; margin-left: 4px; } #header #instituto { position: absolute; top: 28px; left: 566px; } #header #instituto_in { position: absolute; top: 29px; right: 20px; } #header #langs { position: absolute; top: 17px; right: -10px; } #header #langs_in { position: absolute; top: 3px; right: 0px; } #header a { margin: 0 4px; text-decoration: none; color: #26282a; font-size: 11px; } #header a:hover { text-decoration: none; } #header a.sel { font-weight: bold; } #header #float_image { position: absolute; top: -5px; right: -60px; width: 400px; height: 375px; overflow: hidden; } #header .style_logo {color:#fff;} /* SUBHEADER */ #subheader { position: relative; height: 280px; background: url('/css/cabeceras/unidad_cadera.jpg'); overflow: hidden; } #subheader .subtexto { position: absolute; top: 550px; left: 40px; color: #fff; width: 650px; height: 250px; } #subheader .subtexto .celda { width: 520px; color:#cbd2d7;} #subheader .subtexto h3 { margin-bottom: 10px; } #subheader .subtexto p.lh { line-height: 18px; margin: 5px 0px; } #subheader .subtexto p.lh b { color:#fff; } #subheader .subtexto ul { color: #fff; font-size: 12px; } #subheader .subtexto li { list-style-type: none; margin-left:20px; line-height: 20px; list-style-image: url('/css/list_style_image_header.gif') } #subheader .subtexto a { text-decoration: none; color: #cbd2d7; } #subheader .subtexto a:hover { color: #ff944d; } #subheader table.patologias {width:560px;} #subheader table.patologias td {width:50%;} #subheader a.head_button { background: transparent url('/css/btn_head_button_right.gif') no-repeat scroll top right; display: block; float: left; height: 25px; overflow: hidden; padding-right: 30px; margin-top: 6px; text-decoration: none; color: #000; } #subheader a.head_button span img { margin-bottom: 4px; margin-top: 4px } #subheader a.head_button span { background: transparent url('/css/btn_head_button_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 0 5px 15px; } #subheader a.head_button:hover span { background: transparent url('/css/btn_head_button_over_left.gif') no-repeat; } #subheader a.head_button:hover { background: transparent url('/css/btn_head_button_over_right.gif') no-repeat scroll top right; } /* HEADER IN */ #header_in { height: 6px; overflow: hidden; } /* MENU */ #menu { width: 1000px; height: 65px; overflow: hidden; } #menu a.button { background: transparent url('/css/menu_button_right.gif') no-repeat scroll top right; display: block; float: left; height: 33px; width: 177px; overflow: hidden; margin-right: 6px; padding-right: 15px; text-decoration: none; color: #fff; } #menu a.button.last { background: transparent url('/css/menu_button_right_last.gif') no-repeat scroll top right; display: block; float: left; height: 33px; width: 177px; overflow: hidden; margin-right: 6px; padding-right: 15px; text-decoration: none; color: #fff; } #menu a.button span img { margin-bottom: 6px; margin-top: 2px } #menu a.button span { background: transparent url('/css/menu_button_left.gif') no-repeat; display: block; line-height: 22px; padding: 7px 0 5px 18px; text-align: center; } #menu a.button.first span { background: transparent url('/css/menu_button_left_first.gif') no-repeat; display: block; line-height: 22px; padding: 7px 0 5px 18px; text-align: center; } #menu a.button:hover span { background: transparent url('/css/menu_button_over_left.gif') no-repeat; } #menu a.button.first:hover span { background: transparent url('/css/menu_button_over_left_first.gif') no-repeat; } #menu a.button:hover { background: transparent url('/css/menu_button_over_right.gif') no-repeat scroll top right; } #menu a.button.last:hover { background: transparent url('/css/menu_button_over_right_last.gif') no-repeat scroll top right; } #menu a.button_sel { background: transparent url('/css/menu_button_sel_right.gif') no-repeat scroll top right; display: block; float: left; margin-left: -15px; height: 33px; width: 182px; overflow: hidden; margin-right: 6px; padding-right: 30px; text-decoration: none; color: #fff; cursor: default; } #menu a.button_sel:hover { background-image: url('/css/menu_button_sel_right.gif'); } #menu a.button_sel span img { margin-bottom: 8px; margin-top: 2px } #menu a.button_sel span { background: transparent url('/css/menu_button_sel_left.gif') no-repeat; display: block; line-height: 22px; padding: 7px 0 5px 18px; text-align: center; } #menu a.button_sel:hover span { background-image: url('/css/menu_button_sel_left.gif'); } #menu a.button_sel.first { margin-left: -2px; } #menu a.button.first { margin-left: 0; } #menu a.button_sel.margin { margin-left: -13px; } #menu a.button.margin { margin-left: -13px; } #menu a.button.margin_sel_left { margin-left: -20px; } /* SUBMENU */ #submenu { width: 200px; } #submenu a.button { background: transparent url('/css/submenu_button_right.gif') no-repeat scroll top right; display: block; float: left; height: 25px; overflow: hidden; width: 146px; margin-right: 6px; padding-right: 20px; padding-bottom: 2px; text-decoration: none; color: #fff; } #submenu a.button span img { margin-bottom: 4px; } #submenu a.button span { background: transparent url('/css/submenu_button_left.gif') no-repeat; display: block; padding: 5px 0 5px 10px; } #submenu a.button:hover span { background: transparent url('/css/submenu_button_over_left.gif') no-repeat; } #submenu a.button:hover { background: transparent url('/css/submenu_button_over_right.gif') no-repeat scroll top right; } #submenu #marco_imagen { clear: both; margin-top: 35px; background: url('/css/blank.gif') no-repeat center center; } #submenu .content a:hover {color:#aaa !important;} /* CONTENT */ #content { min-height: 280px; height: auto !important; height: 280px; margin-bottom: 43px; } /* FOOT */ #footer { width: 100%; background: #9da5ac url('/css/bg_footer.gif') repeat-x; position: absolute; clear: both; } #footer .bottom { width: 970px; padding-top: 8px; margin: auto; font-size: 11px; line-height: 22px; font-family: tahoma, arial; color: #fff; } #footer .bottom a { text-decoration: none; color: #fff; } #footer .bottom a:hover { text-decoration: underline; } #footer .bottom a.current { color: #fff; font-weight: bold; } #footer .bottom #copyright { text-align: right; margin-right: 13px; color: #a6adb3; } #footer .bottom #copyright a { color: #a6adb3; text-decoration: none; } /* PORTADA */ #portada { width: 100%; } #portada .td_left { width: 216px; } #portada .td_right { text-align: left; } #portada .td_right table.main { text-align: left; } #portada .td_right table.main .td_left { width: 308px; text-align: left; } #portada .td_right table.main .td_right { background-color: #d6dbe4; } #portada .td_right table.main .td_right #load_ajax { padding-bottom: 20px; } /* COMUNES */ /* TABS HORIZONTAL */ .tabs_horizontal { } .tabs_horizontal a { display: block; margin-bottom: 5px; text-decoration: none; color: #222426; } .tabs_horizontal a.sel { height: 54px; background: url('/css/tab_horizontal.gif') no-repeat left top; } .tabs_horizontal a span { padding: 13px 0 0 38px; display: block; } .tabs_horizontal a.sel span { padding: 7px 0 0 38px; display: block; } .tabs_horizontal a.sel span .titulo { font-weight: bold; font-size: 18px; } .tabs_horizontal a span .subtitulo { margin-top: 1px; } /* números */ .tabs_horizontal a .uno { background: url('/css/numeros/1a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .uno { background-image: url('/css/numeros/1b.gif'); } .tabs_horizontal a .dos { background: url('/css/numeros/2a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .dos { background-image: url('/css/numeros/2b.gif'); } .tabs_horizontal a .tres { background: url('/css/numeros/3a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .tres { background-image: url('/css/numeros/3b.gif'); } .tabs_horizontal a .cuatro { background: url('/css/numeros/4a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .cuatro { background-image: url('/css/numeros/4b.gif'); } .tabs_horizontal a .cinco { background: url('/css/numeros/5a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .cinco { background-image: url('/css/numeros/5b.gif'); } .tabs_horizontal a .seis { background: url('/css/numeros/6a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .seis { background-image: url('/css/numeros/6b.gif'); } .tabs_horizontal a .siete { background: url('/css/numeros/7a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .siete { background-image: url('/css/numeros/7b.gif'); } .tabs_horizontal a .ocho { background: url('/css/numeros/8a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .ocho { background-image: url('/css/numeros/8b.gif'); } .tabs_horizontal a .nueve { background: url('/css/numeros/9a.gif') no-repeat 13px 11px; } .tabs_horizontal a.sel .nueve { background-image: url('/css/numeros/9b.gif'); } /* MINIDESCRIPCIÓN */ .minidescripcion { width: 430px; } .minidescripcion blockquote { margin: 22px 30px 30px 30px; } .minidescripcion h1 { font-size: 14px; margin-bottom: 3px; } .minidescripcion p.subtitle { line-height: 18px; } .minidescripcion .images { background-color: #e2e6ec; padding: 10px; margin-top: 20px; margin-bottom: 13px; } .minidescripcion .images img { border: 1px solid #bdc0c5; } .minidescripcion .images img.first { margin-right: 8px; } .minidescripcion .images .leyenda { font-size: 10px; color: #222426; margin-top: 5px; } .minidescripcion .resalta { font-size: 14px; font-weight: bold; } .minidescripcion a.button { background: transparent url('/css/btn_leer_mas_right.gif') no-repeat scroll top right; display: block; float: right; height: 21px; overflow: hidden; padding-right: 25px; margin-top: 6px; text-decoration: none; color: #fff; } .minidescripcion a.button span img { margin-bottom: 6px; margin-top: 2px } .minidescripcion a.button span { background: transparent url('/css/btn_leer_mas_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 0 5px 18px; } .minidescripcion a.button:hover span { background: transparent url('/css/btn_leer_mas_over_left.gif') no-repeat; } .minidescripcion a.button:hover { background: transparent url('/css/btn_leer_mas_over_right.gif') no-repeat scroll top right; } /* BOX */ .box { float: left; width: 166px; text-align: left; margin-bottom: 2px; background-color:#222426; color: #fff; } .box td.tl { width: 4px; height: 4px; background: url('/css/box/img_tl.gif') no-repeat; } .box td.t { height: 4px; background: url('/css/box/img_t.gif') repeat-x; } .box td.tr { width: 4px; height: 4px; background: url('/css/box/img_tr.gif') no-repeat; } .box td.l { width: 4px; background: url('/css/box/img_l.gif') repeat-y; } .box td.r { width: 4px; background: url('/css/box/img_r.gif') repeat-y; } .box td.bl { width: 4px; height: 4px; background: url('/css/box/img_bl.gif') top right no-repeat; } .box td.b { height: 4px; background: url('/css/box/img_b.gif') top repeat-x; } .box td.br { width: 4px; height: 4px; background: url('/css/box/img_br.gif') top left no-repeat; } .box td div.content { background-color: #222426; padding: 3px 5px; } .box td div.content h4 { /*background: url('/css/box/arrow_down.gif') no-repeat right center; */ font-size: 13px; margin-bottom:10px;} .box td div.content ul { margin-top: 3px; } .box td div.content li { border-bottom: 1px solid #383a3c; padding: 5px 12px 5px 0; background: url('/css/box/arrow_right.gif') no-repeat right center; font-size: 11px; } .box td div.content li a { text-decoration: none; color: #fff; } .box td div.content li a:hover, .box td div.content li.sel a { text-decoration: none; color: #ff5c00; } .box td div.content li:hover, .box td div.content li.sel { background: url('/css/box/arrow_right_sel.gif') no-repeat right center; } .box td div.content li.nosel span { color: #59595b; } .box td div.content li.nosel:hover { background: url('/css/box/arrow_right.gif') no-repeat right center; color: #59595b; } .box td div.content li.last { border-bottom: none; } /* PARRAFO */ .parrafos { text-align: justify; /*background: url('/css/bg_parrafos.jpg') no-repeat top right;*/ } .parrafos h1 { color: #ff5c00; font-size: 24px; font-weight: bold; text-align:left; } .parrafos h3 { font-size: 14px; font-weight: bold; } .parrafos .uno { background: url('/css/numeros/uno_blanco.gif') no-repeat left center; padding-left: 25px; padding-top: 4px; } .parrafos .dos { background: url('/css/numeros/dos_blanco.gif') no-repeat left center; padding-left: 25px; padding-top: 4px; } .parrafos .tres { background: url('/css/numeros/tres_blanco.gif') no-repeat left center; padding-left: 25px; padding-top: 4px; } .parrafos .i { background: url('/css/numeros/i_blanco.gif') no-repeat left top; padding-left: 25px; padding-top: 0px; margin: auto; width: 130px; } .parrafos .ii { background: url('/css/numeros/ii_blanco.gif') no-repeat left top; padding-left: 25px; padding-top: 0px; margin: auto; width: 130px; } .parrafos .iii { background: url('/css/numeros/iii_azul.gif') no-repeat left top; padding-left: 25px; padding-top: 0px; margin: auto; width: 130px; } .parrafos .iv { background: url('/css/numeros/iv_azul.gif') no-repeat left top; padding-left: 25px; padding-top: 0px; margin: auto; width: 130px; } .parrafos .sfredo { padding: 0; } .parrafos .sfredo td { padding: 5px 0; } .parrafos .sfredo div.left { border: 1px solid #fff; border-left: 0; padding: 10px 0; height: 350px; } .parrafos .sfredo div.right { border: 1px solid #fff; border-right: 0; padding: 10px 0; color: #004fa3; height: 350px; } .parrafos .sfredo .linea { border-bottom: 1px solid #fff; } .parrafos p { line-height: 18px; } .parrafos li { line-height: 19px; font-weight: bold; margin-left:20px; list-style-type: square; } .parrafos br.sep { height: 12px; } .parrafos br.sep_mini { height: 6px; border-bottom: 1px solid #f00; } .parrafos .hr { height: 5px; background: url('/css/bg_hr.gif') repeat-x; overflow: hidden; } .parrafos .hr2 { height: 5px; background: url('/css/bg_hr2.gif') repeat-x; overflow: hidden; } .parrafos .pad { padding: 0 10px 10px 10px; } .parrafos .pad_left { padding-left: 20px; text-align: justify; } .parrafos .pad_top_bottom { padding: 10px 0; } .parrafos .reduce { font-size: 11px; } .parrafos .celda { width: 525px; position: relative; } .parrafos .subtitle { font-size: 11px; } .parrafos .bigtitle { font-size: 14px; font-weight: bold; } .parrafos .extension { font-size: 10px; line-height: 17px; } .parrafos .exterior { position: absolute; bottom: 0; right: -200px; text-align: left; width: 170px; font-size: 10px; line-height: normal; } .parrafos .explicacion { position: absolute; bottom: 0; right: 0; text-align: left; width: 290px; font-size: 10px; line-height: normal; } .parrafos .fondo { padding: 10px; background-color: #e3e7ec; } .parrafos .fondo_cadera { background: #e3e7ec url('/css/bg_ficha.jpg') no-repeat top right; } .parrafos .images_fondo { padding: 10px; background-color: #e3e7ec; } .parrafos .images_fondo h1 { margin: 10px 0; } .parrafos .images_fondo table { width: 100%; } .parrafos .images_fondo img { border: 1px solid #abaeb2; } .parrafos .images_fondo small { display: block; padding-top: 6px; clear: both; } .parrafos .images { } .parrafos .images table { width: 100%; } .parrafos .images img { border: 1px solid #abaeb2; } .parrafos .ficha { padding: 10px; } .parrafos .ficha table { width: 100%; } .parrafos .ficha img { border: 1px solid #abaeb2; } .parrafos a.button { position: absolute; bottom: 0; right: -232px; background: transparent url('/css/btn_seccion_right.gif') no-repeat scroll top right; display: block; height: 62px; width: 170px; overflow: hidden; padding-right: 25px; margin-top: 6px; text-decoration: none; color: #fff; } .parrafos a.button span img { margin-bottom: 2px; margin-top: 16px; } .parrafos a.button span { background: transparent url('/css/btn_seccion_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 0 10px 14px; font-size: 10px; } .parrafos a.button:hover span { background: transparent url('/css/btn_seccion_over_left.gif') no-repeat; } .parrafos a.button:hover { background: transparent url('/css/btn_seccion_over_right.gif') no-repeat scroll top right; } .parrafos .breadcrumbs { color: #8b8d8d; font-size: 11px; height: 24px; } .parrafos .breadcrumbs a { text-decoration: none; color: #8b8d8d; } .parrafos .breadcrumbs a:hover { text-decoration: underline; color: #8b8d8d; } /* FROM CONTACTO */ #contacto { } #contacto #form_contacto { background: #e1e5eb url('/css/form_contacto_bg.jpg') no-repeat top right; padding: 5px; border: 1px solid #f0f2f5; } #contacto #form_contacto .box_form { width: 209px; background: #dbe0e7 url('/css/form_contacto_bg_box_top.jpg') no-repeat top left; color: #191919; } #contacto #form_contacto .box_form h3 { margin-bottom: 7px; } #contacto #form_contacto .box_form a { text-decoration: none; color: #191919; } #contacto #form_contacto .box_form a:hover { text-decoration: underline; } #contacto #form_contacto .box_form a.google_map { font-weight: bold; color: #7e8085; } #contacto #form_contacto .box_form label.sel { font-weight: bold; } #contacto #form_contacto .box_form .pad { padding: 14px 0 0 12px; } #contacto #form_contacto .box_form .bottom { width: 209px; height: 10px; background: #dbe0e7 url('/css/form_contacto_bg_box_bottom.gif') no-repeat bottom left; } #contacto #form_contacto .input_rounded { margin-bottom: 10px; } /* GENÉRICO FORMULARIOS */ form .input, form .select, form .textarea { width: 94%; margin: 4px; border: 0; font-family: arial; font-size: 12px; font-weight: bold; } form .input { width: 83%; padding-right: 20px; } form .textarea { overflow: auto; } form .select { width: 95%; _width: 96%; border: 1px solid #fff; background-color: #fff; } form .radio { border: 0; } form .input { background: transparent url('/css/form_background_ok.gif') no-repeat center right; } form .input.error { background: transparent url('/css/form_background_error.gif') no-repeat center right; } form .title { color: #5e677a; font-size: 11px; margin-left: 3px; } form .input_rounded { background: transparent url('/css/form_input_left.gif') no-repeat scroll top left; display: block; float: left; height: 27px; } form .input_rounded span { background: transparent url('/css/form_input_right.gif') no-repeat top right; display: block; height: 27px; } form .input_rounded.input_little { width: 149px; } form .input_rounded.input_medium { width: 191px; } form .input_rounded.input_big { } form .textarea_rounded { background: transparent url('/css/form_textarea_default_left.gif') no-repeat scroll top left; display: block; float: left; height: 106px; overflow: hidden; } form .textarea_rounded span { background: transparent url('/css/form_textarea_default_right.gif') no-repeat top right; display: block; height: 106px; } form .textarea_rounded textarea.medium { height: 89px; } form .textarea_rounded.textarea_little { } form .textarea_rounded.textarea_medium { width: 354px; } form .textarea_rounded.textarea_big { } form a.form_button { background: transparent url('/css/btn_form_button_right.gif') no-repeat scroll top right; display: block; float: right; height: 25px; overflow: hidden; padding-right: 35px; margin-top: 6px; text-decoration: none; color: #fff; } form a.form_button span img { margin-bottom: 6px; margin-top: 4px } form a.form_button span { background: transparent url('/css/btn_form_button_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 0 5px 18px; } form a.form_button:hover span { background: transparent url('/css/btn_form_button_over_left.gif') no-repeat; } form a.form_button:hover { background: transparent url('/css/btn_form_button_over_right.gif') no-repeat scroll top right; } /* PRINCIPAL */ #principal { margin-top: 18px; } #principal small { margin-top: 5px; display: block; } #principal .caja { background-color: #edeef0; width: 215px; height: 253px; overflow: hidden; margin-top: 18px; margin-left: 20px; } #principal .caja blockquote { padding: 12px; } #principal .caja blockquote h1 { margin-bottom: 5px; } #principal .caja blockquote img { margin-bottom: 5px; } #principal .caja blockquote p { font-size: 11px; margin-bottom: 15px; } #principal .texto { margin: 20px; line-height: 20px; } #principal .operacion { margin-top: 10px; } #principal a.button { background: transparent url('/css/btn_leer_mas_right.gif') no-repeat scroll top right; display: block; float: right; height: 21px; overflow: hidden; padding-right: 25px; margin-top: 6px; text-decoration: none; color: #000; } #principal a.button span img { margin-bottom: 6px; margin-top: 2px } #principal a.button span { background: transparent url('/css/btn_leer_mas_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 0 5px 18px; } #principal a.button:hover span { background: transparent url('/css/btn_leer_mas_over_left.gif') no-repeat; } #principal a.button:hover { background: transparent url('/css/btn_leer_mas_over_right.gif') no-repeat scroll top right; } /* SEND */ div.sent { background: url('/css/orange_hr.gif') no-repeat; } div.sent div.contents { padding: 50px 20px 30px 107px; margin-top: 40px; background: url('/css/tick_ok.gif') 25px 18px no-repeat; } div.sent h2 { margin-bottom: 10px; color: #ff5c00; } div.sent p.firma { font-size: 0.9em; } div.sent div.footer { background: url('/css/orange_hr.gif') no-repeat; height: 2px; } /* CUADRO_MEDICO */ #cuadro_medico { } #cuadro_medico h2 { color: #212224; margin-bottom: 5px; } #cuadro_medico .frase { background: url('/css/comillas.gif') no-repeat top left; margin-left: 150px; } #cuadro_medico ul { color: #000; font-size: 12px; } #cuadro_medico li { list-style-type: none; list-style-position: inside; line-height: 20px; list-style-image: url('/css/list_style_image_black.gif'); font-weight: normal; margin: 0; margin-bottom: 15px; } #cuadro_medico a.mas_info_button { background: transparent url('/css/btn_mas_info_right.gif') no-repeat scroll top right; display: block; float: right; height: 23px; overflow: hidden; padding-right: 10px; margin-top: 6px; text-decoration: none; color: #ff5c00; } #cuadro_medico a.mas_info_button span img { margin-bottom: 4px; } #cuadro_medico a.mas_info_button span { background: transparent url('/css/btn_mas_info_left.gif') no-repeat; display: block; padding: 0 0 5px 14px; } #cuadro_medico a.mas_info_button:hover span { background: transparent url('/css/btn_mas_info_over_left.gif') no-repeat; } #cuadro_medico a.mas_info_button:hover { background: transparent url('/css/btn_mas_info_over_right.gif') no-repeat scroll top right; } /* ACTUALIDAD */ #actualidad { } #actualidad .celda_noticias { /*width: 580px;*/ width: 620px; } #actualidad a.links { text-decoration: none; color: #ff5c00; font-size: 11px; font-weight: bold; white-space: nowrap; } #actualidad a.links:hover { text-decoration: none; color: #ff5c00; } #actualidad .noticia { padding: 15px; } #actualidad .noticia h2 { color: #ff5c00; font-size: 22px; } #actualidad .noticia .img_left { margin-right: 20px; } #actualidad .noticia .img_right { margin-left: 20px; } #actualidad .noticia .date { font-size: 11px; color: #212224; } #actualidad .noticia h3 { font-size: 14px; font-weight: bold; color: #212224; } #actualidad .noticia p { color: #494c4e; } #actualidad .noticia_ver { } #actualidad .noticia_ver h2 { color: #212224; font-size: 32px; margin: 20px 0; } #actualidad .noticia_ver table { width: 100%; } /*#actualidad .noticia_ver img { border: 1px solid #abaeb2; margin-right: 20px; }*/ #actualidad .noticia_ver .img_left { margin-right: 20px; float: left; } #actualidad .noticia_ver .img_right { margin-left: 20px; float: right; } #actualidad .noticia_ver .date { font-size: 11px; color: #212224; } #actualidad .noticia_ver h3 { font-size: 14px; font-weight: bold; color: #212224; } #actualidad .noticia_ver p { color: #494c4e; } #actualidad .new_print { background: url('/css/new_print.gif') top left no-repeat; padding-left: 15px; margin-right: 30px; font-size: 11px; color: #7f7f7f; text-decoration: none; font-weight: bold; } #actualidad .new_recommend { background: url('/css/new_recommend.gif') top left no-repeat; padding-left: 15px; margin-right: 30px; font-size: 11px; color: #7f7f7f; text-decoration: none; font-weight: bold; } #actualidad .new_download { background: url('/css/new_download.gif') top left no-repeat; padding-left: 15px; margin-right: 30px; font-size: 11px; color: #7f7f7f; text-decoration: none; font-weight: bold; } /* PAGINACIÓN */ .paginacion { float: rigth; text-align: right; font-size: 10px; } .paginacion a { padding: 0 2px; margin-right: 2px; text-decoration: none; color: #ff5c00; } .paginacion a:hover, .paginacion a:active { color: #212224 !important; } .paginacion span.current { padding: 0 2px; margin-right: 2px; font-weight: bold; color: #212224 !important; } .paginacion span.disabled { padding: 0 2px; margin-right: 2px; color: #ff5c00; } /* CASOS DE ÉXITO */ #all_casos_exito { border-top: 1px solid #ccc; text-align: right; margin-bottom: 30px; } #box_casos_exito { position: relative; width: 776px; height: 430px; line-height: normal; border-bottom: 1px solid #ccc; overflow: hidden; } #box_casos_exito table { position: absolute; } #box_casos_exito .box_content { width: 810px; } #box_casos_exito .box_image_content { float: left; width: 240px; height: 215px; margin-right: 30px; } #box_casos_exito .box_image_content .image { width: 240px; height: 135px; margin-bottom: 10px; overflow: hidden; } #box_casos_exito .box_image_content .title { color:#333333; font-weight:bold; } #box_casos_exito .box_image_content .subtitle { color:#ED2E36; } #pagination { text-align: right; } #pagination a { cursor:pointer; padding:3px 5px; text-decoration: none; color: #444; } #pagination a:active { color: #f00; } /* */ .shadowbox_pop { padding-right: 10px; color: #fff; margin: 10px; } .shadowbox_pop img { float: left; border: 1px solid #fff; padding-right: 10px; padding-bottom: 10px; padding-top: 5px; } /* MAQUETACION 2011/04/28 ----------------------------------------------------*/ div.styled-content { position: relative; margin-top: 15px; } div.styled-content .nomargin { margin: 0px !important; } div.styled-content .clear { clear: both; } div.styled-content div.nobgimage { background-image: none !important; } div.styled-content div.overflow { overflow: hidden; } div.styled-content div.bordered { padding-bottom: 20px; margin-bottom: 1px; background: url("/css/bg_hr.gif") left bottom repeat-x; } div.styled-content div.top-padded { padding-top: 20px !important; position:relative } div.styled-content div.bottom-padded { padding-bottom: 20px !important; } div.styled-content div.intro { padding: 0px 230px 20px 0px; } div.styled-content a.button { right: 0px; } div.styled-content img.photo-left { float: left; margin: 0px 20px 12px 0px; } div.styled-content img.photo-right { float: right; margin: 0px 0px 12px 20px; } div.styled-content small.small-right{float:right; position:absolute; top:265px; right:0px; width:168px} div.styled-content div.text { padding: 10px !important; } div.styled-content div.highlight { float: right; text-align: right; width: 200px; padding-top: 40px; margin: 0px 0px 10px 20px; font-family: 'AllerBoldItalic'; font-size: 26px; color: #212224; line-height: 26px; } div.styled-content div.block { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; background: url("/css/bg_hr.gif") left bottom repeat-x; } div.styled-content div.block p.button { overflow: hidden; margin-top: 15px; text-align: right; } div.styled-content div.details { } div.styled-content div.details p { margin-bottom: 10px; overflow:hidden } div.styled-content div.light-blue { background-color: #e3e7ec; } div.styled-content div.block-left { float: left; margin: 0px 20px 12px 0px; } div.styled-content div.block-right { float: right; margin: 0px 0px 12px 20px; } div.styled-content div.exterior { right: 0px; } div.styled-content p.photo-footer { font-size: 10px; line-height: 12px; text-align: left; margin: 3px 0px 15px 0px; } div.styled-content ul ul { margin-left: 30px; } /* FONT-FACE STYLES ----------------------------------------------------------*/ h3.style_subtexto { font-family: 'AllerLightItalic'; font-weight: bold; font-size: 30px; color: #fff; } span.style_header_button { font-family: 'AllerItalic'; font-size: 12px; color: #000; } span.style_form_button { font-family: 'AllerBoldItalic'; font-size: 14px; color: #191919; } #menu span.style_menu { font-family: 'AllerItalic'; font-size: 13px; color: #fff; } #menu span.style_menu_sel { font-family: 'AllerBoldItalic'; font-size: 13px; color: #fff; } p.style_subtexto_subtitle { font-family: 'AllerItalic'; font-size: 13px; color: #fff; } span.style_subtexto_subtitle_2 { font-family: 'AllerBoldItalic'; font-size: 14px; color: #fff; } p.style_principal_firma { font-family: 'AllerItalic'; font-size: 13px; color: #494c4e; } h1.style_principal_header { font-family: 'AllerBoldItalic'; font-size: 15px; color: #494c4e; } span.style_principal_button { font-family: 'AllerItalic'; font-size: 12px; color: #2d3132; line-height: 16px !important; } #form_contacto h3.style_tittle_def { font-family: 'AllerBoldItalic'; font-size: 14px; color: #191919; } span.style_mas_info { font-family: 'AllerItalic'; font-size: 12px; color: #ff5c00; line-height: 22px; } span.style_frase { font-family: 'AllerBoldItalic'; font-size: 26px; color: #212224; line-height: 26px; } #submenu span.style_submenu { font-family: 'AllerItalic'; font-size: 13px; color: #2d3132; } table.box h4 span.style_submenu_sel { font-family: 'AllerBoldItalic'; font-size: 16px; color: #999; } b.style_btn_seccion { font-family: 'AllerBoldItalic'; font-size: 16px; color: #fff; line-height: 32px !important; } div.minidescripcion span.style_leer_mas { font-family: 'AllerItalic'; font-size: 13px; color: #2d3132; line-height: 15px; } h1.style_parrafos_fondo { font-family: 'AllerBoldItalic'; font-size: 26px; color: #ff5c00; /*line-height: 15px;*/ } p.welcome { font-family: 'AllerItalic'; font-size: 18px; color: #494c4e; border-bottom: 1px solid #ccd0d3; margin-right: 20px; } #header a.english { color: #f2742d; text-decoration: blink; }