/* RESET */ 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; } pre,code,address,caption,cite,code,em,th { font-size: 11px; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table {border-spacing: 0;} body{ margin:0; padding:0; background-color:#fff; font: 11px Arial, Verdana, Helvetica, sans-serif; color:#675c53; } a.sabermas{ display:block; text-align:right; color:#00a1de; margin-top:8px; text-decoration:underline; font-weight:bold;} a.sabermas:hover{color:#00338d;} a.massobre{ color:#00a1de; text-decoration:underline;} a.massobre:hover{color:#00338d;} img.right{float:right; margin:0 0 10px 10px;} img.left{float:left; margin:0 10px 10px 0;} input, textarea, select{ border:1px solid #7c736b; background: url(../img/bginput.gif) repeat-x #fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px;} input[type="submit"], input[type="reset"]{ border:2px solid #675c53; font-weight:bold;} input[type="submit"]:hover, input[type="reset"]:hover{ border:2px solid #00338d;color:#00338d} /*TOPCONTENEDOR*/ #topcontenedor{ background: url(../img/bgtopcontenedor.gif) repeat-x; height:30px;} #topcontenedor #topenlaces{width:960px; margin:0 auto;} #topcontenedor #topenlaces ul{ margin:0; padding:0; list-style-type:none; padding-top:7px;} #topcontenedor #topenlaces ul li{ display:inline; border-right:1px solid #fff;} #topcontenedor #topenlaces ul li a{ color:#fff; text-decoration:none; padding:0px 10px;} #topcontenedor #topenlaces ul li a:hover{ color:#a8b400;} /*CONTENEDOR*/ #contenedor{ width:960px; margin:0 auto;} /*logo*/ #logo{} /*extranet*/ #extranet{position:absolute; margin-left:720px;} /*enlaces*/ #enlaces{ background: url(../img/bgenlaces.gif) no-repeat; height:51px; z-index:9; margin-top:10px;} #enlaces ul{ margin-left:233px;} #enlaces ul li{ display:inline;} #enlaces ul li a{ display:block; height:51px; width:106px; float:left; margin-right:5px;} #enlaces ul li a.productos{ background: url(../img/enlaces_productosoff.jpg) no-repeat;cursor:pointer;} #enlaces ul li a.productos:hover{ background: url(../img/enlaces_productoson.jpg) no-repeat;} #enlaces ul li a.productossel{ background: url(../img/enlaces_productos.jpg) no-repeat;} #enlaces ul li a.servicios{ background: url(../img/enlaces_serviciosoff.jpg) no-repeat;} #enlaces ul li a.servicios:hover{ background: url(../img/enlaces_servicioson.jpg) no-repeat;} #enlaces ul li a.serviciossel{ background: url(../img/enlaces_servicios.jpg) no-repeat;} #enlaces ul li a.formacion{ background: url(../img/enlaces_formacionoff.jpg) no-repeat;} #enlaces ul li a.formacion:hover{ background: url(../img/enlaces_formacionon.jpg) no-repeat;} #enlaces ul li a.formacionsel{ background: url(../img/enlaces_formacion.jpg) no-repeat;} #enlaces ul li a.canal{ background: url(../img/enlaces_canaloff.jpg) no-repeat;} #enlaces ul li a.canal:hover{ background: url(../img/enlaces_canalon.jpg) no-repeat;} #enlaces ul li a.canalsel{ background: url(../img/enlaces_canal.jpg) no-repeat;} #enlaces ul li a.tienda{ background: url(../img/enlaces_tiendaoff.jpg) no-repeat; margin-left:70px; cursor:pointer;} #enlaces ul li a.tienda:hover{ background: url(../img/enlaces_tiendaon.jpg) no-repeat;} /*banner*/ #banner{} /*ruta*/ #ruta{ color:#5b5b5b; font-size:10px; padding:2px; margin:15px 0 0 240px;} #ruta a{ text-decoration:underline; color:#5b5b5b;} #ruta a:hover{color:#007f64;} /*contenido*/ #contenido{} /*CONTENIDO INDEX*/ #portada{ padding-top:10px; background: url(../img/bgportada.gif) no-repeat left top;} #portada #principal{ float:left; width:600px; padding:30px 0 0 30px;} #portada #principal #softwaregestion{ } #portada #principal #softwaregestion p{margin-top:15px;} #portada #principal #programas{margin-top:30px;} #portada #principal #programas .pyme{ float:left; width:290px;} #portada #principal #programas .pyme p{margin-top:15px;} #portada #principal #programas .autonomo{ float:right; width:290px;} #portada #principal #programas .autonomo p {margin-top:15px;} #portada #principal #destacado {margin:15px 0; background: url(../img/destacado.jpg) no-repeat left top; height:174px; display:block;} #portada #principal #destacado span{display:none;} #portada #principal #destacado p{margin-top:143px; position:absolute; margin-left:163px;} #portada #secundario{ float:right; width:311px;} #portada #secundario .qsoft{ background: url(../img/qsoft.jpg) no-repeat; width:311px; height:126px;} #portada #secundario .qsoft ul{ padding-top:83px; padding-left:15px;} #portada #secundario .qsoft li{ display:inline-block; width:120px; margin-right:10px; vertical-align:top;} #portada #secundario .qsoft li a{color:#054731; font-weight:bold;} #portada #secundario .destacadolateral{ margin-top:30px;} #portada #secundario .ultimasnoticias{ background: url(../img/bgnoticias.jpg) no-repeat bottom; width:311px; margin-top:35px; padding-bottom:20px;} #portada #secundario .ultimasnoticias table{ width:95%; margin-left:10px;} #portada #secundario .ultimasnoticias table td.rss{ text-align:right;} #portada #secundario .ultimasnoticias table td.rss img{ vertical-align:middle;} #portada #secundario .ultimasnoticias table td.rss a{ font-weight:bold; color:#008569; padding-right:10px;} #portada #secundario .ultimasnoticias .noticia{margin:6px 15px 0 15px; } #portada #secundario .ultimasnoticias .noticia .fecha{ font-size:11px; font-weight:bold; color:#000;} #portada #secundario .ultimasnoticias .noticia .titular a{color:#5b5b5b; font-weight:bold;} #portada #secundario .ultimasnoticias .noticia .titular a:hover{ text-decoration:none; color:#007f64;} #portada #secundario .ultimasnoticias .noticia .subtitular{ text-align:justify; margin-top:5px;} #portada #secundario .ultimasnoticias .noticia .subtitular a{color:#007f64;} #portada #secundario .ultimasnoticias .archivo{margin-left:180px; display:block; margin-top:20px;} /*contenido-comun*/ #comun{background: url(../img/bgproductos.jpg) no-repeat left top;border:1px solid #fff;} #comun #lateralI{float:left; width:225px; margin-top:25px;} #comun #lateralI ul{font-weight:bold; margin-bottom:15px; text-align:right; padding-left:70px;} #comun #lateralI ul li{ font-weight:normal;} #comun #lateralI ul li a{color:#00a1de; text-decoration:underline; padding:5px 2px;display:block; border-bottom:1px dotted #ccc;} #comun #lateralI ul li a:hover{background-color:#efefef;} #comun #lateralI ul li a.clubsage{ margin-left:45px; background: url(../img/flecha.gif) no-repeat left;} #comun #lateralI ul li a.clubsage:hover{background-color:#efefef;} #comun #lateralI ul li a.beneficiate{color:#772059; font-weight:bold;} #comun #lateralI ul li a.beneficiate:hover{background-color:#efefef;} #comun #lateralI ul li a.verpedido{margin-left:45px; background: url(../img/carritopedido.gif) no-repeat left; font-weight:bold; font-size:12px;} #comun #lateralI ul li a.verpedido:hover{background-color:#c1d59f;} #comun #lateralD{float:right; width:705px; margin-top:25px;} /*CONTENIDO CONTACTO*/ #contacto{} #contacto a{color:#00a1de;} #contacto .contactoL {margin-top:20px; float:left; width:660px; padding-left:10px;} #contacto .contactoL .central{ padding:15px; background-color:#f3f3f3;} #contacto .contactoL .central table{margin:5px; border-collapse:collapse;} #contacto .contactoL .central table td{padding:3px 5px; width:33%; vertical-align:top; border-right:2px dotted #fff; border-left:2px dotted #fff;} #contacto .contactoL .central table td a{color:#00a1de; text-decoration:underline;} #contacto .contactoL .central table td a:hover{color:#00338d;} #contacto .contactoL .horario{margin-top:20px; padding:15px;} #contacto .contactoL .horario table{ margin:15px 5px;} #contacto .contactoL .horario table td{ border:10px solid #fff; background-color:#f3f3f3; text-align:center; font-weight:bold; padding:3px; width:33%; vertical-align:top;} #contacto .contactoL .horario .telf{ color:#007f64; font-size:14px; display:block;} #contacto .contactoR {float:right; width:260px; margin-top:20px;} #contacto .contactoR .telefonos{border:1px solid #939393; padding:10px; background: url(../img/bgcorner.gif) repeat-x bottom;} #contacto .contactoR .telefonos ul{ margin-top:10px; margin-left:10px;} #contacto .contactoR .telefonos ul li{ margin-bottom:15px;} #contacto .contactoR .telefonos span.area{color:#024731; font-size:12px; font-weight:bold;} #contacto .contactoR .telefonos span.telefono{color:#024731; font-size:15px; font-weight:bold;} #contacto .contactoR .formulario{margin-top:10px;} #contacto .contactoR .email{margin-top:10px;} /*CONTENIDO NOTICIAS*/ #noticias{ margin-bottom:20px;} #noticias #content {float:left; width:700px;} #noticias #content .noticia{ margin-top:25px;} #noticias #content .noticia .fecha{ font-weight:bold; float:left; width:42px; background:url(../img/bgfecha.gif)no-repeat; height:32px; text-align:center; padding:5px 0; color:#fff;} #noticias #content .noticia .texto { float:right; width:645px; } #noticias #content .noticia .texto .titular a{color:#5b5b5b; font-weight:bold; font-size:12px;} #noticias #content .noticia .texto .titular a:hover{ text-decoration:none;} #noticias #content .noticia .texto .subtitular{ text-align:justify; margin-top:5px;} #noticias #content .noticia .texto .tipo{ background-color:#ebefe4; padding:2px; margin-top:10px; color:#000;} #noticias #content .noticia .texto .tipo a{color:#007f64;} #noticias #content .noticia .texto .tipo a:hover{color:#000;} #noticias #lateral {float:right; width:200px; border:1px solid #999; padding:10px; background: url(../img/bgbuscador.gif)no-repeat bottom;} #noticias #lateral ul{ margin-top:15px;} #noticias #lateral ul li{ margin-bottom:15px; font-weight:bold;} #noticias #lateral ul li form{margin:5px;} #noticias #lateral ul li ul{ margin:5px;} #noticias #lateral ul li ul li{ display:inline-block; margin:0 5px; margin-bottom:5px; font-weight:normal; text-transform:lowercase;} #noticias #lateral ul li ul li a{color:#007f64;} #noticias #lateral ul li ul li a:hover{color:#000;} #noticias #lateral ul li ul li span{color:#999; font-size:10px;} /*ampliacion*/ #noticiasamplia {} #noticiasamplia #content{float:left; width:700px;} #noticiasamplia #content h1{margin-bottom:10px;} #noticiasamplia #content .fecha{ font-weight:bold; float:left; width:42px; background:url(../img/bgfecha.gif)no-repeat; height:32px; text-align:center; padding:5px 0; color:#fff;} #noticiasamplia #content .texto { float:right; width:645px; } #noticiasamplia #content .texto .subtitular{text-align:justify; margin-top:5px; color:#000;} #noticiasamplia #content .texto .cuerpo{margin-top:10px; text-align:left;} #noticiasamplia #content .texto .cuerpo p{ margin-bottom:10px;} #noticiasamplia #content .texto .cuerpo ul{ margin:5px 15px;} #noticiasamplia #content .texto .cuerpo ul li{ list-style-type:disc;} #noticiasamplia #content .texto .cuerpo a{ font-weight:bold; color:#007f64;} #noticiasamplia #content .texto .cuerpo a:hover{ color:#000;} #noticiasamplia #content .texto .volver{ margin-top:20px; background-color:#ebefe4;padding:4px;} #noticiasamplia #content .texto .volver a{color:#007f64; font-weight:bold;} #noticiasamplia #content .texto .volver a:hover{color:#000;} #noticiasamplia #lateral{float:right; width:200px; border:1px solid #999; padding:10px; background: url(../img/bgbuscador.gif)no-repeat bottom; padding-bottom:60px;} #noticiasamplia #lateral .recientes{margin-top:10px;} #noticiasamplia #lateral .recientes .fecha{color:#000; font-weight:bold;} #noticiasamplia #lateral .recientes .titular a{color:#675c53; font-weight:bold;} #noticiasamplia #lateral .recientes .titular a:hover{color:#000;} #noticiasamplia #lateral .recientes .subtitular{} /*CONTENIDO PRODUCTOS*/ /*index*/ #contentproductos {margin-top:10px;} #contentproductos #gestionpyme{float:left; width:460px;} #contentproductos #gestionpyme h3{ margin-top:15px;} #contentproductos #gestionpyme .listadoareas{ background-color:#f2f2f2; margin-top:10px; padding:10px;} #contentproductos #gestionpyme .listadoareas .cnae{ background-color:#ccc; text-align:right; padding:2px; padding-right:10px;} #contentproductos #gestionpyme .listadoareas .cnae a{color:#000;} #contentproductos #gestionpyme .listadoareas .areas{ float:left; margin:10px;} #contentproductos #gestionpyme .listadoareas .areas a{ display:block; padding:2px; width:82px; height:45px; color:#00a1de; text-align:center; background-color:#FFFFFF;} #contentproductos #gestionpyme .listadoareas .areas a:hover{ color:#00338d; background-color:#a0d6d2;} #contentproductos #gestionautonomo{float:right; width:215px; margin-top:10px;} #contentproductos #gestionautonomo h3{ margin-top:15px;} #contentproductos #complementarias{margin-top:30px;} #contentproductos #complementarias .gestionc{ float:left; width:225px; margin-right:12px;} #contentproductos #complementarias .gestionc a.desc{ text-decoration:none; color:#5b5b5b} #contentproductos #complementarias .tecnologiai{float:left; width:225px; margin-right:12px;} #contentproductos #complementarias .movilidad{ float:left; width:225px;} #contentproductos #complementarias img{display:block; margin-bottom:5px;} #contentproductos #complementarias a.desc{ text-decoration:none; color:#675c53;} #contentproductos #complementarias b{display:block; color:#000; margin-bottom:5px;} /*sector sectorial*/ #contentproductos #sectoriales{float:left; width:460px;} #contentproductos #sectoriales ul{margin-top:10px;} #contentproductos #sectoriales ul li{padding:2px; margin-bottom:5px; background: url(../img/bgseccion.gif) no-repeat;} #contentproductos #sectoriales ul li a.desplega{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666; padding:4px 8px; display:block; } #contentproductos #sectoriales ul li a.desplega:hover{ color:#000; padding:4px 8px; display:block; } #contentproductos #sectoriales li .seccion{display:none;padding:5px;} #contentproductos #sectoriales li .seccion .sector{margin-top:10px;border-bottom:1px dashed #666; margin-left:5px; padding-bottom:5px;height:110px} #contentproductos #sectoriales li .seccion .sector .imagen{ float:left; width:113px;} #contentproductos #sectoriales li .seccion .sector .intro{ float:right; width:315px;} #contentproductos #sectoriales li .seccion .sector .intro .nombresector{ font-weight:bold; color:#000; margin-bottom:4px;} #contentproductos #sectoriales li .seccion .sector .intro a{color:#00a1de; display:block; margin-top:10px; text-align:right; padding:2px;} #contentproductos #sectoriales li .seccion .sector .intro a:hover{ background-color:#efefef;} #contentproductos #listadosectoriales{float:right; width:215px;} #contentproductos #listadosectoriales ul {margin-top:10px;} #contentproductos #listadosectoriales ul li{display:block; margin-bottom:2px;} #contentproductos #listadosectoriales ul li a{color:#00a1de; display:block; padding:2px;} #contentproductos #listadosectoriales ul li a:hover{ background-color:#efefef;} /*sector complementario*/ #contentproductos #sectorialescomplementarias{margin-top:10px;} #contentproductos #sectorialescomplementarias .textintro{margin-bottom:10px;} #contentproductos #sectorialescomplementarias .vertabla{text-align:right; margin:10px 0;margin-right:20px; height:35px;} #contentproductos #sectorialescomplementarias .vertabla a{text-align:right; border:2px solid #772059; padding:10px; width:250px; float:right; color:#772059; text-decoration:none; font-weight:bold; background-color:#fff;} #contentproductos #sectorialescomplementarias .vertabla a:hover{background-color:#eee8f1;} #contentproductos #sectorialescomplementarias .aplicacion{border:1px solid #ccc; margin:10px 8px; padding:10px; width:190px; float:left} #contentproductos #sectorialescomplementarias .aplicacion .imagen{} #contentproductos #sectorialescomplementarias .aplicacion img{margin-bottom:5px;} #contentproductos #sectorialescomplementarias .aplicacion .intro{height:140px;} #contentproductos #sectorialescomplementarias .aplicacion .intro a.desc{ color:#675c53; text-decoration:none;} #contentproductos #sectorialescomplementarias .aplicacion .intro .nombresector{ font-weight:bold; color:#000; margin-bottom:4px;} /*producto todos*/ #contentproductos .producto{float:left; width:485px;} #contentproductos .producto #claimsectorial{ background-color:#a0d6d2; font-weight:bold; padding:5px; font-size:11px; margin-bottom:10px;} #contentproductos .producto #claimcomplementarias{ background-color:#e8bad5; font-weight:bold; padding:5px; font-size:11px; margin-bottom:10px;} #contentproductos .producto #descripcion{ margin:15px 0;} #contentproductos .producto #descripcion a{color:#675c53;} #contentproductos .producto #descripcion a:hover{color:#000;} #contentproductos .producto #comunes{} #contentproductos .producto #comunes b{color:#00338d;} #contentproductos .producto #comunes b.comp{color:#772059;} #contentproductos .producto #comunes a{color:#675c53;} #contentproductos .producto #comunes a:hover{color:#000;} #contentproductos .producto #completa{} #contentproductos .producto #funcionalidades{ margin-top:20px;} #contentproductos .producto #funcionalidades .titular{font-size:13px; margin-bottom:5px; font-weight:bold; color:#999999;} #contentproductos .producto #funcionalidades ul{ margin:5px 0; margin-left:10px;} #contentproductos .producto #funcionalidades ul li{ background: url(../img/ul_li.gif) no-repeat left top; padding-top:2px; padding-left:7px; } #contentproductos .producto #funcionalidades ul li ul{margin:0; margin-left:10px;} #contentproductos .producto #funcionalidades ul li ul li{ background: url(../img/ul_li_ul_li.gif) no-repeat left top; padding-top:2px; padding-left:7px; } #contentproductos .producto #compatibilidades{border:1px dotted red; margin-top:20px;} #contentproductos .producto #compatibilidades .titular{font-size:13px; margin-bottom:5px; font-weight:bold; color:#999999;} #contentproductos .producto #compatibilidades ul{} #contentproductos .producto #compatibilidades ul li{margin-bottom:5px;} #contentproductos .producto #compatibilidades ul li a{color:#00a1de; display:block; font-weight:bold;} #contentproductos .producto #mantenimiento{ margin-top:20px;} #contentproductos .producto #mantenimiento .titular{ font-size:13px; margin-bottom:5px; font-weight:bold; color:#999999;} #contentproductos .producto #interesar{margin-top:25px;} #contentproductos .producto #interesar ul{margin-top:10px;} #contentproductos .producto #interesar ul li{display:inline-block;} #contentproductos .producto #interesar ul li a{margin-right:10px;} #contentproductos .notas{float:right; width:180px;} #contentproductos .notas ul{ margin:10px 0;} #contentproductos .notas ul li{margin-bottom:10px;} #contentproductos .notas ul li img{ vertical-align:middle;} #contentproductos .notas ul li a{ color:#675c53; font-size:11px;} #contentproductos .notas .precio{margin:20px 0;} #contentproductos .notas .precio .desde{color:#a0d6d2; font-size:15px;} #contentproductos .notas .precio .desdecomp{color:#e8bad5; font-size:15px;} #contentproductos .notas .precio .euros, #contentproductos .notas .precio .euros a{color:#00338d;font-size:15px; text-decoration:none;} #contentproductos .notas .precio .euroscomp{color:#772059;font-size:15px;} #contentproductos .notas .precio .euros span{font-size:20px;} #contentproductos .notas .precio .euroscomp span{font-size:20px;} #contentproductos .notas .precio .quota{color:#675c53; font-size:11px;} #contentproductos .notas .precio .quota a{color:#675c53;} #contentproductos .notas .tellamamos{margin:20px 0;} /*especial electrodomestico*/ #electrodomesticos{margin-top:10px;} #electrodomesticos table{margin:10px 0;} #electrodomesticos table td{vertical-align:top; width:33%; border-right:25px solid #fff; text-align:justify;} #electrodomesticos table td a.desc{color:#675c53; text-decoration:none;} #electrodomesticos table td ul{ margin:5px 0;} #electrodomesticos table td ul li{ list-style-type:disc; margin-left:15px;} #electrodomesticos .info{float:left; width:485px;} #electrodomesticos .info .titular{color:#00338d; font-size:12px; font-weight:bold; margin-bottom:5px;} #electrodomesticos .info ul{margin-top:15px;} #electrodomesticos .info ul li{ list-style-type:disc; padding-top:2px; margin-left:15px;} #electrodomesticos .info ul.ui-tabs-nav { margin-top:0;} #electrodomesticos .info ul.ui-tabs-nav li{ list-style-type:none;} #electrodomesticos .info p{margin-bottom:10px;} #electrodomesticos .nota{float:right; width:180px;} #electrodomesticos .nota ul{ margin:10px 0;} #electrodomesticos .nota ul li{margin-bottom:10px;} #electrodomesticos .nota ul li img{ vertical-align:middle;} #electrodomesticos .nota ul li a{ color:#675c53; font-size:12px;} #electrodomesticos .nota .tellamamos{margin:20px 0;} /*especial impagos*/ #impagos{margin-top:10px; padding-top:20px;} #impagos h2{margin-bottom:10px; } #impagos p{margin-bottom:10px; } #impagos .impagosleft{ float:left; width:335px;} #impagos .impagosright{ float:right; width:335px;} #impagos ul{ margin:5px 0; margin-left:10px;} #impagos ul li{ background: url(../img/ul_li.gif) no-repeat left top; padding-top:2px; padding-left:7px; margin-bottom:5px;} #impagos #tellamamospie{ background: url(../img/tellamamospie.jpg) no-repeat; width:704px; height:163px; margin-top:10px;} #impagos #tellamamospie a{border:2px solid #a0d6d2; color:#00a1de; position:absolute; margin-top:85px; margin-left:185px; padding:5px 20px;} #impagos #tellamamospie a:hover{color:#00338d;} /*especial requisitos*/ #toprequisitos { background: url(../img/topusuario.jpg) no-repeat; padding:5px;height:115px;} #toprequisitos h1, #topusuario h2{ width:290px; } #contentrequisitos {padding:10px;} #contentrequisitos select{font: 11px Arial, Verdana, Helvetica, sans-serif;color:#675c53; font-weight:bold; border;1px solid red;} #contentrequisitos .blockContent{ margin-top:10px;} #contentrequisitos table{margin-top:10px;} #contentrequisitos td{color:#000; font-size:11px; padding:5px;} #contentrequisitos .programa{margin:0; padding:0; color:#007f64; font-size:14px; font-weight:bold;} /*CONTENIDO SERVICIOS*/ #topservicios { background: url(../img/topservicios.jpg) no-repeat; padding:5px;height:115px;} #topservicios h1, #topservicios h2{ width:380px;} #contentservicios{margin-top:15px;} #contentservicios p{margin-top:10px;} #contentservicios p.especial{ font-size:13px;} /*index*/ #contentservicios #secciones{margin-top:15px;} #contentservicios #secciones ul{margin-top:10px;} #contentservicios #secciones ul li{list-style-type:disc; padding-bottom:5px; margin-left:15px;} #contentservicios #secciones .soporte{ float:left; width:225px; margin-right:12px;} #contentservicios #secciones .programacion{float:left; width:225px; margin-right:12px;} #contentservicios #secciones .saas{ float:left; width:225px;} #contentservicios #secciones img{display:block; margin-bottom:5px;} #contentservicios #secciones a.desc{ text-decoration:none; color:#675c53;} #contentservicios #secciones .titulo{height:45px;} /*general*/ #contentservicios .info{float:left; width:485px; margin-top:10px;} #contentservicios .info table{ margin:20px 0;} #contentservicios .info table td{} #contentservicios .info table td a{text-align:center; padding:15px; background: url(../img/bgpara.jpg)no-repeat; height:68px; width:130px; color:#007f64; font-weight:bold; color:#007f64; font-weight:bold; text-decoration:none; display:block;} #contentservicios .info table td a:hover{color:#69923a;} #contentservicios .info #ventajas{ background-color:#c5d4a9; padding:10px; margin:20px 0;} #contentservicios .info #ventajas ul{margin:10px 0;} #contentservicios .info #ventajas ul li{ list-style-type:disc; padding-bottom:5px; margin-left:20px;} #contentservicios .nota{float:right; width:180px; margin-top:10px;} /*especial slide*/ #infoservicios{margin-top:15px; overflow:auto; width:705px;} #infoservicios p{margin-top:10px;} #infoservicios .menuservicios{float:left; width:180px; margin-top:15px; margin-left:25px;} #infoservicios .menuservicios ul{ } #infoservicios .menuservicios ul li{margin-bottom:2px;} #infoservicios .menuservicios ul li a table td{ font-weight:bold; color:#675c53; text-decoration:underline;} #infoservicios .menuservicios ul li table td img{ margin-right:5px;} #infoservicios #supermenupacks{width:400px;float:right;overflow:hidden; margin-top:15px; margin-right:70px;} #infoservicios #supermenupacks .menupacks{ height:260px;width:400px;overflow:hidden;} #infoservicios #supermenupacks .menupacks .packs{ float:left; width:400px;height:260px;} #infoservicios #supermenupacks .menupacks .packs .imagen{ float:left; width:110px;} #infoservicios #supermenupacks .menupacks .packs .titulo{ float:right; width:240px; margin-right:40px; margin-top:25px;} #infoservicios #supermenupacks .menupacks .packs ul{margin:10px 0;} #infoservicios #supermenupacks .menupacks .packs ul li{list-style-type:disc; padding-bottom:5px; margin-left:20px;} #infoservicios #supermenupacks .menupacks .packs ul li a{ font-weight:bold; color:#007f64;} #infoservicios table.serviciosinternet{width:100%; border-collapse:collapse; margin:15px 0;} #infoservicios table.serviciosinternet th{ color:#675c53; text-align:center;border-right:2px solid #a8b400; padding:3px;} #infoservicios table.serviciosinternet th span{ color:#024731; text-align:center; font-size:12px; font-weight:bold;} #infoservicios table.serviciosinternet td{ border:1px solid #a8b400; border-right:2px solid #a8b400; padding:3px; text-align:center; font-weight:bold; color:#024731; font-size:14px; width:5%;} #infoservicios table.serviciosinternet td.tipo{ padding-left:10px; font-weight:normal; font-size:11px; color:#675c53; text-align:left; width:40%;} #tellamamospie{ background: url(../img/tellamamospie.jpg) no-repeat; width:704px; height:163px; margin-top:10px;} #tellamamospie a{border:2px solid #a0d6d2; color:#00a1de; position:absolute; margin-top:85px; margin-left:185px; padding:5px 20px;} #tellamamospie a:hover{color:#00338d;} /*CONTENIDO FORMACION*/ #topformacion { background: url(../img/topformacion.jpg) no-repeat; padding:5px;height:115px; margin-bottom:15px;} #topformacionavantis { background: url(../img/topformacionavantis.jpg) no-repeat; padding:5px;height:115px; margin-bottom:15px;} #topformacion h1, #topformacion h2, #topformacionavantis h1, #topformacionavantis h2{ width:380px;} #introformacion ul{ margin:10px;} #introformacion ul li{padding-bottom:10px;} #introformacion .tipoformaciones {width:310px; padding:10px; background-color:#c1d59f; float:left; margin:0 20px 20px 0;} /*jornadas*/ #introformacion #jornadatext{float:left; width:485px; margin-top:10px;} #introformacion #jornadatext .apartado{margin-top:15px;} #introformacion #jornadatext .apartado ul{margin:5px 0; padding:0;} #introformacion #jornadatext .apartado ul li{list-style-type:disc; margin-left:15px; padding:0; margin-bottom:10px;} #introformacion #jornadatext .apartado ul li ul{margin:5px 0; padding:0;} #introformacion #jornadatext .apartado ul li ul li{list-style-type:circle; margin-left:15px; padding:0; margin-bottom:5px;} #introformacion #jornadatext .apartado .novedad{ color:red; font-weight:bold;} #introformacion #jornadadatos{float:right; width:180px; margin-top:10px;} #introformacion #jornadadatos .apartado{margin-top:15px;} #introformacion #jornadadatos .apartado img{ float:left; vertical-align:middle; padding-right:5px;} #introformacion #jornadadatos .apartado a{ color:#000;} #introformacion #jornadadatos .apartado b{display:block; padding-top:8px;} #introformacion #jornadadatos .apartado i{ font-size:9px; color:#999;} /*inscripciones*/ #introformacion #inscripcion{ margin:20px 0;} #introformacion #inscripcion a{ color:#00a1de;} #introformacion #inscripcion .datosjornada{background: url(../img/bgdatosjornada.gif) no-repeat; width:700px; margin-bottom:15px;} #introformacion #inscripcion .datosjornada .titulo{ font-weight:bold; font-size:12px; padding:5px 0 0 5px;} #introformacion #inscripcion .datosjornada table{width:670px; margin:15px; margin-bottom:0px;} #introformacion #inscripcion .datosjornada table td{padding:3px; vertical-align:top;} #introformacion #inscripcion .datosjornada div.asistente{margin-bottom:5px; padding-left:10px;} #introformacion #inscripcion .datosjornada table.caracteristicas_evento{ border-collapse:collapse; width:100%; margin:0;} #introformacion #inscripcion .datosjornada table.caracteristicas_evento th{background-color:#ccc; border:2px solid #efefef; text-align:center; font-weight:bold; padding:3px;} #introformacion #inscripcion .datosjornada table.caracteristicas_evento td{background-color:#dcdcdc; text-align:center; border:2px solid #efefef; padding:3px;} #introformacion #inscripcion .datosjornada #bonificada{background-color:#efefef; display:none; margin:15px; padding:5px;} #introformacion #inscripcion .datosjornada #bonificada table{margin:0;} #introformacion #inscripcion .nota_pie{ font-size:10px; margin:10px 0;} #introformacion #inscripcion table.iconos{ margin-top:10px; background-color:#FFFFFF; width:100%;} #introformacion #inscripcion table.iconos td{vertical-align:middle;} #introformacion #inscripcion table.iconos td a{font:9px arial; color:#69923a;} #contentformacion ul{margin:5px 20px;} #contentformacion ul.informate{display:block; background: url(../img/imgcomplementaria.jpg) no-repeat bottom right; padding-bottom:30px;} #contentformacion ul li{ list-style-type:disc; padding:4px 0;} #contentformacion ul li ul{ margin:5px 20px; color:#007f64;} #contentformacion ul li ul li{ list-style-type:circle; padding:4px 0;} #contentformacion p{ margin-bottom:15px;} #contentformacion h2{ margin-bottom:5px;} #contentformacion table{ width:50%; margin:10px auto;} #contentformacion table th{ text-align:center; color:#fff; background-color:#c55e9b; padding:3px; font-weight:bold;} #contentformacion table td{ text-align:center; padding:3px;} #contentformacion .endefinitiva{margin-bottom:20px; padding:5px 5px 5px 150px; background-color:#c55e9b; color:#fff;} #contentformacion .endefinitiva img{ position:absolute; margin-left:-180px; } #contentformacion .endefinitiva ul{ margin:10px;list-style-type:disc;} #contentformacion .endefinitiva ul li{margin-left:20px; padding-bottom:6px;} #contentformacion .normativabase{margin-bottom:20px; background-color:#772059; color:#fff; padding:10px;} #contentformacion .normativabase .titulo1{font-size:17px; font-weight:bold;color:#fff; margin-bottom:10px;} #contentformacion .normativabase .titulo2{font-size:15px; font-weight:bold;color:#c55e9b; margin-bottom:5px;} #contentformacion .normativabase p{ margin-bottom:5px;} /*CONTENIDO DISTRIBUIDORES*/ #topdistri { background: url(../img/topdistribuidores.jpg) no-repeat; padding:5px;height:115px;} #topdistri h1, #topdistri h2{ width:290px; } #contentdistri .info{float:left; width:485px; margin-top:10px;} #contentdistri .info h1{ margin-bottom:15px;} #contentdistri .info p{ margin-top:10px;} #contentdistri .info ul{ margin:5px 15px;} #contentdistri .info ul li{ list-style-type:disc; padding-bottom:5px;} #contentdistri .info ul li ul li{ list-style-type:circle; padding-bottom:5px;} #contentdistri .info table{margin:10px 0;} #contentdistri .info table td{ padding:5px;} #contentdistri .nota{float:right; width:180px; margin-top:10px;} /*calendario*/ #contentcalendario{} #contentcalendario p{ margin-top:10px;} #contentcalendario ul{ margin:5px 15px;} #contentcalendario ul li{ list-style-type:disc; padding-bottom:5px;} #contentcalendario ul li ul li{ list-style-type:circle; padding-bottom:5px;} /*contacto*/ #contentcontacto{ margin:20px 0;} #contentcontacto a{ color:#00a1de;} #contentcontacto table{width:500px; margin:5px 0;} #contentcontacto td{padding:3px; vertical-align:top;} #contentcontacto .nota_pie{ font-size:10px; margin-top:10px;} /*CONTENIDO TIENDA*/ #tienda{} #tienda .ventasolution{} #tienda .ventasolution .imagen{ float:left; width:215px;} #tienda .ventasolution .informacion{ float:right; width:420px;} #tienda .ventasolution .informacion h2{} #tienda .ventasolution .informacion h1{margin:15px 0 5px;} #tienda .enlaces{margin-top:15px;} #tienda .enlaces ul{} #tienda .enlaces ul li{ display:inline; margin-right:5px;} #tienda .enlaces ul li a.masinfotienda{ border:1px solid #d1d1d3; background: url(../img/bgmasinfotienda.gif); color:#626469; padding:3px 10px; font-weight:bold; text-decoration:none;} #tienda .enlaces ul li a.comprartienda{ border:1px solid #0b97d1; background: url(../img/bgcomprartienda.gif); color:#fff; padding:3px 10px; font-weight:bold; text-decoration:none;} #tienda .enlaces ul li a.masinfotienda:hover, #tienda .enlaces ul li a.comprartienda:hover{ color:#000;} #tienda .bannerpubli{} #tienda .ventacomplementaria{ margin-top:20px;} #tienda .ventacomplementaria .productosinternet{ float:left; width:500px;} #tienda .ventacomplementaria .productosinternet .producto{ float:left;width:220px; margin:10px 30px 20px 0;} #tienda .ventacomplementaria .tablainternet{float:right; width:185px;} #tienda .ventaproducto{} #tienda .ventaproducto .imagen{ float:left; width:275px;} #tienda .ventaproducto .enlaces{ position:absolute; margin-top:250px;} #tienda .ventaproducto .enlaces ul li{ display:block; margin-right:5px; padding:3px 10px; margin-bottom:10px;} #tienda .ventaproducto .enlaces ul li a{ border:1px solid #d1d1d3;background: url(../img/bgmasinfotienda.gif); color:#626469; padding:3px 10px; font-weight:bold; text-decoration:none;} #tienda .ventaproducto .enlaces ul li a.solicitardemo{border:1px solid #859dc7; background: none; background-color:#c2e6e5; color:#003698;} #tienda .ventaproducto .informacion{ float:right; width:400px; margin-top:40px; font-size:13px;} #tienda .ventaproducto .informacion span.tituloproducto{color:#007f64; font-size:16px; font-weight:bold;} #tienda .ventaproducto .informacion #id_opciones_compra{ margin-top:20px;} #tienda .ventaproducto .informacion #id_opciones_compra .enlaces{ margin-top:20px;} #tienda .ventaproducto .informacion #id_opciones_compra .enlaces ul{ margin-top:10px;} #tienda .ventafuncionalidades{margin-top:20px;} #tienda .ventafuncionalidades .secciones{border:1px solid #red;} #tienda .ventafuncionalidades .secciones ul{ text-align:right;} #tienda .ventafuncionalidades .secciones ul li{ display:inline-block; border:1px solid #ccc; border-bottom:0; margin-right:5px; } #tienda .ventafuncionalidades .secciones ul li a{ text-decoration:none; color:#999; font-weight:bold;background-color:#ededed; padding:5px; display:block;} #tienda .ventafuncionalidades .secciones ul li a:hover{ color:#999; background-color:#fff;} #tienda .ventafuncionalidades .ampliasecciones {padding:20px;border-top:1px solid #ccc; background-color:#efefef;} #tienda .ventafuncionalidades .ampliasecciones p{ margin-top:10px;} #tienda .ventafuncionalidades .ampliasecciones table{} #tienda .ventafuncionalidades .ampliasecciones table td{padding:20px; vertical-align:top;} #tienda .ventafuncionalidades .ampliasecciones table td img{ display:block; text-align:center; margin-bottom:5px;} #tienda .ventafuncionalidades .ampliasecciones .funcionalidad{ border-bottom:1px solid #ccc; margin:20px 30px; padding-bottom:20px;} #tienda .ventafuncionalidades .ampliasecciones .funcionalidad .imagen{ float:left; width:118px;} #tienda .ventafuncionalidades .ampliasecciones .funcionalidad .texto{ float:right; width:450px;} #tienda .ventafuncionalidades .ampliasecciones .funcionalidad .texto .tit1{color:#007f64; font-weight:bold; font-size:16px;} #tienda .ventafuncionalidades .ampliasecciones .funcionalidad .texto .tit2{color:#675c53; font-weight:bold; font-size:13px;} #ampliasec2, #ampliasec3, #ampliasec4{display:none;} #tienda .ventafuncionalidades .ampliasecciones table.serviciosinternet{width:100%; border-collapse:collapse; margin:15px 0;} #tienda .ventafuncionalidades .ampliasecciones table.serviciosinternet th{ color:#675c53; text-align:center;border-right:2px solid #a8b400; padding:3px;} #tienda .ventafuncionalidades .ampliasecciones table.serviciosinternet th span{ color:#024731; text-align:center; font-size:12px; font-weight:bold;} #tienda .ventafuncionalidades .ampliasecciones table.serviciosinternet td{ border:1px solid #a8b400; border-right:2px solid #a8b400; padding:3px; text-align:center; font-weight:bold; color:#024731; font-size:14px; width:5%;} #tienda .ventafuncionalidades .ampliasecciones table.serviciosinternet td.tipo{ padding-left:10px; font-weight:normal; font-size:11px; color:#675c53; text-align:left; width:40%;} /*CONTENIDO AREAS*/ #topusuario { background: url(../img/topusuario.jpg) no-repeat; padding:5px;height:115px;} #topusuario h1, #topusuario h2{ width:290px; } #contentusuario {margin-top:10px;} #contentusuario p{margin-top:10px;} #contentusuario table{ margin:10px auto;} #contentusuario table th{font-weight: bold; font-size: 20px; color:#666; text-align:center; padding:5px;} #contentusuario table td{padding:10px; text-align:center;} #contentusuario table td img{ vertical-align:middle;} /*BOTTOMCONTENEDOR*/ #bottomcontenedor{margin-top:20px;} #bottomcontenedor #top{background:url(../img/vistazo_top.gif) no-repeat left top;height:32px;} #bottomcontenedor #content{background-color:#efefef; border:1px solid #efefef;} #bottomcontenedor #content #vistazo{width:960px; margin:5px auto;} #bottomcontenedor #content #vistazo .titulo{ font-size:12px; color:#00a1de; font-weight:bold;} #bottomcontenedor #content #vistazo .titular{ background: url(../img/vistazoli.gif) no-repeat left top; padding-left:20px; font-weight:bold; font-size:12px; color:#5b5b5b;} #bottomcontenedor #content #vistazo ul{ margin:5px 0 0 20px;} #bottomcontenedor #content #vistazo ul li{ color:#afafaf; margin-bottom:5px;} #bottomcontenedor #content #vistazo ul li a{ display:block; color:#00a1de; text-decoration:underline;} #bottomcontenedor #content #vistazo ul li a:hover{color:#888;} #bottomcontenedor #content #vistazo #vistazopyme{float:left; width:200px; background: url(../img/vistazo_td.jpg) no-repeat right top; height:165px; padding-right:10px;} #bottomcontenedor #content #vistazo #vistazoautonomo{float:left; width:200px;padding-left:10px; background: url(../img/vistazo_td.jpg) no-repeat right top; height:165px; padding-right:10px;} #bottomcontenedor #content #vistazo #vistazocomplementarias{float:left; width:490px;padding-left:10px; height:180px;} #bottomcontenedor #content #vistazo table{ margin:5px 0 0 20px; width:100%; font-weight:bold; color: #afafaf;} #bottomcontenedor #content #vistazo table td{ vertical-align:top;} #bottomcontenedor #content #vistazo table td ul{ margin:0; font-weight:normal;} #bottomcontenedor #pie {margin:0 auto; background: url(../img/bgpie.jpg) no-repeat top center; padding-top:8px; padding-bottom:15px; background-color:#f3f3f3;} #bottomcontenedor #pie ul{ margin:0; padding:0; list-style-type:none; text-align:center;} #bottomcontenedor #pie li{ display:inline; border-right:1px solid #675c53; padding:0 10px;} #bottomcontenedor #pie a{ color:#675c53; text-decoration:none; } #bottomcontenedor #pie a:hover{ color:#007f64;} .clear{ clear:both;} /*ERRORES FORM*/ .errFld {border-bottom:#ff0000 solid 2px; border-left:#990000 solid 2px; border-right:#ff0000 solid 2px; border-top:#990000 solid 2px;} .errMsg {color: #CC3333; font-style:italic;} /*TOOLOTIP*/ #tooltip {background-color: #efefef;border: 1px solid #ccc;padding: 4px 10px;-moz-border-radius: 10px;line-height: 12px;max-width:220px;} #tooltip h3 {font-size: 1.1em;margin: 0;padding: 0 3px;text-align: center;} #tooltip p {font-size: 0.95em;margin: 5px 0 0 5px;text-align: left;} /* JORNADAS NOV 2010 */ .preselec { height:60px; width:100%; float:left; padding-top:20px; } .preselec a { display:block; font-size:14px; padding:15px; width:305px; text-align:center; height:20px; color:#000000; text-decoration:none; float:left; border:1px solid #BBBBBB; border-radius:5px; -moz-border-radius:5px; } .jornada { float:left; clear:both; padding:20px; border:1px solid #BBBBBB; border-radius:5px; -moz-border-radius:5px; margin-bottom:10px; } .jornada h3 { color:#675c53; margin-top:0; font-size:14px; } .jornada .apartado img { margin-bottom:10px; clear:left; } .jornada #jornadatext { width:470px !important; } /************ DEPOSITO ***************/ #sol_deposito { margin-top:20px; } #sol_deposito .sol_datos { background: url(../img/bgdatosjornada.gif) no-repeat; width:700px; margin-bottom:15px; } #sol_deposito td { padding:2px 0; } #sol_deposito .sol_datos .titulo { font-weight:bold; font-size:12px; padding:5px 0 0 5px; height:55px; } /************** PESTANYES EN IMG *************/ #portada_tabs{background: url(../img/bgenlaces.gif) no-repeat; height:51px; z-index:9; margin-top:10px;} #portada_tabs ul{ margin-left:233px;} #portada_tabs ul li{ display:inline;} #portada_tabs ul li a{ display:block; height:29px; width:106px; float:left; margin-right:5px; background: url(../img/tab_off.gif) no-repeat; text-align:center; padding-top:22px; text-decoration:none; color:#665c53; font-weight:bold; font-size:13px;} #portada_tabs ul li a:hover{ background: url(../img/tab_on.gif) no-repeat;}