/****************************************************************************** * web.css * * Fulla d'estils de la web * * Albert Sunyer @ SMTec 2009 | http://www.smtec.es ******************************************************************************/ @charset "utf-8"; /* CSS RESET *************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline;} body{line-height:1;} ol, ul{list-style:none;} table{border-collapse:collapse; border-spacing:0;} blockquote:before, blockquote:after, q:before, q:after{content:"";} blockquote, q{quotes:"" "";} input, textarea{margin:0; padding:0;} hr{margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px;} a img{border:none;} strong{font-weight:bold;} /* CSS RESET *************************************************************************************************************/ html{overflow-y:scroll; width:100%;} body{font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px;} a{color:#000000; text-decoration:none;} a:hover{text-decoration:underline;} a[href$='.doc']{padding:0 0 0 18px; background:transparent url(../img/doc.gif) no-repeat center left;} a[href$='.pdf']{padding:0 0 0 18px; background:transparent url(../img/pdf.gif) no-repeat center left;} a[href$='.xls']{padding:0 0 0 18px; background:transparent url(../img/xls.gif) no-repeat center left;} img {-ms-interpolation-mode: bicubic;} .tberror {border:1px solid #f00; background:#f00;} acronym, abbr{border-bottom:1px dotted #333; cursor:help;} .clearer{clear: both;} .clearleft{clear:left;} .clearright{clear:right;} .input{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:2px; font-size:11px; color:#666;} .combo{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:1px; font-size:11px; color:#666;} .input:hover, .input:focus, .combo:hover, .combo:focus{border:1px solid #d7d7d7;} textarea{overflow:auto;} input[type=submit],label,select,.pointer{cursor:pointer;} .msgok{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFFFE0; border:1px solid #E6DB55; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;} .msgerror{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFEBE8; border:1px solid #CC0000; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;} .msgok p, .msgerror p{margin-bottom:0 !important;} /* Estilos MCI Generales *****************************************************************************************************************************/ html,body, #wrapper {min-height:99.9%;height:99.9%; width:99.9%;} html>body, html>body #wrapper {height:auto; width:100%;} #wrapper {height:100%; width:100%; position:absolute; top:0; left:0} #wtop {width:100%; height:35px; background:#091A2C; } #wheader {width:100%; margin:auto;} #wcontent {width:100%; margin-bottom:280px;height:auto;} #wnewsletter {position:absolute; bottom:230px; width:100%; height:30px; margin:auto;} #wfooter {position:absolute; bottom:0px; width:100%; height:230px; margin:auto; background:url(../img/bg_footer.jpg) repeat-x;} #top, #header, #content, #footer, #cont-newsletter {width:980px; margin:0 auto; clear:both;} #cont-newsletter{} #top #buscador, #top #idiomas {float:right; color:#fff; font-family:"Lucida Grande", Verdana;} #top #menutop {float:left; color:#fff; font-family:"Lucida Grande", Verdana;} #top #menutop li, #top #idiomas li {display:inline; float:left;padding:5px; margin-right:4px; color:#8995A3;} #top #menutop ul {padding:7px 0 7px 0; margin-right:0px;} #top #menutop li {margin-right:-5px;} #top #menutop a {padding:5px; background:#2c3c4c; color:#fff;width:100px; text-align:center; display:block; margin-top:-5px;} #top #idiomas a.active {color:#fff;} #top #buscador {padding:6px;} #top #buscador form {} #top #buscador form span {padding-right:5px; color:#8995A3;} #top #buscador form input {border:none; background:#2c3c4c;padding:3px; color:#fff;} #top #buscador form input[type="text"] { width:140px; margin-right:2px;} #top #buscador form input[type="submit"] {padding:2px; color:#9CA6AF; font-weight:bold;} #top #idiomas {padding:6px 3px;} #top #idiomas a {color:#9CA6AF;} #header #menubar {display:inline;} #header #menubar img {float:left;} #header #menubar ul {float:right; margin:35px 0 0 0;*margin-right:15px;} #header #menubar li {display:inline; font-family:"Myriad Pro", Verdana; font-size:15px; color:#31313D; padding:10px 25px;*padding:10px 20px; border-left:1px solid #DBDBDB;} #header #menubar li.first {border:none;} #header #menubar li.last {padding-right:0px;} #newsletter, #creditos {float:right; color:#1d426a;font-family:"Lucida Grande", Verdana;} #newsletter span {font-weight:bold; padding-right:10px;} #newsletter input[type="text"] {border:1px solid #e4e4e4;padding:2px; color:#1d426a; width:240px;} #newsletter input[type="submit"] {border:none; background:#74828F;padding:2px; color:#fff; font-weight:bold;} #creditos {margin:4px 20px;} #creditos li {display:inline;} #creditos li a {color:#1d426a;} #creditos li.sep {padding:0 10px;} #footer ul {width:auto; margin:10px auto;font-family:"Lucida Grande", Verdana; font-size:12px; line-height:22px;} #footer ul li.item {float:left; margin:0 60px;} #footer ul li.last {*margin-left:50px; *margin-right:0;} #footer ul ul {display:block;} #footer ul li ul li a {color:#c5cfd9;} #paginador{border-bottom:1px solid #C6CAD4;padding-bottom:5px;} #paginador li {display:inline;} #paginador li a {background:#292f3d; width:24px; display:block; height:24px; float:left; line-height:24px; margin-right:6px; text-align:center; font-weight:bold; color:#edf0f7;font-family:"Lucida Grande", Verdana;} #paginador li a.active {background:#edf0f7;color:#292f3d;} /* HOME *****************************************************************************************************************************/ .home #slider-wrapper {position:relative; width:980px; height:335px; clear:both;} .home #slider-wrapper .navi {position:absolute; left:15px; bottom:15px;} .home #slider-wrapper .navi li {padding:4px 8px; list-style:none; background:#081a2d; color:#fff; display:inline; margin-right:5px; font-weight:bold; cursor:pointer;font-family:"Lucida Grande", Verdana; display:block; float:left;} .home #slider-wrapper .navi li.active {color:#ffc30e;} .home #slider-wrapper #slider{overflow:hidden; width:980px; height:335px; position:relative;} .home #slider #container {width:20000em; height:335px; clear:both; position:absolute;} .home #slider #container .item {position:relative; float:left; width:980px; height:335px;} .home #slider #container .item .info {position:absolute; right:0px; bottom:15px; padding:35px 30px; background:url(../img/bgt_80.png) repeat; width:230px;} .home #slider #container .item .info h3 {font-family:"Lucida Grande", Verdana; font-size:12px; line-height:17px; font-weight:bold; color:#081a2d;} .home #slider #container .item .info a {display:block; padding:13px 30px 13px 10px; border-bottom:1px solid #bbc6d2; text-align:right; color:#292f3d; background:url(../img/btn_ver_detalle.jpg) no-repeat right;} .home #slider #container .item .info p {padding: 10px 0; line-height:17px;} #destacados-home {} #destacado-home ul {width:100%;} #destacado-home ul li {display:inline; width:260px; display:block; float:left; margin:5px 20px; height:225px; font-family:"Lucida Grande", Verdana; font-size:11px;} #destacado-home ul li h1 {font-family:"Myriad Pro", Verdana; font-size:15px; color:#2d3444;border-bottom:1px solid #bbc6d2; padding:10px 0 5px 0; margin-bottom:5px;} #destacado-home ul li {display:inline; width:260px; display:block; float:left; margin:5px 25px; height:200px; font-family:"Lucida Grande", Verdana; font-size:11px;} #destacado-home ul li h1 {font-family:"Myriad Pro", Verdana; font-size:15px; color:#2d3444;border-bottom:1px solid #bbc6d2; padding:10px 0 5px 0; margin-bottom:5px;} #destacado-home ul li p {font-family:"Lucida Grande", Verdana; font-size:11px; padding:5px 0; line-height:19px;} #destacado-home ul li a {display:block; padding:10px 30px 10px 0px; border-bottom:1px solid #bbc6d2; text-align:right; color:#292f3d; background:url(../img/btn_ver_detalle.jpg) no-repeat right;} #destacado-home ul li a:hover {text-decoration:none;} #destacado-home ul li .notimg { overflow:hidden; width:259px; height:80px;} #destacado-home ul li .notimg img{margin-top:-40px;} #destacado-home ul li.first {background-color:#f2f6f9; width:300px; margin-left:0px; padding:10px 25px;} #destacado-home ul li.first h1 {font-family:"Myriad Pro Semibold", Verdana; font-size:18px; color:#2d3444; border-bottom:1px solid #bbc6d2; padding:10px 0;} #destacado-home ul li.last {margin-right:0; float:right;} #destacado-home ul li.first h1 {font-family:"Myriad Pro Semibold", Verdana; font-size:18px; color:#2d3444; border-bottom:1px solid #bbc6d2; padding:10px 0;} #destacado-home ul li.first p {font-family:"Lucida Grande", Verdana; font-size:11px; padding:5px 0; line-height:22px;} /* GRUPO MCI *****************************************************************************************************************************/ #grupo-mci {padding-top:5px; width:100%;} #grupo-mci h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #grupo-mci h1 span {float:right;} #grupo-mci h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #grupo-mci .left {width:190px; float:left; margin-right:35px;} #grupo-mci .left .first {margin-top:5px;} #grupo-mci .left li a {padding:10px; background:#F3F3F5; display:block; margin-bottom:5px; font-family:"Myriad Pro", Verdana; font-size:13px; color:#292f3d; text-transform:uppercase;} #grupo-mci .left li a:hover, #grupo-mci .left li a.active {color:#F3F3F5; background:#292f3d; text-decoration:none;} #grupo-mci .right {width:730px; float:left;} #grupo-mci .right img {margin:5px 0;} #grupo-mci .right .seccion {} #grupo-mci .right .seccion p { font-family:"Lucida Grande", Verdana; font-size:11px; line-height:22px; color:#272727; padding-bottom:30px; text-align:justify;} /* CONTACTO *****************************************************************************************************************************/ #contacto h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #contacto {padding-top:5px;} #contacto #left h2, #contacto #right h2{border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; padding-bottom:8px; text-transform:uppercase; color:#343b51;} #contacto #left {width:250px; float:left; margin-right:8px; background:#EDF0F7; min-height:350px;margin-top:10px; padding:20px;} #contacto #left p {font-size:11px; line-height:15px; font-family:"Lucida Grande", Verdana; padding:10px 0;} #contacto #left form {} #contacto #left label {} #contacto #left label span {display:block; line-height:15px; color:#081a2d; padding:5px 0;} #contacto #left label input[type="text"], #contacto #left label textarea, #contacto #left label select {padding:5px; border:none; background:#fff; width:100%;} #contacto #left .lcle {margin-top:10px; display:block;} #contacto #left label input[type="submit"]{background:url(../img/btn_contacto_submit.png) no-repeat right; text-align:right; padding-right:30px; border:none; height:30px; display:block; margin-top:10px; clear:both; float:right; margin-right:-8px; color:#292f3d;} #contacto #right {width:630px; float:right; margin-left:8px; background:#FAFBFD;height:350px;margin-top:10px; padding:20px 15px} #contacto #right h2 a {float:right; padding:7px; background:#292f3d; color:#fff; margin-top:-6px;} #contacto #right #mapa {padding:10px 0; background:url(../img/spinner_48.gif) no-repeat center;} #contacto #right #mapa .mad {display:none;} #contacto #right #direcciones {} #contacto #right #direcciones ul {clear:both; padding:0 5px; margin:0 auto;} #contacto #right #direcciones li {display:inline; width:185px; float:left; font-family:"Lucida Grande", Verdana; font-size:11px; line-height:16px; color:#292f3d; padding-left:20px; border-left:1px solid #D0D2D9; padding-left:75px;} #contacto #right #direcciones li.first {border:none; padding-left:23px; padding-right:55px; padding-left:75px;} #contacto #right #direcciones li p {} #contacto #right #direcciones li p strong{} #contacto #right #direcciones li a {color:#292f3d; margin-top:10px; display:block; font-weight:bold;} #contacto #right #direcciones li .btn_bcn, #contacto #right #direcciones li .btn_mad {cursor:pointer; display:compact; font-weight:bold;} /* MCI NEWS *****************************************************************************************************************************/ #mci-news {padding-top:5px; width:100%;} #mci-news h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #mci-news h1 span {float:right;} #mci-news h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-4px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #mci-news h1 a.active {color:#F0F2F8; background:#292f3d;} #mci-news ul {padding:10px 0px; margin:0; width:100%;} #mci-news li.item {width:275px; padding:15px; float:left; background:#edf0f7; margin-right:31px; margin-bottom:26px; margin-top:5px; position:relative;} #mci-news li.last {margin-left:0px; margin-right:0px;} #mci-news li.item .img { overflow:hidden; width:90px; height:90px;float:left; margin-right:10px;} #mci-news li.item img {float:left; padding-right:10px;} #mci-news li.item p {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 10px 100px;border-bottom:1px solid #C6CAD4; padding-bottom:5px; text-transform:uppercase; color:#292f3d;} #mci-news li.item a {position:absolute; right:15px; bottom:15px; background:url(../img/btn_ver_detalle.jpg) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d;} /* MCI NOTICIAS *****************************************************************************************************************************/ #mci-noticias {padding-top:5px; width:100%;} #mci-noticias h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #mci-noticias h1 span {float:right; width:auto; clear:none; margin-top:-2px; *margin-top:-25px;} #mci-noticias h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:215px;*width:215px; display:compact;*display:compact; float:left; line-height:24px;} #mci-noticias h1 a.active {color:#F0F2F8; background:#292f3d;} #mci-noticias ul {padding:10px 0px; margin:0; width:100%;} #mci-noticias li.item {width:275px; padding:15px; *padding:15px; float:left; background:#fafbfd; margin-right:31px; margin-bottom:26px; margin-top:5px; *display:block; min-height:175px; *min-height:165px;*margin-bottom:0px;} #mci-noticias li.item:hover {background:#edf0f7;} #mci-noticias li.last {margin-left:0px; margin-right:0px;} #mci-noticias li.item h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 10px 0px;border-bottom:1px solid #C6CAD4; padding-bottom:5px;color:#292f3d;} #mci-noticias li.item .detalle .notimg { overflow:hidden; width:90px; height:80px;float:left; margin-right:10px; margin-bottom:10px;*margin-bottom:10px;} #mci-noticias li.item .data {padding:0; font-size:11px; margin:auto; border:none;font-family:"Lucida Grande", Verdana; line-height:24px; color:#292f3d;} #mci-noticias li.item .detalle {display:block; clear:both;} #mci-noticias li.item .detalle img {margin-left:-12px;} #mci-noticias li.item .detalle p {padding:0 10px; font-size:11px; margin:0; border:none;font-family:"Lucida Grande", Verdana; line-height:15px; color:#292f3d; vertical-align:top;} #mci-noticias .item .ir {border-top:1px solid #C6CAD4;} #mci-noticias li.item .ir a, #mci-noticias .item a {display:block; clear:both;background:url(../img/btn_ver_detalle.jpg) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; text-align:right; margin-top:10px;*margin-bottom:0px; *margin-top:10px;} /* DETALLE NOTICIA *****************************************************************************************************************************/ #detalle-noticia {padding-top:5px; width:100%;} #detalle-noticia h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #detalle-noticia h1 span {float:right; *margin-top:-25px} #detalle-noticia h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #detalle-noticia h1 a.active {color:#F0F2F8; background:#292f3d;} #detalle-noticia .item {display:block; background:#FAFCFE; margin-top:10px; padding:10px;} #detalle-noticia .item .data {font-size:11px; border:none;font-family:"Lucida Grande", Verdana; line-height:15px;} #detalle-noticia .item h2 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px;color:#343b51; margin-bottom:20px;} #detalle-noticia .item .img {float:left; margin-right:20px; width:400px; margin-bottom:20px;} #detalle-noticia .item .text {display:block; float:left; width:540px;} #detalle-noticia .item .text p {padding:0 10px 10px 10px; font-size:11px; margin:auto; border:none;font-family:"Lucida Grande", Verdana; line-height:15px; color:#292f3d; text-align:justify;} #detalle-noticia .volver {display:block; clear:both;border-top:1px solid #C6CAD4; padding:15px 0; text-align:right;} #detalle-noticia .volver a {display:block; line-height:30px; background:url(../img/btn_volver.png) no-repeat right;padding-right:35px; font-family:"Lucida Grande", Verdana; color:#292f3d;} /* MCI DESCARGAS *****************************************************************************************************************************/ #descargas {padding-top:5px; width:100%;} #descargas h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #descargas h1 a.active {color:#F0F2F8; background:#292f3d;} #descargas ul {padding:10px 0px; margin:0; width:100%;} #descargas li.item {width:275px; padding:15px; float:left; background:#FAFCFE; margin-right:31px; margin-bottom:26px; margin-top:5px; position:relative; min-height:400px; display:block; border:1px solid f00;} #descargas li.item:hover {background:#edf0f7;} #descargas li.last {margin-left:0px; margin-right:0px;} #descargas li.item .img {padding:10px; background:#fff; text-align:center; display:block;} #descargas li.item h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 10px 0px;border-bottom:1px solid #C6CAD4; padding-bottom:5px; text-transform:uppercase; color:#292f3d;} #descargas li.item p {display:block; font-family:"Lucida Grande", Verdana; font-size:11px; line-height:17px; padding:10px 0;} #descargas li.item a {display:block; text-align:right; background:url(../img/btn_descargas.png) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d;} /* MCI PROYECTOS *****************************************************************************************************************************/ #proyectos {padding-top:5px; width:100%;} #proyectos h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #proyectos h1 a.active {color:#F0F2F8; background:#292f3d;} #proyectos ul {padding:10px 0px; margin:0; width:100%;} #proyectos li.item {width:293px; *height:275px; padding:15px; float:left; background:#FAFCFE; margin-right:5px; margin-bottom:26px; margin-top:5px; position:relative;} #proyectos li.item:hover {background:#edf0f7;} #proyectos li.last {margin-left:0px; margin-right:0px;} #proyectos li.item .img {padding:0px; text-align:center; display:block;} #proyectos li.item h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 10px 0px; padding-bottom:5px; text-transform:uppercase; color:#292f3d;} #proyectos li.item p {display:block; font-family:"Lucida Grande", Verdana; font-size:11px; line-height:17px; padding:10px 0;} #proyectos li.item a {display:block; text-align:right; background:url(../img/btn_contacto_submit.png) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d;} /* MCI PRODUCTOS *****************************************************************************************************************************/ #productos {padding-top:5px; width:100%;} #productos h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #productos h1 span {float:right;} #productos h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #productos .left {width:190px; float:left; margin-right:35px;} #productos .left .first {margin-top:5px;} #productos .left li a {padding:10px; background:#F3F3F5; display:block; margin-bottom:5px; font-family:"Myriad Pro", Verdana; font-size:13px; color:#292f3d; text-transform:uppercase;} #productos .left li a:hover, #productos .left li a.active {color:#F3F3F5; background:#292f3d; text-decoration:none;} #productos .right {padding:0; margin:0;width:755px; margin-right:-30px; float:left;} #productos .right .items {margin:0; padding:0; width:100%;} #productos .right .items ul {padding:0px 0px 0px 0px; margin:0; width:100%;} #productos .right .items li.item {width:210px; padding:15px; float:left; background:#edf0f7; margin-right:10px; margin-left:5px; margin-bottom:10px; margin-top:5px; position:relative;} #productos .right .items li.item:hover {background:#FAFCFE;} #productos .right .items li.last {margin-left:5px; margin-right:0px;} #productos .right .items li.item .img {padding:0; background:#fff; text-align:center; display:block; overflow:hidden; height:135px; width:210px;} #productos .right .items li.item .img img {width:210px;} #productos .right .items li.item h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 0px 0px;border-bottom:1px solid #C6CAD4; padding-bottom:5px; color:#292f3d;} #productos .right .items li.item p {display:block; font-family:"Lucida Grande", Verdana; font-size:11px; line-height:17px; padding:10px 0;} #productos .right .items li.item a {display:block; text-align:right; background: url(../img/btn_ver_detalle.jpg) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:10px;} /* MCI PRODUCTOS-BUSCADOR *****************************************************************************************************************************/ #productos-buscador {padding-top:5px; width:100%;} #productos-buscador h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #productos-buscador h1 span {float:right;} #productos-buscador h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #productos-buscador .left {width:190px; float:left; margin-right:35px;} #productos-buscador .left .first {margin-top:5px;} #productos-buscador .left li a {padding:10px; background:#F3F3F5; display:block; margin-bottom:5px; font-family:"Myriad Pro", Verdana; font-size:15px; color:#292f3d; text-transform:uppercase;} #productos-buscador .left li a:hover, #productos-buscador .left li a.active {color:#F3F3F5; background:#292f3d; text-decoration:none;} #productos-buscador .right {padding:0; margin:0;width:100%; margin-right:-30px; float:left;} #productos-buscador .right .items {margin:0; padding:0; width:100%;} #productos-buscador .right .items ul {padding:0px 0px 0px 0px; margin:0; width:100%;} #productos-buscador .right .items li.item {width:210px; padding:10px; float:left; background:#edf0f7; margin-right:10px; margin-left:5px; margin-bottom:10px; margin-top:5px; position:relative;} #productos-buscador .right .items li.item:hover {background:#FAFCFE;} #productos-buscador .right .items li.last {margin-left:5px; margin-right:0px;} #productos-buscador .right .items li.item .img {padding:0; background:#fff; text-align:center; display:block; overflow:hidden; height:135px; width:210px;} #productos-buscador .right .items li.item .img img {width:210px;} #productos-buscador .right .items li.item h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 0px 0px;border-bottom:1px solid #C6CAD4; padding-bottom:5px; color:#292f3d;} #productos-buscador .right .items li.item p {display:block; font-family:"Lucida Grande", Verdana; font-size:11px; line-height:17px; padding:10px 0;} #productos-buscador .right .items li.item a {display:block; text-align:right; background: url(../img/btn_ver_detalle.jpg) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:10px;} /* MCI DETALLE PRODUCTO *****************************************************************************************************************************/ #productos #producto-detalle {width:725px; background:#edf0f7; padding:15px; margin-top:5px;} #productos #producto-detalle h2 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 0px 0px;border-bottom:1px solid #C6CAD4; padding-bottom:5px; color:#292f3d;} #productos #producto-detalle h3 {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:15px; margin:10px 0px 0px 0px;border-bottom:1px solid #C6CAD4; padding-bottom:5px; color:#292f3d;} #productos #producto-detalle .left {width:270px; margin-right:30px;} #productos #producto-detalle .left .galeria {overflow:hidden; width:270px; height:169px;} #productos #producto-detalle .left .caracteristicas {padding:10px 0;} #productos #producto-detalle .left .caracteristicas li {display:inline; float:left; width:130px;margin-right:10px;} #productos #producto-detalle .left .caracteristicas .last {margin-right:0px;} #productos #producto-detalle .left .caracteristicas li span {font-family:"Lucida Grande", Verdana; font-size:11px; font-weight:bold; margin-bottom:5px; display:block;} #productos #producto-detalle .left .caracteristicas li p {display:block; padding:5px; background:#fff;margin-bottom:5px;} #productos #producto-detalle .left .proyectos {padding:10px 0;} #productos #producto-detalle .left .proyectos li {list-style:none; padding-bottom:3px; padding-left:5px;font-family:"Lucida Grande", Verdana; font-size:11px; font-weight:bold;} #productos #producto-detalle .left .proyectos li a{font-family:"Lucida Grande", Verdana; font-size:11px; font-weight:bold; background:none; margin:0; padding:0;} #productos #producto-detalle .left .proyectos li a{color:#292f3d} #productos #producto-detalle .right {width:420px;} #productos #producto-detalle .right h4 {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:15px; margin:10px 0px 5px 0px; font-weight:bold;} #productos #producto-detalle .right .item {width:400px; padding:10px; background:#fff;} #productos #producto-detalle .right .item p {line-height:18px;} #productos #producto-detalle .right .list {padding:0px; background:#edf0f7} #productos #producto-detalle .right .item li {padding:7px;margin-bottom:2px; background:#fff;width:406px;} #productos #producto-detalle .right .item li strong {padding:5px; margin-left:-6px; color:#fff; background:#292f3d; margin-right:10px;} #productos #producto-detalle .ficheros a {display:block; text-align:right; background: url(../img/btn_descargas.png) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:10px;} #productos #producto-detalle #botonera {} #productos #producto-detalle #botonera span{display:block;font-family:"Lucida Grande", Verdana; font-size:11px; font-weight:bold;border-bottom:1px solid #C6CAD4; padding:5px 0;} #productos #producto-detalle #botonera .left {float:left; width:600px;display:inline;} #productos #producto-detalle #botonera .left a {display:block; width:auto; text-align:right; background:url(../img/btn_descargas.png) no-repeat left; line-height:30px; padding-left:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:10px; float:left; margin-right:15px;} #productos #producto-detalle #botonera .left strong {font-weight:normal; margin-top:20px; display:block;} #productos #producto-detalle #botonera .right {text-align:right;width:100px; float:right; padding-right:25px;} #productos #producto-detalle #botonera .right a {display:block; width:60px; text-align:right; background:url(../img/btn_volver.png) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:10px; float:right; margin-right:5px;} /* PROYECTOS SUBMARCA *****************************************************************************************************************************/ #proyectos-submarca {padding-top:5px; width:100%;} #proyectos-submarca h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #proyectos-submarca h1 span {float:right;} #proyectos-submarca h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #proyectos-submarca .left {width:330px; float:left; margin-right:35px;} #proyectos-submarca .left ul {margin-top:10px;} #proyectos-submarca .left .first {margin-top:5px;} #proyectos-submarca .left li {background:#edf0f7; padding:10px; margin-bottom:10px;} #proyectos-submarca .left li:hover, #proyectos-submarca .left li:hover a, #proyectos-submarca .left li.active, #proyectos-submarca .left li.active a {background:#FAFCFE;} #proyectos-submarca .left li .img {float:left; overflow:hidden; width:140; height:58px; margin-right:10px;} #proyectos-submarca .left li .img img {} #proyectos-submarca .left li h2 a{font-family:"Myriad Pro", Verdana; font-size:13px; line-height:18px; margin-bottom:5px; text-transform:uppercase;} #proyectos-submarca .left li a {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:15px; color:#292f3d;} #proyectos-submarca .left li a:hover, #proyectos-submarca .left li a.active {background:#FAFCFE; text-decoration:none;} #proyectos-submarca .right {width:610px; float:left;} #proyectos-submarca .right ul {padding-top:10px;} #proyectos-submarca .right li {display:block; width:260px; float:left; padding:18px;background:#edf0f7; margin-right:18px; margin-bottom:18px;} #proyectos-submarca .right li:hover, #proyectos-submarca .right li:hover h3, #proyectos-submarca .right li:hover p {background:#FAFCFE;} #proyectos-submarca .right li:hover a {} #proyectos-submarca .right li h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 5px 0px; padding-bottom:5px; text-transform:uppercase; color:#292f3d;border-bottom:1px solid #C6CAD4;} #proyectos-submarca .right .last {margin-right:0px;} #proyectos-submarca .right li .img {overflow:hidden; width:260px; height:80px;} #proyectos-submarca .right {-moz-column-width: 350px;-webkit-column-width: 370px;-moz-column-gap: 30px;-webkit-column-gap: 30px;} #proyectos-submarca .right li p {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:18px; color:#272727; padding-bottom:10px; padding-top:10px; text-align:justify;} #proyectos-submarca .right li a {display:block; text-align:right; background: url(../img/btn_ver_detalle.jpg) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:0px;} /* DETALLE PROYECTO SUBMARCA *****************************************************************************************************************************/ #detalle-proyectos-submarca {padding-top:5px; width:100%;} #detalle-proyectos-submarca h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} #detalle-proyectos-submarca h1 span {float:right;} #detalle-proyectos-submarca h1 a {padding:2px 4px 0px 4px; background:#F0F2F8; color:#292f3d; margin-top:-2px; margin-left:5px; width:220px; display:block; float:left; line-height:24px;} #detalle-proyectos-submarca .left {width:330px; float:left; margin-right:35px;} #detalle-proyectos-submarca .left ul {margin-top:10px;} #detalle-proyectos-submarca .left .first {margin-top:5px;} #detalle-proyectos-submarca .left li {background:#edf0f7; padding:10px; margin-bottom:10px;} #detalle-proyectos-submarca .left li:hover, #detalle-proyectos-submarca .left li:hover a, #detalle-proyectos-submarca .left li.active, #detalle-proyectos-submarca .left li.active a {background:#FAFCFE;} #detalle-proyectos-submarca .left li .img {float:left; overflow:hidden; width:140; height:58px; margin-right:10px;} #detalle-proyectos-submarca .left li .img img {} #detalle-proyectos-submarca .left li h2 a{font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin-bottom:5px; text-transform:uppercase;} #detalle-proyectos-submarca .left li a {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:15px; color:#292f3d;} #detalle-proyectos-submarca .left li a:hover, #proyectos-submarca .left li a.active {background:#FAFCFE; text-decoration:none;} #detalle-proyectos-submarca .right {width:610px; float:left;} #detalle-proyectos-submarca .right .item {background:#edf0f7; margin-top:10px; padding:10px; position:relative;} #detalle-proyectos-submarca .right .item ul {} #detalle-proyectos-submarca .right .item li {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:13px; color:#272727; padding:3px; text-align:justify;list-style:disc; list-style-position:inside;} #detalle-proyectos-submarca .right .item h3 {font-family:"Myriad Pro", Verdana; font-size:15px; line-height:18px; margin:0px 0px 5px 0px; padding-bottom:5px; text-transform:uppercase; color:#292f3d;border-bottom:1px solid #C6CAD4;} #detalle-proyectos-submarca .right .item .img {overflow:hidden; width:590px; height:202px;} #detalle-proyectos-submarca .right #slider-wrapper {position:relative; width:590px; height:202px; clear:both;} #detalle-proyectos-submarca .right #slider-wrapper .navi {position:absolute; left:15px; bottom:15px;} #detalle-proyectos-submarca .right #slider-wrapper .navi li {padding:4px 8px; list-style:none; background:#081a2d; color:#fff; display:inline; margin-right:5px; font-weight:bold; cursor:pointer;font-family:"Lucida Grande", Verdana; display:block; float:left;æ#å} #detalle-proyectos-submarca .right #slider-wrapper .navi li.active {color:#ffc30e;} #slider-wrapper #slider{overflow:hidden; width:590px; height:202px; position:relative;} #detalle-proyectos-submarca .right #slider #container {width:20000em; height:202px; clear:both; position:absolute;} #detalle-proyectos-submarca .right #slider #container .items {position:relative; float:left; width:590px; height:202px;} #detalle-proyectos-submarca .right .item p {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:18px; color:#272727; padding:10px 3px; text-align:justify;} #detalle-proyectos-submarca .right .item .ileft {float:left; width:40%;} #detalle-proyectos-submarca .right .item .ileft li {padding:5px 3px; list-style:none;} #detalle-proyectos-submarca .right .item .ileft li a {font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:0px; margin-bottom:3px; font-weight:bold;} #detalle-proyectos-submarca .right .item .iright {float:right; width:40%; vertical-align:bottom; position:absolute; right:20px; bottom:60px;} #detalle-proyectos-submarca .right .item .iright a {display:compact; float:right; text-align:right; background: url(../img/btn_descargas.png) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:0px; margin-right:-10px;} #detalle-proyectos-submarca .right .item .volver {margin:10px 0; border-bottom:1px solid #DEDFE3; display:block;} #detalle-proyectos-submarca .right .item .volver a {display:compact; float:right; text-align:right; background: url(../img/btn_volver.png) no-repeat right; line-height:30px; padding-right:30px; font-family:"Lucida Grande", Verdana; color:#292f3d; margin-top:10px;} /* NyroModal *****************************************************************************************************************************/ div#nyroModalFull {font-size: 12px;color: #777;} div#nyroModalLoading {width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/ajaxLoader.gif) no-repeat;background-position: center;} div#nyroModalLoading.error {border: 10px solid #fff;line-height: 20px;padding: 20px;width: 250px;height: 150px;text-indent: 0;background: #fff;-moz-border-radius:3px;-webkit-border-radius:3px;} div#nyroModalLoading.error p {padding:0px 7px;} div#nyroModalWrapper {background: #f4f4f4;border: 10px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} a#closeBut {position: absolute;display: block;top: -25px;right: -25px;width: 30px;height: 30px;text-indent: -9999em;outline: 0;background-image: url(../img/fancy_closebox.png);background-repeat: no-repeat;} h1#nyroModalTitle {margin: 0;padding: 0;position: absolute;top: -22px;left: 5px;bottom:5pxfont-size: 14px;font-weight:bold;color: #ddd;display:none;} div.wrapper div#nyroModalContent {padding: 5px;} div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;} div.wrapperImg img {vertical-align: baseline;} div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: #333;padding: 10px;margin: 0px;overflow: hidden;opacity: 0.8;filter: alpha(opacity=80);color:#FFF;text-align:left;} div.wrapperImg div#nyroModalContent div:hover {opacity: 0.8;filter: alpha(opacity=80);cursor: help;} a.nyroModalPrev, a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */} div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%;width: 20%;} a.nyroModalPrev {left: 0;} a.nyroModalPrev:hover {background: url(../img/prev.gif) left 20% no-repeat;} a.nyroModalNext {right: 0;} a.nyroModalNext:hover {background: url(../img/next.gif) right 20% no-repeat;} div.wrapper div#nyroModalContent h1 {border-bottom:1px solid #DEDFE3; font-family:"Myriad Pro", Verdana; font-size:15px; line-height:24px; text-transform:uppercase; color:#343b51;} div.wrapper div#nyroModalContent p {font-family:"Lucida Grande", Verdana; font-size:11px; line-height:18px; color:#272727; padding:5px 3px; text-align:justify;}