/* Maquetación by Totbits Solutions (www.totbits.com) */ /* 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: #414042; background-color: #fff; } img { border: 0; } ul { list-style: none; } table { border-spacing: 0; border-collapse: collapse; border: none; } td, th { vertical-align: top; text-align: left; } .error { color: #f00 !important; } input.error { border: 1px solid #f00 !important; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } .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; } /* LAYER */ #capsule_main { width: 800px; margin: auto; } #capsule { width: 980px; margin: auto; } /* MAIN ----------------------------------------------------- */ /* HEADER */ #header_main { position: relative; height: 102px; } /* LANGS */ #langs_main { position: absolute; top: 10px; right: 5px; } #langs_main a { text-decoration: none; color: #9ba3ad; font-size: 10px; margin-left: 3px; } #langs_main a:hover { text-decoration: none; color: #646f7c; } #langs_main a.sel { color: #646f7c; font-weight: bold; } /* LOGO */ #logo_main { position: absolute; top: 23px; left: -21px; background: transparent url('logo.gif') no-repeat center center; width: 311px; height: 78px; } /* SLOGAN */ #slogan_main { position: absolute; top: 50px; right: 0; } #slogan_main h2 { font-size: 16px; font-weight: normal; } /* MENU */ #menu_main { height: 20px; text-align: right; text-transform: uppercase; } #menu_main a { text-decoration: none; color: #313031; font-size: 11px; font-weight: bold; margin-left: 9px; margin-right: 6px; } #menu_main a:hover { text-decoration: none; color: #990000; } #menu_main a.sel { color: #313031; } #menu_main a span { color: #6c0400; margin-right: 3px; } /* SUBMENU */ #submenu_main { height: 56px; background: #9fcfdb url('bg_submenu.gif') repeat-x; } #submenu_main .sep { height: 56px; width: 4px; background: url('submenu_sep.gif') no-repeat; } #submenu_main .sel_right { background: url('submenu_sep_sel_right.gif') no-repeat; } #submenu_main .sel_left { background: url('submenu_sep_sel_left.gif') no-repeat; } #submenu_main .sel { background: url('bg_submenu_sel.gif') repeat-x; } #submenu_main a { display: block; height: 46px; padding-top: 10px; padding-left: 10px; text-decoration: none; color: #133166; } #submenu_main a:hover { text-decoration: none; color: #133166; } #submenu_main .consultoria { background: url('submenu_main/consultoria.gif') no-repeat right top; } #submenu_main .generacion { background: url('submenu_main/generacion.gif') no-repeat right top; } #submenu_main .energias { background: url('submenu_main/energias.gif') no-repeat right top; } #submenu_main .proteccion { background: url('submenu_main/proteccion.gif') no-repeat right bottom; } #submenu_main .proyectos { background: url('submenu_main/proyectos.gif') no-repeat right bottom; } #submenu_main .otros { background: url('submenu_main/otros.gif') no-repeat right top; } #submenu_main .min_alma { width: 75px; height: 0px; overflow: hidden; } /* SPOT */ #spot { position: relative; height: 198px; width: 800px; overflow: hidden; background: #6ab2cc url('spot/bg_main.jpg') no-repeat;; } #spot .text { position: absolute; width: 550px; height: 160px; top: 30px; left: 33px; color: #fff; font-size: 11px; overflow: hidden; } #spot .text h2 { font-size: 24px; } #spot .text a { text-decoration: none; color: #fff200; font-weight: bold; } #spot .text a:hover { text-decoration: underline; } #spot .img { } #spot a.button { background: transparent url('spot/btn_button_right.gif') no-repeat scroll top right; display: block; float: left; height: 26px; overflow: hidden; padding-right: 10px; margin-top: 6px; text-decoration: none; color: #012053; } #spot a.button span img { margin-bottom: 4px; margin-top: 4px } #spot a.button span { background: transparent url('spot/btn_button_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 0 5px 10px; } #spot a.button:hover span { background: transparent url('spot/btn_button_over_left.gif') no-repeat; } #spot a.button:hover { background: transparent url('spot/btn_button_over_right.gif') no-repeat scroll top right; text-decoration: none; } .box_content { width: 377px; } .box_content .abox { margin-right: 20px; margin-top: 40px; } .box_content .abox .img_logo { margin-bottom: 30px; } .box_content .abox h1 { margin-bottom: 20px; font-size: 14px; } .box_content .abox p { line-height: 18px; margin-bottom: 10px; } .box_content .abox a.simple_button { font-size: 14px; font-weight: bold; text-decoration: none; color: #313031; padding-right: 14px; background: url('a-arrow.gif') center right no-repeat; } .box_content .abox a.simple_button:hover { text-decoration: underline; } .box_logos { position: relative; margin-top: 41px; background: url('bg_box_logos.gif'); width: 424px; height: 229px; overflow: hidden; } .box_logos .boxes { width: 140px; height: 74px; vertical-align: middle; } .box_logos a.button_01 { background: url('buttons/button_01.gif') no-repeat; display: block; width: 140px; height: 74px; margin: auto; } .box_logos a.button_01:hover { background-position: 0 -74px; } .box_logos a.button_02 { background: url('buttons/button_02.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_02:hover { background-position: 0 -74px; } .box_logos a.button_03 { background: url('buttons/button_03.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_03:hover { background-position: 0 -74px; } .box_logos a.button_04 { background: url('buttons/button_04.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_04:hover { background-position: 0 -74px; } .box_logos a.button_05 { background: url('buttons/button_05.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_05:hover { background-position: 0 -74px; } .box_logos a.button_06 { background: url('buttons/button_06.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_06:hover { background-position: 0 -74px; } .box_logos a.button_07 { background: url('buttons/button_07.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_07:hover { background-position: 0 -74px; } .box_logos a.button_08 { background: url('buttons/button_08.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_08:hover { background-position: 0 -74px; } .box_logos a.button_09 { background: url('buttons/button_09.gif') no-repeat; display: block; width: 140px; height: 74px; } .box_logos a.button_09:hover { background-position: 0 -74px; } /* ------------------------------------------------------- */ /* HEADER */ #header { position: relative; height: 65px; } /* LANGS */ #langs { text-align: right; margin-bottom: 0px; margin-top: 5px; margin-right: 10px; } #langs a { text-decoration: none; color: #9ba3ad; font-size: 10px; margin-left: 3px; } #langs a:hover { text-decoration: none; color: #646f7c; } #langs a.sel { color: #646f7c; font-weight: bold; } /* LOGO */ #logo { position: absolute; top: -20px; left: -10px; background: transparent url('logo.gif') no-repeat center center; width: 311px; height: 78px; } #logo a { display: block; width: 100%; height: 100%; } /* SLOGAN */ #slogan { position: absolute; top: 20px; right: 4px; } #slogan h2 { font-size: 16px; font-weight: normal; } /* MENU */ #menu { color: #87190d; height: 20px; text-align: right; text-transform: uppercase; margin-top: 10px; } #menu a { text-decoration: none; color: #87190d; font-size: 11px; font-weight: bold; margin-left: 9px; margin-right: 6px; } #menu a:hover { text-decoration: none; color: #000; } #menu a.sel { color: #000; } /* SUBMENU */ #submenu { width: 100%; background: #e1e0e0 url('submenu/bg_submenu.gif') repeat-x; } #submenu a { text-decoration: none; color: #373737; font-weight: bold; padding-top: 10px; height: 25px; display: block; font-size: 11px; white-space: nowrap; padding-left: 4px; padding-right: 4px; } #submenu a:hover { color: #fff; background: #a0a1a0 url('submenu/bg_submenu_over.gif') repeat-x; } #submenu td.sel a { color: #fff; background: #454444 url('submenu/bg_submenu_sel.gif') repeat-x; } #submenu td { text-align: center; } #submenu td.sep { width: 2px; background: url('submenu/submenu_sep.gif') no-repeat; } #submenu td.first { width: 8px; height: 35px; background: url('submenu/submenu_first.gif') no-repeat; } #submenu td.first.sel { width: 8px; height: 35px; background: url('submenu/submenu_first_sel.gif') no-repeat; } #submenu td.first_over { width: 8px; height: 35px; background: url('submenu/submenu_first_over.gif') no-repeat; } #submenu td.last { width: 8px; height: 35px; background: url('submenu/submenu_last.gif') no-repeat; } #submenu td.last.sel { width: 8px; height: 35px; background: url('submenu/submenu_last_sel.gif') no-repeat; } #submenu td.last_over { width: 8px; height: 35px; background: url('submenu/submenu_last_over.gif') no-repeat; } /* CONTENT */ #content { margin-bottom: 50px; } /* COLUMN */ #columns { width: 100%; } #columns h1 { color: #414042; font-size: 18px; font-family: Helvetica; font-weight: bold; } #columns h2 { color: #414042; font-size: 18px; font-family: Helvetica; font-weight: bold; margin:20px 0 10px 0;} #columns h3 { color: #414042; font-size: 18px; font-family: Helvetica; font-weight: bold; } #columns h4 { color: #414042; font-size: 15px; font-family: Helvetica; font-weight: normal; } #columns .bg { width: 9px; background: #ffffff url('column_bg.gif'); } #columns .menu { margin-top: 12px; margin-right: 30px; } #columns .block { padding: 7px 0 20px 20px; line-height: 20px; } #columns .block ul { margin-top: 10px; } #columns .block ul li { padding-left: 8px; background: url('block_li.gif') center left no-repeat; } #columns .block h1 { color: #87190d; font-size: 29px; } #columns .block h2 { color: #414042; font-size: 16px; } #columns .block img.border { border: 4px solid #d9d9d9; margin-bottom: 10px; } #columns .block .mas_info { float: right; background: url('mas_info.gif') no-repeat; height: 32px; overflow: hidden; width: 100%; padding-top: 4px; } #columns .block .mas_info a { text-decoration: none; color: #87190d; font-family: Georgia; font-style: italic; font-size: 16px; padding-top: 5px; padding-right: 10px; padding-bottom: 20px; display: block; text-align: right; } #columns .block .visite_web { float: right; background: url('visite_web.gif') no-repeat; height: 32px; overflow: hidden; width: 100%; padding-top: 4px; } #columns .block .visite_web a { text-decoration: none; color: #87190d; font-family: Georgia; font-style: italic; font-size: 16px; padding-top: 5px; padding-right: 10px; padding-bottom: 20px; display: block; text-align: right; } #columns .block #box_content { margin-top: 80px; width: 100%; line-height: normal; width: 440px; overflow: hidden; } #columns .block #box_content h2 { font-family: Georgia; display: block; border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 10px; margin-right: 20px; } #columns .block #box_image_content { float: left; width: 205px; height: 215px; margin-right: 10px; } #columns .block #box_image_content .image { width: 205px; height: 115px; margin-bottom: 10px; overflow: hidden; } #columns .block #box_image_content .title { color:#333333; font-weight:bold; } #columns .block #box_image_content .subtitle { color:#ED2E36; } #columns ul.uno { margin-top: 15px; } #columns ul.uno li { padding: 4px 0; padding-right: 8px; background: url('uno_arrow.gif') center right no-repeat; } #columns ul.uno li a { text-decoration: none; color: #414042; font-size: 12px; } #columns ul.uno li a:hover { text-decoration: underline; } #columns .sep { height: 40px; } #columns ul.dos { margin-top: 15px; } #columns ul.dos li { padding: 4px 0; padding-right: 8px; background: url('uno_arrow.gif') center right no-repeat; text-transform: uppercase; } #columns ul.dos li a { text-decoration: none; color: #87190d; font-size: 11px; } #columns ul.dos li a:hover { text-decoration: underline; color: #C90;} /* BREADCRUMBS */ #breadcrumbs { margin: 1px solid #f00; color: #cbcbcb; font-size: 11px; margin: 0px 0 20px 0; } #breadcrumbs a { text-decoration: none; color: #cbcbcb; } #breadcrumbs a:hover { text-decoration: underline; color: #333; } #breadcrumbs span { color: #666; } /* FOOTER */ #footer { background: #c9cbcd url('bg_footer.gif') repeat-x; } #bottom { width: 800px; margin: auto; padding: 10px 0; font-size: 11px; color: #ffffff; } #bottom .copyright { text-align: right; } #bottom .copyright a { color: #ffffff; text-decoration: none; } /* WEBMAP */ #webmap { width: 800px; margin: auto; padding: 30px 0; font-size: 11px; color: #606369; } #webmap a { text-decoration: none; color: #606369; } #webmap a:hover { text-decoration: underline; } #webmap .sep { width: 24px; height: 24px; } #webmap .border_right { border-right: 1px solid #dedfe0; height: 280px; width: 22px; } /* FORM_INFORMACION */ #form_informacion { padding-left: 20px; } #form_informacion .input, #form_informacion .textarea, #form_informacion .select { border: 1px solid #abadb3; padding: 4px; font-size: 13px; color: #414042; font-weight: bold; } #form_informacion .textarea { width: 96%; height: 100px; } #form_informacion .half { width: 70%; } #form_informacion .form td { padding-bottom: 10px; } #form_informacion .form h1 { font-size: 18px; color: #87190d; } .email { background: url('email_img.gif') 0 3px no-repeat; display: block; margin: 15px 0; padding-left: 25px; text-decoration: none; font-weight: bold; font-size: 13px; color: #414042; } #form_informacion a.button { background: transparent url('btn_button_form_right.gif') no-repeat scroll top right; display: block; float: right; height: 26px; overflow: hidden; padding-right: 10px; margin-top: 6px; margin-right: 4px; text-decoration: none; color: #414042; font-weight: bold; } #form_informacion a.button span img { margin-bottom: 4px; margin-top: 4px } #form_informacion a.button span { background: transparent url('btn_button_form_left.gif') no-repeat; display: block; line-height: 20px; padding: 3px 5px 5px 15px; } #form_informacion a.button:hover span { background: transparent url('btn_button_form_over_left.gif') no-repeat; } #form_informacion a.button:hover { background: transparent url('btn_button_form_over_right.gif') no-repeat scroll top right; text-decoration: none; color: #fff; } /* #form_informacion .form td, #form_informacion .form th { font-size: 12px; font-weight: normal; padding-bottom: 6px; } #form_informacion .form th { text-align: right; width: 115px; padding-top: 3px; color: #010101; } #form_informacion .form td { padding-left: 17px; } #form_informacion a { color: #ec2e38; text-decoration: underline; } #form_informacion a:hover { color: #ec2e38; text-decoration: underline; } #form_informacion .asterisk { color: #ec2e38; } #form_informacion .input, #form_informacion .textarea { border: 1px solid #abadb3; padding: 4px; font-size: 11px; } #form_informacion input.error, #form_informacion textarea.error { border: 1px solid #ec2e38; } #form_informacion .input { width: 210px; } #form_informacion .textarea { width: 350px; height: 100px; } #form_informacion p.condiciones { margin: 10px 0 0 0 !important; } #form_informacion p.obligatorio { margin: 2px 0 0 0 !important; padding-left: 16px; } #form_informacion p.enviar { margin: 10px 0 0 0 !important; } #form_informacion p.enviar a.button { float: right; color: #E4362D; font-size: 11px; font-weight: bold; display: block; background: url('enviar_bg.jpg') no-repeat; line-height: 27px; width: 90px; text-decoration: none; } #form_informacion p.enviar a.button:hover { text-decoration: underline; } #form_informacion p.enviar a.button span { padding-left: 15px; } */ /* CONDICIONES LEGALES */ #cond_legal { padding: 40px 40px 20px 40px; font-size: 12px; } /* 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; } /* MAS DOCS */ #mas_docs { } #mas_docs h2 { font-size: 18px; } #mas_docs a.pdf { margin-left: 20px; display: block; margin-bottom: 10px; text-decoration: none; color: #87190d; font-size: 110%; font-weight: bold; background: url('pdf.gif') top left no-repeat; padding-left: 20px; } #mas_docs a.pdf:hover { text-decoration: underline; }