/* Theme Name: TELETON Theme URI: http://www.inventarte.net/ Description: TELETON. Author: Inventarte Version: 1.0 */ /******** INICIO DE RESETEO ******/ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; /*vertical-align: baseline;*/ background: transparent; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /******** FIN DE RESETEO ******/ /******** INICIO ESTILOS GENERALES ******/ body { font-family:Arial, Helvetica, sans-serif; font-size:12px;} #main, #header, #content, #footer { width:100%;} #main { height:92px; background:url(http://static.sitioperuano.com/teleton/images/back-main.gif) repeat-x; margin-top:-2px;} #header { /*height:354px; */ height: auto;} #header center { padding-top:5px;} #body-content { min-height:400px; background:url(http://static.sitioperuano.com/teleton/images/back-content.gif) repeat-x;} #footer { /*height:44px;*/ background:url(http://static.sitioperuano.com/teleton/images/back-footer.gif) repeat-x #ec1c24; margin-top:15px;} /******** FIN ESTILOS GENERALES ******/ /******** INICIO MAIN ******/ #content-main { width:960px; height:92px; margin:0 auto; background: url(http://static.sitioperuano.com/teleton/images/back-main02.png) no-repeat;} #content-main ul { padding:0 0 0 30px;} #content-main li { float:left} .menu01 a { width:82px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton01.png) no-repeat; background-position:0 0; display:block;} .menu01 a:hover {background:url(http://static.sitioperuano.com/teleton/images/boton01.png) no-repeat; background-position:0 -54px;} .menu01on a { width:82px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton01.png) no-repeat; background-position:0 -54px; display:block;} /*.menu01on a:hover { background:url(http://static.sitioperuano.com/teleton/images/boton01.png) no-repeat; background-position:0 0;}*/ .menu02 a { width:254px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton02.png) no-repeat; background-position:0 0; display:block;} .menu02 a:hover { width:254px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton02.png) no-repeat; background-position:0 -54px; } .menu02on a { width:254px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton02.png) no-repeat; background-position:0 -54px; display:block; } /*.menu02on a:hover { background:url(http://static.sitioperuano.com/teleton/images/boton02.png) no-repeat; background-position:0 0; }*/ .menu03 { width:266px; height:92px; text-align:center; /*padding:0 27px 0 0;*/} .menu04 a { width:123px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton03.png) no-repeat; background-position:0 0; display:block;} .menu04 a:hover {background:url(http://static.sitioperuano.com/teleton/images/boton03.png) no-repeat; background-position:0 -54px; } .menu04on a { width:123px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton03.png) no-repeat; background-position:0 -54px; display:block; } /*.menu04on a:hover { background:url(http://static.sitioperuano.com/teleton/images/boton03.png) no-repeat; background-position:0 0; }*/ .menu05 a { width:177px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton04.png) no-repeat; background-position:0 0; display:block;} .menu05 a:hover {background:url(http://static.sitioperuano.com/teleton/images/boton04.png) no-repeat; background-position:0 -54px; } .menu05on a { width:177px; height:54px; background:url(http://static.sitioperuano.com/teleton/images/boton04.png) no-repeat; background-position:0 -54px; display:block; } /*.menu05on a:hover { background:url(http://static.sitioperuano.com/teleton/images/boton04.png) no-repeat; background-position:0 0; }*/ /******** FIN MAIN ******/ /******** INICIO HEADER ******/ #banner { width:960px; margin:0 auto; padding:5px 0 10px; text-align:center<} /******** FIN HEADER ******/ /******** INICIO CONTENT ******/ #content { width:960px; background:url(http://static.sitioperuano.com/teleton/images/back-body.gif) no-repeat; padding:37px 0 0 0; margin:0 auto; display:table;} /* SIDEBAR */ #sidebar { width:181px; float:left; padding:15px 0 0 0;} #sub-main { padding:0 2px; /*margin:0 0 10px 0;*/} #sub-main ul { /*margin:5px 0 0 0;*/} #sub-main li { width:175px; /*height:29px;*/ font-size:14px; margin:0 0 3px 0; border-bottom:1px dotted #999999; padding:0 0 3px;} #submenu01 a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 0;} #submenu01 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px 0; } #submenu01on a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px 0; } #submenu02 a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -36px;} #submenu02 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -36px; } #submenu02on a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -36px; } #submenu03 a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -90px;} #submenu03 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -90px; } #submenu03on a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -90px; } #submenu04 a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -126px;} #submenu04 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -126px; } #submenu04on a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -126px; } #submenu05 a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -180px;} #submenu05 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -180px; } #submenu05on a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -180px; } #submenu06 a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -234px;} #submenu06 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -234px; } #submenu06on a { width:175px; height:41px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -234px; } #submenu07 a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -288px;} #submenu07 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -288px; } #submenu07on a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -288px; } #submenu08 a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -323px;} #submenu08 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -323px; } #submenu08on a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -323px; } #submenu09 a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat 0 -360px;} #submenu09 a:hover { background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -360px; } #submenu09on a { width:175px; height:24px; display:block; background:url(http://static.sitioperuano.com/teleton/images/framesubmenu.gif) no-repeat -175px -360px; } .tit-sub-menu { margin: 5px 0;} #auspiciadores ul li { padding:10px 0;} #organizadores ul li { padding:10px 0;} #publicidad ul li { padding:10px 0;} #game iframe { background:none; display:block; margin:0 0 20px 60px; overflow:hidden; border:0!important;} /* CONTENT TEXT */ #publicidad-libre { padding:0 20px 40px; float:right;} #content-text { width:770px; padding:20px 0 0; float:right; /*background:url(http://static.sitioperuano.com/teleton/images/shadow.png) repeat-y;*/} #content-textjuego { width:800px; padding:20px 0 0; margin:0 auto;} #noticia-principal { width:741px; height:auto; margin:0 0 18px 25px; border-bottom:#949494 dotted 1px; display:table;} #noticia-principal h1 a { font-size:24px; color:#b60a0b; line-height:120%; padding:0 0 10px 0; text-decoration:none; display:block; } #noticia-principal p { font-size:12px; color:#717171; line-height:140%; } #noticia-principal a.ver-mas { padding:10px 0 0 0; display:table; float:right;} img.thumb { float:left; background:#FFF; padding:4px; border:#e3e2e2 solid 1px;} #noticia-principal .text { width:486px; float: right;} #noticia-secundario { width:358px; height:172px; display:block; float:left; background-color:#FFF; margin:0 0 20px 17px; border-bottom:#949494 dotted 1px;} #noticia-secundario h1 a { width:227px; font-size:17px; color:#b60a0b; line-height:120%; padding:0 0 10px 0; text-decoration:none; display:block; } #noticia-secundario p { width:227px; font-size:12px; color:#717171; line-height:130%; } a.ver-mas { padding:15px 0 0 0; display:table;} img.thumb2 { float:right; background:#FFF; padding:4px; border:#e3e2e2 solid 1px;} #noticia-secundario .text { width:200px; float: left;} #page-style { width:741px; /*height:175px;*/ margin:0 0 18px 25px; border-bottom:#949494 dotted 1px;} #page-style ul { list-style:disc outside; padding:0 0 0 30px; } #page-style li { color:#717171; line-height:140%; padding:0 0 10px;} #page-style h1 { font-size:24px; color:#b60a0b; line-height:120%; padding:0 0 10px 0; text-decoration:none; } #page-style p { font-size:12px; color:#717171; line-height:140%; text-align:justify; padding:0 0 10px;} #zona-ayuda { display:block; margin:0 0 0 25px; width:740px;} #zona-ayuda a { margin:0 2px 0 0;} #zona-ayuda #right { float:right; } #zona-ayuda #right li { margin:0 0 5px 0; } #zona-ayuda #left { width:345px; height:291px; background:url(http://static.sitioperuano.com/teleton/images/back-video.gif) no-repeat ; float:left; display:table;} #zona-ayuda #left a { width:111px; height:18px; margin:10px 0 0 215px; display:block; position:absolute; z-index:100; float:right; background:url(http://static.sitioperuano.com/teleton/images/vermasvideos.gif) no-repeat ; } #zona-ayuda #left embed { margin:40px 0 0 10px; } #redes-sociales { border-bottom:1px dotted #949494; border-top:1px dotted #949494; margin:15px 0 0; padding:15px 0 15px; display:block; width:950px; } #redes-sociales a { padding:0 10px;} #usuario { float:right; /*padding:5px 0 0;*/} #red-sol { float:left;} #usuario b { color:#FFFFFF; /*padding:5px 10px; margin:0 8px 0 0;*/} #usuario a { color:#a50c18; Text-decoration:none; padding:0 0 10px!important;} #usuario a:hover { color:#70030b;} /******** FIN CONTENT ******/ /******** INICIO FOOTER ******/ #back-subfooter { with:100%; background:url(http://static.sitioperuano.com/teleton/images/back-content.gif) repeat-x top; } #subfooter { width:960px!important; padding:50px 0 0 0; margin:0 auto!important; display:block!important;} .separa { border-left: #666666 dotted 1px;} #content-footer { width:870px; /*height:25px; background:url(http://static.sitioperuano.com/teleton/images/back-contact.gif) no-repeat;*/ margin:0 auto; color:#c9c9c9; padding:19px 0 10px; line-height:130%; font-size:11px; } #content-footer #left { float:left; padding:0 0 0 200px; } #content-footer #right { float:right; padding:0 160px 0 0; } #content-footer #right .tit-fot, #content-footer #left .tit-fot { font-size:12px; } #content-footer #right a { text-decoration:none; color:#c9c9c9; } /******** FIN FOOTER ******/ /******** INICIO FORMULARIO ******/ input, select { border:#CCC solid 1px; padding:3px; margin:3px; font-size:11px;} #bdnombre, #bdapellido, #bddireccion, #bdurbanizacion, #bdreferencia { width:393px;} #bdtelefonocasa { width:108px;} #bdcelular, #bdtelefonooficina { width:100px;} #bddistrito { width:180px;} #bdprovincia { width:169px;} #bdemail, #bddias, #bddni, #bdcarnetextranjeria, #bdcumple { width:140px;} #bddepartamento { width:140px;} /******** FIN FORMULARIO ******/ /* formulario de registro */ div.box{ padding:0 10px; color:#333333; margin-bottom:20px; } div.box h1 { font-size:14px; color:#000000; padding-bottom:4px; } div.box h3 { font-size:16px; color:#6; border-bottom:#d0d0d0 dashed 1px; padding:5px 10px; margin:20px 0 10px; font-weight:bold; } div.box p{padding-bottom:14px;} .input-text { width: 300px !important; /*height: 24px;*/ border: 1px solid #cccccc; } .input-text2 { width: 300px; height: 150px; border: 2px solid #cccccc; } div.box label { display:block; margin-bottom:10px; color:#555555; } .campos_formulario { display:block; float:left; padding:6px; width:150px; text-align:right; font-weight:bold; color:#666666; } .campos_formulario2 { display:block; float:left; padding-right:6px; width:150px; height: 40px; text-align:right; font-weight:bold; } .error { color: red; } .spacer{margin-left:80px; margin-bottom:10px; font-size:11px; color:#555555; } .green { padding:0px 6px; border:1px solid #555555; height:24px; line-height:24px; color:#555555; font-size:12px; margin-right:10px; display:inline-block; text-decoration:none; } .clear { clear: both; } .naranja a { color:#333333; text-decoration:none; font-weight:bold;} /*tabla*/ #donacionresults { background:#FFFFFF none repeat scroll 0 0; border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size:12px; margin:20px; text-align:left; width:400px; } #donacionresults td { border-bottom:1px solid #CCCCCC; color:#666699; color:#000; font-weight:bold; font-size:16px; padding:6px 8px; } #totgeneral { font-size:14px; color:red; font-weight:bold; } a.dona { color:#ffffff!important; text-decoration:none;}