body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #4c4c4c; background: #0128A1; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body h1 { font-size: 18px; padding: 0; margin: 0; font-weight: normal; } body h2 { font-size: 12px; padding: 0; margin: 0; font-weight: normal; } body h3 { font-size: 10px; padding: 0; margin: 0; font-weight: normal; } hr { border-bottom: 1px dashed #4d4d4d; border-top: 0; border-left: 0; border-right: 0; width: 95%; color: #48c0f5; height: 1px; margin: 10px 0; text-align: left; margin-left: 10px; } .clear { clear: both; font-size: 4px; } .whitecolor: { font-size: 11px; color: #FFFFFF; } #main-home { width: 96em; margin: 0 auto 0 auto; padding: 0; background: #0737b3; } #home-header { min-height: 12.1em; _height: 12.1em; background: url(images/bg_top_home.jpg) 0px 0px no-repeat; } .lg { padding: 5px 10px 0 0; margin: 0; text-align: right; } .lg a { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; } .lg-in { padding: 5px 45px 0 0; margin: 0; text-align: right; } .lg-in a { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; } .lg-in a:hover { text-decoration: underline; } #home-content { background: url(images/bg_home_content.jpg) no-repeat 0px 0px; min-height: 32.7em; _height: 32.7em; } #home-content h1 { color: #FFF; font-size: 14px; padding: 10px 50px 0 0; margin: 0; width: 333px; float: right; text-align: justify; } #home-content h1 b { color: #000; } #home-content-menu { width: 572px; height: 327px; float: left; background: url(images/bg_dizac.jpg) 0px 0px no-repeat; } #menu { padding: 0; margin: 0 ; width: 172px; min-height: 215px; _height: 215px; float: right; } #menu ul { border-left: 3px solid #0074f7; border-right: 3px solid #0074f7; padding: 0; margin: 0; } #menu ul li { background: url(images/bg_item_menu.jpg) 0px 0px no-repeat; list-style: none; padding: 8px 0 8px 0; margin: 0; text-align: center; } #menu ul li:hover { background: #0074f7; } #menu ul .menu1 { background: url(images/bg_menu_1.gif) 0px 0px no-repeat; } #menu ul .menu1:hover { background: #0074f7; } #menu ul li a { color: #FFF; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #home-content-prods { padding: 5px 0 0 0; margin: 0; width: 388px; height: 322px; float: left; background: url(images/bg_home_prods.jpg) 0px 0px no-repeat; } #footer { color: #091e61; font-size: 13px; padding: 55px 10px 5px 10px; background: #d6d6d5 url(images/bg_footer.jpg) 0px 0px no-repeat; min-height: 4em; _height: 4em; } #footer a { color: #091e61; font-size: 12px;} #footer p { color: #091e61; padding: 0; margin: 0;} #footer-in { color: #091e61; font-size: 13px; padding: 55px 10px 5px 10px; background: #d6d6d5 url(images/bg_footer_in.jpg) 0px 0px no-repeat; min-height: 4em; _height: 4em; } #footer-in a { color: #091e61; font-size: 12px;} #footer-in p { color: #091e61; padding: 0; margin: 0;} #address { color: #FFFFFF; font-size: 11px; text-align: center; padding: 15px 0 0 0; } #address a { color: #FFFFFF; font-size: 11px; font-weight: bold; } #creditos { width: 96em; margin: 0 auto 0 auto; padding: 8em 0 0 0; text-align: center; background: url(images/bgs_footer.jpg) no-repeat 0px 0px; } #creditos a { color: #fff; font-size: 9px; font-weight: normal; text-decoration: none; } #creditos a:hover { text-decoration: underline; } /*------------------------- CONTENT -----------------------*/ #header-in { padding: 0; margin: 0; overflow: hidden; zoom: 1; } #logo { background: url(images/bg_logo.jpg) 0px 0px no-repeat; width: 562px; height: 180px; float: left; } #logo img { padding-top: 40px; } #flashHistoria { width: 398px; height: 180px; float: right; } #content-in { background: #0737b3 url(images/bg_conteiner.jpg) 0px 0px no-repeat; min-height: 47.4em; overflow: hidden; zoom: 1; padding-top: 10px; } #content-in-prods { background: url(images/bg_prods.jpg) 0px 0px no-repeat; min-height: 55.4em; overflow: hidden; zoom: 1; padding-top: 10px; } #side-menu { width: 262px; float: left; padding-top: 8px; } #side-menu-prd { width: 312px; float: left; padding-top: 8px; } #menu-content { padding: 0; margin: 0 ; width: 172px; min-height: 215px; _height: 215px; float: right; } #menu-content ul { border-left: 3px solid #0074f7; border-right: 3px solid #0074f7; padding: 0; margin: 0; } #menu-content ul li { background: url(images/bg_item_menu.jpg) 0px 0px no-repeat; list-style: none; padding: 8px 0 8px 0; margin: 0; text-align: center; } #menu-content ul li:hover { background: #0074f7; } #menu-content ul .menu1 { background: url(images/bg_menu_1.gif) 0px 0px no-repeat; } #menu-content ul .menu1:hover { background: #0074f7; } #menu-content ul li a { color: #FFF; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #menu-content { padding: 0; margin: 0 ; width: 172px; min-height: 215px; _height: 215px; float: right; } #menu-content ul li ul { padding: 0 5px 0 0px; margin: 0; } #menu-content ul li ul li { color: #FFF; background: #0074f7 url(images/bullet_menu.gif) 0px 10px no-repeat; list-style: none; padding: 5px 0 2px 7px; margin: 0; text-align: left; } #menu-content ul li ul li:hover { background: #0074f7 url(images/bullet_menu.gif) 0px 10px no-repeat; } #menu-content ul li ul .menu1 { background: #0074f7 url(images/bullet_menu.gif) 0px 10px no-repeat; } #menu-content ul li ul .menu1:hover { background: #0074f7 url(images/bullet_menu.gif) 0px 10px no-repeat; } #menu-content ul li ul li a { color: #FFF; font-size: 11px; font-weight: normal; text-transform: uppercase; text-decoration: none; } #menu-content ul li ul li a:hover { color: #FFF; font-size: 11px; font-weight: normal; text-transform: uppercase; text-decoration: underline; } #content-area { width: 653px; float: right; padding: 8px 10px 0 35px; } #content-area-prd { width: 622px; float: right; padding: 8px 10px 0 15px; border-left: 1px solid #495EA1; min-height: 500px; } #prod-cats { float: left; width: 24.4em; padding: 1.8em 0 0 8em; overflow: hidden; zoom: 1; } .prod-cat-list { float: left; margin-right: 1em; } .prod-cat-list a { display: block; width: 3.5em; height: 3.8em; } #left-menu { padding: 0 0 1em 0; margin: 0; } #left-menu ul { padding: 0; margin: 0 0.5em 0 0; } #left-menu ul li { padding: 1em 1em 1em 3em; margin: 0; list-style: none; background: url(images/bullet_menu.gif) 10px 11px no-repeat; border-bottom: 1px dashed #b8b8b8; } #left-menu ul li:hover { padding: 1em 1em 1em 3em; margin: 0; list-style: none; background: url(images/bullet_menu_on.gif) 10px 11px no-repeat; border-bottom: 1px dashed #b8b8b8; } #left-menu ul li a { color: #0096c7; font-size: 12px; padding: 0 0 0 0; } #left-menu ul li a:hover { color: #000000; text-decoration: none; } left-menu li ul { padding: 0; margin: 0; } #left-menu li ul li { padding: 0.3em 1em 0em 0em; margin: 0 0 0 1em; list-style: none; background: url(images/bullet_sub_menu.gif) 0px 7px no-repeat; border: none; } #left-menu li ul li:hover { padding: 0.3em 1em 0em 0em; margin: 0 0 0 1em; list-style: none; background: url(images/bullet_sub_menu_on.gif) 0px 7px no-repeat; border: none; } #left-menu li ul li a { color: #0096c7; font-size: 12px; padding: 0 0 0 0.8em; } #left-menu li ul li a:hover { color: #000000; text-decoration: none; } #top-menu { padding: 0 0 0 95px; margin: 0; overflow: hidden; zoom: 1; width: 500px; float: left; } #top-menu a { color: #FFF; background: #0a2f75; border-top: 3px solid #016DE9; border-bottom: 3px solid #016DE9; display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; text-decoration: none; float: left; padding: 12px 23px 11px 23px; } #top-menu a:hover { background: #016deb; } .lg-in-prd { padding: 15px 55px 0 0; margin: 0; text-align: right; float: right; } .lg-in-prd a { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; } .lg-in-prd a:hover { text-decoration: underline; } .only-prods { padding: 22px 0 0 90px; } .prod-detail-org { color: #FFF; font-size: 14px; padding: 10px 40px 10px 0; text-align: justify; } .prod-detail-org a { color: #fff; font-size: 14px; text-decoration: none; } .prod-container { width: 155px; float: left; padding: 0 30px 0 0; } .prod-title { padding: 10px 0 0 0; } .prod-title a { color: #FFF; font-size: 14px; font-weight: normal; text-decoration: none; } .prod-det { font-size: 12px; font-weight: normal; text-align: justify; padding-top: 10px; } .prod-det a { color: #FFF; font-size: 12px; font-weight: normal; text-align: justify; text-decoration: none; } .title { color: #FFF; font-weight: bold; font-size: 24px; padding: 0 0 10px 0; margin: 0; text-transform: uppercase; float: left; width: 500px; } .title a { color: #FFF; font-weight: normal; font-size: 16px; text-decoration: none; } .title-prods { color: #FFF; font-weight: bold; font-size: 20px; padding: 22px 0 15px 0; margin: 0; text-transform: uppercase; } .title-prods a { color: #FFF; font-weight: normal; font-size: 16px; text-decoration: none; } .linklist { padding: 0; margin: 0; } .archivos { background: #016dea; padding: 3px 5px 3px 8px; text-align: center; width: 187px; } .archivos a { color: #fff; font-size: 12px; text-decoration: none; } .sub-title { color: #FFF; font-weight: normal; font-size: 16px; padding: 0 0 10px 0; margin: 0; font-style: italic; } .sub-titulo-art { color: #000000; font-weight: normal; font-size: 14px; padding: 0 0 0.5em 0; margin: 0; } .actual { color: #FFF; font-size: 12px; font-weight: normal; text-decoration: underline; } .content-title { color: #0096c7; font-weight: normal; font-size: 14px; padding: 0 0 1em 0; margin: 0; } .date-art { color: #000; font-size: 11px; padding: 0; margin: 0; } #top-banner { border-top: 0; } #details { color: #FFF; font-size: 14px; padding: 0 40px 20px 0; margin: 0; line-height: 16px; overflow: hidden; zoom: 1; } #details-content { padding: 0; margin: 0; overflow: hidden; zoom: 1; font-size: 14px; } #details-content a { color: #FFF; font-size: 14px; font-weight: normal; } #left-image { float: left; width: 11.7em; } #left-image-gallery { float: left; width: 13.5em; } #details-content-right { float: left; width: 52em; padding: 0; margin: 0; } #details-content-right a { color: #0096c7; font-size: 11px; font-weight: bold; } #details-content-gallery { float: left; width: 50em; padding: 0; margin: 0; color: #000; } #details-content-gallery a { color: #0096c7; font-size: 11px; font-weight: bold; } #gallery { padding: 2em 0 2em 0; } #ruta { color: #FFF; padding: 0 3.5em 0.5em 0; margin: 0; background: url(images/borde.gif) top left repeat-y; } #ruta a { color: #FFF; font-size: 12px; font-weight: normal; text-decoration: none; } #ruta a:hover { color: #FFF; font-size: 12px; font-weight: normal; text-decoration: none; } #news-container { padding: 1.5em 0 0 0; } #new-date { float: left; } .news-view-det { padding: 1px 10px 10px 0; color: #0d3c57; font-size: 12px; text-align: right; } .news-view-det img { padding: 0 10px 0 0; } .news-view-det a { color: #FFF; font-size: 12px; } .day { background: url(images/bg_number.gif) no-repeat 0px 0px; font-size: 15px; font-weight: bold; color: #103c59; width: 24px; height: 20px; text-align: center; margin-top: 1px; } #new-detail label, #new-deatil-in label { color: #FFF; font-size: 14px; } #new-detail, #new-deatil-in { float: left; width: 480px; color: #696969; font-size: 11px; padding: 0 0 10px 15px; } #new-detail img { } #new-detail h1 { padding: 0px 0; margin: 0; font-size: 12px; } #new-detail h1 a, #new-detail-in h1 a { color: #FFF; font-size: 16px; font-weight: bold; text-decoration: none; } #new-detail-in h1 { padding-bottom: 0px; margin: 0 30px; font-size: 11px; } #new-detail-nopict label, #new-detail-nopict label { color: #FFF; font-size: 14px; } #new-detail-nopict, #new-deatil-in-nopict { float: left; width: 600px; color: #333; font-size: 11px; padding: 0 0 10px 0; } #new-detail-nopict img { } #new-detail-nopict h1 { padding-bottom: 0px; margin: 0; font-size: 12px; } #new-detail-nopict h1 a, #new-deatil-in-nopict h1 a { color: #FFF; font-size: 16px; font-weight: normal; text-decoration: none; } #new-deatil-in-nopict h1 { padding-bottom: 10px; margin: 0 30px; font-size: 11px; } .link-filetop { color: #FFF; border-bottom: 1px solid #3f63c4; font-size: 13px; font-weight: bold; padding: 0.3em 0 0.4em 1em; width: 602px; } .file-mid { padding: 0; margin: 3px 0 0 0; background: url(images/bg_files.jpg) 0px 0px repeat-y; } .file-mid table { padding: 0; margin: 0; } .file-mid table td { padding: 1em 0; margin: 0; color: #FFF; } .file-mid table td .download-file { color: #FFF; background: url(images/bullet_down.gif) 0px 1px no-repeat; font-size: 12px; text-transform: uppercase; padding: 0 0 0 1.5em; } .file-mid table td a { color: #FFF; font-size: 12px; font-weight: normal; text-decoration: none; } .file-mid table td a:hover { text-decoration: underline; } /* *Contact Form */ #contact { border: 1px solid #d6d7d8; width: 34.8em; } #contact table { background: #f7f7f7; border: 3px solid #FFF; } #contact-form td { padding: 4px 0 4px 10px ; font-size: 12px; text-align: left; } #contact-form label { cursor: pointer ; color: #fff; font-size: 14px; } #contact-form input, #contact-form textarea { border: solid 1px #d6d6d6; background: #FFF; color: #444; font-family: arial; font-size: 13px; font-weight: normal; padding: 2px; width: 225px; } #contact-form input.t { width: 215px ; border: solid 1px #d6d6d6; background: #FFF; } #contact-form input.ts { width: 215px ; border: solid 1px #d6d6d6; background: #FFF; } #contact-form input.tm { width: 215px; border: solid 1px #d6d6d6; background: #FFF; } #contact-form input.s { background: url(images/bg_item_menu.jpg); border: 0; color: #FFF; cursor: pointer; font-size: 11px; padding: 3px 0; text-align: center; width: 90px; height: 25px; } #contact-form td.msg-bad { color: #a00; font-family: Verdana,Arial,Helvetica,sans-serif; color: #FF0000; font-size: 11px; background: #FFFFCC; border: 1px solid #FF0000; padding: 5px; text-align: center; } #contact-form td.msg-good { color: #000; font-size: 12px; font-weight: bold; } #contact-form td.msg-good, #contact-form td.msg-bad { text-align: center; padding: 5px 0 5px 0; } #contact-form td table#captcha-table td{ margin: 0; padding: 0; } /*-------------PRODS-----------*/ #prods { padding: 1.5em 0 0 0; margin: 0; background: url(images/bg_list_prods.gif) 330px 0px repeat-y; zoom: 1; } .prods-list { width: 29.5em; float: left; padding: 0 0 0 2em; } .prd-list-img { float: left; } .prd-list-det { float: left; width: 13em; padding: 0 0 0 1em; } .prd-list-det h3 { padding: 0; margin: 0; } .prd-list-det h3 a { color: #000000; font-size: 12px; font-weight: normal; text-decoration: none; } .prd-list-det p { padding: 0 0 0.5em 0; margin: 0; } .prd-list-det p a { color: #696969; font-size: 11px; font-weight: normal; text-decoration: none; } /*-------- paginacion -------*/ .compaginacion { font-weight: bold; color: #333333; text-align: center; padding: 5em 0 0 0; } .lnkpag { font-size: 12px; color: #FFF; padding: 2px 5px 4px 5px; font-weight: normal; margin-right: 2px; text-decoration: none; } .lnkpag:hover { font-size: 12px; color: #FFF; background: none; padding: 4px 5px 5px 5px; font-weight: normal; text-decoration: underline; } .lnkpag:clicked { font-size: 12px; color: #333333; background-color: none; font-weight: bold; text-decoration: none; } .lnkpagV { font-size: 12px; padding: 3px 6px 5px 5px; color: #FFF; font-weight: bold; border: 0px solid #c79d63; margin-right: 2px; text-decoration: underline; } .separador-pag { background-color: #f1eee5; color: #333; font-size: 11px; font-weight: normal; text-decoration: none; } /*----------------------------------*/