/* //CSS Core GRUPO PUMA 2010 ================================================ Created: 12/2009 Last update: 3/2010 Author: Pablo García & Eddie Rapallo @ generagroup.com Contact: pgarcia@generagroup.com ================= /* ************************* General resets ************************* */ html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li, form, input, textarea, select, form ul, form ol {margin: 0; padding: 0; text-indent:0;} abbr, acronym { font-size: .75em; letter-spacing: .1em; text-transform: uppercase;} a img, a abbr, a acronym { border:none; } sup, sub { font-size:.75em; font-style:italic; line-height:1; position:relative; vertical-align:baseline;} sup {top:-.5em;} sub {top:.25em;} /* ************************* Basics & Commons ************************* */ body { font-family: Arial, sans-serif; font-size: 62.5%; font-style: normal; font-weight: normal; line-height: 1.4em; background:#fff; color:#333; overflow : -moz-scrollbars-vertical; } /* Enlaces */ a:link, a {color:#003; cursor:pointer; outline:none;} a:hover {color:#069;} /* Iconos en enlaces*/ a.pdf {background:url(../img/ico_pdf.gif) 0 0 no-repeat; padding-left:16px;} a.external {background:url(../img/ico_external.gif) right no-repeat; padding-right:16px;} .overflow {overflow:auto;} /* Listas */ ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;} div#subNav ul, div#menu ul, div#footer ul, div#topNav ul, ul.mLeft, #obras-relacionadas ul, #resumen ul, div#destacados ul, div#gama ul, div#pMyC ul, ul#leyenda, ul.gama, ul.data {margin:0; padding:0; list-style:none;} /* Listas como menú */ /* Headers */ h1 {font-size: 2em;} h2 {font-size: 1.4em;} h3 {font-size: 1.3em;} h4 {font-size: 1.2em;} h5 {font-size: 1.1em;} h6 {font-size: 1em;} /* ESTRUCTURAS COMUNES */ div#wrapper {width:960px; margin:10px auto; position:relative;} div#top {background:#003 url(../img/top_bg.gif) top no-repeat; position:relative; height:90px;} a#logo {display:block; width:102px; height:55px; position:absolute; top:10px; left:10px; background:#003 url(../img/sprites.png) 0 -261px no-repeat;} a#logo span {display:none;} div#topNav { position:absolute; right:145px; top:10px; width:400px;font-size:1.1em; color:#b4dcf7; border-right:1px solid #eee;} div#topNav ul li {float:right; padding:0 5px;} div#topNav a, div#topNav a:visited {color:#fff;text-decoration:none; padding:0 5px;} div#topNav a:hover {text-decoration:underline;} li#tn_languages span.worldwide {padding-right:16px;} /* Selector de idiomas */ #languagueSelector {position:absolute; top:8px; right:5px; z-index:20; padding:0; margin:0;} .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:#333; text-decoration:none; outline:none;} .dropdown a:hover { color:#003;} .dropdown dt {padding:0;} .dropdown dt a:hover { color:#5d4617;} .dropdown dt a {background:#003; color:#eee; display:block; width:120px; background:url(../img/bullet_down.gif) 100% 0 no-repeat; padding-right:14px;} .dropdown dt a span {cursor:pointer; padding:5px; color:#ccf; background: url(../img/ico_worldwide.gif) left no-repeat; padding-left:16px; line-height:16px;} .dropdown dd ul { background:#eee; border:1px solid #999; color:#333; display:none; left:0px; padding:0px; position:absolute; top:2px; width:auto; min-width:100px; list-style:none;} .dropdown dd ul li a { padding:2px 5px; display:block; width:120px;} .dropdown dd ul li a:hover { background-color:#065082; color:#fff;} div#tBuscar {width:145px; position:absolute; right:15px; top:40px; background:#fcfcfc; } div#tBuscar a.ico_lupa {display:block; width:16px; height:16px; float:right; background:#FFF url(../img/sprites.png) 0 -316px no-repeat;} div#tBuscar a.ico_lupa span {display:none;} div#tBuscar input {border:0; float:left; margin-right:5px; width:100px; font-size:.9em; color:#666;} /* MENÚ PRINCIPAL */ #menu {background-image:url(../img/menu-sprites.gif); background-repeat:no-repeat; background-position:top; width:960px; height:29px; position:relative; font-family:Arial, sans-serif;} div#menu ul { list-style:none; margin:0; padding:0; } #menu li { margin:0; padding:0; display:inline;} #menu a { display:block; width:80px; height:29px; position:absolute; top:0px; text-align:center; font-size:1.15em; color:#fff; text-decoration:none; outline:none; line-height:24px; text-shadow:1px 1px #000; /*border:1px solid #f00; z-index:2;*/} #menu a:hover { color:#fff; text-shadow:none;} /* Ajustes invividuales */ #menu #mn_inicio { width:56px; left:0px;} #menu #mn_productos { width:86px; left:58px} #menu #mn_sistemas { width:159px; left:146px;} #menu #mn_obras { width:140px; left:307px;} #menu #mn_formacion { width:159px; left:449px;} #menu #mn_documentacion { width:120px; left:610px;} #menu #mn_multimedia { width:84px; left:730px; } #menu #mn_agenda { width:76px; left:816px;} /* Marco según las secciones */ /* Fondo */ body#home #menu {background-position:0 -30px;} body.productos #menu {background-position:0 -59px;} body.empresa #menu {background-position:0 0;} body.empresa #tn_empresa a {font-weight:bold;} body.sistemas #menu {background-position:0 -88px;} body.obras #menu {background-position:0 -117px;} body.formacion #menu {background-position:0 -146px;} body.documentacion #menu {background-position:0 -175px;} body.multimedia #menu {background-position:0 -203px;} body.agenda #menu {background-position:0 -232px;} /* BREADCRUMBS */ #breadCrumbs {background:#f7f7f7; padding:2px; height:20px;margin:0px 0 5px 0;} #breadCrumbs a {display:block; float:left; margin:0 5px; line-height:18px; color:#333; text-decoration:none; background:#f7f7f7 url(../img/ico_separador.gif) right no-repeat; padding-right:12px;} #breadCrumbs a:hover {color:#036;text-decoration:underline;} #breadCrumbs a.home {width:14px; height:14px; background:#f7f7f7 url(../img/sprites.png) 0 -350px no-repeat; padding:0; margin-top:2px;} #breadCrumbs a.home:hover {background-position:-15px -350px;} #breadCrumbs a.home span {display:none;} #breadCrumbs a[href="#"], #breadCrumbs a[href="#"]:hover {background:none; color:#333;} /* HEADER */ #header {background:#e3e8ec; padding:8px 5px; position:relative; margin-bottom:8px;} #header h1 {font-size:1.5em; } #header div.cantidad {position:absolute; right:5px; top:8px; width:150px; text-align:right; color:#fff;} #header div.cantidad a {color:#fff; text-decoration:none;} /* Custom */ body.productos #header h1 {color:#fff; text-shadow:1px 1px 1px #000;} body.fAdhesivos #header {background:#c2051b;} body.fAditivos #header {background:#6d90a6;} body.fAsfalticos #header {background:#008b6c;} body.fBricolaje #header {background:#008ac9;} body.fCaucho #header {background:#e4007b;} body.fPavimentos #header {background:#9b9aa0;} body.fPinturas #header {background:#f69c14;} body.fRehabilitacion #header {background:#987501;} body.fMjuntas #header {background:#009de0;} body.fAislamientos #header {background:#b20034;} body.fMdecoracion #header {background:#760d6a;} body.fMespeciales #header {background:#6fc0b7;} body.fMmonocapa #header {background:#cb9d01;} body.fMrevestimiento #header {background:#78ad1d;} body.fMcal #header {background:#fff; border:1px solid #eee;} body.fMcal #header h1{color:#333; text-shadow:1px 1px 1px #ccc;} #content {font-size:1.1em;} #volver {border-top:1px solid #eee; padding-top:3px; font-size:1.1em;} #footer {background:#ededed; padding:5px; margin-top:1.5em; } #footer ul {float:right;} #footer li {display:inline; border-right:1px solid #000; padding:0 10px 0 5px; margin-left:5px;} #footer li:last-child {border:0;} #footer a {text-decoration:none; color:#333;} #footer a:hover {text-decoration:underline;} #copy {text-align:right;font-size:1.1em; color:#999; padding:5px 0; } /* Grid de 2 columnas de portada */ div.grid-2 {width:960px; overflow:auto;} div.grid-2 div {overflow:auto;} div.grid-2 div.left {width:590px; float:left;} div.grid-2 div.right {width:350px; float:right;} /* Grid de 2 columnas de interiores */ div.grid-2b {width:960px; overflow:auto;} div.grid-2b div {overflow:auto;} div.grid-2b div.left {width:170px; float:left;} div.grid-2b div.right {width:770px; float:right;} /* Grid de 3 columnas */ div.grid-3 {width:960px; overflow:auto;} div.grid-3 div {overflow:auto;} div.grid-3 div.left {width:170px; float:left;} div.grid-3 div.middle {width:520px; float:left; margin-left:20px;} div.grid-3 div.right {width:230px; float:right;} /* Menú lateral izquierdo */ .mLeft li {padding:6px 4px; margin-bottom:10px; cursor:pointer;} .mLeft li:hover {background:#eee; } .mLeft li.selected {background:#f6f6f6 url(../img/sprites.png) -115px -262px no-repeat; border-bottom:1px solid #ccc; } .mLeft li.selected a {color:#115699;} .mLeft a {color:#333; font-weight:bold; text-decoration:none;} .mLeft a:hover {color:#115699;} /* Sidebar */ #sidebar {} #sidebar hr {border:0; height:5px; margin:10px 0; background:#FFF url(../img/sidebar_separador.gif) center no-repeat;} /* Un cuadro cualquiera */ .cualquiera {margin:1em 0;} .cualquiera h2 {margin:.5em 0; color:#333;} /* Atención al cliente */ #datosContacto {border:1px solid #bcddf4; padding:5px;background:#f8fdff;margin-top:1em;} /* ul genérico con flechas */ .lateral {margin:5px 0 0 6px;} .lateral li {background: url(../img/bullet_arrowGrayRight.gif) 0 0 no-repeat; padding-left:20px; margin-bottom:3px; line-height:16px;} .lateral a {text-decoration:none; color:#333;} .lateral a:hover {text-decoration:underline;} /* Videos relacionados */ #videos-relacionados {background:#000 url(../img/videos-relacionados-bg.jpg) top repeat-x; margin-bottom:10px;} #videos-relacionados h2 {background:url(../img/videos-relacionados-h2-adhesivos.gif) 0 0 no-repeat; padding-left:25px; color:#fff; height:22px; line-height:20px; font-size:1.1em; text-shadow:1px 1px #000; margin-bottom:10px;letter-spacing:1px;} #videos-relacionados a {color:#eee; text-decoration:none;} #videos-relacionados a:hover {color:#115699;} #videos-relacionados div.item {width:220px; margin:0 auto 10px auto;} #videos-relacionados div.item a.thumb img {display:block; float:left; width:87px; height:53px; margin-right:5px;} #videos-relacionados div.item h3 a {font-size:.75em;} #videos-relacionados div.item p {margin:3px 0; padding-left:3px;} #videos-relacionados div.verMas {background:#FFF url(../img/verMas_bg.gif) top repeat-x; height:26px; line-height:23px; padding-left:5px;} .verMas a.btn_verMas {display:block; width:111px; height:26px; float:right; background: url(../img/btn_verMas.jpg) 0 0 no-repeat; text-align:right;} a.btn_verMas span {padding-right:10px;} /* Obras relacionadas */ #obras-relacionadas {background:#f5f5f5;} #obras-relacionadas h2 {background:url(../img/videos-relacionados-h2-adhesivos.gif) 0 0 no-repeat; padding-left:25px; color:#003; height:22px; line-height:20px;font-size:1.1em; text-shadow:1px 1px #eee; margin-bottom:10px;} #obras-relacionadas div.destacado {position:relative; margin-left:6px; height:80px;} #obras-relacionadas div.destacado img { display:block; position:absolute; clip:rect(0px,212px,80px,0px);} #obras-relacionadas div.destacado span.leyenda { position:absolute; display:block; padding:3px 6px; background:#fff; bottom:10px;} #obras-relacionadas ul {margin:5px 0 0 6px;} #obras-relacionadas ul li {background: url(../img/bullet_arrowGrayRight.gif) 0 0 no-repeat; padding-left:20px; margin-bottom:3px; line-height:16px;} #obras-relacionadas ul a {text-decoration:none; color:#333;} #obras-relacionadas ul a:hover {text-decoration:underline;} #obras-relacionadas p.verTodas {text-align:right; padding-right:5px;} /* Guía de seleccion */ #sidebar #guia-seleccion p {margin-left:12px; color:#666;} /* Menús con tabs */ .tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;} .tabs li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; background: #eee; overflow: hidden; position: relative; } .tabs a {text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 10px; border: 1px solid #fff; outline: none; } .tabs a:hover {background: #ccc;} html .tabs li.active, html .tabs li.active a:hover {background: #fff; border-bottom: 1px solid #fff;} .tab_container { border: 1px solid #999;border-top: none; clear: both;float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} .tab_content {padding: 20px; font-size: 1.2em; margin-bottom:10px;} .tab_content h2 { font-weight: normal; padding-bottom: 5px; border-bottom: 1px dashed #ddd; font-size: 1.6em;margin-bottom:10px;} .tab_content h3 a{ color: #254588;} hr.h_b {display:block; margin:2em 0; border:0; height:2px; background:#FFF url(../img/separador_hor_blanco.jpg) center no-repeat;} #gama {padding-bottom:5px;background:#f0f0f0 url(../img/separador_vertical.gif) right top no-repeat;} #gama h1 {color:#003; text-shadow:1px 1px #fff;font-family:"Helvetica", Arial, sans-serif; margin:10px 0 0 10px;font-size:1.5em; float:left; width:40%; height:30px;} #gama .opciones {float:left; margin:10px 0 0 5px;} #gama .opciones a {padding:0 5px;} /*Listado de enlaces con iconos de familia - genérico */ ul.gama { clear:both; } ul.gama li {margin:3px 0; padding-left:25px; float:left; width:160px; height:18px; background-color:#f0f0f0; background-image:url(../img/sprites.png); background-repeat:no-repeat; line-height:16px;} ul.gama li.fAdhesivos {background-position:-942px -326px;} ul.gama li.fAditivos {background-position:-942px -344px ;} ul.gama li.fAsfalticos {background-position:-942px -362px;} ul.gama li.fBricolaje {background-position:-942px -380px;} ul.gama li.fCaucho {background-position:-942px -398px;} ul.gama li.fPavimentos {background-position:-942px -416px;} ul.gama li.fPinturas {background-position:-942px -434px;} ul.gama li.fRehabilitacion {background-position:-942px -452px;} ul.gama li.fMjuntas {background-position:-942px -470px;} ul.gama li.fAislamientos {background-position:-942px -488px;} ul.gama li.fMdecoracion {background-position:-942px -506px;} ul.gama li.fMespeciales {background-position:-942px -524px;} ul.gama li.fMmonocapa {background-position:-942px -542px;} ul.gama li.fMrevestimientos {background-position:-942px -560px;} ul.gama a {text-decoration:none; font-weight:bold;color:#444;} ul.gama a:hover {color:#003;text-decoration:underline;} /* ESPECÍFICOS POR SECCIONES */ /* Productos */ /* Índice por familias */ #familias-thumbs {} #familias-thumbs div.item {width:233px; height:124px; float:left; margin:0 22px 10px 0; background:#FFF url(../img/sprites.png) -502px -266px no-repeat;} #familias-thumbs .item a {font-weight:bold; text-decoration:none;} #familias-thumbs .item h2 {background:#000; margin:6px 3px 0 0; line-height:24px; font-size:1.2em; text-shadow:0.5px 1px 1px #000;} #familias-thumbs .item h2 a {text-decoration:none; color:#fcfcfc; padding-left:5px;} #familias-thumbs .item p {margin-left:20px; margin:6px 0 8px 20px;} /* Custom */ #familias-thumbs #fAdhesivos h2 {background:#c2051b;} #familias-thumbs #fAdhesivos a {color:#c2051b;} #familias-thumbs #fAditivos h2 {background:#6d90a6;} #familias-thumbs #fAditivos a {color:#6d90a6;} #familias-thumbs #fAsfalticos h2 {background:#008b6c;} #familias-thumbs #fAsfalticos a {color:#008b6c;} #familias-thumbs #fBricolaje h2 {background:#008ac9;} #familias-thumbs #fBricolaje a {color:#008ac9;} #familias-thumbs #fCaucho h2 {background:#e4007b;} #familias-thumbs #fCaucho a {color:#e4007b;} #familias-thumbs #fPavimentos h2 {background:#9b9aa0;} #familias-thumbs #fPavimentos a {color:#9b9aa0;} #familias-thumbs #fPinturas h2 {background:#f69c14;} #familias-thumbs #fPinturas a {color:#f69c14;} #familias-thumbs #fRehabilitacion h2 {background:#987501;} #familias-thumbs #fRehabilitacion a {color:#987501;} #familias-thumbs #fMjuntas h2 {background:#009de0;} #familias-thumbs #fMjuntas a {color:#009de0;} #familias-thumbs #fAislamientos h2 {background:#b20034;} #familias-thumbs #fAislamientos a {color:#b20034;} #familias-thumbs #fMdecoracion h2 {background:#760d6a;} #familias-thumbs #fMdecoracion a {color:#760d6a;} #familias-thumbs #fMespeciales h2 {background:#6fc0b7;} #familias-thumbs #fMespeciales a {color:#6fc0b7;} #familias-thumbs #fMmonocapa h2 {background:#cb9d01;} #familias-thumbs #fMmonocapa a {color:#cb9d01;} #familias-thumbs #fMrevestimiento h2 {background:#78ad1d;} #familias-thumbs #fMrevestimiento a {color:#78ad1d;} #familias-thumbs #fMcal h2 {background:#fff; border:1px solid #ccc; } /* Fuerzo el blanco en los h2 con especificidad */ body#productos-xFamilia #familias-thumbs .item h2 a {color:#fff} body#productos-xFamilia #familias-thumbs .item a:hover {color:#000;text-shadow:none;} /*Excepción en nueva familia blanca */ body#productos-xFamilia #familias-thumbs #fMcal h2 a {color:#333; text-shadow:1px 1px 1px #ccc;} /* >> Listados de productos */ #familias-listado {margin-top:1em;} #familias-listado div.item {border:1px solid #f1f1f1; background:#fbfbfb; padding:5px; margin-bottom:10px; overflow:auto; width:508px;} #familias-listado div.item h2 a {color:#333; text-decoration:none; font-size:.9em;} #familias-listado div.item h2 a:hover {color:#003;} #familias-listado div.item a.foto img {display:block; background:#fff url(../img/sprites.png) -273px -288px no-repeat; float:left; width:88px; height:96px; margin-right:16px;border:1px solid #eee;} #familias-listado div.item a.foto:hover img {border:1px solid #666;} /* Fichas de producto */ body#ficha #resumen {background:#f4f4f4; padding:8px; margin-bottom:2em;} body#ficha #resumen img {display:block; float:left; margin:0 10px 10px 0; border:1px solid #333;} body#ficha #resumen li {margin-bottom:5px;} body#ficha #resumen a[href$=".pdf"] {background:#f4f4f4 url(../img/sprites.png) -942px -584px no-repeat; padding-left:20px;} body#ficha #resumen em {padding:0 6px;} body.ficha .middle h2 {margin:1.2em 0 .6em 0;background:#FFF url(../img/ficha_h2_border.gif) bottom repeat-x; padding-bottom:5px;} body.ficha .middle table {width:100%;} body.ficha .middle th {background:#003; color:#fff; text-transform:uppercase; padding:5px;} body.ficha .middle td {background:#eee; padding:5px; text-align:center;} /* Guía de selección */ #gs-container {overflow:hidden;} #gs-container ul {list-style:none;} #gs-container ul ul {border-left:1px solid #ccc;} #gs-container ul li { margin-top:3px; margin-bottom:3px;} #bloquegs-container { width:100%; font-size:1em; list-style:none; margin:0;} #bloquegs-container a { text-decoration:none; outline:none;} /* Fichas */ body#guiaSeleccionFicha div.grid-2b div.right {overflow-x:hidden;} body#guiaSeleccionFicha div.tab_container, body#guiaSeleccionFicha ul.tabs {width:99%;} body#guiaSeleccionFicha div.tab_container {margin-bottom:15px;} div#pasos_seguidos h3 {color:#036; margin:5px;} div#pasos_seguidos {padding:6px;} div#pasos_seguidos li {border-bottom:1px dotted #999; margin-bottom:4px; padding:3px;} .paso {border:1px solid #eee; margin:5px 0; float:left; width:700px;} .paso img {display:block; float:left; margin:5px 15px 5px 5px; border:1px solid #eee; padding:1px;} .paso .num {width:20px; height:20px; border:1px solid #ccc;background:#036; color:#eee;text-align:center; padding:3px 0 0 0; margin:5px 0 0 5px;} a.nodo0 {display:block; padding:5px 5px 5px 26px; background:#036 url(../img/sprites.png) -942px -825px no-repeat; color:#eee; border-bottom:1px solid #fff; font-weight:bold; font-size:1.2em;} a.nodo0:hover { background:#09C url(../img/bullet_arrowBlueRight.gif) left no-repeat; color:#fff;} a.nodo { display:block; background:#fff url(../img/sprites.png) 0 -695px no-repeat; padding:2px 2px 2px 16px;} a.nodo:hover { background-color:#eee; } a.enlaceFicha { display:block; background:#fff url(../img/bullet_arrowBlueRight.gif) left no-repeat; padding:2px 2px 2px 20px;} a.enlaceFicha:hover { background-color:#eee;} a#gs-cargando { display:block; height:16px; background:url(../img/ajax-loader.gif) left no-repeat; padding-left:20px; margin:5px; font-size:12px; color:#690;} /* Empresa body.empresa */ body#about #videos-relacionados {padding-top:5px;} div.puedeInteresarte {margin-bottom:2em;} div.puedeInteresarte a {display:block; width:150px; text-align:center; float:left; margin:10px 15px 5px 0;text-decoration:none;} div.puedeInteresarte a img {display:block; margin:0 auto;} /* Contacto */ form#fContacto label {float:left; width:9em;} form#fContacto label.wAuto {float:none; width:auto; display:inline; padding-right:5px;} form#fContacto input {padding:2px;} /* Newsletter */ form#form_newsletter label {float:left; width:9em;} form#form_newsletter label.wAuto {float:none; width:auto; display:inline; padding-right:5px;} form#form_newsletter input {padding:2px;} div.condiciones {padding:3px; background:#eee;} /* Agenda | body.agenda */ /* Resumen */ div.resumen_container div.item {background:#eee; border-bottom:1px solid #ccc; padding:5px; margin-bottom:5px;} div.resumen_container div.item img {display:block; float:left; margin:0 10px 5px 0; background:#fff; padding:3px;border:1px solid #ccc;} div.resumen_container div.item a:hover img {border:1px solid #036;} div.resumen_container div.item h3 {margin-bottom:-5px;} div.resumen_container div.item h3 a { text-decoration:none;} /* Noticias */ .noticias_container div.item {margin-bottom:1em;} .noticias_container div.item h3 {background:#eee url(../img/sprites.png) -942px -623px no-repeat; padding:5px 5px 5px 25px; margin-bottom:5px;} .noticias_container div.item h3 span.fecha {color:#666;font-size:.6em; } .noticias_container div.item img {display:block; float:left; margin:0 10px 5px 0; background:#eee; padding:5px;border:1px solid #ccc; width:120px; height:90px;} div.noticias_container div.item a:hover img {border:1px solid #036;} div.noticias_container p.more {text-align:right; border-top:1px solid #ccc; padding:2px; clear:both;} /* Ficha de la noticia */ body#noticiasFicha div.item img {width:auto; height:auto;} body#noticiasFicha div.enlaces, body#noticiasFicha div.adjuntos {background:#ededed; padding:1px; margin-bottom:3px;} body#noticiasFicha div.enlaces p, body#noticiasFicha div.adjuntos p {background:#eee 0 0 no-repeat;padding-left:20px; margin:4px 0;} body#noticiasFicha div.adjuntos p {background:url(../img/sprites.png) 0 -769px no-repeat;} body#noticiasFicha div.enlaces p {background:url(../img/sprites.png) 0 -672px no-repeat;} /* Eventos | body#eventos */ div#listado-eventos div.item {background:#FFF url(../img/sidebar_separador.gif) center bottom no-repeat; padding-bottom:10px;} div#listado-eventos h3 {color:#666; font-size:.9em;} div#listado-eventos h3 span {color:#000;} div#leyenda ul li {padding-left:25px;background-position:left; background-repeat:no-repeat; margin-bottom:4px; margin-left:5px;} div#leyenda ul li.feria {background-image:url(../img/cal_leyenda_azul.jpg);} div#leyenda ul li.charla {background-image:url(../img/cal_leyenda_amarillo.jpg);} div#leyenda ul li.congreso {background-image:url(../img/cal_leyenda_verde.jpg);} /* Sistemas constructivos */ /* Estructuras generales */ body.sistemas div.grid-2b h2 {background:#E3E8EC; padding:5px;} body.sistemas div.grid-2b h3 { background: #d2d8e4 url(../img/sistemas/h3_cuadro.gif) 3px 46% no-repeat; padding:3px 3px 3px 20px; color: #003366; margin:0.6em 0 0 0; font-size:1.1em;} body.sistemas div.columnas2 ul {margin-bottom:20px;} fieldset.posibilidades { padding:5px; background:#e4e7f0; border:1px dotted #999999; margin-bottom:2em;} fieldset.posibilidades legend { padding:5px; background:#e4e7f0;} /*Layout a dos columnas*/ div.columnas2 {width:770px; float:left; margin:5px 0; margin-bottom:2em;} div.columnas2 div.left, div.columnas2 div.right {width:370px; } div.columnas2 div.left {float:left;} div.columnas2 div.right {float:right;} div.columnas2 div.xl {overflow:visible;} /* Paginación bi-opción */ div.paginacionBi {position:relative; width:768px; padding-top:5px; height:30px; text-align:center;border-top:1px solid #666; } div.paginacionBi a.btn {display:block; width:110px; position:absolute; padding:3px; background:#fcfcfc; border:1px solid #ccc; outline:none;} div.paginacionBi a.anterior {left:0;} div.paginacionBi a.siguiente {right:0;} body.sistemas .fleft { display:block; float:left; margin:5px 20px 5px 0;} body.sistemas .ulfloating { padding-left:10px;} /*Listas que flotan junto a una imagen */ table.datos { margin:1em; font-size:1em;} table.datos td { border:1px solid #929CC2; border-collapse:collapse; padding:2px 5px;} table.datos tr.oscuro td { background:#e4e7f0; } div.grid-2b div.formula { background:#e4e7f0; margin:1em 0; overflow:visible;} /* TRADITERM */ div#introTraditerm {background:#fff url(../img/sistemas/introTraditerm.jpg) 100% 30% no-repeat; padding-right:410px; height:450px; margin-bottom:20px; font-size:1.2em; } /* Obras de referencia */ body.obras div.resumen_container {margin:1em 0;} body.obras div.resumen_container div.item {width:250px; float:left; display:inline; margin:5px 12px 10px 0; background:#e6e6e6 url(../img/grad-gris.jpg) repeat-x top;border:1px solid #eee; overflow:hidden;} body.obras div.resumen_container div.item:hover {background:#eee; border:1px solid #ccc; cursor:pointer;} body.obras div.resumen_container div.item h3 a {text-shadow:1px 1px 1px #fff;} body.obras div.grid-3 div.left {width:150px;} body.obras .mLeft li.selected {background-position:-130px -262px;} body.obras div.grid-3 div.middle {width:550px; overflow:hidden;} /* Filtros */ body.obras div.filtros {background:#fff; margin-top:1em;} body.obras div.filtro {background:#fff; text-align:left; padding:2px;border:1px solid #ccc; margin-bottom:2px;} body.obras div.filtro h3 {background:#eee; padding:3px; position:relative;cursor:pointer;font-size:1em;} body.obras div.filtro h3 a.ico {display:block; width:70px; position:absolute; right:0; top:3px; font-size:0.9em; } div.porFamilia ul.gama {margin:5px; } div.porFamilia ul.gama li {background-color:#fff;} /* Ficha */ body.obras div.desc {border-left:1px solid #ccc; padding:0 6px 6px 12px;} body.obras ul.data li {margin-bottom:5px;} div.galeria {width:542px; overflow:auto; margin-bottom:2em;} div.galeria div.thumb {float:left;} div.thumb a {display:block; position:relative;text-decoration:none;outline:none; overflow:hidden;} div.thumb a img {border:1px solid #ccc;} div.thumb a:hover img {border:1px solid #666;} div.thumb span.ampliar {display:block; width:22px; height:22px; background:#fff url(../img/ico_lupa.gif) center no-repeat; padding:2px; position: absolute; right:2%; top:2%;-moz-border-radius:4px; -webkit-border-radius:4px; border-right:1px solid #666; border-bottom:1px solid #666;} /* Variaciones */ div.thumbLeft {float:left; margin:10px 10px 10px 0;} div.galeria div.thumb a img {border:1px solid #ccc; width:260px; height:195px;} div.galeria div.wide {margin-bottom:10px; clear:both;} div.galeria div.wide a img {width:540px; height:200px;} div.galeria div.right {float:right; width:262px; } div.productosUsados {margin:2em 0;} div.productosUsados h2 {margin-bottom:1em;} div.productosUsados ul.gama li {width:auto; float:none;margin-bottom:5px;} /* Formación y biblioteca */ div.filtroAjax {background:#fcfcfc; padding:5px; margin:10px 0; border:1px solid #ddd;} div.filtroAjax label {float:left; width:110px;} div.filtroAjax input#filtro { margin-right:10px; padding:1px;} div.letras {border:1px solid #ddd; padding-bottom:5px; width:99%; margin-bottom:10px; overflow:auto;} div.letras h2 {font-size:1.2em;background:#eee; padding:4px 2px;} div.letras a {display:block; float:left; margin:5px; width:20px; height:20px; padding:5px 0 0 0; border:1px solid #ccc; background:#fff url(../img/sprites.png) -780px -483px repeat-x; text-align:center; text-decoration:none;} div.letras a:hover { background:#006 url(../img/menu-sprites.gif) 100% 99%; color:#fff;} div.letras a.selected { background: #003 url(../img/menu-sprites.gif) -3px 0; color:#fff; border:1px solid #003;} div.letras a.nohay, div#diccionario_letras a.nohay:hover { background: #eee; color:#999; border:1px solid #eee; cursor: text;} div.resultados div.item {margin:10px 0; padding:3px;} div.resultados div.item h3 {background:#F7FEFF url(../img/sprites.png) -942px -645px no-repeat; padding:3px 3px 3px 20px; border-bottom:1px solid #eee;} /* FAQ */ dl#faqlist dt {background:#fcfcfc url(../img/ico_question-balloon.gif) 2px 45% no-repeat; padding:3px 3px 3px 24px; font-weight:bold; border-bottom:1px solid #eee;} dl#faqlist dd {margin-bottom:2em;} /* Agenda */ /* Eventos */ div.resultados-eventos {} div.resultados-eventos div.item {margin-bottom:1.5em;} dl.almanaque {width:50px; float:left;text-align:center; margin:0 5px 0 0;border:1px solid #ccc;} dl.almanaque dt {background:#036; color:#eee; margin:0; padding:3px;} dl.almanaque dd {background:#eee; color:#333; margin:0; padding:3px;font-size:1.3em;} /* Patrocinios */ body#patrocinios div.resumen {border:1px solid #eee; background:#fcfcfc; margin-bottom:1.5em;} body#patrocinios div.listado div.item {background:url('../img/grad-gris.jpg') repeat-x scroll center top #E6E6E6; border:1px solid #eee; padding:5px; margin:5px 0;} body#patrocinios div.listado div.item h3 {background: url(../img/sprites.png) -942px -666px no-repeat; padding-left:20px; line-height:16px;} body#patrocinios div.listado div.item img.foto { width:auto; height:auto;} body#patrocinios div.listado div.item div.text p {margin-top:0;} body#patrocinios div.resumen p,div#meetCarlos p {margin:5px;} div#reportes h2 {margin-bottom:1.1em; border-bottom:1px solid #ccc;line-height:1.4em;} div#meetCarlos {border:1px solid #ccc; margin-bottom:10px; background:#fcfcfc;} div#proximasCitas h3 {background:#fff url(../img/sprites.png) -275px -390px no-repeat; padding-left:20px;line-height:20px;} div#proximasCitas ul {margin-left:10px;} body#patrocinios div.thumb {margin:1em 0;} body#patrocinios div.thumbLeft {margin:0 10px 10px 0;} body#patrocinios div.foto a img {border:2px solid #eee; padding:1px; margin:1em 0;} body#patrocinios div.foto:hover a img {border-color: #333;} div.clasificaciones h3 {margin-bottom:1em;} /* Tablas de clasificaciones */ .clasificaciones {border-collapse:collapse; width:70%; margin:1em;} .clasificaciones th { border-bottom:2px solid #333333;} .clasificaciones td { border:1px solid #ccc; padding:3px; text-align:center; } .clasificaciones tr.losnuestros td { font-weight:bold; font-style:italic; background:#eee;} .clasificaciones tr.finales td { background:#003366; color:#FFFFFF;} .tablaCalendario {width:90%;} /* Documentación */ div.porFamilias {width:400px; float:left;} div#documentacion_acordeon {margin:5px 0;} div#documentacion_acordeon a {text-decoration:none;} div#documentacion_acordeon a:hover {text-decoration:underline;} div#documentacion_acordeon div.padre {background:#eee; border-bottom:1px solid #ccc; margin-bottom:1px;} div#documentacion_acordeon div.padre h3 {padding:3px 5px; cursor:pointer;} div#documentacion_acordeon div.padre ul {margin-bottom:5px;} div#documentacionGeneral {float:right; width:330px;} div#catalogoGeneral {background:#eee; padding:5px; width:320px;} div#catalogoGeneral a img {display:block; float:left; margin-right:10px; border:1px solid #ccc;} div#otrosFormatos {border-top:1px solid #ccc; background:#fcfcfc; padding:5px; margin-top:8px;} /* Multimedia */ body#pumatv div.grid-2b div.right {background:#131313;} #videoWrapper { background:#000; color:#eee; margin:5px 5px; height:350px; border:1px solid #333;} #videoWrapper #videoInicial {margin:5px; float:left; width:525px; height:340px;} #videoWrapper #videoOpciones {float:left; width:190px; margin:5px 5px 0 5px;} #videoWrapper #videoOpciones a {color:#eee; text-decoration:none;} #videoWrapper #videoOpciones a:hover {text-decoration:underline;} #videos-galeria {border-top:1px solid #999; margin:5px; padding-top:10px;} #videos-galeria h2 {color:#eee; text-shadow:1px 1px 1px #000; padding:3px 0;} #videos-galeria div.item {width:225px; float:left; margin:5px 8px 5px 0; padding:5px;background:#000;} #videos-galeria .item a {color:#eee;} #videos-galeria .item a:hover {color:#115699;} #videos-galeria .item a.thumb img {display:block; float:left; width:87px; height:53px; margin-right:5px;border:1px solid #eee;} #videos-galeria .item a.thumb:hover img {border-color:#115699;} #videos-galeria .item h3 a {font-size:.75em;} #videos-galeria .item p {margin:3px 0; padding-left:3px;} /* Ficha de videos */ #videoFicha {background:#000; color:#eee; padding:5px 0 5px 2px;} #videoFicha div.desc { margin:10px 3px; padding-top:5px; border-top:1px solid #333;} .btn_verFamilia {color:#069;} .btn_verFamilia:hover {color:#fff;} /* Animaciones */ #animaciones-galeria {} #animaciones-galeria .item {width:170px; height:190px; float:left; margin:0 10px 10px 0; border-bottom:1px solid #eee; text-align:center;} div#animaciones-galeria div.item p {margin:5px 10px; } div#animaciones-galeria div.item a img {border:4px solid #eee;} div#animaciones-galeria div.item a:hover img { border-color:#036;} /* Tabla Buscar */ #buscarResultadosIndice {width:100%; margin:1.5em 0;} #buscarResultadosIndice td {padding:4px; background:#eee; border-bottom:1px solid #ccc; margin-bottom:5px; } #buscarResultadosIndice a.more {background:#fff url(../img/bullet_arrowBlueRight.gif) right no-repeat; padding:2px 15px 2px 5px;text-decoration:none;} /* Mapa del sitio */ #sitemap-tree a:hover {text-decoration:underline;} #sitemap-tree, ul#sitemap-tree ul {padding:0; margin:0; list-style:none;} #sitemap-tree li {line-height:1.4em;background:#eee; font-weight:bold; padding:5px; border-bottom:1px solid #ccc; margin-bottom:2px;} #sitemap-tree li ul {margin:3px 0 0 25px; border-left:1px solid #ccc;} #sitemap-tree li ul li {background:#f7f7f7; font-weight:normal;} #sitemap-tree li ul li ul li {border:0;} /* ==================== EXTRA ==================== */ /* Widely & useful classes */ .tright { text-align: right;} .tleft { text-align: left;} .tcenter { text-align:center;} .fleft { float: left;} .fright { float: right;} .clear { clear:both;} .hidden {display:none;} .flash {background:#eee; padding:10px;} /* Listados generales */ .filtros {background:#eee; padding:3px; text-align:right; margin-bottom:1em;} .listados {} .listado .item {margin-bottom:3em;} .listado .item .text {margin-top:10px;} .listado .item .text p:first-child {margin-top:0;} .listado .item img.foto {display:block; float:left; width:190px; height:190px; margin-right:1%; border:2px solid #ccc;} .listado .masInfo {background:#eee; padding:5px;} /* Mensajes y notificaciones */ div.mensajes {margin:5px 0; position:relative;padding:8px; } div.mensajes p {margin-left:25px;} div.info {border:1px solid #bcddf4; background:#eaf6ff;} div.info h2 {background: url(../img/sprites.png) -942px -694px no-repeat;} div.ok {border:1px solid #c0e886; background:#efffd7;} div.warning {border:1px solid #f4ca06; background:#fff1d4;} div.error {border:1px solid #f47006; background:#f4c2b6;} /* Botón de cerrar mensaje*/ a.pop-cerrar {position:absolute; top:3px; right:5px; background: url(../img/sprites.png) -942px -810px no-repeat; padding-left:16px; cursor:pointer;} a.pop-cerrar:hover {color:#000;} /* Estilos para formularios */ fieldset { border:1px dotted #666; background:#fff; padding:10px;} legend { padding:5px; margin:0 5px; font-weight:bold; font-size:1.2em;} legend a {cursor:pointer; border-bottom:1px dotted #296EF1; padding-right:16px;} legend a:hover {color:#296EF1;} form {margin-left:1em;} label {display:block; width:auto; line-height:1.6em; font-weight:700;} label.w100 {width:100px;} label.w120 {width:120px;} label.w140 {width:140px;} label.w150 {width:150px;} input,select, textarea { border:1px solid #ccc; padding:5px;} input:focus,select:focus, textarea:focus { border:1px solid #09F;} textarea {width:450px;} input.adjunto {width:70px; padding:0;} input.error, input.error:focus { border:1px solid red;} em.error {padding-left:3px; color:red;} em.corregido {color:green;} .error {color:#f00;} div.disclaimer {border-top:2px solid #eee; background:#fcfcfc;font-size:.9em; padding:.2em; margin-top:1em; } .btn_enviar {cursor:pointer; border:1px solid #ccc; background:#eee url(../img/verMas_bg.gif) repeat-x; font-weight:bold;} .btn_enviar:hover {color:#036;} /* Tablas de datos */ table.listado { width:100%;} table.listado th { border-bottom:3px solid #06F;} table.listado td { border:1px solid #ccc; border-collapse:collapse; margin:0; text-align:center; padding:3px;} /* Estilos para paginación */ div#paginacion { font-size:0.9em; margin:20px 0.5em; clear:both; overflow:auto; font-family:Arial, Helvetica, sans-serif; height:1%; overflow:auto; } div#paginacion a { display:block; float:left; margin:1px 3px; background:#f2f2f2; padding:3px 5px; text-decoration:none; border:1px solid #ccc;} div#paginacion a:hover { border:1px solid #036; background:#d2dee4;} div#paginacion span.numeracion {display:block; float:left; background:#fff; color:#666; border:0; cursor:default; font-weight:bold; outline:none; padding:3px 5px 3px 0;} div#paginacion span.numeracion:hover { background:#fff; border:0;} div#paginacion a.actual, div#paginacion a.actual { background:#fff; color:#999; border:#f2f2f2; cursor: default;} div#paginacion a.navegacion { margin:1px 10px; background:#dadada; color:#333; border:1px solid#d2dee4;} div#paginacion a.navegacion:hover { background:#036; color:#fff; border:1px solid #000;} /* Calendario de eventos */ #calendar { width: 220px;padding: 0;margin: 0 auto; border-left: 1px solid #A2ADBC; font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616B76; text-align: center;background-color: #fff;} #calendar .nav, #calendar .nav a {font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-decoration: none;} #calendar caption { margin: 0; padding: 0; background: #A2ADBC; color: #fff; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; } #calendar th { font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616B76; background: #D9E2E1; border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; border-top: 1px solid #A2ADBC; } #calendar .hoy, #calendar td.hoy a, #calendar td.hoy a:link, #calendar td.hoy a:visited {color: #F6F4DA; font-weight: bold; background: #66CC00;} #calendar td { border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; text-align: center; } #calendar td a { text-decoration: none; font-weight: bold; display: block; color:#333333; } #calendar td a:link, #calendar td a:visited { color: #333; background:#f2f2f2;} #calendar td a:hover, #calendar td a:active {color: #fcfcfc; background:#333333;} a.evento_ampliar { font-style:italic;} /* Botones sexy-guais */ /* Resets */ a.btn_verFicha, a.btn_goBack, a.btn_goTop, a.btn_gs, a.btn_newsletter, a.btn_pGseleccion, a.btn_mostrar {text-decoration:none;} a.btn_pGseleccion:hover {color:#000;} a.btn_pGseleccion span {padding-left:10px;} /* Botón en índice de familias */ a.btn_mostrar {display:block; width:78px; height:23px; background:#f0f0f0 url(../img/sprites.png) -780px -322px no-repeat; line-height:22px; float:right; margin:0 6px 5px 0;} a.btn_mostrar span {padding-left:10px;} /* Ver ficha en listados por familias */ a.btn_verFicha {display:block; width:78px; height:23px; float:left; background:#fff url(../img/sprites.png) -780px -406px no-repeat; line-height:20px;} a.btn_verFicha:hover {background-position:-780px -429px; color:#fff;} a.btn_verFicha span {padding-left:5px;} /* Volver en listados de familias*/ a.btn_goBack {background:#fff url(../img/sprites.png) -945px -603px no-repeat; padding-left:16px;} a.btn_goBack:hover {color:#000;} /* Subir en el footer */ a.btn_goTop {background:#ededed url(../img/sprites.png) 0 -332px no-repeat; color:#333; font-size:1.2em; padding-left:18px;} /* Guía de selección en el sidebar */ a.btn_gs {display:block; width:154px; height:27px; background:#fff url(../img/sprites.png) -779px -351px no-repeat; line-height:24px; margin-left:30px;} a.btn_gs:hover {background-position:-779px -378px; color:#fff;} a.btn_gs span {padding-left:20px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/_media/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}