body{margin: 10px 0px 0px 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; background-color: #E3E3E3; background-image: url(../images/html/fondo.jpg); background-repeat: repeat-x; background-position: center top;} h1{font: bold 15px Arial, Helvetica, sans-serif; color: #04784A; margin: 0px 0px 10px 0px; padding: 0px 0px 6px 0px; border-bottom: 1px dashed #04784A;} h2{font: bold 13px Arial, Helvetica, sans-serif; color: #04784A; margin: 0px 0px 10px 0px; padding: 0px 0px 6px 0px;} h3{ font: bold 12px Arial, Helvetica, sans-serif; color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } h4{} h5{} h6{} img{border:0px;} a:link, a:visited{color: #999; text-decoration: underline;} a:visited{color: #999; text-decoration: underline;} a:hover{color: #999; text-decoration: none;} a:active{color: #999; text-decoration: none;} :focus{outline: none;} form{margin: 0px; padding: 0px;} label{margin: 0px; padding: 0px; cursor: pointer;} button{margin: 0px; padding: 0px; cursor: pointer; border: none;} input{margin: 0px; padding: 0px; height: 18px; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #CCC;} select{margin: 0px; padding: 0px; height: 18px; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #CCC;} .separador { border-top-width: 1px; border-top-style: dashed; border-top-color: #009999; margin-bottom: 15px; } .separador2 { border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; margin-bottom: 15px; } #contenidos ul { background-image: url(../images/html/bullet_lista.gif); background-repeat: no-repeat; background-position: left top; list-style-type: none; margin-top: 0px; margin-right: 45px; margin-bottom: 15px; margin-left: 45px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #contenidos li { background-image: url(../images/html/bullet_lista.gif); background-repeat: no-repeat; background-position: left top; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #volver{background: url(../images/html/bullet_volver.gif) no-repeat 0px 2px; padding: 0px 0px 3px 16px; font: bold 12px Arial, Helvetica, sans-serif; margin: 0px; color: #AFAFAF; float: right; width: 60px; height: 20px;} #volver a:link, #volver a:visited{color: #AFAFAF; text-decoration: none;} #volver a:hover, #volver a:active{color: #999; text-decoration: none;} /*HEADER*/ #header { background: url(../images/html/fondo_menu_header.jpg) no-repeat left bottom #FFF; height: 130px; width: 935px; clear: both; margin: 0px auto;} #header.h_video { background: url(../images/html/fondo_menu_header-2.jpg) no-repeat left bottom #FFF; height: 130px; width: 935px; clear: both; margin: 0px auto;} #header img{float: left; margin: 0px; padding: 0px; border: none;} #header form{ float: right; width: 370px; height: 70px; padding: 10px 5px 0px 0px; text-align: right; font-size: 12px; } #header form label{display: block; text-align: right; font-size: 11px; float: left; margin: 0px; padding: 4px 5px 0px 9px;} #header form input{width: 50px; width: 90px; float: left;} #header form button{background: url(../images/botones/bot_ir.gif) no-repeat 0px 0px; float: left; margin: 0px 0px 0px 4px; width: 43px; height: 15px; font: 1px Arial, Helvetica, sans-serif;} #header form p{clear: both; margin: 0px; padding: 0px 0px 10px 0px; height: 15px;} #header ul{ margin: 0px; padding: 0px; list-style: none; height: 50px; clear: both; width: 935px; font: 15px Helvetica, Arial, sans-serif; letter-spacing: 0px; } #header ul li{float: left; margin: 0px; padding: 8px 0px 5px 0px; float: left; height: 33px; text-align: center; width: 19%;} #header ul li a:link,#header ul li a:visited{color: #FFF; text-decoration: none; display: block; border-right: 1px solid #FFF; padding: 2px 0px;} #header ul li a:hover,#header ul li a:active{color: #FFF; text-decoration: underline;} #header ul li a#last{border: none;} /*MENU CONTENIDOS 2 COLUMNAS*/ #menu{ width: 193px; padding: 8px 0px 0px 13px; margin: 0px; color: #7F7F7F; float: left; } #menu h1{margin: 0px 0px 10px 0px; padding: 0px 0px 3px 0px; border-bottom: 1px dashed #666;} #menu ul{margin: 0px; padding: 0px; list-style: none;} #menu ul li{background: url(../images/html/bullet_menu_01.gif) no-repeat 0px 5px; color: #5C5C5C; font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px; font-weight: bold;} #menu ul ul{padding: 5px 0px 5px 0px;} #menu ul li li{background: url(../images/html/bullet_menu_02.gif) no-repeat 0px 4px; color: #7F7F7F; font-size: 11px; margin: 0px; padding: 0px 0px 5px 10px; font-weight: normal;} #menu ul ul ul { color: #006633; padding: 2px 0px 0px 0px; } #menu a:link, #menu a:visited{color: #5C5C5C; text-decoration: none;} #menu a:hover, #menu a:active{color: #333; text-decoration: none;} #menu li li a:link, #menu li li a:visited{color: #7F7F7F; text-decoration: none;} #menu li li a:hover, #menu li li a:active{color: #000; text-decoration: none;} #menu #buscar{ width: 145px; margin: 0px; padding: 0px 0px 0px 10px;} #menu #buscar h1{background: url(../images/html/tit_buscar.gif) no-repeat 0px 0px; border-bottom: none; height: 16px; margin: 0px; padding: 0px 0px 6px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #menu #buscar p{margin: 0px; padding: 0px;} #menu #buscar input{width: 90px; height: 15px; margin: 0px 4px 0px 0px; font-size: 10px;} #menu #buscar button{background: url(../images/botones/bot_ir.gif) no-repeat 0px 0px; width: 43px; height: 15px; font: 1px Arial, Helvetica, sans-serif; } /*ESTRUCTURA*/ #estructura{background: url(../images/html/fondo_estructura.gif) repeat-y 0px 0px #FFF; width: 935px; margin: 0px auto; clear: both; min-height:300px;} #estructura.e_video{background: url(../images/html/fondo_estructura-2.gif) repeat-y 0px 0px #FFF; width: 935px; margin: 0px auto; clear: both; min-height: 573px !important;} /*CONTENIDOS*/ #contenidos{padding: 0px 28px 20px 29px; overflow: hidden;} #contenidos.c_video{padding: 0 0 0 2px;!important; height: 573px !important;} /*CONTENIDOS 2 COLUMNAS*/ #contenidos_2col{background: url(../images/html/fondo_2col.gif) repeat-y 35px 0px; width: 865px; padding: 0px 28px 20px 29px; margin: 0px; overflow: hidden;} #contenidos_2col #detalle_contenidos{width: 645px; margin: 0px; padding: 0px 0px 0px 7px; float: right;} /*BREADCRUMS*/ #breadcrums{border-bottom: 1px dashed #257F4F; padding: 6px 0px 7px 10px; margin: 0px 0px 10px 0px; font: 13px Arial, Helvetica, sans-serif; color: #7F7F7F;} #breadcrums strong, #breadcrums b{color: #2B8F4E;} /*PREGUNTAS FRECUENTES: TEXTO INTRODUCCION*/ #faq_intro{background: url(../images/html/fondo_txt_introduccion_bottom.gif) no-repeat left bottom; margin: 0px; padding: 0px 0px 20px 0px; width: 707px;} #faq_intro #faq_intro_bottom{ background: url(../images/html/fondo_txt_introduccion_top.gif) no-repeat left top; margin: 0px; padding: 10px 10px 0px 130px; } #faq_intro #faq_intro_bottom p{margin: 0px; padding: 10px 0px 15px 20px; border-left: 1px solid #CCC;} #faq_intro #faq_intro_bottom strong, #faq_intro #faq_intro_bottom strong{font-size: 14px; color: #2C8F4B; margin: 0px 0px 5px 0px;} /*FAQ*/ .faq{width: 556px; padding: 10px 0px 10px 150px; color: #7B7B7B;} .faq h1{ background: url(../images/html/bullet_faq.gif) no-repeat 0px 13px; border-top: 1px dashed #CCC; padding: 9px 0px 6px 10px; margin: 0px; font: bold 11px Arial, Helvetica, sans-serif; color: #7B7B7B; border-bottom: none; display: block; } .faq h1 span{background: url(../images/html/bullet_flecha_up.gif) no-repeat 0px 0px; float: right; width: 13px; height: 12px; display: block; font: 1px Arial, Helvetica, sans-serif;} .faq p{margin: 0px; padding: 0px 0px 9px 15px;} /*MARCAS REPRESNTADAS*/ .marcas_representadas{ font: 10px Arial, Helvetica, sans-serif; color: #8D8D8D; margin: 0px 0px 14px 0px; overflow: hidden; width: 876px; padding: 0px 0px 12px 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-top-color: #A0A29F; border-right-color: #A0A29F; border-bottom-color: #A0A29F; border-left-color: #CCCCCC; } .marcas_representadas h1{background: url(../images/html/fondo_titulo_marcas_representadas.jpg) no-repeat 0px 0px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; margin: 0px; padding: 5px 0px 20px 29px; border-bottom: none;} .marcas_representadas h2{ font-size: 10px; color: #000000; margin: 0px; padding: 0px; } .marcas_representadas .filas{padding: 0px 0px 0px 10px; width: 864px;} .marcas_representadas .columnas { float: left; margin: 0px; padding: 0px 10px; width: 195px; height: 110px; border-right: 1px solid #CCC; } .marcas_representadas .columnas.last {border: none;} .marcas_representadas .columnas p {padding: 6px 0px 8px 0px; margin: 0px;} .marcas_representadas .columnas .cont_img { float: left; width: 78px; height: 70px; text-align: center; border: 1px solid #CCC; padding: 5px; margin: 0px 5px 0px 0px; } .marcas_representadas .columnas img { border: none; padding: 0px 0px 0px 0px; } /*MANUALES*/ #manuales{font: 10px Arial, Helvetica, sans-serif; width: 645px; padding: 0px 0px 5px 0px; left: 12px;} *>#manuales{left: 0px;} #manuales .filas{ overflow: hidden; padding: 6px 0px 3px 4px; position: relative; font-size: 12px; color: #8D8D8D; background: url(../images/html/fondo_manuales_filas.gif) no-repeat left bottom; margin: -8px 0px 0px 0px; width: 645px; } #manuales .filas .columnas{ position: relative; float: left; height: 90px; margin: 0px 0px 0px -1px; padding: 0px 0px 19px 0px; width: 161px; } *>#manuales .filas .columnas{height: auto; min-height: 90px;} #manuales .filas .columnas .top{background: url(../images/html/fondo_manuales_top.gif) repeat-y left bottom; height: 5px; font: 1px Arial, Helvetica, sans-serif;} #manuales .filas .columnas p{background: url(../images/html/bullet_download.gif) no-repeat left bottom; margin: 0px 0px 0px 20px; padding: 15px 6px 25px 0px;} #manuales .filas .columnas a:link, #manuales .filas .columnas a:visited{text-decoration: underline; font-size: 11px; color: #2B8F52;} #manuales .filas .columnas a:hover, #manuales .filas .columnas a:active{text-decoration: none; color: #2B8F52;} /*CATALOGO*/ #catalogo{font: 10px Arial, Helvetica, sans-serif; width: 645px; padding: 0px 0px 5px 0px; left: 12px;} *>#catalogo{left: 0px;} #catalogo .filas{ overflow: hidden; width: 645px; padding: 6px 0px 0px 4px; position: relative; margin: -8px 0px 0px 0px; font-size: 12px; color: #8D8D8D; } #catalogo .filas .columnas{background: url(../images/html/fondo_manuales.gif) repeat-y left bottom; position: relative; float: left; height: 230px; margin: 0px 0px 0px -1px; padding: 0px 0px 19px 0px; width: 161px;} *>#catalogo .filas .columnas{height: auto; min-height: 230px;} #catalogo .filas .columnas .top{background: url(../images/html/fondo_manuales_top.gif) repeat-y left bottom; height: 5px; font: 1px Arial, Helvetica, sans-serif;} #catalogo .filas .columnas p{margin: 0px 0px 0px 20px; padding: 5px 6px 5px 0px;} #catalogo .filas .columnas a:link, #catalogo .filas .columnas a:visited{text-decoration: underline; font-size: 11px; color: #2B8F52;} #catalogo .filas .columnas a:hover, #catalogo .filas .columnas a:active{text-decoration: none; color: #2B8F52;} #catalogo .filas .columnas .cont_foto{ width: 134px; height: 134px; margin: 0px auto; text-align: center; padding: 5px 0px 0px 0px; } #catalogo .filas .columnas .cont_foto img{ border: none; } #catalogo .filas .columnas .link_descarga_01{background: url(../images/html/link_descarga_01.gif) no-repeat 0px 0px; width: 13px; height: 14px; display: block; float: left; font: 1px Arial, Helvetica, sans-serif; margin-right: 3px;} #catalogo .filas .columnas .link_descarga_02{background: url(../images/html/link_descarga_02.gif) no-repeat 0px 0px; width: 15px; height: 14px; display: block; float: left; font: 1px Arial, Helvetica, sans-serif; margin-right: 3px;} #catalogo .filas .columnas .link_descarga_03{background: url(../images/html/link_descarga_03.gif) no-repeat 0px 0px; width: 14px; height: 14px; display: block; float: left; font: 1px Arial, Helvetica, sans-serif;} #catalogo #detalle { border: 1px solid #CCCCCC; padding: 10px; overflow: hidden; } #catalogo #descripcion_detalle { float: right; width: 370px; font-size: 12px; color: #8D8D8D; overflow: hidden; } #catalogo #descripcion_detalle p{margin: 0px 0px 0px 20px; padding: 5px 6px 5px 0px;} #catalogo #descripcion_detalle a:link, #catalogo .filas .columnas a:visited{text-decoration: underline; font-size: 11px; color: #2B8F52;} #catalogo #descripcion_detalle a:hover, #catalogo .filas .columnas a:active{text-decoration: none; color: #2B8F52;} #catalogo #detalle .descarga { overflow: hidden; margin: 10px 10px 0px 20px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC; } #catalogo #detalle #descripcion_detalle .descarga p { background: url(../images/html/bullet_download.gif) no-repeat left bottom; padding: 15px 6px 25px 0px; margin: 0px 0px 0px 0px; overflow: hidden; } /*FORMULARIOS*/ #formularios{margin: 0px; padding: 20px 0px; height: 180px;} #formularios p{margin: 0px; padding: 0px 0px 4px 0px; width: 170px;} #formularios label{margin: 0px; padding: 3px 0px; width: 60px; display: block; float: left;} #formularios input{border: 1px solid #CCC; width: 100px;} #formularios select{border: 1px solid #CCC; width: 102px;} #formularios textarea{border: 1px solid #CCC; width: 200px; height: 110px; overflow: auto;} #formularios #consultas{width: 320px; float: right;} #formularios #consultas label{width: 100px;} #formularios button{background: url(../images/botones/bot_enviar.gif) no-repeat 0px 0px; width: 40px; height: 15px; margin: 0px; padding: 0px; font: 1px Arial, Helvetica, sans-serif; float: right;} /*FORMULARIO DE CONSULTAS*/ #formularios.form_consultas{float: right; width: 592px;} #formularios.form_consultas label{margin: 0px; padding: 3px 0px; width: 90px; display: block; float: left;} #formularios.form_consultas p{margin: 0px; padding: 0px 0px 4px 0px; width: 200px;} select#tipo_consulta{ margin-top: 3px; width: 202px; } /*CONTACTOS FORMULARIOS*/ #datos_consulta{ width: 280px; font-weight: bold; height: auto; float: right; border-left: 1px solid #CCC; padding: 0px 0px 0px 40px; } #datos_consulta p{margin: 0px; padding: 0px 0px 10px 0px; clear: both;} #datos_consulta a:link, #datos_consulta a:visited{color: #7C7C7C; text-decoration: none;} #datos_consulta a:hover, #datos_consulta a:active{color: #999; text-decoration: none;} #datos_consulta strong, #datos_consulta b{color: #7C7C7C;} #datos_consulta span{display: block; float: left; width: 120px; height: 30px;} /*FORMULARIO CONSULTAS*/ #fondo_consultas{background: url(../images/html/ico_consultas.jpg) no-repeat center center; border-right: 1px solid #CCC; padding: 10px 10px 0px 20px; margin: 30px 0px 40px 0px; width: 110px; height: 130px;} /*Ejecutivo*/ #fondo_ejecutivo{background: url(../images/html/ico_ejecutivo.jpg) no-repeat center center; border-right: 1px solid #CCC; padding: 10px 10px 0px 20px; margin: 30px 0px 40px 0px; width: 110px; height: 130px;} /*Técnico*/ #fondo_tecnico{background: url(../images/html/ico_tecnico.jpg) no-repeat center center; border-right: 1px solid #CCC; padding: 10px 10px 0px 20px; margin: 30px 0px 40px 0px; width: 110px; height: 130px;} #soporte_fila{height: auto; float:right; width:700px;} #soporte_fila #separador {width: auto; float: left; border-right: 1px solid #CCC; margin: 10px 20px 0px 0px; padding: 20px 30px 0px 0px; height: 120px;} #soporte_fila #separador_final {width: auto; float: left; margin: 10px 15px 0px 0px; padding: 20px 0px 0px 0px; height: 120px;} /*FOOTER*/ #bottom_contenidos{background: url(../images/html/fondo_bottom_estructura.gif) no-repeat 0px 0px; padding: 0px 0px 30px 0px; width: 935px; margin: 0px auto;} #footer{background: url(../images/html/fondo_footer.jpg) repeat-x 0px 0px; color: #FFF; width: 933px; margin: 0px auto; height: 104px; clear: both;} #footer img{ float: right; border: none; padding: 2px 10px 0px 0px; } #footer ul{ margin: 0px; padding: 18px 0px 0px 30px; list-style: none; height: 14px; } #footer ul li{background: url(../images/html/bullet_footer.gif) no-repeat 0px 4px; float: left; margin: 0px; padding: 0px 10px 0px 10px;} #footer ul li a:link, #footer ul li a:visited{color: #094B1B; text-decoration: underline;} #footer ul li a:hover, #footer ul li a:active{color: #094B1B; text-decoration: none;} #footer address{ font: normal 11px Arial, Helvetica, sans-serif; clear: both; margin: 0px; padding: 5px 10px 0px 40px; } #footer address a:link, #footer address a:visited{color: #FFF; text-decoration: underline;} #footer address a:hover, #footer address a:active{color: #FFF; text-decoration: none;} #footer span{float: right;} /*DATOS DE TABLA*/ .datos_tabla{border: 1px solid #FFF; border-collapse: collapse; width: 100%; margin: 0px 0px 10px 0px;} .datos_tabla th{background: #CCC; color: #000; padding: 5px; text-align: left; border: 1px solid #FFF; border-collapse: collapse;} .datos_tabla td{color: #502B8B; padding: 5px; border: 1px solid #FFF; border-collapse: collapse;} /*MAPA SITIO*/ #mapa_sitio ul{ margin: 0px 0px 0px 0px; padding: 0px; list-style: none; height: 200px; clear: both; font: 11px Arial, Helvetica, sans-serif; overflow: hidden; } #mapa_sitio li{ float: left; margin: 0px 5px 0px 0px; padding: 0px; float: left; height: 33px; text-align: center; width: 165px; font-size: 12px; font-weight: bold; background-color: #E8E8E8; display: block; border: 1px dotted #007548; } #mapa_sitio li a:link, #mapa_sitio ul li a:visited{ color: #000; text-decoration: none; display: block; height: 26px; padding: 7px 0px 0px 0px; } #mapa_sitio li a:hover, #mapa_sitio ul li a:active{ color: #000; text-decoration: underline; display: block; } #mapa_sitio ul li a#last{border: none;} #mapa_sitio a.sub:link, #mapa_sitio a.sub:visited, #mapa_sitio a.sub:hover, #mapa_sitio a.sub:active { color: #999999; background-color: #E8E8E8; margin: 5px 0px 0px 0px; padding: 3px 0px 3px 0px; border: 1px dotted #007548; } #mapa_sitio #mapa_bottom { margin: 0px 0px 0px 30px; } #mapa_sitio #mapa_bottom a { margin: 0px 30px 0px 0px; color: #007548; } .datos_tabla_busqueda { width: 100%; border-collapse: collapse; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .datos_tabla_busqueda th { border: 1px solid #FFF; margin: 0px 0px 10px 0px; border-collapse: collapse; text-align: left; background-color: #D8CEAE; padding: 5px; } .datos_tabla_busqueda td { margin: 0px 0px 10px 0px; border-collapse: collapse; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; height: 30px; padding: 5px; } .datos_tabla_busqueda a:link, .datos_tabla_busqueda a:visited { color: #8E7C44; } .datos_tabla_busqueda a:hover, .datos_tabla_busqueda a:active { color: #716235; } #estructura #contenidos .faq .faq_secciones { color: #2C8F4B; } .buscador_top { height: 10px; width: 80px; float: right; } #registro_top { width: 400px; } .firma { width: 400px; text-align: center; float: left; margin: 0px 0px 0px 0px; } .numero { font-size: 1.5em; color: #06B972; }