*{ border:0; padding:0; margin:0; outline:0;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } abbr,acronym { border:0; } /* Fin Reset */ .left{ float:left; display:inline;} .right{ float:right; display:inline;} .bloque{ width:100%; float:left; clear:both;} a{text-decoration:none; color:#4D4D4D;} a:hover{text-decoration:underline;} .font9{ font-size:9px;} .font16{ font-size:16px; line-height:26px !important;} .negro{ color:#000;} .celeste{ color:#5DB1D8;} .hidden {display:none} body{ background: #F2F2F2; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; } h1{ display:none;} #contenedor{ width:960px; margin:0 auto; } #bg-interno, #extranet, #extranet-link, #top, #flash, #contenido, #contenido-sombra{ width:100%; float:left; clear:both;} #bg-interno{ background:#fff;} /* Extranet */ #extranet{ color:#fff; display:none; background:#4d4d4d url(../images/bg-extranet.gif) no-repeat; overflow: hidden; position:relative; width:780px; padding-left:180px; } #extranet h2{ position:absolute; left:180px; top:6px; color:#fff; font-size:21px; } #extranet h2 span{ font-size:12px;} .ErrorExtranet {text-align:center; margin:20px 0; float:left; width:78%; clear:both; display:inline;} .ErrorExtranet span {background:#666666; border:#999999 1px solid; padding:5px 15px; letter-spacing:2px; display:inline-block;} #extranet input {background:#fff; margin-left:5px; width:190px; padding:2px 4px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12px;} #extranet input.btn {background:none; color:#fff; width:74px; padding:0; cursor:pointer; text-align:right;} #login{float:left; display:inline; width:280px; margin-top:60px;} #login p, #recuperar p {text-align:right; margin-bottom:10px;} #recuperar {float:left; display:inline; width:240px; margin:60px 0 0 40px;} #recuperar h6 {font-size:15px; text-transform:uppercase; margin-bottom:10px;} #extranet-link{ background:#4D4D4D; padding:4px 0; text-align:right; } #extranet-link a{ background:url(../images/iconos/icon-ingreso.gif) no-repeat; display: inline; float:right; padding-left:15px; font-size:9px; text-transform:uppercase; color:#fff; margin-right:10px; } #extranet-link a:hover{ color:#5DB1D8; text-decoration:none;} #extranet-link a#hide_button{} #extranet-link a#hide_button:hover{} #contenido{background: url(../images/bg-top.gif) no-repeat -202px -40px;} /* Top */ #top{ padding-top:16px; padding-bottom:20px; } #top a.logo{ background: url(../images/logo.gif) no-repeat; height:167px; width:198px; text-indent:-9999px; margin-left:20px; margin-top:5px; } #header{ width:700px; position:relative; } /* Menu */ #menu{ background:url(../images/bg-menu.gif) no-repeat center bottom; width:580px; margin-left:10px; padding-bottom:5px; text-align:center; word-spacing:9px; } #menu a{ color:#666; padding:1px 5px; text-decoration:none; letter-spacing:1px; margin-left:5px;} #menu a:hover{ color:#fff; background:#A30E13;} #menu a.activo{ color:#fff; background:#A30E13;} .logos{ margin-right:10px; clear:right;} .logos img{ vertical-align:middle;} .logos span{ margin:0 10px;} /* Idiomas */ #idiomas{ float:right; display:inline; width:68px; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin:0 5px -10px 0; position:relative; } #idiomas a{ color:#666; float:left; width:68px; padding:3px 0; padding-left:5px; } #idiomas a.esp {background:url(../images/iconos/icon-arg.gif) no-repeat 50px center; border-bottom:1px solid #666;} #idiomas a.eng {background:url(../images/iconos/icon-usa.gif) no-repeat 50px center; color:#808080;} #idiomas a:hover {text-decoration:none; color:#000;} /* Columna Derecha */ #sidebar-right{ width:700px; float:left; clear:both; } #sidebar-right div.margin30{ margin-top:30px;} #sidebar-right h2{ color:#5DB1D8; font-size:28px; text-indent:10px; } #sidebar-right p.left{ width:362px; line-height:19px; margin-left:10px;} #sidebar-right p.right{ width:300px; line-height:19px; margin-right:10px;} #sidebar-right p.left span, #sidebar-right p.right span{ display:block; background:url(../images/iconos/icon-lista.gif) no-repeat left 7px; padding-left:10px; } #sidebar-right h5{ color:#5DB1D8; font-size:23px;text-indent:10px; margin-bottom:10px; } /* Columna Izquierda */ #sidebar-left{ margin-top:170px; width:180px; padding-left:70px; } /* Contenido */ #flashcontent{ position:relative; z-index:0; width:100%; height:550px; float:left; clear:both; } #teamcontent{ position:relative; z-index:0; width:100%; float:left; clear:both; } #contenido-sombra{ background:#fff url(../images/bg-contenido.gif) repeat-x; padding-top:20px; position:relative; z-index:999; } #contenido h3{ color:#00A0D8; font-size:16px; margin-bottom:15px;} #quienes-home{ /*background:url(../images/borde-puntos.gif) no-repeat right top;*/ width:204px; padding:0 25px; height:200px; line-height:18px; } #quienes-home p{ margin-bottom:10px;} #novedades-home{ /*background:url(../images/borde-puntos.gif) no-repeat right top;*/ width:340px; padding:0 25px; border-left:1px dashed #5DB1D8; border-right:1px dashed #5DB1D8; } #novedades-home a{ display:block; color:#4D4D4D; margin-top:16px;} #novedades-home a span{ color:#AA1116; display:block; font-weight:700} #novedades-home a:hover span{ color:#000; text-decoration:none;} #info-contacto{ width:260px; background:url(../images/iconos/icon-sobre.gif) no-repeat; padding-top:80px; margin-left:25px; font-size:10px; line-height:14px; } span.dir{ color:#AA1116; font-weight:bold; } p.tel-arg{ background:url(../images/iconos/icon-tel.gif) no-repeat left center; padding-left:20px;} p.tel-esp{ background:url(../images/iconos/icon-esp.gif) no-repeat left center; padding-left:20px;} p.iconos{ padding:8px 0;} a.saber-mas{ background:url(../images/iconos/icon-mas.gif) no-repeat left center; padding:3px 0; padding-left:18px; font-size:11px; color:#080046; } /* Nosotros */ .textos p{ margin-bottom:20px; padding:0 20px 0 10px; line-height:22px; text-align:justify;} .textos p span {font-weight:bold;color:#5DB1D8;} .textos h4, .textos h3 { color:#5DB1D8; font-size:23px; display:inline; margin-bottom:15px; text-indent:10px; float:left; width:100%; padding-bottom:2px; border-bottom:1px solid #ccc; } .textos h3 a, .textos h4 span {color:#5DB1D8; font-size:23px;} .textos h3 span, .textos h4 a {font-size:14px; font-weight:normal; color:#666666;} #extra-nosotros{ margin-top:20px;} #extra-nosotros a{ float:left; clear:both; text-align:center; font-size:14px; margin-bottom:10px; color:#080046; background:url(../images/iconos/icon-mas.gif) no-repeat left center; padding-left:18px; width:150px; text-align:left; } #extra-nosotros a:hover{ color:#A40E13; text-decoration:none; background:url(../images/iconos/icon-mas-over.gif) no-repeat left center; } .cajas{ float:left; clear:both; width:675px; padding:5px 15px 15px 15px; display:none; background:#F2F2F2; margin-bottom:20px; line-height:20px; } .cajas h6{color:#5DB1D8; font-size:23px;} .cajas div.bloque{ margin-top:10px;} .cajas a.right{ color:#808080;} #staff table{ margin:10px 0; width:100%;} #staff table tr td{ padding:2px 5px 2px 0;} #staff table span{ float:left; color:#A40E13; background: url(../images/iconos/icon-lista.gif) no-repeat left center; padding-left:10px; } #staff p.negro{ font-size:11px;} .subtitulos{ position:relative;} .subtitulos a.saber-mas{ float:right; display:inline; margin:5px 30px 0 0;} #brochure div.left{ width:300px; line-height:20px; } #brochure div.left p{ margin-bottom:25px;} #brochure div.right{ width:320px; border-left:1px solid #999; padding-left:20px;} #brochure input{ padding:3px 5px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666; width:300px; margin-bottom:10px; } #brochure input.btn-enviar{ padding:0; width:118px; margin-bottom:0;} /* Footer */ #footer{ float:left; display:inline; position:relative; margin-left:15px; padding:10px 0 30px 77px; background: url(../images/iconos/icon-sobre.gif) no-repeat; width:800px; font-size:10px; line-height:18px; } #footer span{ font-size:9px; display:inline;} #footer strong{ color:#AA1116; } #footer .iconos{ float:left; clear:both; position:absolute; right:123px; top:14px; border-left:1px solid #ccc; padding:10px 0; padding-left:7px; } #footer .iab{ right:-18px !important; } #footer .iconos img{ float:left; display:inline; margin-right:2px;} .footer-logos {float:left; width:100%; padding-bottom:30px; padding-top:20px; background:#FFF; text-align:center} .footer-logos a {margin:0 10px;} .footer-logos img {vertical-align:middle} .twitter {background:url(../images/iconos/icon-twitter.jpg) no-repeat left center; height:43px; margin-top:8px; padding:20px 0 25px 45px; color:#069; font-size:9px; margin:0} .facebook {background:url(../images/iconos/icon-facebook.gif) no-repeat left center; height:43px; margin-top:8px; padding:20px 0 25px 35px; color:#069; font-size:9px; margin:0} #copyright{float:left;margin-left: 20px;width:566px} #sociales{float:right;width:264px;margin-top:10px} #sociales a{float:left;text-indent:-9999px;width:32px;height:32px;background-image:url(../images/iconos/social.png)} .fb{background-position:0 0} .tw{background-position:-32px 0} .linkedin{background-position:-64px 0} .rss-icon{background-position:-96px 0} .googleplus-icon{background-position:-129px 0} /************************************ SERVICIOS ***********************************/ .servicios ul{ margin-left:10px;} .servicios ul li{padding:10px 0; padding-left:15px;line-height:22px; background:url(../images/iconos/icon-lista.gif) no-repeat left 20px;} .servicios ul li span{display:block;color:#5DB1D8; font-size:18px; margin-bottom:10px;} #extra-servicios a{float:left; clear:both;width:89px; height:30px;color:#080046; padding-top:91px;text-align:center;font-size:10px; margin:0 0 10px 10px;} #extra-servicios a:hover{text-decoration:none; color:#A40E13;} #extra-servicios a.solu-graf{background:url(../images/iconos/icon-solu-graf.jpg) no-repeat;} #extra-servicios a.solu-digi{background:url(../images/iconos/icon-solu-digi.jpg) no-repeat;} #extra-servicios a.plan{background:url(../images/iconos/icon-plan.jpg) no-repeat;} #extra-servicios a.hosting{background:url(../images/iconos/icon-hosting.jpg) no-repeat;} #extra-servicios a.marketing{background:url(../images/iconos/icon-marketing.jpg) no-repeat;} #Servicios .bloque {display:none; position:relative; margin-bottom:20px;} #Servicios #hosting ul li {padding-top:0; background:url(../images/iconos/icon-lista.gif) no-repeat left 10px;} /************************************ CONTACTO ***********************************/ #newsletter {background:#F2F2F2; width:248px; height:800px; margin-top:10px; border-left:#DDDDDD 1px solid; border-right:#DDDDDD 1px solid; padding:20px;} #formulario p, #newsletter p {text-align:justify; padding:0;} #newsletter p {margin-bottom:20px; line-height:22px;} #formulario {width:370px; margin-left:10px;} #formulario div, #newsletter div {text-align:right; width:100%; float:left; margin-bottom:10px;} #newsletter div input {font-size:10px; color:#999999; border:#DDDDDD 1px solid; padding:3px 5px; width:235px;} #newsletter h2 {margin-bottom:20px; text-indent:0; font-size:20px;} #formulario div input, #formulario div textarea { font-family:Arial, Helvetica, sans-serif;color:#999999; border:#DDDDDD 1px solid; padding:3px 5px; margin-left:10px; width:260px;font-size:10px;} #formulario div textarea {height:100px; overflow:hidden;} #formulario div span {vertical-align:top;} .BtnEnviar {background:url(../images/btn-enviar.gif); width:118px; height:27px; cursor:pointer; float:left; display:inline;} .BtnEnviar_EN {background:url(../images/btn-enviar_en.gif); width:118px; height:27px; cursor:pointer; float:left; display:inline;} #formulario .BtnEnviar {margin-left:100px;} #formulario .BtnEnviar_EN {margin-left:100px;} #newsletter .BtnEnviar {margin-top:20px;} #Mensaje {margin:100px 0;} #Mensaje p {text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:6px;} .rojo {color:#CC0000 !important;} .MensajeUBI {margin:50px 0; text-align:center;} /************************************* BLOG *******************************************/ #BGBlog {background:url(../images/blog.gif) right repeat-y; margin-top:20px;} #MenuBlog {width:160px; padding:20px; min-height:350px;} #MenuBlog a {padding-left:20px; background:url(../images/mota-blog.gif) left 2px no-repeat; width:140px;float:left; display:inline;color:#000000; font-size:11px; margin-bottom:6px;} #MenuBlog a:hover {color:#BD565A;} #MenuBlog h3 {color:#BD565A; font-size:14px; font-weight:bold; border-bottom:#BD565A 1px solid; padding-bottom:3px; padding-left:10px; width:150px;} .Center {text-align:center; width:100%; float:left; margin-bottom:20px;} .BlogLeft {border-bottom:#BD565A 1px solid; float:left; padding-bottom:15px;} .BlogLeft input {float:left; display:inline-block; font-size:10px; margin-top:15px;} .Busqueda {width:130px; border:#EEEEEE 1px solid; padding:3px 5px;} .Buscar {background:url(../images/buscar.gif); width:22px; height:22px; cursor:pointer;} .RSS {background:url(../images/{LANG_PROBLOG_RSS}); width:180px; height:75px; cursor:pointer;} #Resultados p {text-align:justify; margin-bottom:15px;} #Resultados a {display:inline;} #Resultados .link {background:url(../images/iconos/icon-lista.gif) left center no-repeat; padding-left:10px; font-size:14px;} #Resultados .link:hover, #Resultados .activo { background:url(../images/iconos/icon-lista-hover.gif) left center no-repeat;color:#A40E13;} #Resultados .activo {font-size:14px; padding-left:10px;} /************************************** TRABAJOS ******************************************/ .VerPortfolio {background:url(../images/ver-portfolio.gif); width:183px; height:59px; margin:10px 150px 0 0;} .bloque p select {width:140px; border:#DDDDDD 1px solid; margin:0 20px 0 5px; font-size:10px; color:#666666;} .BuscarPort {background:url(../images/btn-buscar.gif) center; width:95px; height:25px; cursor:pointer;} .portfolio { float:left; width:675px; font-size:11px; margin:-44px 0 10px 0; position:relative; padding:7px 10px; display:none; background:#F2F2F2; line-height:20px;} .portfolio .left {width:480px; margin:10px 0 0 20px;} .portfolio .right {width:150px; border-left:#CCCCCC 1px solid; padding-left:10px; margin-top:10px;} .portfolio .cerrar {float:right; display:inline-block; margin-top:-20px;} .portfolio .left span {font-weight:bold; margin-right:5px;} .portfolio .right span {color:#5DB1D8; font-weight:bold;} .portfolio li {list-style:disc; margin-left:15px;} .portfolio .right img {width:25px; margin:0 5px 5px 0;} .MenuPortfolio {margin-top:15px;} .MenuPortfolio, .MenuPortfolio .SubMenu { float:left; display:inline; width:150px; line-height:normal;} .MenuPortfolio a { float:left; width:140px; background:url(../images/iconos/mota-trabajos.gif) left 6px no-repeat; margin-bottom:5px; font-size:13px; color:#07004D; clear:left; padding-left:10px; display:inline-block;} .MenuPortfolio a:hover, .MenuPortfolio .SubMenu a:hover {color:#A40E13;} .MenuPortfolio .SubMenu a {background:none; color:#666666; font-size:11px; display:inline;} .MenuTrabajos {background:#333333 url(../images/menu-trabajos.gif) repeat-x; height:35px; text-align:center; padding-top:15px; width:960px; position:relative;} .MenuTrabajos span {color:#999999; font-size:14px; display:inline-block; padding-bottom:2px;} .MenuTrabajos a {border-left:#CCCCCC 1px solid;margin-left:20px; padding:2px 5px; color:#CCCCCC; /*display: moz-inline-box; .display:inline-block;*/} .MenuTrabajos a:hover {text-decoration:none; background:#666666;} .arreglo, .arreglo1 {display:inline; float:left;} .arreglo1 {font-weight:normal !important; color:#999999 !important;} .arreglo a {cursor:pointer; margin-left:5px; width:16px; height:18px; float:left; display:inline;} .manito {background:url(../images/iconos/manito.gif) left top;} .manito:hover {background:url(../images/iconos/manito.gif) left -18px;} .paginita {background:url(../images/iconos/paginita.gif) left top;} .paginita:hover {background:url(../images/iconos/paginita.gif) left -18px;} .lupita {background:url(../images/iconos/lupita.gif) left top;} .lupita:hover {background:url(../images/iconos/lupita.gif) left -18px;} .Referencias {margin:-40px 20px 0 0; float:right; display:inline-block;} /************************************** PAGINADOR ******************************************/ #Paginador {border:#333333 1px solid; padding:5px 0; text-align:center !important;} #Paginador a {width:130px; display:inline-block; padding-top:2px; line-height:12px; height:15px; font-weight:bold;} #Paginador a:hover {text-decoration:none;} #Paginador .Anterior {text-align:right; padding-right:20px; background:url(../images/paginador-b.gif) 0 top no-repeat; color:#333333;} #Paginador .Anterior:hover { background:url(../images/paginador-b.gif) 0 -17px no-repeat; color:#2C6CC0;} #Paginador .Siguiente {text-align:left; padding-left:20px; background:url(../images/paginador-b.gif) 110px -34px no-repeat; color:#333333;} #Paginador .Siguiente:hover { background:url(../images/paginador-b.gif) 110px -51px no-repeat; color:#2C6CC0;} /************************************** STAFF ******************************************/ .Globito {background:url(../images/globito-fotos.png); width:164px; height:114px; position:absolute; display:none; padding:5px 5px 0 10px;} .Globito .Texto {font-size:10px; text-align:justify; height:65px; overflow:hidden;} .Globito .Nombre {color:#5DB1D8; font-size:14px; font-weight:bold; border-bottom:#5DB1D8 1px solid; padding-bottom:2px; margin-bottom:5px;} #Carlos {top:150px; left:680px;} #Emo {top:20px; left:130px;} #Pol {top:-50px; left:150px;} #Vivi {top:0; left:270px;} #Fedex {top:40px; left:350px;} #Coming {top:-80px; left:420px;} #Ale {top:-80px; left:500px;} #PJ {top:-70px; left:580px;} #Fer {top:0px; left:680px;} #Vero {top:-50px; left:780px;} #Pelukas {top:100px; left:800px;} #Seba {top:150px; left:250px;} .Mensaje {font-weight:bold; text-transform:uppercase; text-align:center; margin:50px 0;} #Ooops {color:#5DB1D8; font-size:20px; width:600px; margin-left:10px;} #Ooops p {color:#333333; font-size:14px; margin:30px 0;} #Ooops span {font-size:40px; font-weight:bold;}