@charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework * (en) stylesheet for screen layout * (de) Stylesheet für das Bildschirm-Layout * * @creator YAML Builder V1.2 (http://builder.yaml.de) * @file basemod.css * @-yaml-minver 3.1 */ @media screen, projection { /*-------------------------------------------------------------------------*/ /* (en) Marginal areas & page background */ /* (de) Randbereiche & Seitenhintergrund */ body { background: #fff; font-family: Helvetica, Arial, Verdana; font-size: 13px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.3em; } /* Layout Alignment | Layout-Ausrichtung */ .page_margins { margin: 0 auto;} /* Layout Properties | Layout-Eigenschaften */ .page{ width:1680px; } .page.page_1024{ width:1007px; } .page.page_1280{ width:1280px; } .page.page_1440{ width:1440px; } .wrap, #wrap{ width:1250px; } .wrap.wrap_1024, #wrap.wrap_1024{ width:1007px; } .wrap.wrap_1280, #wrap.wrap_1280{ width:1250px; } .wrap.wrap_1440, #wrap.wrap_1440{ width:1440px; } .wrap.wrap_1680, #wrap.wrap_1680{ width:1250px; } /*-------------------------------------------------------------------------*/ /* Estilo para los widgets */ /* Widgets Booking */ .payment-instructions { border:3px solid #E4E4E4; padding:5px } .payment-instructions b{ border-bottom:1px dotted #74706D; } .x-form-check-wrap {padding-bottom: 1em; } .icon-user-add {background-image: url(../../media/images/shared/user_add.gif) !important;} .icon-user-delete {background-image: url(../media/images/shared/user_delete.gif) !important;} .x-window-mc { background-color: white; } /*-------------------------------------------------------------------------*/ /** * (en) Formatting content container * (de) Formatierung der Inhalts-Container * */ #col1 { float: left; width: 25%} #col2 { display:none} #col3 { width: auto; margin: 0 0 0 25% } #col1_content { padding: 0 10px 0 20px } #col3_content { padding: 0 20px 0 10px } /** * (es) Class comunes para el sitio * */ .anchor-gray { color: #5D6162; text-decoration:none; font-weight:bold; } .anchor-blue { color: #0778C8; text-decoration:none; font-weight:bold; } .anchor-gray:hover, .anchor-blue:hover { text-decoration:underline; } /*-------------------------------------------------------------------------*/ .content-for{ display:none; } .form-messages-box, div.progress{ background-color:#FFFFFF; border:1px solid #C2C2C2; margin:0 0 0 20px; padding:20px; position:absolute; width:420px; z-index:8999; } .form-messages-box a.close{ float:right; font-size: 10px; text-decoration: none; color:blue } /** * customizing ExtJs */ .x-form-invalid, textarea.x-form-invalid { background-image: none } .silk-delete { background-image:url(../../media/images/shared/delete.gif) !important; background-repeat:no-repeat; } .silk-add { background-image:url(../../media/images/shared/add.gif) !important; background-repeat:no-repeat; } .x-btn button.silk-add{ font-weight: bold; } .core-li-circle{ list-style:disc; } .core-li-line{ list-style-type:disc; } .hidden{ display:none } .booking-price{ font-size: 18px; } /* Subtemplates */ .c95l, .c5l, .c60l, .c40l, .c90l, .c10l, .c55l, .c45l, .c63l, .c37l, .c70l, .c30l , .c85l, .c15l {float: left; } .c5r, .c95r, .c60r, .c40r, .c90r, .c10r, .c55r, .c45r, .c63r, .c37r, .c70r, .c30r, .c85r, .c15r {float: right; margin-left: -5px; } .c40l, .c40r { width: 40% } .c60l, .c60r { width: 60% } .c37l, .c37r { width: 37% } .c63l, .c63r { width: 63% } .c95l, .c95r { width: 95% } .c5r, .c5l { width: 5% } .c90l, .c90r { width:90%; } .c10l, .c10r { width:10%; } .c55l, .c55r { width:55%; } .c45l, .c45r { width:45%; } .c5l, .c5r { width: 5% } .c90l, .c90r { width: 90% } .c30l, .c30r { width: 30% } .c70l, .c70r { width: 70% } .c85l, .c85r { width:85%; } .c15l, .c15r { width:14.6%; } .subcr{ padding:0 } /* Fin Subtemplates */ .fl{ float:left } .fr{ float:right } .clearing{ clear:both; margin:0; padding:0 } /*Headings*/ h1,h2,h3,h4,h5,h6 { color:#949598; } h1 { font-size: 200%; } /* 24px */ h2 { font-size: 166.67%; } /* 20px */ h3 { font-size: 150%; } /* 18px */ h4 { font-size: 133.33%; } /* 16px */ h5 { font-size: 116.67% } /* 14px */ h6 { font-size: 116.67%; font-style:italic; } /* 14px */ h7 { font-size: 90%; font-weight:bold; font-style:italic; } /*End Headings*/ /* INICIO: header */ #header{ background: transparent url("../../media/images/header-1680.png") no-repeat top center; width:1680px; height:138px; z-index:1; } .lang_es #header .logo{ background: transparent url("../../media/images/es/logo-mantecao.gif") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:425px; } .lang_es #header .logo.logo_1024{ background: transparent url("../../media/images/es/logo-mantecao.gif") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:355px; } .lang_es #header .logo.logo_1280{ background: transparent url("../../media/images/es/logo-mantecao.gif") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:405px; } .lang_es #header .logo.logo_1440{ background: transparent url("../../media/images/es/logo-mantecao.gif") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:495px; } .lang_es #header .logo.logo_1680{ background: transparent url("../../media/images/es/logo-mantecao.gif") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:415px; } .lang_en #header .logo{ background: transparent url("../../media/images/en/logo-mantecao-en.png") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:425px; } .lang_en #header .logo.logo_1024{ background: transparent url("../../media/images/en/logo-mantecao-en.png") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:355px; } .lang_en #header .logo.logo_1280{ background: transparent url("../../media/images/en/logo-mantecao-en.png") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:405px; } .lang_en #header .logo.logo_1440{ background: transparent url("../../media/images/en/logo-mantecao-en.png") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:495px; } .lang_en #header .logo.logo_1680{ background: transparent url("../../media/images/en/logo-mantecao-en.png") no-repeat top right; width:297px; height:65px; margin-top:25px; padding-left:415px; } #header .logo a{ width:297px; height:65px; display:block; outline:none;} #header .sprite{ width:105px; height:22px; margin-top:60px; } #header .sprite.sprite_1024{ width:105px; height:22px; margin:60px 0 0 195px; } #header .sprite.sprite_1280{ width:105px; height:22px; margin:60px 0 0 155px; } #header .sprite.sprite_1440{ width:105px; height:22px; margin:60px 0 0 155px; } #header .sprite.sprite_1680{ width:105px; height:22px; margin-top:60px; } #header .sprite ul{ /* background: transparent url("../../media/images/sprite-iconos-header.gif") no-repeat top left; */ width:105px; height:22px; list-style:none; margin:0; } #header .sprite ul li{ margin:0px; float:left; height:22px; } #header .sprite ul li#enlace1{ width:22px; padding-right:2px; border-right:1px solid #D1D3D4; } #header .sprite ul li#enlace2{ width:22px; margin-left:2px; } #header .sprite ul li#enlace3{ width:22px; margin-left:4px; } #header .sprite ul li#enlace4{ width:23px; margin-left:7px; background: transparent url("../../media/images/sprite-iconos-header.gif") no-repeat -80px 0px; } #header .sprite ul li#enlace1 a:hover{ color:#000000; /* background: transparent url("../../media/images/sprite-iconos-header.gif") no-repeat 0px -24px; */ } #header .sprite ul li#enlace2 a:hover{ color:#000000; /* background: transparent url("../../media/images/sprite-iconos-header.gif") no-repeat -26px -24px; */ } /* #header .sprite ul li#enlace3:hover{ background: transparent url("../../media/images/sprite-iconos-header.gif") no-repeat -52px -24px; } */ #header .sprite ul li#enlace4:hover{ background: transparent url("../../media/images/sprite-iconos-header.gif") no-repeat -80px -24px; } #header .sprite ul li a{ display:block; width:22px; height:22px; text-decoration:none; color:#808285; outline:none; } #header.screen_1024{ background: transparent url("../../media/images/header-1024.png") no-repeat top center; width:1007px; height:138px; } #header.screen_1280{ background: transparent url("../../media/images/header-1280.png") no-repeat top center; width:1280px; height:138px; } #header.screen_1440{ background: transparent url("../../media/images/header-1440.png") no-repeat top center; width:1440px; height:138px; } #header.screen_1680{ background: transparent url("../../media/images/header-1680.png") no-repeat top center; width:1680px; height:138px; } /* FIN: header */ /* INICIO: footer */ #footer{ color:#818285; width:1680px; font-size:0.8em; border-top:1px solid #D1D3D4; } #footer.footer_1024{ width:1007px; } #footer.footer_1280{ width:1280px; } #footer.footer_1440{ width:1440px; } #footer.footer_1680{ width:1680px; } #footer .content{ width:981px; } #footer .content .left{ text-align:left; } #footer .content .right{ text-align:right; margin-right:20px; } /* FIN: footer */ /* INICIO: home */ .campo-video{ width:981px; margin-top:-24px; } .campo-video-izq{ width:310px; height:260px; } .campo-video-cen{ width:320px; height:260px; margin-left:3px; } .campo-video-der{ width:326px; height:260px; position:relative; padding:0; } .campo-video-der .fondo-titulo{ background: transparent url("../../media/images/fondo-titulos-home.png") no-repeat top left; width:159px; height:259px; position:absolute; top:1px; left:167px; } .campo-video-der .fondo-titulo .link1 a{ height:16px; display:block; outline:none; } .campo-video-der .fondo-titulo .link2 a{ height:15px; display:block; outline:none; } .campo-video-der .fondo-titulo .link3 a{ height:15px; display:block; outline:none; } .lang_es .campo-video-der .fondo-titulo .link1{ background: transparent url("../../media/images/es/titulo-empresa-home.png") no-repeat top right; height:16px; margin-right:10px; } .lang_es .campo-video-der .fondo-titulo .link1 a:hover{ background: transparent url("../../media/images/es/titulo-empresa-home-hover.png") no-repeat top right; } .lang_es .campo-video-der .fondo-titulo .link2{ background: transparent url("../../media/images/es/titulo-team-mantecao-home.png") no-repeat top right; height:15px; margin:10px 10px 0 0; } .lang_es .campo-video-der .fondo-titulo .link2 a:hover{ background: transparent url("../../media/images/es/titulo-team-mantecao-home-hover.png") no-repeat top right; } .lang_es .campo-video-der .fondo-titulo .link3{ background: transparent url("../../media/images/es/titulo-contacto-home.png") no-repeat top right; height:15px; margin:10px 10px 0 0; } .lang_es .campo-video-der .fondo-titulo .link3 a:hover{ background: transparent url("../../media/images/es/titulo-contacto-home-hover.png") no-repeat top right; } .lang_en .campo-video-der .fondo-titulo .link1{ background: transparent url("../../media/images/en/titulo-empresa-home-en.png") no-repeat top right; height:16px; margin-right:10px; } .lang_en .campo-video-der .fondo-titulo .link1 a:hover{ background: transparent url("../../media/images/en/titulo-empresa-home-en-hover.png") no-repeat top right; } .lang_en .campo-video-der .fondo-titulo .link2{ background: transparent url("../../media/images/en/titulo-team-mantecao-home.png") no-repeat top right; height:15px; margin:10px 10px 0 0; } .lang_en .campo-video-der .fondo-titulo .link2 a:hover{ background: transparent url("../../media/images/en/titulo-team-mantecao-home-hover.png") no-repeat top right; } .lang_en .campo-video-der .fondo-titulo .link3{ background: transparent url("../../media/images/en/titulo-contacto-home-en.png") no-repeat top right; height:15px; margin:10px 10px 0 0; } .lang_en .campo-video-der .fondo-titulo .link3 a:hover{ background: transparent url("../../media/images/en/titulo-contacto-home-en-hover.png") no-repeat top right; } .campo-inferior{ width:981px; } .campo-inferior-izq{ position:relative; } .sprite-home{ width:609px; height:68px; } .sprite-home ul li{ margin:0px; float:left; width:144px; } .sprite-home ul li a{ display:block; width:144px; height:50px; } .lang_es .sprite-home ul{ background: transparent url("../../media/images/es/sprite-main-home.png") no-repeat 0px -68px; width:609px; height:36px; list-style:none; margin:38px 0 0 0; } .lang_es .sprite-home ul li#enlace1{ } .lang_es .sprite-home ul li#enlace2{ margin-left:11px; } .lang_es .sprite-home ul li#enlace3{ margin-left:11px; } .lang_es .sprite-home ul li#enlace4{ margin-left:11px; } .lang_es .sprite-home ul li#enlace1:hover, .lang_es .sprite-home ul li#enlace1.active{ background: transparent url("../../media/images/es/sprite-main-home.png") no-repeat 0px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_es .sprite-home ul li#enlace2:hover, .lang_es .sprite-home ul li#enlace2.active{ background: transparent url("../../media/images/es/sprite-main-home.png") no-repeat -156px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_es .sprite-home ul li#enlace3:hover, .lang_es .sprite-home ul li#enlace3.active{ background: transparent url("../../media/images/es/sprite-main-home.png") no-repeat -311px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_es .sprite-home ul li#enlace4:hover, .lang_es .sprite-home ul li#enlace4.active{ background: transparent url("../../media/images/es/sprite-main-home.png") no-repeat -466px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_en .sprite-home ul{ background: transparent url("../../media/images/en/sprite-main-home_en.png") no-repeat 0px -68px; width:609px; height:36px; list-style:none; margin:38px 0 0 0; } .lang_en .sprite-home ul li#enlace1{ } .lang_en .sprite-home ul li#enlace2{ margin-left:11px; } .lang_en .sprite-home ul li#enlace3{ margin-left:11px; } .lang_en .sprite-home ul li#enlace4{ margin-left:11px; } .lang_en .sprite-home ul li#enlace1:hover, .lang_en .sprite-home ul li#enlace1.active{ background: transparent url("../../media/images/en/sprite-main-home_en.png") no-repeat 0px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_en .sprite-home ul li#enlace2:hover, .lang_en .sprite-home ul li#enlace2.active{ background: transparent url("../../media/images/en/sprite-main-home_en.png") no-repeat -156px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_en .sprite-home ul li#enlace3:hover, .lang_en .sprite-home ul li#enlace3.active{ background: transparent url("../../media/images/en/sprite-main-home_en.png") no-repeat -311px 0px; height:68px; margin-top:-14px; cursor:pointer; } .lang_en .sprite-home ul li#enlace4:hover, .lang_en .sprite-home ul li#enlace4.active{ background: transparent url("../../media/images/en/sprite-main-home_en.png") no-repeat -466px 0px; height:68px; margin-top:-14px; cursor:pointer; } .fondo-menu-home{ background: transparent url("../../media/images/fondo-main-menu-home.gif") no-repeat top left; width:630px; height:161px; margin:-32px 0 0 0; } .fondo-menu-home .slider{ padding-top:20px; } .fondo-menu-home .slider .left{ background: transparent url("../../media/images/flecha-izquierda-casos_de_estudio.png") no-repeat top left; width:39px; height:45px; margin:35px 0 0 -12px; display:block; } .fondo-menu-home .slider .right{ background: transparent url("../../media/images/flecha-derecha-casos_de_estudio.png") no-repeat top left; width:39px; height:45px; margin:35px -12px 0 0; display:block; } .fondo-menu-home .slider .center{ width:530px; overflow:hidden; position:relative; margin:2px 0 0 25px; } .fondo-menu-home .slider .center #content{ position:relative; width:1100px; } .fondo-menu-home .slider .center #content ul{ list-style:none; } .fondo-menu-home .slider .center #content ul li{ float:left; margin-left:0; } .fondo-menu-home .slider .center #content ul li a{ display:block; text-decoration:none; color:#818285; padding-top:18px; } .fondo-menu-home .slider .center #content ul li a h1{ text-align:left; color:#6D6E71; } .fondo-menu-home .slider .center #content ul li a h2{ text-align:left; } .fondo-menu-home .slider .center #content ul li a h3{ text-align:left; font-weight:normal; } .fondo-menu-home .slider .center #content ul li a#s1{ background: transparent url("../../media/images/imagen-main-home-casos-estudio.gif") no-repeat top right; height:82px; width:500px; } .fondo-menu-home .slider .center #content ul li a#s2{ background: transparent url("../../media/images/imagen-main-home-productos.gif") no-repeat top right; height:100px; width:500px; } .fondo-menu-home .slider .center #content ul li a#s3{ background: transparent url("../../media/images/imagen-main-home-servicios.gif") no-repeat top right; height:131px; width:500px; } .fondo-menu-home .slider .center #content ul#portafolio{ margin-top:30px; } .fondo-menu-home .slider .center #content ul#portafolio li{ margin-right:40px; } .fondo-menu-home .slider .center #content ul#portafolio li a#s4{ background: transparent url("../../media/images/logo-main-home-portafolio-1.gif") no-repeat top left; width:98px; height:24px; } .fondo-menu-home .slider .center #content ul#portafolio li a#s5{ background: transparent url("../../media/images/logo-main-home-portafolio-2.gif") no-repeat top left; width:75px; height:32px; } .fondo-menu-home .slider .center #content ul#portafolio li a#s6{ background: transparent url("../../media/images/logo-main-home-portafolio-3.gif") no-repeat top left; width:44px; height:53px; } .fondo-menu-home .slider .center #content ul#portafolio li a#s7{ background: transparent url("../../media/images/logo-main-home-portafolio-4.gif") no-repeat top left; width:60px; height:50px; } .fondo-menu-home .slider .center #content ul#portafolio li a#s8{ background: transparent url("../../media/images/logo-main-home-portafolio-5.gif") no-repeat top left; width:67px; height:23px; } .fondo-menu-home .pestana-casos{ background: transparent url("../../media/images/pestana-casos-de-estudio.gif") no-repeat top right; width:30px; height:30px; position:absolute; top:167px; right:12px; cursor:pointer;} .campo-inferior-der .top{ background: transparent url("../../media/images/mantecao-news-cabezal.gif") no-repeat top left; width:292px; height:51px; margin-top:24px; } .campo-inferior-der .bottom{ background: transparent url("../../media/images/mantecao-news-fondo.gif") no-repeat top left; width:292px; height:165px; padding:5px 0 0 0; } .campo-inferior-der .bottom ul{ padding:0 10px 0 0; } .campo-inferior-der .bottom ul li{ color:#818285; text-align:left; margin-bottom:5px; } .campo-inferior-der .bottom ul li a{ text-align:right; color:#00BEF3; } .redes_sociales{ width:981px; border-top:1px solid #D1D3D4; border-left:1px solid #D1D3D4; border-right:1px solid #D1D3D4; } .redes_sociales .subcolumns .c33l{ border-right:1px solid #D1D3D4; } .redes_sociales .sharethis{ padding:0 0 0 10px; height:154px; } .redes_sociales .sharethis p{ margin-bottom:25px; padding-top:20px; color:#818285; font-size:1.1em; letter-spacing:0.03em; } .lang_es .redes_sociales #botones_redes{ background: transparent url("../../media/images/es/sprite-banner1_es.gif") no-repeat top left; width:326px; height:154px; position:relative; display:block; } .lang_es .redes_sociales #botones_redes a.twitter{ width:39px; height:39px; position:absolute; top:74px; left:194px; display:block; } .lang_es .redes_sociales #botones_redes a.facebook{ width:39px; height:39px; position:absolute; top:74px; left:244px; display:block; } .lang_es .redes_sociales #botones_redes:hover{ background: transparent url("../../media/images/es/sprite-banner1_es.gif") no-repeat top right; width:326px; height:154px; } .lang_en .redes_sociales #botones_redes{ background: transparent url("../../media/images/en/sprite-banner1_en.gif") no-repeat top left; width:326px; height:154px; position:relative; display:block; } .lang_en .redes_sociales #botones_redes a.twitter{ width:39px; height:39px; position:absolute; top:74px; left:194px; display:block; } .lang_en .redes_sociales #botones_redes a.facebook{ width:39px; height:39px; position:absolute; top:74px; left:244px; display:block; } .lang_en .redes_sociales #botones_redes:hover{ background: transparent url("../../media/images/en/sprite-banner1_en.gif") no-repeat top right; width:326px; height:154px; } .redes_sociales .video_box{ height:158px; padding-left:1px; } .redes_sociales .video_box img{ cursor:pointer; } /* FIN: home */ /* INICIO: menu */ #menu{ background: transparent url("../../media/images/fondo-menu-1680.gif") no-repeat top left; width:1680px; height:125px; margin-top:-60px; color:#949598; } #menu ul{ padding:70px 0 0 610px; } .lang_es #menu ul{ padding:70px 0 0 610px; } .lang_es #menu ul.menu_ul1024{ padding:70px 0 0 280px; } .lang_es #menu ul.menu_ul1280{ padding:70px 0 0 400px; } .lang_es #menu ul.menu_ul1440{ padding:70px 0 0 495px; } .lang_es #menu ul.menu_ul1680{ padding:70px 0 0 607px; } .lang_en #menu ul{ padding:70px 0 0 633px; } .lang_en #menu ul.menu_ul1024{ padding:70px 0 0 320px; } .lang_en #menu ul.menu_ul1280{ padding:70px 0 0 440px; } .lang_en #menu ul.menu_ul1440{ padding:70px 0 0 535px; } .lang_en #menu ul.menu_ul1680{ padding:70px 0 0 643px; } #menu ul li{ float:left; margin-right:10px; } #menu ul li a{ color:#949598; text-decoration:none; font-size:0.85em; outline:none; } #menu ul li a:hover, #menu ul li.active a{ color:#000000; } #menu.menu_1024{ background: transparent url("../../media/images/fondo-menu-1024.gif") no-repeat top left; width:1007px; height:125px; margin-top:-60px; color:#949598; } #menu.menu_1280{ background: transparent url("../../media/images/fondo-menu-1280.gif") no-repeat top left; width:1280px; height:125px; margin-top:-60px; color:#949598; } #menu.menu_1440{ background: transparent url("../../media/images/fondo-menu-1440.gif") no-repeat top left; width:1440px; height:125px; margin-top:-60px; color:#949598; } #menu.menu_1680{ background: transparent url("../../media/images/fondo-menu-1680.gif") no-repeat top left; width:1680px; height:125px; margin-top:-60px; color:#949598; } /* FIN: menu */ /* INICIO: empresa */ #fondo-main{ width:980px; margin-bottom:20px; } #fondo-main .top{ background: transparent url("../../media/images/fondo-main-top.gif") no-repeat top left; width:980px; height:15px; } #fondo-main .center{ background: transparent url("../../media/images/fondo-main-center.gif") repeat-y top left; width:980px; } #fondo-main .center .content1{ text-align:left; padding:30px 70px 30px 70px; } #fondo-main .center .content1 h4{ color:#FCAF15; } #fondo-main .center .content1 h5{ color:#FCAF15; } #fondo-main .center .content1 .links-empresa{ height:120px; } #fondo-main .center .content1 .links-empresa .oficinas{ width:130px; height:150px; margin-left:20px; position:relative; text-align:center; } #fondo-main .center .content1 .links-empresa .oficinas a{ background: transparent url("../../media/images/sprite-imagen-empresa-nuestras-oficinas.png") no-repeat 0px 0px; width:100px; height:95px; text-decoration:none; text-align:center; position:absolute; top:30px; left:15px; } #fondo-main .center .content1 .links-empresa .oficinas a:hover{ background: transparent url("../../media/images/sprite-imagen-empresa-nuestras-oficinas.png") no-repeat 0px -95px; } #fondo-main .center .content1 .links-empresa .filosofia{ width:90px; height:150px; margin-left:160px; position:relative; text-align:center; } #fondo-main .center .content1 .links-empresa .filosofia a{ background: transparent url("../../media/images/sprite-imagen-empresa-nuestra-filosofia.png") no-repeat 0px 0px; width:90px; height:100px; text-decoration:none; text-align:center; position:absolute; top:30px; left:0; } #fondo-main .center .content1 .links-empresa .filosofia a:hover{ background: transparent url("../../media/images/sprite-imagen-empresa-nuestra-filosofia.png") no-repeat 0px -100px; } #fondo-main .center .content1 .links-empresa .team{ width:299px; height:150px; position:relative; text-align:center; } #fondo-main .center .content1 .links-empresa .team a{ background: transparent url("../../media/images/sprite-imagen-empresa-team.png") no-repeat 0px 0px; width:299px; height:114px; text-decoration:none; text-align:center; position:absolute; top:30px; left:0; } #fondo-main .center .content1 .links-empresa .team a:hover{ background: transparent url("../../media/images/sprite-imagen-empresa-team.png") no-repeat 0px -114px; } #fondo-main .bottom{ background: transparent url("../../media/images/fondo-main-bottom.gif") no-repeat bottom left; width:980px; height:15px; } /* FIN: empresa */ /* INICIO: oficinas */ #fondo-main .center .content2{ text-align:left; padding:10px 20px 10px 20px; position:relative; } #fondo-main .center .content2 h4{ color:#FCAF15; } #fondo-main .center .content2 h5{ color:#FCAF15; } #fondo-main .center .content2 .tope .left{ text-align:left; margin-top:70px; padding-left:50px; } #fondo-main .center .content2 .tope .right{ background: transparent url("../../media/images/imagen-empresa-nuestras-oficinas.gif") no-repeat 15px 30px; width:130px; height:150px; } #fondo-main .center .content2 .tope .right h5{ text-decoration:none; text-align:center; } #fondo-main .center .content2 .slider{ padding:30px 0 70px 0; } #fondo-main .center .content2 .slider .left{ background: transparent url("../../media/images/flecha-izquierda-casos_de_estudio.png") no-repeat top left; width:39px; height:45px; margin-top:44px; } #fondo-main .center .content2 .slider .right{ background: transparent url("../../media/images/flecha-derecha-casos_de_estudio.png") no-repeat top left; width:39px; height:45px; margin-top:44px; } #fondo-main .center .content2 .slider .center{ width:852px; height:113px; overflow:hidden; position:relative; background:none; } #fondo-main .center .content2 .slider .center .content{ position:relative; width:1500px; } #fondo-main .center .content2 .slider .center .content ul{ list-style:none; } #fondo-main .center .content2 .slider .center .content ul li{ float:left; margin:0 15px 0 0; } #fondo-main .center .content2 .slider .center .content ul li a{ display:block; text-decoration:none; } #fondo-main .center .content2 .slider .center .content ul li a#o1{ background: transparent url("../../media/images/preview-01.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o2{ background: transparent url("../../media/images/preview-02.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o3{ background: transparent url("../../media/images/preview-03.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o4{ background: transparent url("../../media/images/preview-04.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o5{ background: transparent url("../../media/images/preview-05.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o6{ background: transparent url("../../media/images/preview-06.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o7{ background: transparent url("../../media/images/preview-07.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o8{ background: transparent url("../../media/images/preview-08.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o9{ background: transparent url("../../media/images/preview-09.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .slider .center .content ul li a#o10{ background: transparent url("../../media/images/preview-10.jpg") no-repeat top left; height:100px; width:100px; } #fondo-main .center .content2 .ventana-emergente{ width:554px; height:580px; position:absolute; top:-100px; left:200px; } #fondo-main .center .content2 .ventana-emergente .left{ background: transparent url("../../media/images/fondo-ventana-emergente-izquierda.png") no-repeat top left; width:12px; height:578px; } #fondo-main .center .content2 .ventana-emergente .center{ background: transparent url("../../media/images/fondo-ventana-emergente-central.png") repeat-x top left; width:529px; height:578px; position:relative; } #fondo-main .center .content2 .ventana-emergente .center .content .imagen{ background: transparent url("../../media/images/foto-04.jpg") no-repeat top left; width:520px; height:520px; margin:15px 0 0 5px; } #fondo-main .center .content2 .ventana-emergente .center .content .boton-cerrar{ background: transparent url("../../media/images/cerrar-ventana-emergente.png") no-repeat 0px 0px; width:24px; height:23px; position:absolute; top:3px; right:-8px; cursor:pointer; } #fondo-main .center .content2 .ventana-emergente .center .content .boton-cerrar:hover{ background: transparent url("../../media/images/cerrar-ventana-emergente.png") no-repeat -24px 0px; } #fondo-main .center .content2 .ventana-emergente .center .content .flechas .izq{ background: transparent url("../../media/images/flecha-izquierda-ventana-emergente.gif") no-repeat top left; width:15px; height:10px; margin:10px 0 0 5px; cursor:pointer; } #fondo-main .center .content2 .ventana-emergente .center .content .flechas .der{ background: transparent url("../../media/images/flecha-derecha-ventana-emergente.gif") no-repeat top right; width:15px; height:10px; margin:10px 5px 0 0; cursor:pointer; } #fondo-main .center .content2 .ventana-emergente .center .content .flechas .descripcion{ font-size:0.85em; margin:5px 0 0 185px; } #fondo-main .center .content2 .ventana-emergente .center .content .flechas .descripcion p{ line-height:1.1; } #fondo-main .center .content2 .ventana-emergente .right{ background: transparent url("../../media/images/fondo-ventana-emergente-derecha.png") no-repeat top left; width:13px; height:578px; } /* FIN: oficinas */ /* INICIO: filosofia */ #fondo-main .center .content3{ text-align:left; padding:10px 20px 10px 20px; } #fondo-main .center .content3 h4{ color:#FCAF15; } #fondo-main .center .content3 .tope .left{ text-align:left; margin:27px 0 0 50px; } #fondo-main .center .content3 .tope .left .slider{ width:790px; height:300px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia{ } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul{ list-style:none; margin:0; background: transparent url("../../media/images/sprite_mantecao.gif") no-repeat -205px 0px; width:200px; height:155px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li{ margin:0px; width:200px; height:19px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li.slide_1{ margin-top:27px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li.slide_2{ margin-top:25px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li.slide_3{ margin-top:26px; } /*#fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f1{ } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f2{ margin-top:27px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f3{ margin-top:25px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f4{ margin-top:26px; }*/ #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f1:hover, #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f1.active{ background: transparent url("../../media/images/sprite_mantecao.gif") no-repeat -1px 0px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f2:hover, #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f2.active{ background: transparent url("../../media/images/sprite_mantecao.gif") no-repeat -1px -46px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f3:hover, #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f3.active{ background: transparent url("../../media/images/sprite_mantecao.gif") no-repeat -1px -90px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f4:hover, #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a#f4.active{ background: transparent url("../../media/images/sprite_mantecao.gif") no-repeat -1px -135px; } #fondo-main .center .content3 .tope .left .slider .sprite-filosofia ul li a{ display:block; width:200px; height:19px; outline:none; } #fondo-main .center .content3 .tope .right{ background: transparent url("../../media/images/imagen-empresa-nuestra-filosofia.gif") no-repeat 0px 30px; width:90px; height:150px; } #fondo-main .center .content3 .tope .right h5{ text-decoration:none; text-align:center; color:#FCAF15; } /* FIN: filosofia */ /* INICIO: team */ #fondo-main .center .content4{ text-align:left; padding:20px 60px 20px 60px; } #fondo-main .center .content4 h4{ color:#FCAF15; } #fondo-main .center .content4 .team{ } #fondo-main .center .content4 .team .t1{ background: transparent url("../../media/images/imagen-nuestro-team-director-general.gif") no-repeat 25px 130px; width:140px; height:270px; margin-left:2px; } #fondo-main .center .content4 .team .t1 p{ color:#949598; font-size:0.85em; margin:220px 0 0 7px; } #fondo-main .center .content4 .team .t2{ background: transparent url("../../media/images/imagen-nuestro-team-director-creativo.gif") no-repeat 40px 80px; width:140px; height:270px; margin-left:2px; } #fondo-main .center .content4 .team .t2 p{ color:#949598; font-size:0.85em; margin:30px 0 0 30px; } #fondo-main .center .content4 .team .t3{ background: transparent url("../../media/images/imagen-nuestro-team-director-arte.gif") no-repeat 35px 110px; width:140px; height:270px; margin-left:2px; } #fondo-main .center .content4 .team .t3 p{ color:#949598; font-size:0.85em; margin:230px 0 0 30px; } #fondo-main .center .content4 .team .t4{ background: transparent url("../../media/images/imagen-nuestro-team-gerente-operaciones.gif") no-repeat 40px 70px; width:140px; height:270px; margin-left:2px; } #fondo-main .center .content4 .team .t4 p{ color:#949598; font-size:0.85em; margin:10px 0 0 12px; } #fondo-main .center .content4 .team .t5{ background: transparent url("../../media/images/imagen-nuestro-team-gerente-aplicaciones.gif") no-repeat 50px 85px; width:140px; height:270px; margin-left:2px; } #fondo-main .center .content4 .team .t5 p{ color:#949598; font-size:0.85em; margin:240px 0 0 10px; } #fondo-main .center .content4 .team .t6{ background: transparent url("../../media/images/imagen-nuestro-team-gerente-finanzas.gif") no-repeat 40px 120px; width:140px; height:270px; } #fondo-main .center .content4 .team .t6 p{ color:#949598; font-size:0.85em; margin:30px 0 0 10px; } /* FIN: team */ /* INICIO: estudio */ #fondo-main .center .content5{ text-align:left; padding:30px 80px 0px 80px; } #fondo-main .center .content5 .imagenes{ height:280px; } #fondo-main .center .content5 ul{ list-style:none; } #fondo-main .center .content5 .imagenes .antes{ background: transparent url("../../media/images/logo-cochinito-antes.gif") no-repeat top left; width:225px; height:182px; } #fondo-main .center .content5 .imagenes .flecha{ background: transparent url("../../media/images/flecha-cambio-de-imagen.gif") no-repeat top left; width:193px; height:58px; margin:80px 0 0 75px; } #fondo-main .center .content5 .imagenes .despues{ background: transparent url("../../media/images/logo-cochinito-despues.gif") no-repeat top right; width:249px; height:144px; margin-top:30px; } #fondo-main .center .content5 .imagenes .informacion{ } #fondo-main .center .content5 .imagenes .informacion .titulo_caso{ margin-left:200px; } #fondo-main .center .content5 .imagenes .informacion .links{ margin-left:10px; } #fondo-main .center .content5 .imagenes .informacion .links a{ color:#949598; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna1{ margin-left:135px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna1{ margin-left:90px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna2{ margin-left:160px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna2{ margin-left:80px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna3{ margin-left:142px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna3{ margin-left:0px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna4{ margin-left:180px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna4{ margin-left:127px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna5{ margin-left:110px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna5{ margin-left:110px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna6{ margin-left:170px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna6{ margin-left:65px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna7{ margin-left:200px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna7{ margin-left:40px; position:absolute; z-index:10; height:40px; } #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna8{ margin-left:245px; position:absolute; z-index:10; height:40px; } .lang_es #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna9{ margin-left:120px; position:absolute; z-index:10; height:40px; } .lang_en #fondo-main .center .content5 .scrollable-estudio .items-estudio ul#paginacion_interna9{ margin-left:90px; position:absolute; z-index:10; height:40px; } #fondo-main .center .content5 .paginacion{ height:12px; } #fondo-main .center .content5 .paginacion ul{ height:12px; list-style:none; padding-left:285px; margin:0; } #fondo-main .center .content5 .paginacion ul li{ background: transparent url("../../media/images/paginacion.gif") no-repeat -13px 0px; margin:0px; float:left; width:13px; margin-left:15px; } #fondo-main .center .content5 .paginacion ul li:hover, #fondo-main .center .content5 .paginacion ul li.active{ background: transparent url("../../media/images/paginacion.gif") no-repeat 1px 0px; } #fondo-main .center .content5 .paginacion ul li a{ display:block; width:13px; height:12px; } /* FIN: estudio */ /* INICIO: servicios */ #fondo-main .center .content6{ text-align:left; padding:30px 80px 30px 80px; } #fondo-main .center .content6 h3{ color:#44C3F1; } #fondo-main .center .content6 .lista-servicios{ } #fondo-main .center .content6 .lista-servicios ul{ list-style:none; margin:0; } #fondo-main .center .content6 .lista-servicios ul li{ margin:10px 0 0 0; } #fondo-main .center .content6 .lista-servicios ul li a{ color:#BCBDC0; text-decoration:none; font-weight:bold; outline:none; } #fondo-main .center .content6 .lista-servicios ul li a:hover, #fondo-main .center .content6 .lista-servicios ul li a.active{ color:#000000; } #fondo-main .center .content6 .content-servicios{ padding-top:12px; } /* FIN: servicios */ /* INICIO: contacto */ #fondo-main .center .content7{ text-align:left; padding:30px; } #fondo-main .center .content7 #formulario_contactos{ font-size:0.75em; } #fondo-main .center .content7 #formulario_contactos table{ } #fondo-main .center .content7 #formulario_contactos .label{ font-size:0.75em; font-weight:bold; } #fondo-main .center .content7 #formulario_contactos #mensaje p{ height:130px; } #fondo-main .center .content7 #formulario_contactos .enviar-accion input{ border:1px solid #D1D3D4; margin-right:10px; } #fondo-main .center .content7 .imagen_contacto{ background:transparent url("../../media/images/imagen-contacto.gif") no-repeat top right; height:122px; margin-top:175px; } /* FIN: contacto */ /* INICIO: portafolio */ #fondo-main .center .content8{ text-align:left; padding:30px; } #fondo-main .center .content8 .slide-folios{ } #fondo-main .center .content8 .slide-folios .flecha_izq{ background:transparent url("../../media/images/flecha-izquierda-ventana-emergente.gif") no-repeat top left; width:15px; height:10px; cursor:pointer; display:block; margin:-7px 0 0 47px; } #fondo-main .center .content8 .slide-folios .flecha_der{ background:transparent url("../../media/images/flecha-derecha-ventana-emergente.gif") no-repeat top left; width:15px; height:10px; cursor:pointer; display:block; margin:-7px 55px 0 0; } #fondo-main .center .content8 .slide-folios .contenido_folios{ width:780px; height:56px; overflow:hidden; margin:-30px 0 0 0px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios{ height:56px; margin:0; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_0{ background:transparent url("../../media/images/l_metamax.png") no-repeat bottom left; width:105px; height:56px; margin-left:20px;} #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_0 a#p1{ width:105px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_0 a#p1:hover{ background:transparent url("../../media/images/l_metamax.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_1{ background:transparent url("../../media/images/l_inter.png") no-repeat bottom left; width:67px; height:56px; margin-left:20px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_1 a#p2{ width:67px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_1 a#p2:hover{ background:transparent url("../../media/images/l_inter.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_2{ background:transparent url("../../media/images/l_vc.png") no-repeat bottom left; width:41px; height:56px; margin-left:30px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_2 a#p3{ width:41px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_2 a#p3:hover{ background:transparent url("../../media/images/l_vc.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_3{ background:transparent url("../../media/images/l_orkney.png") no-repeat bottom left; width:57px; height:56px; margin-left:30px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_3 a#p4{ width:57px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_3 a#p4:hover{ background:transparent url("../../media/images/l_orkney.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_4{ background:transparent url("../../media/images/l_bangente.png") no-repeat bottom left; width:135px; height:56px; margin-left:30px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_4 a#p5{ width:135px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_4 a#p5:hover{ background:transparent url("../../media/images/l_bangente.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_5{ background:transparent url("../../media/images/l_yv.png") no-repeat bottom left; width:41px; height:56px; margin-left:15px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_5 a#p6{ width:41px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_5 a#p6:hover{ background:transparent url("../../media/images/l_yv.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_6{ background:transparent url("../../media/images/l_chronosport.png") no-repeat bottom left; width:129px; height:56px; margin-left:30px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_6 a#p7{ width:129px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_6 a#p7:hover{ background:transparent url("../../media/images/l_chronosport.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_7{ background:transparent url("../../media/images/l_fleischmann.png") no-repeat bottom left; width:77px; height:56px; margin-left:30px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_7 a#p8{ width:77px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_7 a#p8:hover{ background:transparent url("../../media/images/l_fleischmann.png") no-repeat top left; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_8{ background:transparent url("../../media/images/l_alba.png") no-repeat bottom left; width:207px; height:56px; margin-left:40px; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_8 a#p9{ width:207px; height:56px; display:block; } #fondo-main .center .content8 .slide-folios .contenido_folios ul#folios li.slide_8 a#p9:hover{ background:transparent url("../../media/images/l_alba.png") no-repeat top left; } /* FIN: portafolio */ } /*-------------------------------------------------------------------------*/