/* MPLC México styles - v1.0 by momentum media design s.a. de c.v. http://www.momentum.com.mx/ */ /* ******* 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; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline } :focus { outline: 0 } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "\00AB" "\00BB" } input, textarea { margin: 0; padding: 0 } /* ******* general ******* */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 68.75%; color: #666; background: url(common/fnd.gif) top repeat-x #51626c } #container { width: 762px; margin: 0 auto 0 auto; background: #fff } /* encabezados */ h3, h4, h5, h6 { color: #ac1216; font-weight: bold } /* links */ a { color: #094394; font-weight: inherit; font-style: inherit; text-decoration: none } a:focus, a:hover { text-decoration: underline } a.masLink, a.btnPrint { display: block; text-align: right; margin: 3px } a.masLink { padding-right: 15px; height: auto !important; font-weight: bold; font-size: 0.8em; text-transform: uppercase; background: url(common/bullet-doble.gif) center right no-repeat !important } a.btnPrint { margin: 15px 0 35px 0; padding-right: 25px; color: #ac1216; background: url(common/ico_print.gif) right no-repeat } /* formas */ #contents label { display: block; color: #ac1216; } #contents label input, #contents label textarea { display: block } input, textarea { margin: 2px; padding: 1px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: inherit; color: #666 } input[type="button"], input[type="submit"] { font-size: 1em; background: #ac1216; border: 1px solid #000; font-weight: bold; color: #fff } /* elementos ocultos */ hr, #header h1 span, #mainMnu span, #contents h2 span, #mmd span, #home li#mnuBlo { display: none } /* ******* header ******* */ #header { position: relative; z-index: 10; height: 118px; background: url(common/topbanner_shadow.png) bottom right no-repeat } #header h1 { display: block; width: 762px; height: 91px; background: url(common/topbanner.jpg) right top no-repeat } #header h1 a { display: block; width: 242px; height: 91px; background: url(common/logo.gif) no-repeat } /* main menu */ #mainMnu { position: relative; z-index: 1; display: block; width: 144px; margin: -8px 0 10px 0; float: left; padding: 0 0 60px 21px; border-right: 1px solid #c1c1c1 } #mainMnu li { display: block; padding-left: 17px; background: url(common/bullet.gif) 0 6px no-repeat; border-bottom: 1px solid #c1c1c1 } #mainMnu li a, #mainMnu li em { display: block; height: 21px; background: left no-repeat } #home #mainMnu { width: 200px } li#mnuUse a { background-image: url(common/mnu_usos.gif); height: 29px } li#mnuQns a { background-image: url(common/mnu_quienes.gif) } li#mnuLis a { background-image: url(common/mnu_umbrella.gif) } li#mnuLey a { background-image: url(common/mnu_acerca.gif) } li#mnuCon a { background-image: url(common/mnu_contacto.gif) } li#mnuObt a { background-image: url(common/mnu_obtenga.gif) } li#mnuFaq a { background-image: url(common/mnu_faq.gif) } li#mnuInt a { background-image: url(common/mnu_enlaces.gif) } li#mnuPre a { background-image: url(common/mnu_prensa.gif) } li#mnuCli a { background-image: url(common/mnu_clientes.gif) } li#mnuBlo a { background-image: url(common/mnu_blog.gif) } li#mnuDis a { background-image: url(common/mnu_distribuidores.gif) } li#mnuGal a { background-image: url(common/mnu_galeria.gif) } li#mnuMun em { background-image: url(common/mnu_mundo.gif); cursor: pointer } li#mnuMun { border: none } /* mplc en el mundo */ li#mnuMun ul { padding: 3px 0 } li#mnuMun li { background: left no-repeat; border: 0; margin: 0; padding: 0 } li#mnuMun li a { background: none } li#mnuMun li span { display: inline } /* usos de la licencia */ /*li#use { padding: 20px 0 0 0; width: 144px; background: none; border: none; font-weight: bold; color: #ac1216 } li#use a.masLink { margin-top: 15px } li#use ul { padding: 5px 0 } */ li#mnuUse ul { margin-left: -17px; padding-bottom: 5px } li#mnuUse li span { display: inline } li#mnuUse li a { background: none; height: auto } li#mnuUse li { border: none; display: block; margin: 0; padding: 2px 0 4px 30px; width: 100px } li#useVid { background: url(common/use_vid.gif) left no-repeat } li#useAud { background: url(common/use_aud.gif) left no-repeat } li#useMon { background: url(common/use_mon.gif) left no-repeat } li#useAut { background: url(common/use_aut.gif) left no-repeat } li#useCul { background: url(common/use_cul.gif) left no-repeat } li#useCor { background: url(common/use_cor.gif) left no-repeat } /* ******* contents ******* */ #contents { margin: -18px 0 10px 165px; padding: 35px 0 40px 44px; width: 500px; border-left: 1px solid #c1c1c1 } /* títulos */ #contents h2, h2#blg { display: block; height: 38px; background: left top no-repeat } h2#qns { background-image: url(common/title_quienes.gif) } h2#umb { background-image: url(common/title_umbrella.gif) } h2#ley { background-image: url(common/title_ley.gif) } h2#con { background-image: url(common/title_contacto.gif) } h2#obt { background-image: url(common/title_obtenga.gif) } h2#faq { background-image: url(common/title_faq.gif) } h2#enl { background-image: url(common/title_enlaces.gif) } h2#pre { background-image: url(common/title_prensa.gif) } h2#cli { background-image: url(common/title_clientes.gif) } h2#blg { background-image: url(common/title_blog.gif); padding-bottom: 50px } h2#dis { background-image: url(common/title_distribuidores.gif) } h2#gal { background-image: url(common/title_galeria.gif) } h2#uso { background-image: url(common/title_usos.gif) } h2#pri { background-image: url(common/title_privacidad.gif) } h2#leg { background-image: url(common/title_aviso.gif) } /* home */ #txt { display: none } #contents.flash { margin: 0; padding: 0 0 20px 0; border: none } #flashHome { position: absolute; z-index: 3; top: 91px; margin-left: -65px } body#home #contents h2, body#home #contents h3, body#home #contents p, body#home #contents a { width: 400px; padding-left: 230px } body#home #contents h2 { font-size: 1.5em; color: #ac1216 } body#home #contents h2 span { display: inline } body#home #mainMnu { border: none } /* páginas interiores */ #contents p { line-height: 1.3em; padding-bottom: 1.3em; font-style: inherit } #contents strong { font-weight: bold } #contents em { font-style: italic } #contents ul { padding-bottom: 1.3em } #contents h3 { padding: 2.6em 0 1.3em 0 } #contents h4 { padding-left: 12px } #contents li, #contents ol, #contents ul { font-style: inherit; font-weight: inherit } #contents ol li { list-style: decimal outside; margin-left: 36px } #contents ul li { list-style: url(common/bullet.gif) outside; margin-left: 36px } #contents dd { margin-left: 24px; padding: 0 0 10px 12px; background: url(common/bullet.gif) 0 4px no-repeat } #contents dt { display: inline; float: left; padding: 0 10px 0 36px; color: #ac1216 } #contents dd p { clear: both } #contents dt span { display: block } #contents .faq dt { width: 90% } #contents blockquote { padding: 0 30px 0 30px; font-style: italic; } #contents blockquote em { color: #000 } #contents ol.law li { list-style-type: upper-roman } #contents ol.subLaw li { list-style-type: lower-latin } #contacto { padding-left: 50px } #contacto input[type="text"] { width: 200px } #contacto label { padding-bottom: 10px } #contacto textarea { width: 300px; height: 100px } .descargas { margin-bottom: 20px } .descargas li { display: block; list-style: none; padding: 10px 0 10px 30px; background: left no-repeat } li.pdf { background-image: url(common/icon_pdf.gif) } li.aud { background-image: url(common/icon_sound.gif) } .syn { font-weight: bold; color: #094394 } .lStr strong { padding-right: 10px } .temp { font-style: italic !important; text-align: center } abbr { border-bottom: 1px dotted #ac1216; cursor: help } /* ******* footer ******* */ #footer { height: 37px; clear: both; background: url(common/lowbar.gif) top no-repeat #51626c } #footer p { position: relative; top: 42px; padding-bottom: 15px; padding-left: 10px; color: #fff; font-size: 0.9em } #footer a { color: #fff } #mmd { display: block; float: right } #mmd a { display: block; width: 50px; height: 45px; margin-top: -30px; background: url(common/mmd.gif) no-repeat } /* ******* blog ******* */ /* sidebar */ li#sBarBlog, li#newsForm { margin-top: 20px; padding: 0; background: none; border: 0 } li#sBarBlog li { padding: 0; background: none; border: 0 } li#sBarBlog ul ul { padding-bottom: 20px } li#sBarBlog ul ul li { display: block; padding: 2px 0 0 17px; background: url(common/bullet.gif) 0 5px no-repeat } li#sBarBlog a, li#newsForm a { display: inline; width: auto; margin: 0; padding: 0 } li#sBarBlog p, li#newsForm p { padding-bottom: 20px } li#sBarBlog #searchform { padding-bottom: 15px } li#sBarBlog #searchform input[type="text"], li#sBarBlog #mensajes input[type="text"], li#newsForm input[type="text"] { width: 130px } li#sBarBlog #searchform input[type="submit"], li#newsForm input[type="submit"] { display: block; margin: 0 6px 0 auto } li#sBarBlog #tagCloud { margin: 0 10px 20px -10px } li#sBarBlog #tagCloud h4 { margin-left: 10px; } /* posts */ body#blog h2 { font-size: 1.6em; color: #ac1216 } .post { margin-bottom: 20px } .post small { display: block; margin: -15px 0 20px 20px; font-style: italic } .postmetadata { padding-left: 20px } .entry .alt small { padding: 30px 0 50px 0; font-size: 0.9em } #contents #searchform input[type="text"] { width: 250px } .search small { margin-top: 0 } /* comentarios */ .commentlist { padding: 10px 0 20px 0 } .commentlist li { padding: 10px } .commentlist li.alt { background: #f3f3f3 } .commentlist img { display: block; margin: 0 5px 5px 0; float: left } .commentmetadata { display: block; margin: 0 0 20px 0; padding: 0 } #commentform { padding-top: 10px } #commentform input[type="text"] { width: 150px } #commentform textarea { width: 430px; height: 150px } /* shoutbox */ #mensajes { margin-top: 50px; padding-top: 10px; border-top: 1px solid #ccc } #mensajes h3 { padding-bottom: 20px } #mensajes form { display: block; width: 130px; height: 200px; margin-left: 370px; clear: none } #mensajes label { color: #ac1216 } #frameMensajes { width: 350px; height: 200px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc } body#sBox { background: #fff none } #shoutbox li { display: block; width: 100%; } #shoutbox li.even { background: #efefef } #shoutbox strong { display: block; font-weight: bold; padding: 5px 5px 0 5px; float: left } #shoutbox em { display: block; padding: 5px 5px 0 0 } #shoutbox p { display: block; padding: 0 5px 5px 5px; clear: both } .pictBox { float: left; border: 1px solid #efefef; padding: 2px; margin: 0 10px 5px 0; font-style: italic } .pictBox img { display: block } /* ******* estilos por browser ******* */ /* ie6 */ #header div.ie6Wrap { height: 118px; background: url(common/topbanner_shadow_ie6.gif) bottom no-repeat } #header.ie6 { background-image: none } #mainMnu.ie6 { margin-top: 0; border: none } #contents.ie6 { position: relative; left: -3px } #flashHome.ie6 { top: 0; margin-top: -26px } #ie6EndClear { clear: both; height: 60px; } /* ie */ #contents.ie, #mainMnu.ie { border: 0 none } /* #footer.ie { background: #ff0 } */ /* safari, opera */ #flashHome.saf { margin-left: 156px } /* fin */