* { margin: 0; padding: 0; }
html {margin:0px; padding:0px;}
body { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; margin-top:0px;}
h1 { font-size: 25px; margin-bottom: 15px; }
h2 { font-size: 22px; margin-bottom: 10px; color: #F65F0E; font-style: italic; }
h3 { font-size: 18px; color: #F65F0E; font-style: italic; }
h4 { font-size: 12px; }
img { border: 0; vertical-align: middle; }
a, a:visited { text-decoration: none; color: #00E; }
a:hover { color: #009; }
a img { border:none; }
p { margin-bottom: 5px; }
table { border-spacing: 0; border-collapse: collapse; border: none; }
td, th{ vertical-align: top; }
th { text-align: right; }
input.text, textarea, select { font-size: 11px; border:1px solid #CCC; border-top:1px solid #FFF; border-left:1px solid #FFF; padding: 3px 4px; background: #FFF; }
select { padding: 0; }
input.required, textarea.requierd, select.required { border-width: 1px; }
option { padding: 2px 5px; background: #FFF; }
.left { text-align: left; }
input.error { border: 1px solid #f00 !important; }
.error { color: #f00; }
.relative { position:relative; }
.absolute { position:absolute; }
.click_new { cursor: pointer; }
.center { text-align: center; }
.hidden { display: none; }
.right { text-align: right; }
.sIFR-flash { visibility: visible !important; }
.sIFR-flash span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0;display: block; overflow: hidden; }
/* CONTAINER ####################################################################*/
body {background:#e6f1f5 url('/css/bg_body.jpg') no-repeat;}
#body_box { width: 908px; margin: 0px auto; }
/* HEADER ####################################################################*/
#header {height:78px; width:100%; background: url('/css/bg_top.jpg') no-repeat; color: #FFF;}
#mainlogo { position: absolute; margin: 15px 0 0 20px; }
#mainmenu { display: block; padding-left: 250px; list-style:none; }
#mainmenu li { float: left; }
#mainmenu a { display:block; line-height: 70px; padding: 0 12px; outline: 0; }
#mainmenu a:hover span { color: #fff !important; }
#mainmenu a span { display: block; padding-top: 5px; font-size:12px; font-weight:bold; color:#666060; font-family:"Trebuchet MS", Arial; }
#mainmenu a.m1 { background: url('/css/bg_menu_1.jpg') 0 75px repeat-x; }
#mainmenu a.m2 { background: url('/css/bg_menu_2.jpg') 0 75px repeat-x; }
#mainmenu a.m3 { background: url('/css/bg_menu_3.jpg') 0 75px repeat-x; }
#mainmenu a.m4 { background: url('/css/bg_menu_4.jpg') 0 75px repeat-x; }
#mainmenu a.m5 { background: url('/css/bg_menu_5.jpg') 0 75px repeat-x; }
#mainmenu a.m6 { background: url('/css/bg_menu_6.jpg') 0 75px repeat-x; }
#mainmenu a.m8 { background: url('/css/bg_menu_8.jpg') 0 75px repeat-x; }
#mainmenu a.sel { background-position: 0 0 !important; }
#mainmenu a.sel span { color: #FFF; }
/*
#mainmenu { display: block; padding-left: 250px; list-style:none; }
#mainmenu li { float: left; }
#mainmenu a { display:block; height: 74px; line-height: 74px; padding: 0 12px; outline: 0; }
#mainmenu a:hover span { color: #fff !important; }
#mainmenu a span { display: block; padding-top: 5px; font-size:12px; font-weight:bold; color:#666060; font-family:"Trebuchet MS", Arial; }
#mainmenu a.m1 { background: url('/css/bg_menu_1.jpg') 0 75px repeat-x; }
#mainmenu a.m2 { background: url('/css/bg_menu_2.jpg') 0 75px repeat-x; }
#mainmenu a.m3 { background: url('/css/bg_menu_3.jpg') 0 75px repeat-x; }
#mainmenu a.m4 { background: url('/css/bg_menu_4.jpg') 0 75px repeat-x; }
#mainmenu a.m5 { background: url('/css/bg_menu_5.jpg') 0 75px repeat-x; }
#mainmenu a.m6 { background: url('/css/bg_menu_6.jpg') 0 75px repeat-x; }
#mainmenu a.sel { background-position: 0 0 !important; }
#mainmenu a.sel span { color: #FFF; }
*/
/* HEADER ####################################################################*/
/* MAIN BODY #################################################################*/
#body {width:100%; margin-top: 8px; }
#left {width:252px; vertical-align:bottom; }
#contents { }
/* FOOTER ####################################################################*/
#footer { padding: 15px 0; }
#footer span, #footer a { color: #6A6A6A; font-weight: bold; font-size: 90%; }
#menu_inf { float: right; }
#menu_inf li { float: right; margin: 0 5px; list-style:none; }
#menu_inf a.sel { color: #000; }
/* PORTADA ###################################################################*/
/* NOVEDADES */
#novedades { width:252px; height: 10px; background: #FFF url('/css/bg_main_left.jpg') no-repeat; }
#novedades h4 { margin: 0 20px 5px 20px; padding-top:15px; color:#009898;}
#novedades .new { color:#666; margin: 20px 20px 5px 20px;}
#novedades .new span { color:#009898; font-weight:bold; font-size:12px;}
/* MAIN LEFT OLD
#main_left { background: url('/css/bg_main_right.gif') no-repeat; float: left; width: 246px; height: 512px; margin-bottom: 3px; }
#main_left ul { margin-top: 40px; }
#main_left li { border-bottom: 1px solid #dfdfdf; margin: 0 20px; list-style: none; }
#main_left li span { margin: 12px 10px; display: block; }
#main_left li span img { float: left; padding-right: 6px; }
#main_left li a { font-weight:bold; color:#666; outline:0; }
#main_left li a:hover { color:#000; }
#main_left li a.more {font-weight:normal; color:#0030ff; margin-right:15px;}
#main_left li a.more:hover {text-decoration:underline;}
#main_left .title { color: #2b2b2b; margin: 20px; font-weight: bold; }
#main_left div.subtitle { margin-left: 20px; padding-bottom: 10px !important; }
#login_box { background: url('/css/login_box.jpg') no-repeat; height: 40px; }
#login_box form { padding: 11px 0 0 135px; }
#login_box input { width: 80px; padding: 1px; font-size: 10px; color: #999; }
#login_box td { padding-right: 10px; color: #676767; font-weight: bold; font-size: 10px; }
*/
/* MAIN LEFT */
#main_left { position: relative; height: 525px; border-top: 1px solid #9bddfd; }
#main_left .productos { position: absolute; top: 0; left: 0; background: url('/css/portada_productos.gif') no-repeat; width: 246px; height: 518px; margin-bottom: 3px; }
#main_left .productos ul { margin-top: 14px; }
#main_left .productos li { margin: 0 20px; list-style: none; }
#main_left .productos li div.trigger { padding: 5px 0 2px 0; cursor: pointer; font-weight: bold; color: #666; }
#main_left .productos li div.trigger img { padding-right: 10px; }
#main_left .productos li div.trigger a { outline: 0; padding-left: 6px; padding-right: 12px; font-weight: normal; font-size:10px; color: #008bfe; background: url('/css/saber_mas.gif') right center no-repeat; }
#main_left .productos li div.trigger a:hover { color: #008bfe;; }
#main_left .productos li .subtitle { color: #666; outline: 0; font-size: 9px; }
/*
#main_left .productos li span img { float: left; padding-right: 6px; }
#main_left .productos li a { font-weight:bold; color:#666; outline:0; }
#main_left .productos li a:hover { color:#000; }
#main_left .productos li a.more { font-weight:normal; color:#0030ff; margin-right:15px; }
#main_left .productos li a.more:hover { text-decoration:underline; }
*/
#main_left .novedades { position: absolute; top: 289px; _top: 300px; left: 0; height: 40px; width: 245px; background: url('/css/portada_novedades.gif') no-repeat; margin-top: 10px; /* position: absolute; top: 363px; border: 1px solid #0f0 !important; */ }
#main_left .novedades p { color:#666; padding: 13px 0 0 20px; }
#main_left .novedades p span { color:#009898; font-weight:bold; font-size:12px; }
#main_left .novedades p span { color:#009898; font-weight:bold; font-size:12px; }
#main_left .video { position: absolute; top: 350px; left: 0; width: 245px; height: 155px; background: url('/css/portada_video.gif') no-repeat; }
#main_left .video .video_flash {margin:6px 0 0 5px;}
/*
#main_left { background: url('/css/portada_productos.gif') no-repeat; float: left; width: 246px; height: 512px; margin-bottom: 3px; }
#main_left ul { margin-top: 0; }
#main_left li { border-bottom: 1px solid #dfdfdf; margin: 0 20px; list-style: none; }
#main_left li span { margin: 12px 10px; display: block; }
#main_left li span img { float: left; padding-right: 6px; }
#main_left li a { font-weight:bold; color:#666; outline:0; }
#main_left li a:hover { color:#000; }
#main_left li a.more {font-weight:normal; color:#0030ff; margin-right:15px;}
#main_left li a.more:hover {text-decoration:underline;}
#main_left .title { color: #2b2b2b; margin: 20px; font-weight: bold; }
#main_left div.subtitle { margin-left: 20px; padding-bottom: 10px !important; }
#login_box { background: url('/css/login_box.jpg') no-repeat; height: 40px; }
#login_box form { padding: 11px 0 0 135px; }
#login_box input { width: 80px; padding: 1px; font-size: 10px; color: #999; }
#login_box td { padding-right: 10px; color: #676767; font-weight: bold; font-size: 10px; }
*/
/* NOSOTROS ##################################################################*/
#nosotros { background: url('/css/bg_nosotros.jpg') no-repeat; width: 643px; height: 518px; }
#nosotros div.box { padding: 90px 95px 0 95px; }
#nosotros p { color: #676767; }
#nosotros p.quote { background: url('/css/quote.gif') no-repeat; padding: 5px 20px 0 40px; font-size: 18px; }
#nosotros p.quote_autor { text-align: right; margin-right: 50px; }
#nosotros ul { padding-left: 20px; padding-top: 0; margin-top: 0; }
#nosotros li { color: #676767; list-style: square; }
/* CONTACTO */
#contacto { background: url('/css/bg_contacto.jpg') no-repeat; width: 643px; height: 518px; }
#contacto h1 { color: #ff6701; margin: 0; margin-bottom: 10px; font-size: 20px; font-weight: normal; }
#contacto #form_contacto { padding: 20px 25px; color: #6b6172; }
#contacto #form_contacto td { white-space: nowrap; }
#contacto #form_contacto th, #contacto #form_contacto td { padding: 5px; vertical-align: middle !important; }
#contacto #form_contacto input, #contacto #form_contacto textarea { border: 1px solid #ebe9e9; padding: 2px; background: #ebe9e9; font-family: Arial; font-size: 10px; }
#contacto #form_contacto input { width: 110px }
#contacto #form_contacto input#email { width: 160px }
#contacto #form_contacto input#phone { width: 80px }
#contacto #form_contacto input#name { width: 258px; }
#contacto #form_contacto input#newsletter { width: 16px; background-color: transparent; border: none; margin-left: 30px; margin-right: 5px; }
#contacto #form_contacto textarea { width: 220px; height: 60px; }
#contacto #legal { position: absolute; width: 600px; height: 70px; left: 20px; top: 444px; }
#contacto .enviado { margin-top: 10px; color: #ff4343; }
#contacto .requerido { color: #aaa2a9; font-weight: bold; }
#contacto .texto { color: #fefff2; font-size: 9px; line-height: 13px; padding-top: 2px; }
#contacto a.button { background: transparent url('/css/bg_button.gif') no-repeat scroll top right; color: #fff; font-weight: bold !important; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#contacto a.button span { background: transparent url('/css/bg_button.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#contacto_left { width: 251px; height: 395px; background: url('/css/bg_contacto_left.jpg') no-repeat; font-size: 13px; color: #343131; padding-right: 10px; }
#contacto_left div { padding: 20px; }
#contacto_left p { margin: 10px 0; }
/* DISTRIBUIDORES */
#distribuidores { background: url('/css/bg_distribuidor.jpg') no-repeat; width: 700px; height: 518px; }
#distribuidores h1 { color: #70241f; margin: 0; margin-bottom: 10px; font-size: 20px; font-weight: normal; }
#distribuidores p { font-size: 11px !important; }
#distribuidores #form_distribuidor { padding: 20px 25px; color: #6b6172; }
#distribuidores #form_distribuidor table { width: 590px; }
#distribuidores #form_distribuidor td { }
#distribuidores #form_distribuidor td p { font-size: 10px; }
#distribuidores #form_distribuidor th, #distribuidores #form_distribuidor td { padding: 2px 3px; vertical-align: middle !important; }
#distribuidores #form_distribuidor input, #distribuidores #form_distribuidor textarea { border: 1px solid #ebe9e9; padding: 2px; background: #ebe9e9; font-family: Arial; font-size: 11px; }
#distribuidores #form_distribuidor input { width: 110px }
#distribuidores #form_distribuidor input#email { width: 160px }
#distribuidores #form_distribuidor input#phone { width: 80px }
#distribuidores #form_distribuidor input#name { width: 325px; }
#distribuidores #form_distribuidor input#newsletter { width: 16px; background-color: transparent; border: none; margin-left: 30px; margin-right: 5px; }
#distribuidores #form_distribuidor textarea { width: 220px; height: 60px; }
#distribuidores #legal { position: absolute; width: 600px; height: 70px; left: 20px; top: 444px; }
#distribuidores .enviado { margin-top: 10px; color: #ff4343; }
#distribuidores .requerido { color: #aaa2a9; font-weight: bold; }
#distribuidores .texto { color: #fefff2; font-size: 9px !important; line-height: 13px; padding-top: 2px; }
#distribuidores a.button { background: transparent url('/css/bg_button_distribuidor.jpg') no-repeat scroll top right; color: #fff; font-weight: bold !important; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#distribuidores a.button span { background: transparent url('/css/bg_button_distribuidor.jpg') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#distribuidores_left { width: 251px; height: 395px; font-size: 13px; color: #343131; padding-right: 10px; margin-bottom:10px;}
#distribuidores_left div { }
#distribuidores_left p { }
/* MAIN */
#main { background: url('/css/portada_flash.gif') no-repeat; margin-left: 6px; margin-right: 4px; float: right; width: 648px; height: 506px; display: table-cell; }
#main .box { margin: 4px 0 0 4px; }
/*
#main h2 { font-size: 18px; color: #4b4141; font-weight: normal; margin-bottom: 5px; }
#main h3 { font-size: 17px; color: #454141; }
#main blockquote { color: #a69e9e; font-size: 14px; margin-bottom: 10px; }
#main p { font-size: 10px; color: #6d6868; }
#main .verde { color: #9acd01; }
#main .naranja { color: #ff7a06; }
#main .azul { color: #09cdcd; }
#main .movilizate { margin: 20px; position: absolute; top: 275px; width: 600px; }
#main .imagenes { position: absolute; top: 105px; left: 250px; }
#main .texto { position: absolute; top: 35px; right: 20px; width: 420px; }
#main .banners_portada { height: 105px; position: absolute; top: 406px;}
*/
/* NOVEDAD */
#novedad { background: url('/css/bg_novedad.png') no-repeat; float: left; width: 641px; height: 515px; }
#novedad h1 { margin: 0px 0 20px 0px; padding:0px; font-size:18px; }
#novedad div.capsule { width: 601px; height: 455px; overflow: hidden; }
#novedad div.margen { margin: 20px 0 0 20px; }
#novedad #news { width: 580px; }
#novedad #news tr.full { height: 78px; background: url('/css/news_bg.jpg') repeat-x; }
#novedad #news tr.full .first { width: 5px; background: url('/css/news_first.jpg') right top no-repeat; }
#novedad #news tr.full .last { width: 5px; background: url('/css/news_last.jpg') left top no-repeat; }
#novedad #news tr.full img { display: none; }
#novedad #news tr.full .new { padding: 5px; }
#novedad #news tr.full .more { vertical-align: middle; white-space: nowrap; text-align: center; cursor: pointer; }
#novedad #news h1 { font-size: 14px; color: #01a1c4; padding: 0; margin: 0; }
#novedad #news h2 { font-size: 11px; color: #9b9191; padding: 0; margin: 0; font-style: normal; }
#novedad #news p { color: #8e8e8e; font-size: 10px; }
#novedad #news b { color: #000; }
#novedad #news img { float: left; margin-right: 20px; }
#novedad #news tr.empty { height: 20px; }
/* OPTIMASUITE */
#optimasuite { background: url('/css/bg_treinta_seg.gif') no-repeat; float: left; width: 550px; height: 480px; }
#optimasuite h1 { font-size: 18px; color: #5a5a5a; margin: 25px 0 0 35px; }
#optimasuite h1 b { color: #000; }
#optimasuite #flash { text-align:center; }
#optimasuite ul { margin: 20px 0 0 12px; }
#optimasuite li { list-style: none; float: left; }
#optimasuite li span { display: block; width: 107px; height: 25px; padding: 4px 0; color: #000; }
#optimasuite li span img { float: left; margin-right: 6px; }
#optimasuite_right { background: url('/css/bg_treinta_seg_right.gif') no-repeat; float: right; padding-right: 4px; width: 358px; height: 480px; }
#optimasuite_right .holder { margin: 10px; padding-top: 20px; }
#optimasuite_right .capsule-scroll-pane { position: relative; overflow:hidden; height: 420px; font-size: 10px; }
#optimasuite_right .scroll-pane { width: 325px; overflow: hidden; background: transparent; height: 2000px; position: absolute; }
#optimasuite_right .pane { width: 325px; background: transparent; height: 420px; }
#optimasuite_right ul.otros_enlaces { padding: 20px 0 0 10px; font-size: 12px; margin-top:60px;}
#optimasuite_right ul.otros_enlaces li { list-style: square inside; line-height: 16px; }
#optimasuite_right ul.otros_enlaces li.title { list-style: none; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#optimasuite_right ul.otros_enlaces li a { text-decoration: none; font-weight:bold; color: #666; }
#optimasuite_right ul.otros_enlaces li a:hover { color: #111; }
#optimasuite_right a.history {color:#009; vertical-align:top; }
#optimasuite_right a.history:hover {color:#c00;}
#optimasuite_right a.history img{vertical-align:bottom;}
/* HOME */
#optimasuite_right .p_home { }
#optimasuite_right .p_home h1 { font-size: 13px; color: #3c3c3c; font-weight: normal; padding: 0 20px 10px 20px; }
#optimasuite_right h1 { font-size: 13px; color: #3c3c3c; font-weight: normal; padding: 20px 10px 10px 10px; }
#optimasuite_right .p_home .info { text-align: center; color: #606060; margin-top: 0px; padding-top:30px; }
/* DONDE */
#optimasuite_right .p_donde { }
#optimasuite_right .p_donde h1 { font-size: 13px; color: #3c3c3c; font-weight: normal; padding: 20px 10px; }
#optimasuite_right .p_donde .title { color: #45baba; font-weight: bold; font-size: 16px; }
#optimasuite_right .p_donde img { padding-bottom: 10px; }
#optimasuite_right .p_donde p { padding: 0 10px; font-size: 11px; }
/* MULTIPLATAFORMA */
#optimasuite_right .p_multiplataforma { }
#optimasuite_right .p_multiplataforma h1 { font-size: 13px; color: #3c3c3c; font-weight: normal; padding: 20px 10px; }
#optimasuite_right .p_multiplataforma .title { color: #ff7701; font-weight: bold; font-size: 16px; }
#optimasuite_right .p_multiplataforma img { padding-bottom: 10px; }
#optimasuite_right .p_multiplataforma p { padding: 0 10px; font-size: 11px; }
#optimasuite_right .p_multiplataforma ul { margin-left:20px; }
#optimasuite_right .p_multiplataforma ul li { margin:5px 0px; }
/* MEDIA */
#optimasuite_right .p_medida { }
#optimasuite_right .p_medida h1 { font-size: 13px; color: #3c3c3c; font-weight: normal; padding: 20px 10px; }
#optimasuite_right .p_medida .title { color: #9dce09; font-weight: bold; font-size: 16px; }
#optimasuite_right .p_medida img { padding-bottom: 10px; }
#optimasuite_right .p_medida p { padding: 0 10px; font-size: 11px; }
/* ----------------------------- */
/* PRODUCTOS INTRO */
#productos_intro { background: url('/css/bg_productos_intro.gif') no-repeat; float: left; width: 647px !important; height: 481px; }
#productos_intro h1 {padding:0px; font-size:18px; margin:10px 0 10px 25px;}
#productos_intro p { margin:0px 25px; }
#productos_intro ul.product_list { list-style: none; margin-top:20px; }
#productos_intro ul.product_list a { outline: 0; }
#productos_intro ul.product_list li { display: block; width: 200px; height: 125px; text-align: center; float: left; }
#productos_intro ul.product_list h4 { color: #555; padding: 0; margin: 0 0 10px 0; font-size: 14px; line-height:11px; }
#productos_intro ul.product_list p { padding: 0 10px; }
/* PRODUCTOS */
#productos { background: url('/css/bg_productos.gif') no-repeat; float: left; width: 647px !important; height: 481px; }
#productos h1 { font-size: 18px; }
#productos td { padding: 20px; }
#productos a.image { position: absolute; right: 0; top: -10px; }
#productos p { margin: 12px 0; }
#productos .videodemo { position: absolute; top: 0; left: 0; }
#productos .oferta { position: absolute; top: 328px; left: 15px; }
#productos div.botonera { position: absolute; top: 110px; left: 0; }
#productos a.btn { display: block; width: 125px; height: 45px; background: url('/css/btn_bg.gif') no-repeat; color: #5d8eba; }
#productos a:hover.btn { background: url('/css/btn_bg_on.gif') no-repeat; }
#productos a.screenshot {display:block; margin:10px 0 0 0px; text-align:center;}
#productos a.screenshot img{ border:1px solid #999; width:100px;}
#productos a.btn span.dos { padding: 8px 0 0 12px; display: block; }
#productos a.btn span.una { padding: 16px 0 0 12px; display: block; }
#productos_right { background: url('/css/bg_productos_right.gif') no-repeat; float: right; padding-right: 4px; width: 246px; height: 481px; }
#productos_right ul { margin-top: 40px; }
#productos_right li { display: block; margin: 12px 30px; height: 19px; list-style: none; /* filter: alpha(opacity=70); */ -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#productos_right li span { /*margin: 8px 10px; display: block; line-height:20px;*/ }
#productos_right li span img { float: left; padding-right: 6px; }
#productos_right li.last { border-top: 1px solid #ddd; }
#productos_right .title { color: #555; margin: 30px 30px 20px 30px; font-weight: bold; }
#productos_right a {font-weight:bold; color:#999; outline: 0; }
#productos_right a:hover { color:#222; }
#productos_right li.selected { filter: none; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#productos_right li.selected a { color:#222; }
#productos_right ul.otros { font-size: 12px; margin-top: 5px; }
#productos_right ul.otros li { list-style: square inside; margin: 0 0 0 30px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
#productos_right ul.otros li.title { color:#333; list-style: none; font-size: 15px; font-weight: bold; padding-bottom: 5px; }
#productos_right ul.otros li a { text-decoration: none; color: #414042; font-weight: normal; font-size: 11px; }
/*
.product_text { margin:0px 20px 0px 20px; }
.product_text h1.sifr {margin-left:-3px; width: 400px; height: 20px; }
.product_text p { color:#333; font-size:11px;}
*/
/* CASOS DE ÉXITO */
#casos_exito { background: url('/css/bg_casos_exito.gif') no-repeat; float: left; width: 647px; height: 481px; }
#casos_exito h1 { font-size: 18px; margin: 0; color: #000; }
#casos_exito h2 { font-size: 14px; margin: 20px 0 5px 0; color: #000; }
#casos_exito h3 { font-size: 12px; font-weight: bold; color: #000; }
#casos_exito .title { margin-bottom: 40px; }
#casos_exito .cliente_box { width: 150px; height: 190px; overflow: hidden; float: left; cursor: pointer; position: relative; }
#casos_exito .cliente_box table.pill { width: 140px; }
#casos_exito .cliente_box table.pill td { padding: 1px 0; text-align: center; }
#casos_exito .cliente_box div.pill { width: 150px; position: absolute; bottom: 0; text-align: center; }
#casos_exito .cliente_box div.pill p { text-align: center; }
#casos_exito .cliente_box .image { margin: 0 auto; }
#casos_exito .td_400 { border-right: 1px solid #e4e4e4; padding-right: 10px !important; width: 400px; }
#casos_exito.list { }
#casos_exito.list td { padding: 20px; }
#casos_exito.cliente { }
#casos_exito.cliente td.header { padding: 20px 30px 10px 20px; }
#casos_exito.cliente td { padding: 0 30px 10px 20px; }
#casos_exito .modulos { margin-top: 10px; }
#casos_exito .modulos img { margin: 5px 0 10px 6px; }
#casos_exito #info_customer { width: auto; height: 380px; overflow: hidden; padding-right: 10px; }
#casos_exito_right { background: url('/css/bg_casos_exito_right.gif') no-repeat; float: right; padding-right: 4px; width: 244px; height: 481px; }
#casos_exito_right ul { position: absolute; }
#casos_exito_right li { border-bottom: 1px solid #dfdfdf; margin: 0 10px; list-style: none; }
#casos_exito_right li span { margin: 6px 10px; display: block; color: #969696; }
#casos_exito_right li b { color: #000; }
#casos_exito_right .title { color: #2b2b2b; margin: 20px; font-weight: bold; }
#casos_exito_right #prod_slide { margin-left: 10px; }
#casos_exito_right #prod_slide #prod_box { height: 328px; overflow: hidden; position: relative; clear: both; }
#casos_exito_right #prod_slide .next_prod { float: right; padding-right: 30px; cursor: pointer; margin-top: 10px; background: url('/css/downarrow.gif') no-repeat; color: transparent; }
#casos_exito_right #prod_slide .prev_prod { float: right; padding-right: 30px; cursor: pointer; background: url('/css/uparrow.gif') no-repeat; color: transparent; }
/* DEMO */
#demo { background: url('/css/bg_descarga_video.gif') no-repeat; float: left; width: 455px; height: 480px; }
#demo h1 { font-size: 20px; }
#demo h2 { font-size: 14px !important; margin-top: 20px; }
#demo td { padding: 30px 30px 0 30px; }
#demo #form_demo_video { padding-top: 5px; width: 380px; height: 100%; overflow: hidden; }
#demo #form_demo_video label { display: block; width: 120px; float: left; padding: 4px 0; }
#demo #form_demo_video input.full { border: 1px solid #e1e1e1; background: #e1e1e1; float: left; margin: 2px 0; padding: 2px; width: 220px; }
#demo #form_demo_video input.half { border: 1px solid #e1e1e1; background: #e1e1e1; float: left; margin: 2px 0; padding: 2px; width: 170px; }
#demo #form_demo_video a.button { background: transparent url('/css/btn_soporte.gif') no-repeat scroll top right; color: #fff; font-weight: bold !important; display: block; float: right; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#demo #form_demo_video a.button span { background: transparent url('/css/btn_soporte.gif') no-repeat; display: block; line-height: 14px; padding: 3px 0 5px 18px; }
#demo #form_demo_video hr { clear: both; padding-top: 10px; margin-bottom: 10px; height: 1px; border: 0; border-bottom: 1px solid #ccc; }
#demo ul { margin: 20px 0 0 12px; }
#demo li { list-style: none; float: left; }
#demo li img { padding-right: 6px; }
#demo li a { display: block; width: 107px; height: 25px; padding: 4px 0; color: #000; }
#demo_right { background: url('/css/bg_descarga_video_right.gif') no-repeat; float: right; margin-right: 4px; width: 415px; height: 480px; }
#demo_right .video { position: absolute; top: 78px; left: 40px; }
/* SOPORTE */
#soporte { background: url('/css/bg_soporte.gif') no-repeat; float: right; width: 644px; height: 481px; }
#soporte.no_login { background: url('/css/bg_soporte_no_login.gif') no-repeat; }
#soporte h1 { font-size: 20px; }
#soporte .subtitle { font-size: 12px; }
#soporte td { padding: 30px 0 0 30px; }
#soporte .menu { }
#soporte .menu img { margin: 10px 0; }
#soporte .telefono { margin: 10px 0 20px 106px; font-size: 18px; font-weight: bold; }
#soporte .email { margin: 10px 0 20px 67px; }
#soporte #form_soporte { padding-top: 5px; width: 300px; }
#soporte #form_soporte label { display: block; width: 120px; float: left; padding: 4px 0; }
#soporte #form_soporte input { border: 1px solid #e1e1e1; background: #e1e1e1; float: left; width: 160px; margin: 2px 0; padding: 2px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#soporte #form_soporte textarea { border: 1px solid #e1e1e1; background: #e1e1e1; float: left; height: 40px; width: 160px; margin: 2px 0; padding: 2px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
#soporte #form_soporte a.button { background: transparent url('/css/btn_soporte.gif') no-repeat scroll top right; color: #fff; font-weight: bold !important; display: block; float: right; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#soporte #form_soporte a.button span{ background: transparent url('/css/btn_soporte.gif') no-repeat; display: block; line-height: 14px; padding: 3px 0 5px 18px; }
#soporte #form_soporte hr { clear: both; padding-top: 10px; margin-bottom: 10px; height: 1px; border: 0; border-bottom: 1px solid #ccc; }
#soporte .pasos { padding: 15px 20px 0 40px; text-align: left; margin-bottom: 30px; display: block; font-size: 14px; color: #666; }
#soporte .p1 { background: url('/css/soporte_paso_1.gif') no-repeat; }
#soporte .p1.on1 { color: #00abab; }
#soporte .p2 { background: url('/css/soporte_paso_2.gif') no-repeat; }
#soporte .p2.on2 { color: #d75000; }
#soporte .p3 { background: url('/css/soporte_paso_3.gif') no-repeat; }
#soporte .p3.on3 { color: #71a400; }
#soporte .p4 { background: url('/css/soporte_paso_4.gif') no-repeat; }
#soporte .p4.on4 { color: #f0e000; }
#soporte_left { background: url('/css/bg_soporte_right.gif') no-repeat; float: left; width: 252px; height: 481px; }
/* DEMO TC */
#demo_tc { background: url('/css/bg_demo_tc.gif') no-repeat; float: right; width: 644px; height: 481px; }
#demo_tc div.capsule { width: 610px; height: 380px; overflow: hidden; }
#demo_tc .table { margin: 20px; margin-top: 0; width: 580px; }
#demo_tc .header th { vertical-align: middle; text-align: left; height: 80px; }
#demo_tc .header th span { color: #d75000; font-size: 18px; padding-top: 20px; padding-right: 45px; background: url('/css/icono_videos.gif') right top no-repeat; }
#demo_tc .header td { vertical-align: middle; text-align: right; white-space: nowrap; }
#demo_tc .header td span { font-size: 14px; }
#demo_tc .ficha_video { margin-top: 10px; }
#demo_tc .ficha_video .titulo { font-size: 12px; font-weight: bold; }
#demo_tc .ficha_video .titulo_medida { color: #f59723; }
#demo_tc .ficha_video .titulo_agenda { color: #4eb6b6; }
#demo_tc .ficha_video .titulo_cobros { color: #e24b4b; }
#demo_tc .ficha_video .titulo_documentos { color: #a2c04a; }
#demo_tc .ficha_video .titulo_notas { color: #a26f4a; }
#demo_tc .ficha_video .titulo_form { color: #76add3; }
#demo_tc .ficha_video .titulo_gps { color: #a849a6; }
#demo_tc .ficha_video .titulo_pedidos { color: #f49548; }
#demo_tc .ficha_video .duracion { color: #a7a9ac; }
#demo_tc .ficha_video .ver_video { font-weight: bold; text-decoration: none; padding-left: 30px; padding-top: 10px; display: block; width: 52px; float: right; }
#demo_tc .ficha_video .ver_video.medida { color: #f59723; background: url('/css/medida07960.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.agenda { color: #4eb6b6; background: url('/css/ico_agenda_comercial.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.cobros { color: #e24b4b; background: url('/css/ico_cobros.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.documentos { color: #a2c04a; background: url('/css/ico_documentos.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.notas { color: #a26f4a; background: url('/css/ico_notas_gastos.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.form { color: #76add3; background: url('/css/ico_formularios.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.gps { color: #a849a6; background: url('/css/ico_optima_gps.gif') left top no-repeat; }
#demo_tc .ficha_video .ver_video.pedidos { color: #f49548; background: url('/css/ico_pedidos.gif') left top no-repeat; }
#demo_tc hr { border: 0; color: #d5d5d5; background-color: #d5d5d5; height: 1px; margin: 10px 0; }
#demo_tc .ficha_video td.td_pad_lef {padding-left:7px;}
/* PLAN AVANZA */
#plan_avanza { background: url('/css/plan_avanza.gif') no-repeat; width: 571px; height: 362px; }
#plan_avanza h1 { font-size: 20px; color: #586368; }
#plan_avanza .text { padding: 20px 0 0 20px; width: 310px; font-size:12px; }
#plan_avanza .text p{ margin:17px 0; }
#plan_avanza a.info { color: #ee3876; font-weight: bold; margin-top: 20px; padding-right: 15px; background: url('/css/ejemplo_financiacion.gif') right center no-repeat; }
#plan_avanza hr { color: #d6d6d6; border: 0; background-color: #d6d6d6; height: 1px; width: 100%; text-align: left; }
/* NOVEDAD */
#novedad_right { width: 251px; height: 395px; font-size: 13px; color: #343131; }
/* NOSOTROS */
#nosotros_left { padding-right: 10px; }
/*
#contacto #form_contacto a.boton { background: url('/css/bg_button.gif') left top; _width: 50px; border: none; cursor: pointer; }
#contacto #form_contacto a.boton span { background: url('/css/bg_button.gif') right top; color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; margin-left: 10px; padding: 4px; height: 22px; display: block; white-space: nowrap; }
*/
/* PAGINACIÓN */
.paginacion { float: rigth; padding: 20px 3px 3px 3px; text-align: right; clear: both; height:100%; overflow: hidden; }
.paginacion a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #333; text-decoration: none; color: #fff !important; background: #c7c4b9 url('btn_paginacion_off.gif'); }
.paginacion a:hover, .paginacion a:active { border: 1px solid #333; color: #fff !important; background: #767676 url('btn_paginacion_on.gif'); }
.paginacion span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #333; font-weight: bold; background: #767676 url('btn_paginacion_on.gif'); color: #fff !important; }
.paginacion span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; }
#tooltip { position:absolute; background: #fff; display: none; width: 300px; text-align: left; border: 1px solid #999 !important; padding: 10px 20px; font-size: 11px; color:#555; }
#tooltip table td { padding-right: 5px; }
#tooltip table td.sep { width: 1px; background-color: #e1e1e1; padding: 0; }
#tooltip table td.img { vertical-align: bottom; padding-left: 5px; }
/* AVISO LEGAL */
#aviso_legal { background: url('/css/bg_aviso_legal.gif') no-repeat; width: 600px; height: 500px; overflow: hidden; }
#aviso_legal h1 { margin-top: 20px; }
#aviso_legal #pane1 { height: 380px; margin: 20px; padding-right: 10px; overflow: auto; }
/* DIRECCIONES */
.volver_noticia { padding-left: 20px; background: url('/css/volver.gif') left top no-repeat; font-weight: bold;}
.volver_pa { padding-left: 20px; background: url('/css/volver.gif') left top no-repeat; font-weight: bold;}
.volver_up { padding-right: 20px; background: url('/css/volver_up.gif') right top no-repeat; font-weight: bold;}
.ir_noticia { padding-right: 20px; padding-bottom: 4px; background: url('/css/ir_noticia.gif') right top no-repeat; font-weight: bold;}
.producto_masinfo { float: right; padding-top: 12px; padding-bottom: 4px; font-weight: bold;}
.arrow_naranja { color: #ff7700 !important; }
.arrow_azul { color: #01a1c4 !important; }
/*------- Vídeos Youtube Thickbox -------*/
#videos_youtube {}
#videos_youtube div.header_you {height:23px; width:425px; background:url('/css/bg_thick.jpg') top repeat-x; }
#videos_youtube div.header_you table.info_video {height:23px;}
#videos_youtube div.header_you table.info_video tr td.col1 {width:400px; vertical-align:middle; font-weight:bold; padding-left:7px;}
#videos_youtube div.header_you table.info_video tr td.col2 {width:25px; vertical-align:middle;}