html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin:0;padding:0; outline-style:none; }
ul, ol { list-style-image:none; list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5 {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 { background-color:#D8D8D8; padding: 2px 5px ; font: bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left}
body { text-align:center; background: #363F48 url(img/body.gif) repeat-y center; font: normal 12px/18px Arial, Verdana,"Lucida Grande","Lucida Sans Unicode"; }
.clear { clear:both}
a , a:visited, a:active {color: #a01d21; text-decoration:none;outline:none !important; cursor:pointer}
a:hover { color:#000; text-decoration: underline }
strong {color: #a01d21}
p { margin: 10px 0;}
p strong { color: #000}
.left{ float:left}


#wrapper{ width:965px;	margin: 0 auto; text-align:left; color:#333; height:100% !important; min-height:100% !important;}
#header,  #menu, #content, #footer {margin: 0 ;border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
#header { background: url(img/header_bg.jpg) no-repeat left -15px; _background: url(img/header_bg.jpg) no-repeat -3px -15px; height: 100px;padding-top:85px; position:relative; overflow:hidden}
#header #banner { width:560px; height: 85px; float:right; position:absolute; top:-15px; right:3px; overflow:hidden}
#menu {background:url(img/button1.gif) repeat-x top; height: 35px;}
#menu a {display:block; text-decoration:none; color:#FFF; float:left; font-weight: bold; height:23px; padding: 5px 13px;border-right:1px solid #666;}
#menu a:hover {text-decoration:none; background: #000 url(img/button1.gif) repeat-x left 25px; border-top:1px solid #999; border-bottom:1px solid #666; border-right:1px solid #666; }
#header ul { height:20px; }
#header ul li { float:right;  border-left: 1px solid #666 ; display:block; }
#header ul li a { color:#000;  padding:1px 10px; font: bold 11px Arial, Verdana,  Helvetica, sans-serif;}
.barra {height:50px; width:960px; margin: 0 0 0 1px; border-top:2px solid #FFF; _width:960px; _margin: 0 0 0 1px;}
.barra div { display:none; background: url(img/red_bg.gif) repeat-x bottom;height:41px; }
.barra a { color: #FFF !important; border-RIGHT: 1px solid #660000; padding: 7px 12px; font-weight: bold; height:20px; display:block; float:left;}
.barra a:hover { background-color:#660000; text-decoration: none}
#footer { text-align:center; background:url(img/bg_footer.jpg) repeat-x top; height: 50px; margin-top: 45px !important; border-top: 1px solid #CCC ; padding-top:10px; float:left; width:963px}
#footer b {color:#333}
#content { padding: 0 35px; width:893px;  margin:0;  _width:888px; float:left}
.column h1 { font-size: 20px; margin: 0 0 20px 0; line-height:25px; text-transform:uppercase}
.column p {color:#333333 !important;}


h1 { margin-bottom: 15px; clear:both; text-align:left; text-transform:uppercase}
.cR {float:right; width: 290px; }
.cL {float:left;  position:relative; text-align:center;width: 540px ; border: 1px solid #CCC; padding:10px 20px 5px 20px; }


.cL ul { margin: 20px 0 7px 0; text-align: left; padding: 0 0 20px 0; list-style: none}
.cL p { text-align:left}
.cL ul li, .software li , .prod_principal li, .quienes li { background: url(img/li_img.gif) no-repeat left 3px; padding-left: 12px; margin-top:4px; _height:1px}
.cL h1 {border-bottom: 1px solid #CCC; padding-bottom: 10px}

.links { border-top: 1px solid #CCC; padding: 10px 0; clear:both; margin-top: 25px; height: 15px}
a.folleto { padding-left: 20px; background:url(img/folleto.gif) no-repeat left; font-weight: bold; height: 18px; display:inline-block; margin-bottom:5px; float:left;  margin-right: 15px;}
a.jpg { padding-left: 30px; background:url(img/popup_icon.gif) no-repeat 10px; font-weight: bold; height: 18px; display:inline-block; margin-bottom:5px; float:left; border-left:1px solid #CCC; }
fieldset { border:0; margin:0; padding:0}



.accesorios  {padding-top: 30px; float:left; width:100%}
.accesorios div { float: left; width: 20px; background: #990000 url(img/accesorios.gif) no-repeat center center;}
.accesorios .oneLine {height: 135px}
.accesorios .twoLine {height: 270px}
.accesorios .threeLine {height: 400px}
.accesorios ul { float:left; padding-left: 15px; width:850px}
.accesorios li { display: block; width:96px; height: 30px; float:left; text-align:center; padding-top: 100px; margin-right: 18px; font-weight:bold; }
li.llaveros { background: url(img/llaveros.jpg) no-repeat top}
li.tarjetas { background:url(img/tarjetas.jpg) no-repeat top}
li.retractiles { background:url(img/retractiles.jpg) no-repeat top}
li.C_pestillo { background: url(img/cerradura_pestillo.gif) no-repeat top}
li.C_electro { background: url(img/cerradura_electromagnetica.gif) no-repeat top}
li.m_esclavo { background: url(img/modulo_esclavo.gif) no-repeat top}
li.cierrapuertas { background: url(img/cierrapuertas.gif) no-repeat top}
li.molinete { background: url(img/molinete.gif) no-repeat top}
li.barreras { background: url(img/barrera.gif) no-repeat top}
li.campana { background: url(img/campana.gif) no-repeat top}


.cR .contact { margin: 0 0 20px 0!important; width: 250px; float:right; border: 1px solid #CCC; padding: 15px 20px; background-color:#E9E9E9; _padding: 15px; }
.cR .contact p { margin-bottom: 10px; border-bottom: 1px solid #CCC; padding-bottom: 10px; font-size:11px; line-height:13px}
.cR  .contact textarea { width: 235px;}  
.cR  .form-row input {width: 235px;}


/*HOME */
.home ul.prod_sec { margin: 0; padding:0; width: 100%; float: left}
.home .prod_sec li{ float:left; display:block; width: 180px; height: 176px; margin: 0 3px 8px 3px; position:relative; padding: 10px 100px 15px 10px; cursor:pointer;   position:relative; _margin: 0 2px 8px 2px; overflow:hidden}
.home .prod_sec li h3 { padding:0}
.home .prod_sec li p { position:absolute; left: 10px; width:170px; top:85px;}
.home li.h_bio630 { background-image:url(img/home_bio630.jpg)}
.home li.h_ca { background-image:url(img/home_ca.jpg)}
.home li.h_conversores  { background-image:url(img/home_conversores.jpg)}
.home li.h_bio707 {background-image:url(img/home_bio707.jpg)}
.home li.h_bio708 {background-image:url(img/home_bio708.jpg)}
.home li.h_lenoxi330{background-image:url(img/home_lenoxi330.jpg)}
.home li.h_bio800 {background-image:url(img/home_bio800.jpg)}
.home li.h_contact {background:transparent url(img/contacto.jpg)}
.home li.h_lenoxG700 {background:transparent url(img/home_controlRondas.jpg)}
.home li.h_distribuidor {background:transparent url(img/distribuidor.jpg); padding: 10px 15px 15px 130px; width: 145px; height: 176px !ie;}
.home li.h_distribuidor a { color: #FFF !important; text-align:right; padding: 154px 30px 0 15px !important; width: 235px !important;}
.home li.h_camaras { background-image:url(img/home_camaras.jpg)}
.home li.h_camaras p { width: 120px; top:65px}
.home li.h_herrajes { background-image:url(img/home_herrajes.jpg)}
.home li.h_multibio700 { background-image:url(img/home_multibio700.jpg)}
.home li.h_controlG5000 { background-image:url(img/home_G5000.jpg)}
.home li.h_SF101 { background-image:url(img/h_SF101.jpg)}
.home li.h_i330 {background-image:url(img/home_i330.jpg)}

.home li a, .home li a:active, .home li a:hover, .home li a:visited  { position: absolute; left:5px; top:0; padding: 154px 0 0 5px; width: 265px; height:38px; }
.home li a:hover { font-weight:bold}
.home .prod_sec h3 { font-size: 13px; margin: 15px 0; background-color: transparent !important}
.home li.h_bio706  {background:transparent url(img/home_bio706.jpg); }
.home li.h_lenox610 { background-image:url(img/home_lenox610.jpg)}
.home li.h_iface {background-image:url(img/home_iface.jpg)}

/* RELOJES */
.hora  { position:absolute;}
.cstime_soft { width: 455px; float:right;}
.cstime_softbox .demo { margin:0; float: left}
.cstime_softbox .datos { width:360px!important}
.cstime_softbox ul { padding-top:20px !important}

.cstime .hora { 4 width: 144px; top:112px; left: 145px; }
.img_Bio705 .hora { height: 41px; width: 144px; top:47px; left: 52px; }
.img_lenox710 .hora {  width: 144px; top:152px; left: 220px;}
.img_lenox707 .hora { height: 46px; width: 144px; top:167px; left: 211px; }
.img_Bio628 .hora { height: 46px; width: 144px; top:116px; left: 168px;}
.img_Bio630 .hora { height: 96px; width: 138px; top:146px; left: 175px; }

.lectores, .placas { border: 1px dotted #CCC; margin-top: 15px; height: 180px}
.img_i330 h4 { margin:5px 5px 10px 5px; padding: 5px 0; font: bold 12px Arial, Helvetica, sans-serif; color:#A01D21; background-color:#EAEAEA}
.img_i330 p { margin: 5px 0 0 0}
.img_i330 .lectores div ,.img_i330 .placas div { display:inline-block; margin: 0 15px; *float:left }
.img_i330 .lectores div p,.img_i330 .placas div p{ clear: both;text-align:center}


.img_Lenox610 .hora { height: 95px; width: 140px;  top:126px; left: 199px; _left: 198px}
.img_Lenox610 .opcional{ position:absolute; height: 145px; width: 146px;  top:290px; left: 20px; border:1px solid #CCC}
.led_lenox610 { background-image:url(img/lenox610_led.gif); width:24px; height:9px; position:absolute; left:160px; top: 202px; overflow:hidden; }
.led_bio706 { background-image:url(img/bio706_led.gif); width:13px; height:25px; position:absolute; left:168px; top: 287px}

/* MOLINETES */
.molinetes { padding: 0 110px;}
.molinetes h3  { font-size: 13px}
.molinetes h4  { color: #a01d21}
.molinetes p { margin: 20px 0}
.molinetes div {border: 1px solid #CCC; margin: 20px 0; padding: 25px 45px 25px 460px; height: 300px }
.mc380 { background: url(img/molinetes_mc380.jpg) no-repeat 50px center; }
.mc400 { background: url(img/molinetes_mc400.jpg) no-repeat 50px center; }
span.line { display: block; padding: 2px 3px; text-align:center; margin: 30px 0 5px 0; background-color:#CCC; clear:both; font-size:11px}
img.middle { margin: 0 16px;}

/* CAMARAS */
ul.camaras { margin: 0; padding:0}
ul.camaras li.borderBox { display:block; border: 1px solid #CCC; width: 380px; height: 495px; float:left; margin: 10px 20px 10px 0; _margin: 10px 10px 10px 0; padding: 5px 20px 10px 20px; text-align:center} 
ul.camaras .title { width:100%; border:0; height:100px !important; padding:0 !important;}
ul.camaras .title h1 {font: bold 20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
ul.camaras h3 { font-size: 15px; margin: 10px 0; text-align:left}
ul.camaras ol { list-style:circle; padding-left: 15px; text-align:left}
ul.camaras .folleto { margin-top: 7px !important}

/* CONVERSORES */
.conversores {padding: 0 110px;}
.conversores h1 {font-size: 20px; margin-bottom: 30px}
.conversores h3 { margin-bottom:5px; font-size:13px; background-color:#a01d21; color:#FFF}
.conversores h5 {font-size: 20px; margin-bottom: 20px}
.conversores h4 {background-color:#EBEBEB; padding: 5px 10px; _padding: 0 0x 3px 1px0; margin: 0 0 10px 0 ; text-align:left; font-size: 12px; *padding-top: 5px; text-transform: uppercase }
.conversores_ul li{ display:block; border: 1px solid #CCC; margin-bottom:15px; padding: 25px 15px 25px 260px;position:relative ; _height: 200px ; *min-height: 15px} 
.conversores_ul li ul { padding:0 !important; margin:0 !important;}
.conversores_ul li ul li { background: url(img/clientes_ul.gif) no-repeat left 7px; padding: 0 0 0 10px; border:0; margin-bottom:3px;_height: 20px}
.conversores_ul a.folleto { position: absolute; top: 230px; left:55px; width: 130px}
.conversores .box h3 { margin-bottom:15px; font-size:18px; background-color:transparent; color:#000}
.em100 { background:url(img/em100.gif) no-repeat 15px 20px}
.em100EV { background:url(img/em100EV.gif) no-repeat 15px 20px}
.em1000 { background:url(img/em1000.gif) no-repeat 15px 20px}
.em200 { background:url(img/em200.gif) no-repeat 15px 20px}
.em203 { background:url(img/em203.gif) no-repeat 15px 20px}
.wa1000 { background:url(img/wa1000.gif) no-repeat 15px 20px}
.LX10 {  background:url(img/LX10.gif) no-repeat 15px 20px}
.windows { background: url(img/windows.gif) no-repeat left 0 !important; display:block; padding: 20px 10px 10px 60px !important; }
.linux { background: url(img/linux.gif) no-repeat left 0 !important; display:block; padding: 20px 10px 10px 60px !important;}
.tide { background-image: none !important;  display:block; padding: 10px 10px 10px 60px !important; } 
.aplicaciones { list-style: disc; list-style-position: inside; }
.aplicaciones li { width: 432px; float:left !important; margin:0}
.aplicaciones { height: 150px; margin:0 !important; padding:0 !important;}

/* SOPORTE */
.soporte { padding: 10px !important;  margin-top: 30px !important; margin-bottom: 80px !important; border:1px solid #CCC ; text-align:center}
.soporte .fondo_soporte {background: #000 url(img/ayuda_01.jpg) no-repeat 0 0; padding: 20px 0 0 192px; margin:0 auto 35px auto  !important; color:#FFF; border:0; width: 648px;  height: 160px; text-align:left; font-size:15px; font-weight:bold;  clear:both:; position:relative}
.soporte .fondo_soporte p {padding-left: 25px}
.soporte p { margin: 10px 0; }
.soporte b, .soporte a, .soporte a:hover  { color:#ba2025}
.soporte .datos { margin: 0;background:url(img/ayuda_bg.jpg) repeat-x bottom; padding: 13px 0 13px 25px; width:623px; position:absolute; bottom:0; right:0;}
.soporte .datos span {background-image:url("img/email_soporte.gif");display:inline-block;height:23px;margin:-9px 5px;width:275px;}
.soporte .descargas {width:485px; float:left; text-align:center;}
.soporte h4 { background-color:#EBEBEB; padding: 5px 0;  _padding: 0 0 3px 0; margin: 0 0 10px 0 ; text-align:center; clear:both; font-size: 12px; *padding-top: 5px; }
.soporte ul { margin: 0 !important ; width: 465px; float:left; padding:0  0 0 20px !important;}
.soporte li { display:block ; float:left; height: 20px; padding-top: 75px; margin-right: 28px; _margin-right: 25px}
.soporte li a { white-space:nowrap}
.actualizacion { background:url(img/soft_white.png) no-repeat center 10px ; }
.manual {  background:url(img/manual.gif) no-repeat center 10px;}
.enrolamiento {  background:url(img/huella.gif) no-repeat center 10px;}
.ayuda_title { font: bold 18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif}
.usuario { width: 205px; border-bottom:1px solid #CCC; text-align:center !important; padding-bottom: 10px; background-color:#F3F3F3; color:#CC0000; font-weight: bold; margin:0}
.usuario span { display:block; background-color:#a01d21; padding:3px; text-align:center; color:#FFF; margin-bottom: 15px; font-weight: bold; clear:both;}
.usuario em { display:block; width: 80px; font-style:normal; font-weight: bold;float:left; text-align:left; margin-left:10px; _margin-left:5px; color:#000}
.usuario input { width: 100px; float:left; margin: 0 0 10px 0}
.usuario input.ingresar { margin:5px auto; float:none !important;}
.soporteRemoto { display:block;  width:200px; height:122px; background-image:url(img/soporteRemoto.gif); margin-bottom: 15px}
.column_left { float:left; width: 250px}
.soporte .contact { text-align: left}

/* CONTACTO */
.contact { margin: 0  50px 40px 32px; width: 390px;float:left; border: 1px solid #CCC; padding: 15px 20px; _margin: 0  50px 40px 13px}
.contact  h1 {border-bottom: 1px solid #CCC; padding-bottom: 10px;}
.contact label {font-weight:bold; }
.contact p { margin-bottom: 20px;}
.contact2 { width: 285px !important; float:left; background:url(img/contacto.jpg) no-repeat top left; height: 200px; padding-top: 240px; }
.contact2 div { height: 61px; padding-left: 70px;margin-bottom: 10px;}
.contact2 div b { color:#000; display:block;}
.contact2 .mail { background:url(img/mail.gif) no-repeat left}
.contact2 .adress { background:url(img/home.gif) no-repeat left}
.center { text-align:center; clear:both; margin:15px 0}
.envioOk { background:url(img/email.jpg) no-repeat center 10px ; padding-top:110px; text-align:center}
.contact textarea { font: 12px Arial, Helvetica, sans-serif;width: 220px; width: 218px\9; *width: 220px;}  
.form-row input { float:left; width: 220px; margin-right:3px; width: 220px;}
.validation-advice { padding: 3px 5px 2px 20px;	background: url(img/error_ico.gif) no-repeat 0 2px; color : #FF0000; font-size:10px;}
.field-label {float:left; width:125px}
.form-row {	clear: both; padding: 0.5em 0;}
.mensaje_error { background:url(img/no_enviado.jpg) no-repeat  center 10px; padding-top: 110px; text-align:center; }
.contactar label.error {margin-left: 135px; width: 180px !important}
.contactar label{ float:left; width: 135px;}

/* QUIENES SOMOS */
.quienes { padding: 0 110px;}
.quienes div {border: 1px solid #CCC; margin: 20px 0; padding: 10px 25px 120px 175px; background:url(img/quienesa.jpg) no-repeat 20px 20px }

/* CLIENTES */
.Accordion {overflow: hidden; margin-top:30px; border-bottom: 1px solid #EFEFEF;}
.AccordionPanel {margin: 0px; padding: 0px; background: #FFF url(img/clientes_bg.jpg) repeat-x top;_height: 20px;}
.AccordionPanelTab {padding: 4px 0 4px 18px; cursor: pointer; border-bottom: 2px solid #FFF; border-top: 1px solid #CCC; }
.AccordionPanelTab:hover {background: url(img/arrow.gif) no-repeat 5px center;}
.AccordionPanelContent {overflow: auto;	margin: 0px; padding: 0px; height: 150px; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF}
.AccordionPanelContent ul {font: 11px Arial, Helvetica, sans-serif; margin-bottom: 30px; margin-left: 15px; padding-top:10px;}
.AccordionPanelContent li {display:block; width: 250px; float:left; margin-right: 15px; margin-bottom: 5px; margin-bottom: -5px !ie !important; *margin-top: 0px !important; background:url(img/clientes_ul.gif) no-repeat left center; padding-left: 10px; }
.AccordionPanelContent li.letra { width: 250px !important; padding: 4px 0 4px 10px; font-weight: bold; border-bottom: 1px dashed #CCC;  border-top: 1px dashed #CCC; margin-bottom: 10px; background-image: none; *margin-bottom: 3px;}
.AccordionPanelOpen .AccordionPanelTab { color: #000; font-weight: bold}
.AccordionPanelTabHover { background:url(img/arrow.gif) no-repeat 5px center; font-weight: bold}
.AccordionPanelOpen .AccordionPanelTabHover {background:url(img/arrow.gif) no-repeat 5px center;}
.AccordionFocused .AccordionPanelTab { background: url(img/clientes_bg.jpg) repeat-x top;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {font-weight: bold;  background: url(img/arrow.gif) no-repeat 5px center;}
.clientes .cL { width: 340px; text-align:left; border:0; padding:0}
.clientes .cR { width: 500px; }
.clientes .list {width: 163px; float:left}
.clientes .list img { float:left}

/* DESCARGAS */
.download {padding: 0 110px; height:auto; _height:600px; min-height: 600px; }
.download ul { margin: 10px 0 30px 0; float:left}
.download li { background:url(img/download.gif) no-repeat left ; padding-left:20px; margin-bottom: 10px; width: 350px; float:left}
.download h6 { margin: 30px 0 5px 0; font-size:13px; background-color:#a01d21; color:#FFF; clear:both; padding: 2px 10px}

/* DISTRIBUIDORES */
.distribuidores {padding: 0 110px; text-align:center}
.distribuidores p, .distribuidores h1, .distribuidores .validation-advice { text-align:left}
.distribuidores .panel {margin: 30px auto; width: 480px;}
.distribuidores  label { display:block; float:left; width: 170px; font-weight:bold; text-align:left; padding-left:5px}
.distribuidores  span { color:#FF0000; display: block; width: 12px; float: left; height: 20px}
.distribuidores input, .distribuidores  textarea { float:left; width: 250px; font: 12px Arial, Helvetica, sans-serif; color: #666; }
.distribuidores .send {width: 55px; margin-left: 170px; margin-top:20px }
.distribuidores label.error { margin-left:185px !important}

/* CONTROL DE RONDAS */
.puestos {  height: 160px}
.puestos strong { background-color:#a01d21; padding:2px 5px ; text-align:center; color:#FFF; font-size:11px;  display:block; margin-bottom:10px; text-align:left}
.puestos ol { margin:0}
.puestos li { display:block; height:106px; width:96px; margin-right:12px; float:left }
.puestoControl {background:url(img/puestoControl_1.jpg) no-repeat top}
.puestoContro2 {background:url(img/puestoControl_2.jpg) no-repeat top}
.puestoContro3 {background:url(img/puestoControl_3.gif) no-repeat top}
.puestoContro4 {background:url(img/puestoControl_4.gif) no-repeat top}
.puestoContro5 {background:url(img/puestoControl_5.gif) no-repeat top}
.puestoContro6 {background:url(img/puestoControl_6.jpg) no-repeat top}
.prog5 { background-image:url(img/prog5.jpg); width:300px !important; height:175px !important; margin: 50px 0 0 90px !important }
.softControl .gallery { float:right!important; width:320px!important; padding-top: 10px !important}
.softControl ul { padding-top:15px!important}
.softControl  .demo { float:left!important; margin:0!important}
.softControl  .gallery li { height:auto!important}
.aplicacines { height: 180px}
.aplicacines li { background-image: none!important; width:81px; float:left; font-size: 11px; padding:0!important; margin: 0 4px 0 5px; _margin: 0 4px 0 4px; line-height: 13px}
.aplicacines li img { margin-bottom:6px}
.aplicacines li span { display:block}
#ol-control li { width:162px; height: 119px} 


/* ACCESORIOS */
.cerraduras, .accesorios2 { padding: 0 60px}
.cerraduras h1, .accesorios2 h1 { font:bold 20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; margin: 30px 10px  0 10px!important}
.cerraduras h3, .accesorios2 h3 { font-size: 14px; text-transform: uppercase; text-align:left}
.accesorios2 h3 em {  font-size: 11px; font-style:normal}
.cerraduras strong, .accesorios2 strong {color:#A01D21;}
.cerraduras ul , .accesorios2 ul { min-height: 280px; _height: 280px}
.cerraduras ul:after, .accesorios2 ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.cerraduras ul li , .accesorios2 ul li { float: left; display:block; width:29%; margin: 7px 0.7%;  _margin: 7px 0.5%; border:1px solid #CCC; height: 290px; padding:  10px 1.2%; text-align:center}
.cerraduras p, .accesorios2 p { text-align:left}
.accesorios2 .ups p { margin: 5px 0 ; line-height: 16px}
.accesorios2  ol { list-style:none; margin:0; padding:0; text-align:left}
.accesorios2  ol li { border:0; width:230px; height: auto; padding: 2px 0 2px 10px; margin:0; display:list-item; font-size: 11px; line-height: 13px; background:url(img/clientes_ul.gif) no-repeat left 8px; float: none;text-align:left}

/* POP UP */
.gallery  { padding:0; margin:0;  }
.software .gallery  { padding:20px 0; margin:0; float: left; width:100%  }
.software .gallery li {width: 115px;float:left; margin: 5px 0 0  7px; background-image: none; padding:0; height: 108px}
.software .gallery li a { display:block; margin-top:4px}  
.software .gallery  a:hover { margin-top:0}
.software .gallery a img{ border:0!important}
.software { background:#efeeee url(img/box_bg.gif) repeat-x bottom; margin: 30px 0 0 0; float: left; width:96%; padding: 20px 2%; width:100%\9}
.software h3 {background:url(img/soft.png) no-repeat left; height:40px; padding-left: 65px; border-bottom: 1px solid #CCC; margin: 0 15px; padding-top:15px; color:#363f47; font-size: 18px}
.software h3 a.folleto { float:right; font: normal 12px Arial, Helvetica, sans-serif; text-transform:none; *margin-top: -20px}
.software  ul { padding: 25px 15px 20px 15px; margin:0}
.software  p { margin: 10px 15px;color:#FFF;}
.demo p strong  ,.demo  a{ color:#FFF; }
.software .datos  { width:460px; float:left; min-height:230px}
.software .datos  ul { clear:both; padding-top:0}
.software .datos a.folleto { margin-left:15px}
.demo { background-color:#990000; color: #FFF; padding:10px; margin:30px 15px 0 0; float:right; width:340px}
label.error { display: block; font-weight:normal; background: url("img/error_ico.gif") no-repeat scroll 0 2px transparent; color: #FF0000; font-size: 10px; padding: 3px 5px 2px 20px; clear:both}
.submit { padding: 3px 5px; cursor:pointer}