/* DEFAULT ELEMENTS ----------------------------------------------------------*/ * { margin: 0; padding: 0; } body { font-family: Tahoma; font-size: 11px; padding: 0; line-height: 14px; } img { border: 0; vertical-align: middle; } ul { list-style: none; } a { outline: 0; color:#008cbc;} table { border-spacing: 0; border-collapse: collapse; border: none; } td, th { vertical-align: top; text-align: left; } select { padding: 0; } option { padding: 1px 5px; } textarea{font-family:Tahoma;} p label.error { color: #f00; } hr {height:1px; border:none; border-top:1px solid #ccc; background:#ccc;} ol { padding-left: 20px; } input.error { border: 1px solid #f00 !important; color: #f00; } textarea.error { border: 1px solid #f00 !important; color: #f00; } /* ----------------------------------------------------------------------------- MAQUETACIÓN PRINCIPAL ------------------------------------------------------------------------------*/ body { text-align: center; } div.main_block_box { width: 893px; margin: 0 auto; text-align: left; } /* CABECERA */ #header { background: url('/css/header_bg.jpg') repeat-x; height: 117px; } #header_box { padding-top: 33px; } #logo { border-right: 1px solid #999; padding-right: 21px; position: absolute; } #logo_inf { margin: 22px 0 0 228px; position: absolute; } #logo_contact { margin: 18px 0 0 745px; position: absolute; } /* TOOLBAR */ #toolbar { background: #F0F0F0 url('/css/toolbar_bg.jpg') repeat-x; } #toolbar_box { height: 23px; } #toolbar li { float: left; } #toolbar a { color: #434244; text-decoration: none; font-size: 11px; font-weight: bold; display: block; line-height: 23px; padding: 0 13px; } #toolbar a.sel { background: url('/css/toolbar_sel.gif') center bottom no-repeat; } #toolbar a:hover { background: #A11B1D; color: #FFF; } /* RIBBON */ #ribbon { background: #A11B1D url('/css/ribbon_bg.jpg') repeat-x; height: 100px; overflow: hidden; } #ribbon_block { width: 895px; } #ribbon_decoration { background: url('/css/ribbon_decoration.jpg') center top no-repeat; height: 100px; } /*#ribbon_left { position: absolute; margin-left: -80px; width: 80px; height: 100px; background: url('/css/ribbon_left.jpg') no-repeat; } #ribbon_right { position: absolute; margin-left: 892px; width: 296px; height: 100px; background: url('/css/ribbon_right.jpg') no-repeat; } */ #ribbon li { float: left; padding: 3px 0; background: url('/css/ribbon/buttons_bg.jpg') no-repeat; } #ribbon li.diseno { background-position: 0px 0px; } #ribbon li.diseno_sel { background-position: 0px -102px; } #ribbon li.web { background-position: -179px 0px; } #ribbon li.web_sel { background-position: -179px -102px; } #ribbon li.cms { background-position: -358px 0px; } #ribbon li.cms_sel { background-position: -358px -102px; } #ribbon li.publicidad { background-position: -537px 0px; } #ribbon li.publicidad_sel { background-position: -537px -102px; } #ribbon li.portfolio { background-position: -716px 0px; } #ribbon li.portfolio_sel { background-position: -716px -102px; } #ribbon h2 { font-size: 14px; margin: 0 0 4px 0; color:#fff; } #ribbon a { display: block; color: #FFF; text-decoration: none; height: 94px; width: 179px; font-size: 10px; } #ribbon a span { display: block; padding: 18px 0 0 12px; color:#ee999c; line-height:11px;} #ribbon a:hover span { color:#ffdedf; } #ribbon a.last { border: 0; width: 178px; } /* BODY */ #body { padding: 20px 0 40px 0; } #body h1 { color: #0D0D0D; font-size: 20px; font-weight: bold; margin-bottom: 10px; } #body h2 { color: #90B005; font-size: 18px; font-weight: bold; margin-bottom: 10px; } #body h3 { color: #A80F12; font-size: 14px; font-weight: bold; margin-bottom: 5px; } #body p { margin-bottom: 15px; line-height: 18px; } #body p, td { color: #595959; } /* FOOTER */ #footer { background: #1E201F url('/css/footer_bg.jpg') repeat-x; height: 155px; color: #828284; line-height: 16px; clear: both; } #footer_box { padding: 26px 0 0 0; } #footer em { color: #FFF; font-style: normal; font-weight: bold; } #footer a { color: #828284; text-decoration: none; } #footer a:hover { color: #FFF; } #footer ul { list-style: square; } #footer_contact { position: absolute; width: 182px; background: url('/css/footer_sep.jpg') right top no-repeat; } #footer_toolbar { position: absolute; margin-left: 239px; font-size: 0.9em; } #footer_ribbon { position: absolute; margin-left: 370px; font-size: 0.9em; width: 177px; background: url('/css/footer_sep.jpg') right top no-repeat; } #footer_w3c { float: right; } #footer_w3c p { margin-bottom: 10px; } #footer_w3c img { margin-right: 5px; } /* ----------------------------------------------------------------------------- PORTADA ------------------------------------------------------------------------------*/ #slider { width: 893px; margin: 0 auto; position: relative; } #slider .scroll { height: 306px; overflow: auto; clear: left; position: relative; /* fix for IE to respect overflow */ } #slider .scrollContainer { overflow: hidden; } #slider .scrollContainer div.panel { height: 306px; width: 893px; float: left; position: relative; } #slider .scrollContainer div.panel a{ font-weight:bold; text-decoration:none; } #slider .scrollContainer div.panel a:hover{ text-decoration:underline; } #panel_diseno { background: url('/css/ribbon/diseno.jpg') no-repeat; } #panel_desarrollo_web { background: url('/css/ribbon/web.jpg') no-repeat; } #panel_gestor_contenidos { background: url('/css/ribbon/cms.jpg') no-repeat; } #panel_publicidad { background: url('/css/ribbon/publicidad.jpg') no-repeat; } #panel_portfolio { background: url('/css/loading.gif') center center no-repeat; } #panel_portfolio img.web { position: absolute; display: none; } #panel_diseno a{ position:relative; top:250px; left:75px; } #panel_desarrollo_web a{ position:relative; top:215px; left:115px; } #panel_gestor_contenidos a{ position:relative; top:230px; left:125px; } #panel_publicidad a{ position:relative; top:220px; left:70px; } #ribbon_shadow { background: url('/css/ribbon_shadow.jpg') center top no-repeat; height: 40px; } div.main_box { width: 550px; margin-left:20px;} div.main_box p{ font-size:12px; } div.main_loading { height: 100px; background: url('loading.gif') center center no-repeat; } #right_portfolio { float: right; border-left:1px solid #ddd; padding: 8px 0 60px 30px; width:200px;} #right_porftolio p.vea {font-size:10px; color:#aaa; } #right_portfolio div.web_thumb { float: none; height:175px; } /* GENERAL */ ul.lista { padding: 10px 0 0 20px; } ul.lista li { font-weight: bold; font-size: 1.1em; color: #58595B; margin-bottom: 20px; list-style: url(/css/li_tick.jpg); } /* DISEÑO */ #contents_diseno {padding-bottom:80px;} #contents_diseno ul.lista { padding:0px 0 10px 20px; } #contents_diseno ul.lista li { margin-bottom:10px; } /* PUBLICIDAD */ #contents_publicidad { padding-bottom: 80px; } #contents_publicidad div.analytics { padding-bottom:60px; background: url('/css/publicidad_bg.jpg') top right no-repeat;} /* DESARROLLO */ #contents_desarrollo_web {padding:0 0 60px 0;} #contents_desarrollo_web table { width: 100%; } #contents_desarrollo_web table td { padding: 0 15px 10px 0; vertical-align: middle; } #contents_desarrollo_web ul.lista { margin:0px 0px 20px 0px; } #contents_desarrollo_web ul.lista li { margin-bottom:5px; } /* GESTOR DE CONTENIDOS */ #contents_gestor_contenidos {padding:0 0 60px 0;} #pandoo_modules th { background: url('/images/pandoo/module.jpg') no-repeat; width: 193px; line-height: 27px; color: #FFF; } #pandoo_modules th span { padding-left: 30px; } #pandoo_modules td { padding: 0 0 20px 20px; } /* PORTFOLIO */ div.web_thumb { float: left; width: 200px; height: 200px; margin: 0 23px 0 0; background: url('loading.gif') center center no-repeat; } div.web_thumb img.main { border: 1px solid #D3D5D4; } div.web_thumb img.reflect { padding: 0 1px; } div.web_thumb p { margin: 5px 0 0 0; color: #000 !important; padding-left: 15px; background: url('/css/li_arrow.jpg') left 8px no-repeat; } div.web_thumb p.title { margin: 0 0 5px 0 !important; font-weight: bold; } div.web_thumb p.title a { color: #000; text-decoration: none; } /* ----------------------------------------------------------------------------- NOSOTROS ------------------------------------------------------------------------------*/ #right_nosotros { position: absolute; padding: 69px 0 35px 25px; margin-left: 660px; width: 160px; margin-right: 20px; background: url('/css/nosotros_menu_bg.jpg') no-repeat; } #right_nosotros li { } #right_nosotros a { display: block; padding-left: 46px; line-height: 29px; background: url('/css/nosotros_menu.jpg') no-repeat; color: #4D4D4F; text-decoration: none; font-weight: bold; } #right_nosotros a.sel { background-position: 0 -29px; } #right_nosotros a:hover, #right_nosotros a.sel { color: #971419; font-weight: bold; } /* --[ FILOSOFIA ]------------------------------------------------------------ */ #body_filosofia { background: url('/css/filosofia_bg.jpg') right 230px no-repeat; padding:0 0 50px 20px; } #body_filosofia div.intro { width: 545px; } /* --[ SOPORTE ]------------------------------------------------------------ */ #body_soporte {} #body_soporte img.img_title { margin-top:10px; margin-bottom:25px; } #body_soporte table tr td.col1 { width:257px; } #body_soporte table tr td.mySep { width:30px; } #body_soporte table tr td.col2 { width:325px; } #body_soporte table tr td.col2 p { font-family:Tahoma, Arial; font-size:11px;} #body_soporte table tr td.col2 p.thm_bld { font-weight:bold; color:#595959; margin-top:10px; } #body_soporte table tr td.col2 p.thm { color:#595959; margin-bottom:25px; } #body_soporte table tr td.col2 a { display:block; width:194px; height:44px; background:url('/css/soporte/download_soporte.jpg') top left no-repeat; } #body_soporte table tr td.col2 a:hover { background:url('/css/soporte/download_soporte_hover.jpg') top left no-repeat ; } /* --[ UBICACION ]------------------------------------------------------------ */ #body_ubicacion { background: url('/css/ubicacion_bg.jpg') 608px 230px no-repeat; padding-bottom: 80px; } #body_ubicacion div.intro { width: 545px; } /* --[ EMPLEO ]------------------------------------------------------------ */ #body_empleo { background: url('/css/empleo_bg.jpg') 546px 200px no-repeat; } #body_empleo div.intro { width: 550px; } #body_empleo div.empleo_offer { background: url('/css/empleo_div_bg.jpg') right top no-repeat; margin-bottom: 15px; width: 545px; height: 299px; position: relative; } #body_empleo div.empleo_offer p { line-height: 14px; } #body_empleo div.empleo_offer span { color: #90B005; font-weight: bold; } #body_empleo div.empleo_offer h2 { font-weight: normal; } #body_empleo div.empleo_offer div.pedimos { position: absolute; width: 257px; left: 19px; top: 33px; } #body_empleo div.empleo_offer div.ofrecemos { position: absolute; width: 192px; left: 337px; top: 21px; } /* --[ UBICACIÓN ]------------------------------------------------------------ */ #gm_map { width: 600px; height: 365px; border: 4px solid #ccc; } #body_ubicacion div.gmap_bubble p { line-height: 14px; } #body_ubicacion div.gmap_bubble p.big { font-size: 1.2em; font-weight: bold; color: #000; margin-bottom: 5px; } /* ----------------------------------------------------------------------------- QUÉ HACEMOS ------------------------------------------------------------------------------*/ #body_quehacemos { background: url('/css/contacto_bg.jpg') right top no-repeat; } #body_quehacemos div.intro { width: 545px; } /* ----------------------------------------------------------------------------- PORTFOLIO ------------------------------------------------------------------------------*/ #body_portfolio { padding:0 0 0 20px; } div.main_screenshot { float: right; width: 488px; margin: 0 0 20px 20px; } div.main_screenshot img.big { border: 1px solid #D3D5D4; display: block; margin-bottom: 20px; } div.web_shot { width: 110px; height: 100px; float: left; overflow: hidden; margin: 0 12px 10px 0; cursor: pointer; } div.web_shot img.main { border: 1px solid #D3D5D4; } div.web_shot img.reflect { padding: 0 1px; } #proyectos_recientes{ border-bottom:2px solid #dcfaa3; margin-bottom:15px;} /* ----------------------------------------------------------------------------- CONTACTO ------------------------------------------------------------------------------*/ #body_contacto { background: url('/css/contacto_bg.jpg') 500px 240px no-repeat; padding:0 0 30px 20px; } #body_contacto div.intro { width: 545px; font-size:12px; } #body_contacto table.methods { width: 368px; } #body_contacto table.methods td { height: 55px; } #body_contacto table.methods img { float: left; margin-right: 10px; } #body_contacto table.methods b { color: #000; } #body_contacto table.form { width: 368px; } #body_contacto table.form td { height: 44px; font-size: 10px; line-height: 20px; font-weight:bold;} #body_contacto input.text, #body_contacto textarea.text { font-weight:normal; background: #E6E6E6; border: 0; font-family: Tahoma; font-size: 11px; padding: 5px; } #body_contacto textarea.text { overflow: hidden; } #body_contacto p.enviar_contacto { text-align: right; width: 415px; margin-top: 15px; } #body_contacto p.enviar_contacto input { background: url('/images/enviar.jpg'); display: block; width: 59px; height: 20px; color: #FFF; font-weight: bold; font-size: 10px; line-height: 20px; text-align: center; border: 0; padding: 0; float: right; } /* PAGINACIÓN */ .paginacion { padding:10px 20px 3px 3px; margin:0px 10px 30px 10px; text-align: right; border-top:1px solid #ccc;} .paginacion a { padding: 2px 5px 2px 5px; margin-right: 2px; text-decoration: none; color: #666;} .paginacion a:hover, .paginacion a:active { color: #fff !important; background: #91be39; } .paginacion span.current { padding: 2px 5px 2px 5px; margin-right: 2px; font-weight: bold; background: #a82125; color: #fff !important; } .paginacion span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; color: #ccc; }