/*FONTS*/ @import url("style_fonts.css"); /* Reset */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;background:transparent;vertical-align:baseline;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;} /* Global */ html, body {text-align:center;font:11px Arial, Helvetica, sans-serif;background:#fff url('../img/bg/01.jpg') no-repeat bottom center;-webkit-user-select:none;-webkit-text-size-adjust:none; /*overflow-x:hidden;*/} /* body.home {background:#fff url('../img/bg/01.jpg') no-repeat bottom center;} body.us {background:#000 url('../img/bg/02.jpg') no-repeat bottom center;} body.products {background:#000 url('../img/bg/03.jpg') no-repeat bottom center;} body.clients {background:#000 url('../img/bg/04.jpg') no-repeat bottom center;} body.resources {background:#000 url('../img/bg/05.jpg') no-repeat bottom center;} body.partners {background:#000 url('../img/bg/06.jpg') no-repeat bottom center;}*/ a {text-decoration:none;color:#33cc99;} h1, h2, h3, h4 {font-weight:lighter;} table, table tr, table tr td, table tr th {vertical-align:middle;} /* Font Classes */ .ChunkFiveRoman{font-family:ChunkFiveRoman;} .EurostileLTStdMedium{font-family:EurostileLTStdMedium;} .FuturaStdMediumOblique{font-family:FuturaStdMediumOblique;} .EurostileLTStdBold{font-family:EurostileLTStdBold;} .EurostileLTStdBoldCondensed{font-family:EurostileLTStdBoldCondensed;} .EurostileLTStdBoldExtended2{font-family:EurostileLTStdBoldExtended2;} .EurostileLTStdBoldOblique{font-family:EurostileLTStdBoldOblique;} .EurostileLTStdCondensed{font-family:EurostileLTStdCondensed;} .EurostileLTStdDemi{font-family:EurostileLTStdDemi;} .EurostileLTStdDemiOblique{font-family:EurostileLTStdDemiOblique;} .EurostileLTStdOblique{font-family:EurostileLTStdOblique;} .FuturaStdBold{font-family:FuturaStdBold;} .EurostileLTStdOblique{font-family:EurostileLTStdOblique;} .FuturaStdBoldOblique{font-family:FuturaStdBoldOblique;} .FuturaStdBook{font-family:FuturaStdBook;} .FuturaStdBookOblique{font-family:FuturaStdBookOblique;} .FuturaStdBoldCondensedOblique{font-family:FuturaStdBoldCondensedOblique;} .FuturaStdBoldCondensed{font-family:FuturaStdBoldCondensed;} .FuturaStdMediumCondensed{font-family:FuturaStdMediumCondensed;} .FuturaStdLtCnOb{font-family:FuturaStdLtCnOb;} .FuturaStdExtraBoldCondensed{font-family:FuturaStdExtraBoldCondensed;} .FuturaStdExtraBold{font-family:FuturaStdExtraBold;} .FuturaStdXBdCnOb{font-family:FuturaStdXBdCnOb;} .FuturaStdMdCnOb{font-family:FuturaStdMdCnOb;} .FuturaStdHeavy{font-family:FuturaStdHeavy;} .FuturaStdHeavyOblique{font-family:FuturaStdHeavyOblique;} .FuturaStdExtraBoldOblique{font-family:FuturaStdExtraBoldOblique;} .FuturaStdMedium{font-family:FuturaStdMedium;} .FuturaStdLightOblique{font-family:FuturaStdLightOblique;} .FuturaStdLight{font-family:FuturaStdLight;} .FuturaStdMediumOblique{font-family:FuturaStdMediumOblique;} /* Global Classes */ .left {float:left;} .right {float:right;} .hide {display:none;visibility:hidden;} .clearfloat {display:block;*display:inline-block;} .clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";} .clearboth{ clear:both;} .col2{width:50%;} .col1{clear:both; width:100%} a.box-more {display:block;text-align:right;font-weight:bold;font-size:16px;height:14px;padding-top:10px;} a.lin {display:block;width:80px;height:60px;background:url('../img/icon/lin.png') no-repeat center center;} a,a:active {border:none;} .boton{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family:EurostileLTStdMedium; background-color: #717171; border:1px #717171 solid; color:#CCCCCC; font-weight:bold; } .boton:hover{ color:#FFFFFF; background-color:#F66530; border:1px #FFFFFF solid; } .content{ width:960px; margin:0 auto; padding:10px 0; } .positionrelative{ position:relative;} /* Titles */ h1 {font-size:56px;text-transform:uppercase;font-weight:bold;color:#fff;} h2 {font-size:24px;text-transform:uppercase;font-weight:bold;color:#fff;} h3 {font-size:12px;text-transform:uppercase;font-weight:bold;} h4 {font-size:11px;text-transform:uppercase;font-weight:bold;margin-bottom:15px;} /* */ #header{ width:100%;} #header.home{ position:absolute;} #header .logo{width:auto; float:left; margin: 10px 0;} #menu { font-family:EurostileLTStdMedium; font-size:1.2em; margin: 20px auto auto; height:25px; float:right; } #menu ul{ list-style:none; /* Eliminamos los bullets */ margin:0px; /* Quitamos los margenes */ padding:0px; /* Quitamos el padding */ } #menu ul li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #717171; float:left; /* Hacemos que el menu se muestre horizontal */ border-right:1px solid #FFFFFF; height:30px; width: 90px; margin: 0 0 0 10px; } #menu ul li a{ text-decoration:none; color:#CCCCCC; font-weight:bold; line-height:30px; display:block; height:30px; } #menu ul li.active, #menu ul li:hover { color:#FFFFFF; background-color:#F66530; } #menu ul li.active a, #menu ul li:hover a{ color:#FFFFFF; } #content{ clear:both;} #prefooter{ clear:both;} /* * HOME ************************************************************************ */ #content.home h2{font-family:ChunkFiveRoman; text-transform:none; text-align:left; padding: 2px 0 10px 55px; color:#000; font-size:34px} /* * SLIDER PRINCIPAL *** */ #content #slider{ color:#000; background:url("../images/slider/slider_back.png")repeat-x center bottom transparent; } #content #slider .content{ padding:0px !important; position:relative;} #content #slider #controlsContentId{ width:960px; margin:auto; position:relative; } #content #slider #slider_fondo{ /*background:url(../images/slider/slider_content_back.png) center bottom no-repeat; */ /*height:434px;*/ } /* DEFINICIONES DE ESTILOS DEL SLIDER */ #content #slider #slider_principal ul, #content #slider #slider_principal li{ margin:0; padding:0; list-style:none; } #content #slider #slider_principal, #content #slider #slider_principal ul, #content #slider #slider_principal li{ width:100%; } #content #slider #slider_principal li{ overflow:hidden; float:left; } #content #slider #slider_principal{ /*width:960px; */ /*height:434px;*/ } #content #slider #slider_principal li .item_content{ position: inherit; /*height:434px;*/ width:960px; } #content #slider #slider_principal li img{ /*width:960px;*/ margin:auto;} #content #slider #principalPrevId, #content #slider #principalNextId{ display:block; width:50px; /*height:434px;*/ position:absolute; top:0px; } #content #slider #principalPrevId{ left:0px;} #content #slider #principalNextId{ right:0px;} #content #slider #principalPrevId a, #content #slider #principalNextId a{ display:block; width:50px; height:434px;; background: url(../images/slider/slider_left.png) no-repeat center center; } #content #slider #principalNextId a{ background: url(../images/slider/slider_right.png) no-repeat center center; } /* estilos de la caja de TCL **********************************/ #content #slider #slider_principal li.tcl{ background:url(../images/slider/slider_tcl_back.png) center bottom no-repeat;} #content #slider #slider_principal li.tcl h2{ font-size: 24px; padding: 134px 0 0 69px; } #content #slider #slider_principal li.tcl p{ font-size: 20px; padding: 10px 0 0 69px; margin:0; text-align:left; } #content #slider #slider_principal li.tcl img#mas_info{ padding: 0; } /* * QUE HACEMOS *** */ #content #que_hacemos{color:#000; background:url(../images/que_hacemos/que_hacemos_back.png) repeat-x;} #content #que_hacemos h2{ background: url(../images/que_hacemos/que_hacemos_titulo_back.png) no-repeat; padding-left:65px; padding-bottom:16px;} #content #que_hacemos #acciones{width:225px;float:left; text-align:left; padding-top:55px;} #content #que_hacemos #acciones .item{height:100px; background-repeat:no-repeat; background-position:left center; position:relative; } #content #que_hacemos #acciones .item h3 { color: #656565; font-family: ChunkFiveRoman; font-size: 21px; font-weight: normal; text-transform: none; width:100px; /* bottom:0px; left:85px; position:absolute; */ } #content #que_hacemos #acciones .item h3 a{ display:block; padding-left:85px; color:#656565 } #content #que_hacemos #acciones .item.binf{ border-bottom:#ddd 1px solid} #content #que_hacemos #acciones .item.bsup{ border-top:#eee 1px solid} #content #que_hacemos #acciones .item.omc{background-image:url(../images/que_hacemos/que_hacemos_omc.png);} #content #que_hacemos #acciones .item.omc h3{padding-top: 12px;} #content #que_hacemos #acciones .item.oa{background-image:url(../images/que_hacemos/que_hacemos_oa.png)} #content #que_hacemos #acciones .item.oa h3{padding-top: 22px;} #content #que_hacemos #acciones .item.web{background-image:url(../images/que_hacemos/que_hacemos_web.png)} #content #que_hacemos #acciones .item.web h3{padding-top: 34px;} #content #que_hacemos #acciones .item.em{background-image:url(../images/que_hacemos/que_hacemos_em.png)} #content #que_hacemos #acciones .item.em h3{padding-top: 24px;} /* GRAFICO CON FONDOS************************ */ #content #que_hacemos #grafico_content{ float:right; position:relative; height:465px; width:735px;} #content #que_hacemos #grafico_content #fondo{ background:url(../images/que_hacemos/grafico_back.png) no-repeat; width:735px; height:465px; position:absolute; top:0; left:0 } #content #que_hacemos #grafico_content .fondo{ position:absolute; display: none; } #content #que_hacemos #grafico_content .vineta{ font-size:15px; font-family:ChunkFiveRoman; font-weight:normal; /*font-family:FuturaStdMediumOblique;*/ position:absolute; top:0; left:0; } #content #que_hacemos #grafico_content .vineta.over{color:#FFF !important;} #content #que_hacemos #grafico_content .flecha{ position:absolute; display:none; } #content #que_hacemos #grafico_content .nube{color:#FF6600; font-weight:bold;} #content #que_hacemos #grafico_content .verde{color:#9FD3A5; font-weight:bold;} #content #que_hacemos #grafico_content .nodo{color:#79AAD2; font-weight:bold;} #content #que_hacemos #grafico_content .violeta{color:#D78FD8; font-weight:bold;} #content #que_hacemos #grafico_content .em{height: 108px;left: 36px;top: 13px;width: 168px;} #content #que_hacemos #grafico_content .em p{padding-top:28px;} #content #que_hacemos #grafico_content .fondo.em { background:url(../images/que_hacemos/em_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.em {height: 82px;left: 203px;top: 70px;width: 118px; background:url(../images/que_hacemos/flecha_em.png) no-repeat;} #content #que_hacemos #grafico_content .sem{height: 79px;left: 120px;top: 116px;width: 108px;} #content #que_hacemos #grafico_content .sem p{padding-top:25px;} #content #que_hacemos #grafico_content .fondo.sem { background:url(../images/que_hacemos/sem_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.sem {height: 35px;left: 224px;top: 151px;width: 80px; background:url(../images/que_hacemos/flecha_sem.png) no-repeat;} #content #que_hacemos #grafico_content .sm{height: 87px;left: 5px;top: 165px;width: 133px;} #content #que_hacemos #grafico_content .sm p{padding-top:22px;} #content #que_hacemos #grafico_content .fondo.sm { background:url(../images/que_hacemos/sm_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.sm {height: 35px;left: 140px;top: 199px;width: 153px; background:url(../images/que_hacemos/flecha_sm.png) no-repeat;} #content #que_hacemos #grafico_content .seo{height: 76px;left: 115px;top: 234px;width: 102px;} #content #que_hacemos #grafico_content .seo p{padding-top:25px;} #content #que_hacemos #grafico_content .fondo.seo { background:url(../images/que_hacemos/seo_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.seo {height: 38px;left: 218px;top: 236px;width: 88px; background:url(../images/que_hacemos/flecha_seo.png) no-repeat;} #content #que_hacemos #grafico_content .oa{height: 87px;left: 0;top: 292px;width: 166px;} #content #que_hacemos #grafico_content .oa p{padding-top:22px;} #content #que_hacemos #grafico_content .fondo.oa { background:url(../images/que_hacemos/oa_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.oa {height: 70px;left: 167px;top: 272px;width: 144px; background:url(../images/que_hacemos/flecha_oa.png) no-repeat;} #content #que_hacemos #grafico_content .mt{height: 93px;left: 153px;top: 341px;width: 124px;} #content #que_hacemos #grafico_content .mt p{padding-top:25px;} #content #que_hacemos #grafico_content .fondo.mt { background:url(../images/que_hacemos/mt_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.mt {height: 82px;left: 264px;top: 282px;width: 144px; background:url(../images/que_hacemos/flecha_mt.png) no-repeat;} #content #que_hacemos #grafico_content .cnt{height: 70px;left: 285px;top: 9px;width: 208px; } #content #que_hacemos #grafico_content .cnt p{padding-top:25px;} #content #que_hacemos #grafico_content .fondo.cnt { background:url(../images/que_hacemos/cnt_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.cnt {height: 82px;left: 366px;top: 60px;width: 32px; background:url(../images/que_hacemos/flecha_cnt.png) no-repeat;} #content #que_hacemos #grafico_content .rcc{height: 134px;left: 316px;top: 145px;width: 189px;} #content #que_hacemos #grafico_content .rcc p{padding-right: 15px;padding-top: 25px;} #content #que_hacemos #grafico_content .fondo.rcc { background:url(../images/que_hacemos/rcc_back.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.rcc.f1 {height: 43px;left: 481px;top: 132px;width: 81px; background:url(../images/que_hacemos/flecha_rcc1.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.rcc.f2 {height: 52px;left: 486px;top: 205px;width: 73px;; background:url(../images/que_hacemos/flecha_rcc2.png) no-repeat;} #content #que_hacemos #grafico_content .flecha.rcc.f3 {height: 85px;left: 410px;top: 275px;width: 43px;; background:url(../images/que_hacemos/flecha_rcc3.png) no-repeat;} #content #que_hacemos #grafico_content .wla{height: 134px;left: 334px;top: 331px;width: 192px;} #content #que_hacemos #grafico_content .wla p{padding-right: 5px;padding-top: 43px;} #content #que_hacemos #grafico_content .fondo.wla { background:url(../images/que_hacemos/wla_back.png) no-repeat;} #content #que_hacemos #grafico_content .rslt{height: 94px;left: 534px;top: 92px;width: 190px;} #content #que_hacemos #grafico_content .rslt p{padding-right: 15px;padding-top: 23px;} #content #que_hacemos #grafico_content .fondo.rslt { background:url(../images/que_hacemos/rslt_back.png) no-repeat;} #content #que_hacemos #grafico_content .r{height: 96px;left: 518px;top: 236px;width: 177px;} #content #que_hacemos #grafico_content .r p{padding-top: 35px;} #content #que_hacemos #grafico_content .fondo.r { background:url(../images/que_hacemos/r_back.png) no-repeat;} /* * POR QUE *** */ #content #porque{color:#000; height:400px; background:url(../images/por_que/por_que_back.png) repeat-x;; /*background:url(../images/por_que/fondo_xq.png) center top no-repeat;*/} #content #porque h2{ background:url(../images/por_que/por_que_titulo_back.png) no-repeat right; text-align:right; padding:10px 63px 25px 0;} #content #porque #xq_grafico_content{ position:relative; text-align:left;} /* comunes para todos los items*/ #content #porque #xq_grafico_content .item{ position:absolute; width:330px; height:80px;} #content #porque #xq_grafico_content .item h3{ font-family:ChunkFiveRoman; color:#656565; font-size:21px; font-weight:normal; text-transform:none;} #content #porque #xq_grafico_content .item p{ font-family:FuturaStdMedium; color:#656565; font-size:17px; line-height:17px;} #content #porque #xq_grafico_content .item img{ float:left; margin-right:10px;} /* posicion particular para cada item*/ #content #porque #xq_grafico_content .item.uno{top:0px; left:29px;} #content #porque #xq_grafico_content .item.uno:hover h3{ color:#D865A3;} #content #porque #xq_grafico_content .item.dos{top:36px; left:416px;} #content #porque #xq_grafico_content .item.dos:hover h3{ color:#DE4949;} #content #porque #xq_grafico_content .item.tres{top:115px; left:728px; width:263px;} #content #porque #xq_grafico_content .item.tres:hover h3{ color:#85C267;} #content #porque #xq_grafico_content .item.cuatro{top:164px; left:423px;} #content #porque #xq_grafico_content .item.cuatro:hover h3{ color:#7BCDE2;} #content #porque #xq_grafico_content .item.cinco{top:147px; left:28px;} #content #porque #xq_grafico_content .item.cinco:hover h3{ color:#547CBE;} /*ok es diferente a los otros items*/ #content #porque #xq_grafico_content .item.ok{top:261px; left:301px; width:372px;} #content #porque #xq_grafico_content .item.ok h3{ padding-top:11px; color:#85C267; font-size:32px;} #content #porque #xq_grafico_content .item.ok img{ float:right;} /* comunes para todas las flechas*/ #content #porque #xq_grafico_content .flecha{ width:91px; height:77px; position:absolute; bottom:0; right:0; background-position:top left; background-repeat:no-repeat;} /* posicion y flecha para cada uno*/ #content #porque #xq_grafico_content .flecha.unodos{ background-image:url(../images/por_que/flecha12.png); top:28px; left:332px; } #content #porque #xq_grafico_content .flecha.dostres{ background-image:url(../images/por_que/flecha23.png); top:60px; left:670px; } #content #porque #xq_grafico_content .flecha.trescuatro{ background-image:url(../images/por_que/flecha34.png); top:170px; left:640px; } #content #porque #xq_grafico_content .flecha.cuatrocinco{ background-image:url(../images/por_que/flecha45.png); top:150px; left:325px; } #content #porque #xq_grafico_content .flecha.cincook{ background-image:url(../images/por_que/flecha5ok.png); top:226px; left:195px; } /* * PRODUCTOS *** */ #content #productos{color:#000;} #content #productos h2{ background:url(../images/productos/productos_titulo_back.png) no-repeat; padding-left:65px;} #content #productos #productos_slider ul, #content #productos #productos_slider li{ margin:0; padding:0; list-style:none; } #content #productos #productos_slider, #content #productos #productos_slider li{ height:100px; width:960px; overflow:hidden; text-align:left; } #content #productos #productos_slider{ margin-left:5px; } #content #productos #prevBtn, #content #productos #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-25px; top:71px; } #content #productos #nextBtn{ left:701px;} #content #productos #prevBtn a, #content #productos #nextBtn a{ display:block; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #content #productos #nextBtn a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* * CLIENTES *** */ #content #clientes {background:#F2F4F6; color:#000;} #content #clientes h2{ background:url(../images/clientes/clientes_titulo_back.png) no-repeat;} #content #clientes #clientes_slider ul, #content #clientes #clientes_slider li{ margin:0; padding:0; list-style:none; } #content #clientes #clientes_slider, #content #clientes #clientes_slider li.item_sl{ height:100px; width:960px; overflow:hidden; line-height:100px; } #content #clientes #clientes_slider li.item_sl img{ float:left; vertical-align:middle; margin:0 10px; } #content #clientes #clientes_slider{ margin-left:5px; } #content #clientes #prevBtn, #content #clientes #nextBtn{ /*display:block;*/ display:none; width:30px; height:77px; position:absolute; left:-25px; top:71px; } #content #clientes #nextBtn{ left:701px; } #content #clientes #prevBtn a, #content #clientes #nextBtn a{ display:block; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #content #clientes #nextBtn a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* * SERVICIOS ************************************************************************ */ #content #servicios{color:#000; } #content #servicios h2{ font-family:ChunkFiveRoman; text-transform:none; text-align:left; padding: 2px 0 16px 65px; color:#000; font-size:34px; background: url(../images/que_hacemos/que_hacemos_titulo_back.png) no-repeat; padding-left:65px; } #botonera_servicios{ padding:0; } #botonera_servicios li{ font-family:ChunkFiveRoman; float:left; font-size: 16px; } #botonera_servicios li.bl{ border-left:#eeeeee 1px solid; } #botonera_servicios li a{ color:#000000; display:block; padding: 70px 17px 35px 17px; margin-bottom:-10px; background-position:center 10px; background-repeat:no-repeat; } #botonera_servicios li.active, #botonera_servicios li:hover{ background-image:url(../images/servicios/servicios_botonera_back_activa.png); background-repeat:no-repeat; background-position:center bottom; } #botonera_servicios li#servicio_omc a{ background-image:url(../images/servicios/servicios_omc.png);} #botonera_servicios li#servicio_oa a{ background-image:url(../images/servicios/servicios_oa.png);} #botonera_servicios li#servicio_wdd a{ background-image:url(../images/servicios/servicios_wdd.png);} #botonera_servicios li#servicio_em a{ background-image:url(../images/servicios/servicios_em.png);} #botonera_servicios li#servicio_smm a{ background-image:url(../images/servicios/servicios_smm.png);} #botonera_servicios li#servicio_bi a{ background-image:url(../images/servicios/servicios_bi.png);} #botonera_servicios li#servicio_mt a{ background-image:url(../images/servicios/servicios_mt.png);} #servicios_contenidos{ margin-top:20px; text-align:left; font-size: 14px;} #servicio_contenido{ float:left; width:653px; padding-right:24px; border-right:#eeeeee 1px solid;} #servicio_contenido h3{ font-family:ChunkFiveRoman; text-transform:none; text-align:left; font-size:22px; } #servicio_contenido h4{ color: #F66530; font-family: FuturaStdBook; font-size: 18px; text-align: left; text-transform: none; margin:0px 0 10px; } #servicio_contenido p{ font-family: FuturaStdBook; text-align:left; font-size:20px; margin: 20px 0;} #servicio_contenido #servicio_caracteristicas .caracteristicas{ padding:20px 0; border-bottom:#eeeeee 1px solid; } #servicio_contenido #servicio_caracteristicas .caracteristicas a.mas_info{ font-family:FuturaStdHeavy; color:#757575; font-size: 14px; background:url(../images/servicios/mas_info.png) left center no-repeat; padding-left: 18px; } #servicio_contenido #servicio_caracteristicas .caracteristicas a.mas_info:hover{ color:#F66530;} #servicio_contenido #servicio_caracteristicas .caracteristicas img.left{ margin:0 10px 10px 0; } #servicio_contenido #grafico_omc{ width:582px; height:250px; position:relative; } #servicio_contenido #grafico_omc .item{ color: #4E4E4E; font-family: ChunkFiveRoman; font-size: 18px; height: 55px; line-height: 27px; padding-left: 70px; position: absolute; text-align: left; width: 110px; } #servicio_contenido #grafico_omc #wa{ background:url(../images/servicios/servicio_wa_black.png) no-repeat left center; left:174px; top:0px;} #servicio_contenido #grafico_omc #bi{ background:url(../images/servicios/servicio_bi_black.png) no-repeat left center; left:395px; top:74px;} #servicio_contenido #grafico_omc #sm{ background:url(../images/servicios/servicio_smm_black.png) no-repeat left center; left:360px; top:184px;} #servicio_contenido #grafico_omc #em{ background:url(../images/servicios/servicio_em_black.png) no-repeat left center; left:116px; top:198px;} #servicio_contenido #grafico_omc #oa{ background:url(../images/servicios/servicio_oa_black.png) no-repeat left center; left:0px; top:98px;} #servicio_contenido #grafico_omc .mas{ background:url(../images/servicios/mas.png); height:35px; width:35px; position:absolute;} #servicio_contenido #grafico_omc #mas1{left: 370px;top: 23px;} #servicio_contenido #grafico_omc #mas2{left: 457px;top: 132px;} #servicio_contenido #grafico_omc #mas3{left: 304px;top: 215px;} #servicio_contenido #grafico_omc #mas4{left: 83px;top: 161px;} #servicio_contenido #grafico_omc #mas5{left: 124px;top: 60px;} #servicio_side{ float:right; width:258px; padding-left:24px; text-align:left; font-size:14px;} #servicio_side h3{ font-family:ChunkFiveRoman; text-transform:none; text-align:left; font-size:22px;} #servicio_side h4{ font-family:FuturaStdBook; color:#F66530; text-transform:none; text-align:left; font-size:18px;} #servicio_side .caja_content{ padding:5px; background-color:#eeeeee; position:relative;} #servicio_side .caja_content.video{ margin-top:20px; } #servicio_side .caja_content img.th{ width:248px; } #servicio_side .caja_content a{ position:absolute; right:5px; bottom:5px; } /* * PORTFOLIO ************************************************************************ */ #content.portfolio{ background: url("../images/que_hacemos/que_hacemos_back.png") repeat-x scroll 0 0 transparent; color: #000000; } #content.portfolio h2{font-family:ChunkFiveRoman; text-transform:none; text-align:left; padding: 2px 0 20px 55px; color:#000; font-size:34px} #content #portfolio h2{ background:url(../images/portfolio/portfolio_titulo_back.png) no-repeat; padding-left:65px;} #content.portfolio p{ color: #656565; font-family: FuturaStdMedium; font-size: 17px; line-height: 17px; text-align:left; } #content #portfolio #portfolio_slider ul, #content #portfolio #portfolio_slider li{ margin:0; padding:0; list-style:none; } #content #portfolio #portfolio_slider, #content #portfolio #portfolio_slider li{ /*height:650px;*/ height:375px; width:960px; overflow:hidden; } #content #portfolio #portfolio_slider li .portfolio_item_content{ width:990px !important; overflow:hidden; } #content #portfolio #portfolio_slider li .portfolio_item_content .item{ float: left; height:130px; width:214px; margin:20px 19px 0 0; border: 1px solid #F2F2F2; background:#f8f8f8; padding:5px; } #content #portfolio #portfolio_slider li .portfolio_item_content .item .img_content{ height:130px; width:214px; overflow:hidden; } #content #portfolio #portfolio_slider li .portfolio_item_content .item .img_content img{ width:214px; height:130px;} #content #portfolio #portfolio_slider li .portfolio_item_content .item .img_content .mas_info{ background: url("../images/portfolio/portfolio_mas_info_back.png") repeat scroll 0 0 transparent; height: 22px; margin-top: 0px; margin-left:auto; margin-right:auto; position: relative; width: 214px; } #content #portfolio #portfolio_slider li .portfolio_item_content .item .img_content .mas_info a{ color:#FFF; display:block; } #content #portfolio #portfolio_slider li .portfolio_item_content .item .img_content .mas_info div{ background: url("../images/portfolio/porfolio_mas_info.png") no-repeat scroll right top transparent; color: #FFFFFF; font-family: EurostileLTStdCondensed; font-size: 14px; height: 22px; line-height: 22px; padding: 0 0px 0 5px; text-align: left; } #content #portfolio #portfolio_slider{ margin-left:5px; } #content #portfolio #portfolioPrevId, #content #portfolio #portfolioNextId{ display:block; width:50px; height:434px; position:absolute; top:0px; } #content #portfolio #portfolioPrevId{ left:0px; display:none;} #content #portfolio #portfolioNextId{ right:0px;} #content #portfolio #portfolioNextId a{ display:block; width:50px; } #content #portfolio #portfolioNextId a{ background:url(../images/portfolio/portfolio_boton_siguiente.png) top right no-repeat; height:22px; line-height:22px; font-family:EurostileLTStdMedium; text-transform:uppercase; color:#000; padding-right:30px; margin-left:-30px; } #content #portfolio #portfolioNextId a:hover{ color:#FF7920;} /* * CONTACTO ************************************************************************ */ #content.sec_contacto h2{font-family:ChunkFiveRoman; text-transform:none; text-align:left; padding: 2px 0 20px 55px; color:#000; font-size:34px; background:url(../images/contacto/contacto_titulo_back.png) no-repeat; padding-left:65px;} #content #sec_contacto #formulario_contacto{ float:left; width:60%; } #content #sec_contacto #mapa{ float:right; width:40%; text-align:right;} #content #sec_contacto #mapa #mapa_content{ float:right; width:348px; background:#eee; padding:6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content #sec_contacto #mapa #mapa_content a{ color:#FF7920 } #content #sec_contacto #mapa #direccion{ margin-top:20px; float:right; width:360px; } #content #sec_contacto #mapa #direccion img{ float:left; } #sec_contacto ul#contacto {margin:0; padding:0;} #sec_contacto ul#contacto li{padding-top:20px;} #sec_contacto ul#contacto li textarea.error, #sec_contacto ul#contacto li input.error{ color:#c00; background:#FF9 !important} #sec_contacto ul#contacto li label.error{ display:none !important;} #sec_contacto ul#contacto li.col2{ position:relative; height:45px; margin:0; padding:10px 0; text-align:left;} #sec_contacto ul#contacto li.col2 input{ background:#eee; border:none; width:95%; position:absolute; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sec_contacto ul#contacto li.col1 { text-align:left; font-family:} #sec_contacto ul#contacto li.col1 textarea{ border:none; width:100%; height:75px; font:inherit !important; background:#eee; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sec_contacto ul#contacto li.enviar {text-align:center} #sec_contacto ul#contacto li.left label{text-align:left;} #sec_contacto ul#contacto li.left input{left:0px;} #sec_contacto ul#contacto li.right label{text-align:left; padding-left:3%;} #sec_contacto ul#contacto li.right input{right:0px;} #sec_contacto ul#contacto li.col1 input.enviar{height:30px; width: 90px;} /* * PREFOOTER ************************************************************************ */ #prefooter{clear:both;} /* efecto de transicion en al prefooter */ #prefooter .separador{height:10px; margin-top:-10px; background:url(../images/layout/fondos_transiciones.png) center -40px no-repeat;} #prefooter h2{font-family:ChunkFiveRoman; text-transform:none; text-align:left; padding: 2px 0 2px 55px;} #prefooter h2.contacto {background:url(../images/prefooter/contacto_back.png) no-repeat; } #prefooter h2.twitter {background:url(../images/prefooter/twit_back.png) no-repeat; } #prefooter ul#contacto {margin:0; padding:0;} #prefooter ul#contacto li{padding-top:10px;} #prefooter ul#contacto li textarea.error, #prefooter ul#contacto li input.error{ color:#c00; background:#FF9 !important} #prefooter ul#contacto li label.error{ display:none !important;} #prefooter ul#contacto li.col2{ position:relative; height:45px; margin:0; padding:0; text-align:left;} #prefooter ul#contacto li.col2 input{ border:none; width:95%; position:absolute; padding:3px;} #prefooter ul#contacto li.col1 { text-align:left; font-family:} #prefooter ul#contacto li.col1 textarea{border:none; width:100%; height:75px; font:inherit !important;} #prefooter ul#contacto li.enviar {text-align:center} #prefooter ul#contacto li.left label{text-align:left;} #prefooter ul#contacto li.left input{left:0px;} #prefooter ul#contacto li.right label{text-align:left; padding-left:3%;} #prefooter ul#contacto li.right input{right:0px;} #prefooter ul#contacto li.col1 input.enviar{height:30px; width: 90px;} /* oculto los divs te twitter que no voy a mostrar */ #prefooter #redtwitter #twtr-widget-1 .twtr-doc .twtr-hd{ display:none;} #prefooter #redtwitter #twtr-widget-1 .twtr-doc .twtr-ft{ display:none;} /* PARA EL HOME */ #prefooter.home .prefooter_back{background:#FF7920; color:#FFF} /* color de fondo */ /* PARA EL SERVICIO */ #prefooter.servicios .prefooter_back{background:#eeeeee; color:#000} /* color de fondo */ #prefooter.servicios h2.contacto {background:url(../images/prefooter/contacto_back_orange.png) no-repeat; color:#FF7920} #prefooter.servicios h2.twitter {background:url(../images/prefooter/twit_back_orange.png) no-repeat; color:#FF7920} #prefooter.servicios .separador{height:10px; margin-top:-10px; background:url(../images/layout/fondos_transiciones.png) center -29px no-repeat;} /* PARA EL PORTFOLIO */ #prefooter.portfolio .prefooter_back{background:#eeeeee; color:#000} /* color de fondo */ #prefooter.portfolio h2.contacto {background:url(../images/prefooter/contacto_back_orange.png) no-repeat; color:#FF7920} #prefooter.portfolio h2.twitter {background:url(../images/prefooter/twit_back_orange.png) no-repeat; color:#FF7920} #prefooter.portfolio .separador{height:10px; margin-top:-10px; background:url(../images/layout/fondos_transiciones.png) center -29px no-repeat;} /* PARA CONTACTO */ #prefooter.contacto .prefooter_back{background:#eeeeee; color:#000} /* color de fondo */ #prefooter.contacto h2.contacto {background:url(../images/prefooter/contacto_back_orange.png) no-repeat; color:#FF7920} #prefooter.contacto h2.twitter {background:url(../images/prefooter/twit_back_orange.png) no-repeat; color:#FF7920} #prefooter.contacto .separador{height:10px; margin-top:-10px; background:url(../images/layout/fondos_transiciones.png) center -29px no-repeat;} #prefooter.contacto h2.productos{color:#FF7920; background:url(../images/productos/productos_titulo_back_contact.png) no-repeat left; padding-left:42px;} #prefooter.contacto .productos li{float:none;} #prefooter.contacto .productos img{width:210px;} #prefooter.contacto h2.clientes{color:#FF7920; background:url(../images/clientes/clientes_titulo_back_contac.png) no-repeat left; padding-left:42px;} /* * FOOTER ************************************************************************ */ #footer{clear:both; position:relative; color:#FFF;} #footer .separador{ height:10px; margin-top:-10px; background:url(../images/layout/fondos_transiciones.png) center -10px no-repeat;} #footer .redes{ background-color:#3E3E46;} #footer .redes .content{ background:none;} #footer .redes .content .direccion{ float:left; width:150px;} #footer .redes .content ul{ float:left; width:500px;} #footer .redes .content ul li{ display:inline; padding:5px;} #footer .redes .content #facebook_content{ width:288px; height:62px; float:right} #footer .camaras{background:#313237; color:#FFF; padding: 10px 0; clear:both;} #footer .camaras ul {} #footer .camaras ul li{ /*height:55px;*/} #footer .camaras ul li{ display:inline; /*line-height:55px;*/} #footer .camaras ul li a{} #footer .camaras ul li.bl{ border-left:#5C5D61 1px solid; padding-left:50px;} #footer .camaras ul li.br{ border-right:#1C1D1F 1px solid; padding-right:50px;} #footer .derechos{background:#000; color:#FFF; height:27px; line-height:27px;} #test_fonts{ font-size:18px;}