/*------------------------------------------------------------------------------------------------ Reset ----------------------------------------------------------------------------------------------*/ body { width: 938px; margin: 0 auto; padding:0; font: 10px Verdana,Arial,Helvetica,sans-serif; background: #000000 url(fondo-body.jpg) repeat-x center bottom; } p, h1, h2, h3, h4, h4, div, li, a, img { margin: 0; padding: 0; } .textoCMS { margin: 18px 0; } img { border: none; } /* Listas */ ul, ol, dl { margin: 0px 0px 18px; padding: 0 13px; } ul ul, ul ul ul, ol ol, ol ol ol { margin: 0; padding: 0 36px;} ul { list-style: square; } ul ul { list-style: disc; } ul ul ul { list-style: circle; } ol { list-style: decimal inside; } ol ol { list-style: upper-roman; } ol ol ol { list-style: upper-alpha; } li { margin: 0; padding: 0;} ul p, ol p, dt p, dd p { margin: 0; } dt { font-weight: bold; margin: 18px 0 0;} dd { margin: 0 18px; } /* Forms */ label { font: bold 13px/18px Arial, Helvetica, sans-serif; color: #333333; margin: 0; } label span { font: normal 12px/18px Arial, Helvetica, sans-serif; color: #333333; margin: 0; } input, textarea { padding: 0.3em; margin-bottom: 4px;} /* Fuentes */ @font-face { font-family: 'dcr'; src: url('../fonts/dcr.eot'); src: url('../fuentes/DispatchCond-Reg.ttf') format('truetype'); } /* @font-face{ font-family: 'dcr'; src: url('../fuentes/dcr.eot'); } @font-face{ font-family: 'dcr'; src: url('../fuentes/DispatchCond-Reg.ttf') format('truetype'); } */ /*------------------------------------------------------------------------------------------------ Layout ----------------------------------------------------------------------------------------------*/ #contenedor { background: #ebf8ff url(fondo-top.jpg) no-repeat left top; margin-top: 25px; } #contenedor .padding { background: url(fondo-bottom-container.jpg) repeat-x left bottom; padding: 25px; } /*------------------------------------------------------------------------------------------------ Top ----------------------------------------------------------------------------------------------*/ #top { margin: 0; padding: 0; width: 100%; } #top h1 { position: absolute; margin: -10px 0 0 -56px; padding: 0; width: 563px; height: 110px;} #top h1 a, #encabezado h1 a:hover { float: left; display:block; text-indent:-9999px; width: 563px; height: 110px; margin: 0; padding: 0; background: url(LogoSeleccionMania.png) no-repeat left top; text-decoration: none; outline: none; } #top p { position: absolute; margin: 19px 0 0 729px; padding: 0; width: 139px; height: 58px;} #top p a { float: left; display:block; text-indent:-9999px; margin: 0; padding: 0; width: 139px; height: 58px; background: url(envios-a-todo-el-pais.png) no-repeat left top; text-decoration: none; outline: none; text-decoration: none; outline: none; } /*------------------------------------------------------------------------------------------------ Navegacion ----------------------------------------------------------------------------------------------*/ #nav { margin: 111px 0px 0px -6px; padding: 0;} #nav ul { width: 888px; list-style:none; margin: 0; padding: 0; height: 31px; overflow: hidden; clear: both; } #nav ul li { margin:0; padding:0; display:inline; } #nav ul li a { float:left; height:31px; margin:0px; padding: 31px 0 0; overflow:hidden; outline: none; } #nav #nav-fotos a { background: url(nav.gif) no-repeat 0px 0px; width: 88px; } #nav #nav-caricaturas a { background:url(nav.gif) no-repeat -88px 0px; width: 145px; } #nav #nav-merch a { background:url(nav.gif) no-repeat -233px 0px; width: 170px; } #nav #nav-cumples a { background:url(nav.gif) no-repeat -403px 0px; width: 148px; } #nav #nav-videos a { background:url(nav.gif) no-repeat -551px 0px; width: 102px; } #nav #nav-novedades a { background:url(nav.gif) no-repeat -653px 0px; width: 134px; } #nav #nav-contacto a { background:url(nav.gif) no-repeat -787px 0px; width: 101px; } #nav #nav-fotos a:hover { background:url(nav.gif) no-repeat 0 -31px; } #nav #nav-caricaturas a:hover { background:url(nav.gif) no-repeat -88px -31px; } #nav #nav-merch a:hover { background:url(nav.gif) no-repeat -233px -31px; } #nav #nav-cumples a:hover { background:url(nav.gif) no-repeat -403px -31px; } #nav #nav-videos a:hover { background:url(nav.gif) no-repeat -551px -31px; } #nav #nav-novedades a:hover { background:url(nav.gif) no-repeat -653px -31px; } #nav #nav-contacto a:hover { background:url(nav.gif) no-repeat -787px -31px; } /*------------------------------------------------------------------------------------------------ Splash Home ----------------------------------------------------------------------------------------------*/ #splash-home { background: url(splash-home-1.jpg) no-repeat left top; height: 296px; width: 938px; margin: 10px -43px 25px; border-top: 19px solid #FFFFFF; border-right: 18px solid #FFFFFF; border-bottom: 19px solid #FFFFFF; border-left: 18px solid #FFFFFF; } #splash-home h1, #splash-home p{ display: none; } /*------------------------------------------------------------------------------------------------ Productos Home ----------------------------------------------------------------------------------------------*/ #productos-home { width: 888px; margin: 0 0 -25px; padding: 0; overflow: hidden; } #productos-home .box { float: left; width: 244px; margin: 0px 25px 25px 0px; padding: 12px 18px 24px; background: #FFFFFF url(fondo-box-productos-home.gif) no-repeat right bottom; border-top: 1px solid #b4c6d0; } #productos-home .ultimo {margin: 0px 0px 25px -2px;} #productos-home .box h3 { font: 36px/36px 'dcr', Arial, Helvetica, sans-serif; color: #333333; margin: 2px 0px 8px; letter-spacing: -1px;} #productos-home .box h3 a { color: #6bc0e3; text-decoration: none; } #productos-home .box h3 a:hover { color: #005170; text-decoration: none; } #productos-home .box p { font: 13px/18px Arial, Helvetica, sans-serif; color: #333333; } /*------------------------------------------------------------------------------------------------ Interna ----------------------------------------------------------------------------------------------*/ #interna { margin: 20px 0 0; padding: 0;} #interna h1 { font: 60px/60px 'dcr', Arial, Helvetica, sans-serif; color: #6bc0e3; letter-spacing: -1px; margin: 0 0 6px;} #interna h2 { font: normal 16px/20px Arial, Helvetica, sans-serif; color: #333333; } #productos-interna { margin: 26px 0 0; padding: 0; width: 888px; overflow: hidden; } #productos-interna .boxgrande { float: left; width: 852px; margin: 0px 25px 0px 0px; padding: 12px 18px 24px; background: #FFFFFF url(fondo-box-interna-grande.gif) no-repeat right bottom; border-top: 1px solid #b4c6d0; } #productos-interna .box { float: left; width: 395px; margin: 0px 25px 25px 0px; padding: 12px 18px 24px; background: #FFFFFF url(fondo-box-productos-interna.gif) no-repeat right bottom; border-top: 1px solid #b4c6d0; } #productos-interna .ultimo {margin: 0px 0px 25px 0px;} #productos-interna h3 { margin: 0px 0px 8px; font: normal 30px/30px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #6bc0e3; } #productos-interna h3 span { font: normal 18px/30px Verdana, Arial, Helvetica, sans-serif; color: #999999; } #productos-interna p { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 8px; } #productos-interna ul { margin-top: -8px; } #productos-interna li { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0; } /*------------------------------------------------------------------------------------------------ Pie de Pagina ----------------------------------------------------------------------------------------------*/ #pie { background: #000000 url(fondo-pie.png) no-repeat 352px center; padding: 25px; margin-bottom: 100px; } #pie h3 { color: #FFFFFF; font: bold 15px/18px Arial, Helvetica, sans-serif; } #pie p { color: #FFFFFF; font: 13px/18px Arial, Helvetica, sans-serif; } #pie a { color:#acde8e; text-decoration: none; } #pie a:hover { color:#acde8e; text-decoration: underline; }