/* DEFAULT ELEMENTS ----------------------------------------------------------*/ * { margin: 0; padding: 0; } body { font-family: Arial; color: #000; font-size: 11px; line-height:18px; } img { border: 0; vertical-align: middle; } ul { list-style: none; } a { color: #006AC9; text-decoration: none; outline: none; } a:hover { text-decoration:underline; } table { border-spacing: 0; border-collapse: collapse; border: none; } td, th { vertical-align: top; text-align: left; } input.text, textarea, select { border:1px solid #CCC; font-size: 11px; padding: 3px 5px; font-family:Arial; } select { padding: 0; } option { padding: 1px 5px; background: #FFF; } /* ----------------------------------------------------------------------------- MAIN LAYOUT -------------------------------------------------------------------- ------------------------------------------------------------------------------*/ body, html { height: 100%; } #page { min-height: 100%; } body { background: url('/css/body_bg.jpg') center top repeat-x; } div.body_box { width: 903px; margin: 0 auto; } #header { margin-bottom: 16px; } #header div.bluebar { color: #B5D2F2; line-height: 22px; height: 22px; } #header ul.langs { float: right; margin-top: -22px; } #header ul.langs a { color: #B5D2F2; line-height: 22px; } #header ul.langs a:hover, #header ul.langs a.current { color: #FFF; } #header div.main { background: url('/css/header_bg.jpg') 0 0 no-repeat; position: relative; height: 87px; } #header div.main a.logo { position: absolute; top: 19px; } #header div.main a.contact { position: absolute; top: 50px; right: 0; } #toolbar { background: url('/css/toolbar_bg.jpg') no-repeat; height: 34px; } #toolbar ul { display: block; width: 980px; } #toolbar li { display: block; float: left; margin-right: 2px; background: url('/css/toolbar_bg.jpg') no-repeat; } #toolbar li a { display: block; line-height: 34px; height: 34px; text-align: center; } #toolbar li a:hover { background: url('/css/toolbar_hover.gif') center bottom no-repeat; } #toolbar li a span { display: none; } #toolbar li.home { background-position: 0px 0px; } #toolbar li.home a { width: 128px; } #toolbar li.servicio { background-position: -130px 0px; } #toolbar li.servicio a { width: 208px; } #toolbar li.developers { background-position: -340px 0px; } #toolbar li.developers a { width: 208px; } #toolbar li.quienes { background-position: -550px 0px; } #toolbar li.quienes a { width: 207px; } #toolbar li.contacto { background-position: -759px 0px; } #toolbar li.contacto a { width: 144px; } #toolbar li.home.current { background-position: 0px -34px; } #toolbar li.servicio.current { background-position: -130px -34px; } #toolbar li.developers.current { background-position: -340px -34px; } #toolbar li.quienes.current { background-position: -550px -34px; } #toolbar li.contacto.current { background-position: -759px -34px; } #body { padding-bottom: 180px; } #footer { background-color: #E7E7E7; margin-top: -152px; } #footer div.address { color: #0A3256; border-bottom: 1px solid #F3F3F3; padding: 5px 0; height: 43px; background:url('/css/footer_bg.jpg') left top no-repeat; } #footer div.products { border-bottom: 1px solid #C9C9C9; height: 90px; } #footer div.products li { float: left; padding: 0 5px; border-right: 1px solid #B8B9BB; color: #BCBCBC; } #footer div.products li.main { width: 120px; padding: 0; font-weight: bold; border-right: 0; } #footer div.products li.last { border-right: 0; } #footer div.products ul { clear: both; margin-top: 6px;} #footer div.products a { color: #BCBCBC; } /* TÍTULOS -------------------------------------------------------------------*/ h3 { color:#0069C8; font-size:15px; font-weight:bold; } /* MENÚ LATERAL --------------------------------------------------------------*/ #menuLeft { width: 130px; background: url('/css/menu_left_bg.jpg') right top repeat-y; padding-bottom: 100px; } #menuLeft ul { border-top: 1px dotted #CDCDCD; } #menuLeft li { border-bottom: 1px dotted #CDCDCD; } #menuLeft a { display: block; line-height: 25px; color: #0a3356; background: url('arrow_menu.gif') 10px 10px no-repeat; padding-left: 23px; text-decoration: none; } #menuLeft a:hover { background: url('menu_left_hover.jpg') no-repeat; } #menuLeft a.current { color: #0069c8; font-weight: bold; } #menuLeft .top { height: 18px; background: url('/css/menu_left_top.jpg') right top no-repeat; } /* BOTONES */ .button { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); background: #6D6D6D url("/css/overlay-button.png"); border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#FFFFFF; cursor:pointer; display:inline-block; font-size:14px; font-weight:bold; line-height:1; overflow:visible; padding: 5px 15px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width:auto; } button::-moz-focus-inner { border:0 none; padding:0; } .button:hover { background-color:#4E4E4E;} .button:active { top:1px; } .small.button { font-size:11px; padding: 4px 10px 4px; } .large.button { padding:8px 19px 9px; } .green.button { background-color:#4ebb1f; } .green.button:hover { background-color:#3e9717; } .blue.button {background-color:#2DAEBF;} .blue.button:hover {background-color:#007D9A;} .greenblue.button { background-color: #01616A; } .greenblue.button:hover { background-color: #3e9717; } .red.button {background-color:#AD0900;} .red.button:hover {background-color:#7B0600;} .magenta.button {background-color:#A9014B;} .magenta.button:hover {background-color:#630030;} .orange.button {background-color:#FF5C00;} .orange.button:hover {background-color:#D45500;} .orangellow.button {background-color:#FFB515;} .orangellow.button:hover {background-color:#FC9200;} .white.button { background-color:#FFFFFF; border:1px solid #CCCCCC; color:#666666 !important; font-weight:normal; text-shadow:0 1px 1px #FFFFFF; } .white.button:hover { background-color:#EEEEEE; } /* ----------------------------------------------------------------------------- HOME PAGE --------------------------------------------------------------------- ------------------------------------------------------------------------------*/ #slideshow_box { width: 669px; height: 270px; } #slideshow { height: 270px; overflow: hidden; position: relative; } #slideshow div.slider { position:absolute; } #slideshow div.slider table {} #slideshow div.slider table tr {} #slideshow div.slider table tr td {} #slideshow div.pages { background:transparent url('/css/slideshow_pages.png') repeat scroll 0 0; bottom:7px; color:#FFFFFF; padding:2px 4px; position:absolute; right:7px; } #slideshow div.pages .current { color:#BFEC09; font-weight:bold; } #slideshow div.pages span { cursor:pointer; display:block; float:left; font-size:11px; padding:2px 5px; } #home_login { float: right; width: 206px; height: 158px; margin-top: -270px; background: url('/css/home_login.jpg') no-repeat; padding:112px 0px 0px 20px; } #home_login span { color:#ffffff;} #home_login input { border:0px; padding-top:2px; } #home_login a { color:#ffffff; } #home_login span.name { } #home_login span.password {} #home_login input.name { width: 174px; height:19px; margin-bottom:10px; } #home_login input.password { width: 174px; height:19px; } #home_login a.entrar { margin: 13px 0px 6px 84px; display:block; width:91px; height:28px; background: url('/css/login_btn.gif') top left no-repeat; } #home_login a.new_user { margin-left:36px; text-decoration:none;} #main_blocks { width: 100%; margin-top: 13px; } #main_blocks td { width: 25%; } #main_blocks a { display: block; width: 218px; height: 164px; background: url('/css/home_blocks.jpg') no-repeat; } #main_blocks a span { display: none; } #main_blocks a.b1 { background-position: 0px 0px; } #main_blocks a.b2 { background-position: -218px 0px; } #main_blocks a.b3 { background-position: -436px 0px; } #main_blocks a.b4 { background-position: -655px 0px; } /* ----------------------------------------------------------------------------- CONTACTO ----------------------------------------------------------------------- ------------------------------------------------------------------------------*/ #contacto { padding-bottom: 30px; width: 500px; margin-left: 35px; } #contacto input.text, #contacto textarea { border:1px solid #D3D3D3; font-size: 15px; padding:5px 0; text-indent:7px; font-family:Arial; color: #000; background: url('/css/bg_input.gif') repeat-x; } #contacto label { display: block; font-size: 11px; } #contacto form { width: 400px; padding-top: 10px; } #contacto a.submit { float: right; } #contacto select { font-size: 15px; font-weight: bold; color: #0061b9; } #contacto p { margin-bottom: 10px; color:#0a3356; font-size:15px; margin-top:10px; } #contacto p.small { font-size: 0.9em; margin-bottom: 5px; width: 400px;} #contacto p.accept { margin-bottom: 10px;width: 400px; font-size: 12px; } #contacto p.fs { font-size: 11px; } /* CONTENT -------------------------------------------------------------------*/ #content { width:730px; padding-top:15px; } #content a {text-decoration:none;} #content a.breath {color:#b5b5b5;} #content a.breath.active {color:#4ebb1f;} /*como funciona*/ #como_funciona { margin-left: 35px; } #como_funciona #contents { margin-left: -3px; margin-top: 35px; width:505px; } #como_funciona #contents p.first { margin-top:3px; } #como_funciona #contents p { color:#0a3356; font-size:15px; margin-left:3px; } #como_funciona #contents p.last { margin-bottom:20px; } #como_funciona #contents h2.first { margin-top: 30px; font-size:14px; color:#0061b9; } #como_funciona #contents h2 { font-size:14px; color:#0061b9; } #como_funciona #contents ul { list-style-type: none; margin: 0; padding: 20px 0; } #como_funciona #contents ul li { background:url('/css/check_okey.jpg') no-repeat left top; padding: 0 0 15px 20px; font-size: 15px; } #como_funciona #contents a.submit { float: right; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; } #box_solicitar_info {float:right; margin-top: 100px; margin-right: 10px; width:146px; height:50px; background:url('/css/solicitar_info.jpg') top left no-repeat; padding-top:11px;} #box_solicitar_info a {margin-left: 49px; color:#878787; } /*pricing*/ #pricing { margin-left: 35px; } #pricing #content_pricing { margin-top:35px; width:725px; height:100px; overflow:hidden; background:url('/css/ahorre_comisiones.jpg') top right no-repeat; } #pricing #content_pricing p.first {margin-top:3px;} #pricing #content_pricing p {color:#0a3356; font-size:15px; margin-left:3px; width:500px; } /*content quienes somos*/ #quienes_somos { margin-left: 35px; } #quienes_somos #quienes_somos_box { margin-top:35px; width:725px; background:url('/css/quienes_somos_in1.jpg') top right no-repeat; } #quienes_somos #quienes_somos_box p { width:494px; font-size:14px; line-height:19px; color:#0a3356; margin-bottom: 10px; } /*certificados ssl */ #ssl { margin-left: 35px; } #ssl #certificados_ssl { margin-top:35px; } #ssl #certificados_ssl p { width:494px; font-size:14px; line-height:19px; color:#0a3356; margin-bottom: 10px; } /*ventajas*/ #ventajas { margin-left: 35px; } #ventajas #content_ventajas { margin-left: 0px; margin-top: 35px; margin-bottom: 35px; } #ventajas #content_ventajas table.list2 { width: 520px; margin-top:15px; } #ventajas #content_ventajas table.list2 tr td {background:url('/css/green_big_arrow.jpg') 1px 2px no-repeat;} #ventajas #content_ventajas table.list2 tr td p { margin-left: 15px; } #ventajas #content_ventajas table.list2 tr td p.title { color: #0069c8; font-weight: bold; font-size:15px; } #ventajas #content_ventajas table.list2 tr td p.title.last { margin-bottom:20px; } #ventajas #content_ventajas table.list2 tr td p.description { color:#0a3356; margin-bottom:20px; line-height:17px; } #ventajas #content_ventajas p.first { margin-bottom: 25px; } #ventajas #content_ventajas p {color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #ventajas #content_ventajas p.last { margin-bottom: 25px; } /*que ofrecemos*/ #que_ofrecemos { margin-left: 35px; } #que_ofrecemos #contents { margin-top: 35px; } #que_ofrecemos #contents p.first { margin-bottom: 25px; } #que_ofrecemos #contents p {color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #que_ofrecemos2 { margin-left: 10px; margin-top: 20px; width: 554px;} #que_ofrecemos2 #subtitle_que_ofrecemos { margin-bottom: 20px; } #que_ofrecemos2 #perso_subs { float:left; width: 169px; height: 59px; background:url('/css/personalizacion_subs.jpg') no-repeat left top;} #que_ofrecemos2 #perso_3d_secure { float:left; margin-left: 14px; width: 129px; height: 59px; background:url('/css/personalizacion_3d_secure.jpg') no-repeat left top;} #que_ofrecemos2 #perso_sis_anti { float:left; margin-left: 14px; width: 202px; height: 59px; background:url('/css/personalizacion_sis_anti.jpg') no-repeat left top;} #que_ofrecemos2 #contents { clear: both; } #que_ofrecemos2 #contents h2 { margin-left: 78px; font-size:14px; color:#0061b9; } #que_ofrecemos2 #contents p { margin-left: 80px; margin-bottom: 20px; font-size: 11px; } /*sandbox*/ #sandbox { margin-left: 35px; } #sandbox #content_sandbox { margin-top: 35px; } #sandbox #content_sandbox p.first { margin-bottom: 25px; } #sandbox #content_sandbox p {color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #sandbox #content_sandbox p.last { margin-bottom: 25px; } #sandbox #content_sandbox a.submit { float: right; margin-top: 20px; margin-right: 220px; margin-bottom: 20px; } /*personalizacion */ #personalizacion { margin-left: 35px; } #personalizacion #contents { margin-top: 35px; } #personalizacion #contents p.first { margin-bottom: 25px; } #personalizacion #contents p {color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #personalizacion #contents p.last { margin-bottom: 25px; } #personalizacion2 { margin-left: 10px; margin-top: 20px; width: 554px;} #personalizacion2 #subtitle_perso { margin: 0 0 20px 10px; } #personalizacion2 #perso_subs { float:left; width: 169px; height: 59px; background-image:url('/css/pers_subs_sel.jpg'); background-repeat:no-repeat; background-position:left top; } #personalizacion2 #perso_3d_secure { float:left; margin-left: 14px; width: 129px; height: 59px; background-image:url('/css/pers_3d_secure.jpg'); background-repeat:no-repeat; background-position:left top; } #personalizacion2 #perso_sis_anti { float:left; margin-left: 14px; width: 202px; height: 59px; background-image:url('/css/pers_sis_anti.jpg'); background-repeat:no-repeat; background-position:left top; } #personalizacion2 #subcontents1 { clear: both; } #personalizacion2 #subcontents1 p { margin-left: 50px; margin-top: 20px; font-size: 15px; } #personalizacion2 #subcontents2 { clear: both; display: none; } #personalizacion2 #subcontents2 p { margin-left: 50px; margin-top: 20px; font-size: 15px; } #personalizacion2 #subcontents3 { clear: both; display: none; } #personalizacion2 #subcontents3 p { margin-left: 50px; margin-top: 20px; font-size: 15px; } #personalizacion2 a.submit { float: right; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; } #backoffice { margin-left: 35px; } #backoffice #contents { margin-top: 35px; } #backoffice #contents p.first { margin-bottom: 25px; } #backoffice #contents p {color:#0a3356; font-size:15px; margin-left:3px; width:500px;margin-bottom: 10px; } #backoffice #contents p.last { margin-bottom: 25px; } #backoffice #contents h2 { font-size:14px; color:#0061b9; } #backoffice #contents ul { margin-bottom: 20px; margin-top: 10px; } #backoffice #contents li { background:url('/css/green_big_arrow.jpg') 1px 2px no-repeat; padding-left: 20px; padding-bottom: 6px; font-size: 15px; color: #0A3356;} #referencias { margin-left: 35px; } #referencias #contents { margin-top: 35px; } #referencias #contents p { margin-bottom: 25px; color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #faq { margin-left: 35px; } #faq #contents { margin-top: 35px; } #faq #contents p { margin-bottom: 25px; color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #faq #contents h2 { font-size:14px; color:#0061b9; } #documentacion { margin-left: 35px; } #documentacion #contents { margin-top: 35px; } #documentacion #contents p { margin-bottom: 25px; color:#0a3356; font-size:15px; margin-left:3px; width:500px; } #documentacion #contents h2 { font-size:14px; color:#0061b9; } #documentacion #contents a.submit { float: right; margin-top: 20px; margin-right: 200px; margin-bottom: 20px; }