/* Theme Name: Wif 2010 Argentina Theme URI: http://www.hgmg.com.ar Description: theme for Wif Version: 1.0 Author: Hugo Gómez Mac Gregor Author URI: http://www.hgmg.com.ar Tags: Wif 2010 Argentina */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ /* TYPOGRAPHY */ /* ----------------------------------------- */ h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */ .alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/ /* LAYOUT */ /* ----------------------------------------- */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ /* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* WEB STYLES */ html,body{height:100%;padding:0 0 0 0;font-family:Verdana;} body{background: #000000 url(../images/bg-body.jpg) repeat-x top center;} a{text-decoration:none;} #header-wrap, #page-wrap, #footer-wrap{position:relative;margin:0 auto;} #header-wrap { width:932px;} #page-wrap{width:100%;margin:0 auto -120px;background:transparent url(../images/bg-azul.jpg) repeat-x scroll center bottom;} /* HEADER */ #header {background: #ffffff url(../images/header.jpg) repeat-x top left;height:149px;} #header #lnkLogo{} #botoneraHeader{height:50px;background:#000000;padding-left:20px;} #botoneraHeader li{float:left;height:50px;} #botoneraHeader li a{color:#FFFFFF;display:block;font-size:13px;height:16px;margin-top:10px;padding:6px 12px 18px;border-right: 1px solid #ffffff;} #botoneraHeader li a:hover, #botoneraHeader li.current a{ background:#ffffff;color:#000000;} #botoneraHeader li a.last {border:none;} /* MAIN - CONTENT */ #main-content{padding:20px 20px 0 20px;width:892px;margin: 0 auto;background:#FFFFFF url(../images/bg-azul.jpg) repeat-x scroll center bottom;margin:0 auto;min-height: 100%;height: auto !important;height: 100%;} #main-content #content {float:left;margin-right:10px;width:450px;} #main-content #content p#desafio, #main-content #content p#premio {font-family:Trebuchet MS;font-size:16px;font-weight:bold;} #main-content #content p#desafio{margin-top:18px;margin-bottom:20px;padding-left:22px;line-height:20px;padding-right:20px;} #main-content #content p#premio{margin-bottom:66px;padding-left:22px;line-height:20px;padding-right:20px;} #main-content #content p .resaltado{} #wif-argentina #main-content #content h1{font-family:Trebuchet MS;font-size:20px; font-weight: normal;color:#ff2999;margin-bottom:19px;} #wif-argentina #main-content #content p#parrafo1, #wif-argentina #main-content #content p#parrafo2 {line-height:20px;font-family:Trebuchet MS;font-size:16px;padding-left:53px;padding-right:32px;} #wif-argentina #main-content #content p#parrafo1{margin-bottom:19px;} #wif-argentina #main-content #content p#parrafo2{margin-bottom:18px;} #la-competencia #main-content #content h1{font-family:Trebuchet MS;font-size:20px; font-weight: normal;color:#ff2999;margin-bottom:18px;} #la-competencia #main-content #content p#parrafo1, #la-competencia #main-content #content p#parrafo2, #la-competencia #main-content #content p#parrafo3 {font-family:Trebuchet MS;font-size:16px;padding-left:46px;} #la-competencia #main-content #content p#parrafo1{margin-bottom:15px;} #la-competencia #main-content #content p#parrafo2{margin-bottom:18px;padding-right: 12px;} #la-competencia #main-content #content p#parrafo3{margin-bottom:17px;} #jurado #main-content #content h1{font-family:Trebuchet MS;font-size:20px; font-weight: normal;color:#ff2999;margin-bottom:16px;} #jurado #main-content #content p#parrafo1, #jurado #main-content #content p#parrafo2, #jurado #main-content #content p#parrafo3 {font-family:Trebuchet MS;font-size:16px;padding-left:46px;} #jurado #main-content #content p#parrafo1{margin-bottom:22px;} #jurado #main-content #content p#parrafo2{margin-bottom:3px;padding-left:260px;} #jurado #main-content #content p#parrafo3{margin-bottom:39px;} #jurado #main-content #content p#parrafo1{margin-right:24px;width:190px;float:left;} #jurado #main-content #content p a{display:block;font-size:16px;color:#000000;text-decoration:underline;font-weight:bold;line-height:18px;} #jurado #main-content #content p span{display:block;font-size:11px;color:#000000;font-weight:normal;margin-bottom:10px;} #jurado #main-content #content p#parrafo2 span{margin-bottom:8px;} #jurado #main-content #content p#parrafo2 span.ultimo {margin-bottom:0px;} #contacto #main-content #content h1{font-family:Trebuchet MS;font-size:20px; font-weight: normal;color:#ff2999;margin-bottom:19px;} #contacto #content p#textoContacto , #contacto #content p#inscripcion {font-family:Trebuchet MS;font-size:16px;font-weight:bold;} #contacto #content p#textoContacto{margin-top:18px;margin-bottom:20px;padding-left:22px;font-weight:normal;line-height:20px;padding-right:20px;} #contacto #content p#inscripcion{margin-bottom:18px;padding-left:22px;line-height:20px;padding-right:20px;} #contacto #content a {padding-left:22px;color:#ff2999;font-family:Trebuchet MS;font-size:16px;font-weight:bold;} #main-content #content #counter{width:436px;height:46px;font-family:Trebuchet MS;font-size:26px;color:#ffffff;margin-bottom:28px;display:none;} #main-content #content #counter span{line-height:46px; background:#000000;margin-right:2px;padding:6px 30px;} #main-content #content #counter span strong{font-weight:bold;} #main-content #content #counter2 {width:436px;height:46px;font-family:Trebuchet MS;font-size:26px;color:#ffffff;margin-bottom:16px;background: #000000;text-align: center;} #main-content #content #counter2 .interior{line-height:36px; background:#000000;padding:6px 30px;} #main-content #content #counter2 .interior #dias{display: inline;font-weight:bold;} #main-content #content #competir {color:#ff2999;font-family:Trebuchet MS;font-size:24px;font-weight:bold;margin-bottom:17px;} #main-content #content #competir p{text-align: center;} #main-content #content #competir a{text-decoration: underline;color:#ff2999;background: url(../images/bg-flecha-inscripcion.png) no-repeat center right;padding-right: 50px;} #main-content #content #resumen-novedades {background: url(../images/bg-div-novedades.png) no-repeat bottom center;padding:0 0 71px;} #jurado #main-content #content #resumen-novedades {padding:0 0 60px;} #main-content #content #resumen-novedades h2{font-family:Trebuchet MS;font-size:18px;background: url(../images/bg-h2-novedades.png) no-repeat top center;padding:23px 0 11px 28px;} #wif-argentina #main-content #content #resumen-novedades h2 {padding:37px 0 11px 28px;} #la-competencia #main-content #content #resumen-novedades h2 {padding:37px 0 11px 28px;} #jurado #main-content #content #resumen-novedades h2 {padding:37px 0 11px 28px;} #main-content #content #resumen-novedades p, #main-content #content #resumen-novedades ul{font-family:Trebuchet MS;font-size:14px;padding:0 24px;} #main-content #content #resumen-novedades p {margin-bottom: 22px;} #main-content #content #resumen-novedades ul{margin: -16px 0 -21px 0;font-weight: bold;} #jurado #main-content #content #resumen-novedades ul{margin: -12px 0 -21px 0;} #wif-argentina #main-content #content #resumen-novedades ul{margin: -16px 0 -14px 0;} #main-content #content #resumen-novedades ul li{margin:0 0 20px;background: url(../images/bg-li-wif-argentina.gif) no-repeat left 5px;padding:0 0 0 26px;} #la-competencia #main-content #content #resumen-novedades ul li{margin:0 0 18px;} #jurado #main-content #content #resumen-novedades ul li{margin:0 0 21px;} #main-content #barraimagenes {float:left;width:206px;text-align:center;margin-right:10px;} #contacto #main-content #barraimagenes {margin-top:2px;} #main-content #barraimagenes img {margin-bottom:18px;border:none;} #main-content #barraimagenes a {border:none;} #jurado #main-content #barraimagenes img {margin-bottom:14px;} /*#contacto #main-content #barraimagenes img {margin-bottom:10px;}*/ #main-content #barraorganizacion #competir {color:#ff2999;padding:21px 0;font-family:Trebuchet MS;font-size:20px;font-weight:bold;margin-bottom:12px;background: url(../images/bg-div-competir-chico.png) no-repeat center center;} #main-content #barraorganizacion #competir p{text-align: left;padding-left:24px;} #main-content #barraorganizacion #competir a{text-decoration: underline;color:#ff2999;background: url(../images/bg-flecha-chica-inscripcion.gif) no-repeat center right;padding-right: 28px;} #main-content #barraorganizacion {float:left;width:216px;background: url(../images/bg-div-organizan.png) no-repeat bottom center;padding:0 0 25px;margin-top:-7px;} #contacto #main-content #barraorganizacion {margin-top:-5px;} #jurado #main-content #barraorganizacion {margin-top:-2px;} #home #main-content #barraorganizacion {margin-top:-5px;} #main-content #barraorganizacion #sponsor {margin-bottom:89px;background: url(../images/bg-div-sponsors.png) no-repeat top center;} #main-content #barraorganizacion #sponsor h2{font-family:Trebuchet MS;font-size:14px;font-weight:bold;margin-bottom:19px;padding:25px 0 0 25px;} #main-content #barraorganizacion #sponsor #lista{padding:0 25px;} #main-content #barraorganizacion #sponsor #lista p{font-family:Trebuchet MS;font-size:16px;line-height:21px;font-weight:bold;} #main-content #barraorganizacion #sponsor #lista p span.resaltado{} #main-content #barraorganizacion #apoyan {margin-bottom:5px;} #main-content #barraorganizacion #apoyan h2, #main-content #barraorganizacion #organizan h2{font-family:Trebuchet MS;font-size:14px;font-weight:bold;border-top:1px solid #bbbbbb;padding-top:10px;padding-left:20px;} #contacto #main-content #barraorganizacion #organizan h2{padding-top:30px;} #home #main-content #barraorganizacion #organizan h2{padding-top:30px;} #main-content #barraorganizacion #apoyan h2{padding-bottom:4px;} #main-content #barraorganizacion #apoyan div.contentBlock{padding-left:14px;} #contacto #main-content #barraorganizacion #apoyan{background:transparent url(../images/bg-div-sponsors.png) no-repeat scroll center top;padding-bottom:26px;border-bottom:1px solid #bbbbbb;} #home #main-content #barraorganizacion #apoyan{background:transparent url(../images/bg-div-sponsors.png) no-repeat scroll center top;padding-bottom:26px;border-bottom:1px solid #bbbbbb;} #contacto #main-content #barraorganizacion #apoyan h2{padding:25px 0 16px 26px;border:none;} #home #main-content #barraorganizacion #apoyan h2{padding:25px 0 16px 26px;border:none;} #contacto #main-content #barraorganizacion #apoyan div.contentBlock{padding-left:14px;} #home #main-content #barraorganizacion #apoyan div.contentBlock{padding-left:14px;} #main-content #barraorganizacion #foto {margin-bottom:19px;margin-top:20px;} #wif-argentina #main-content #barraorganizacion #foto, #la-competencia #main-content #barraorganizacion #foto {margin-bottom:19px;margin-top:7px;} #jurado #main-content #barraorganizacion #foto {margin-bottom:17px;margin-top:2px;} #main-content #barraorganizacion #foto div.contentBlock{text-align:center;} #main-content #barraorganizacion #logo-wif {background:transparent url(../images/bg-div-competir-chico.png) no-repeat scroll center top;padding:25px 0;text-align:center;} #main-content #barraorganizacion #logo-wif a img {border:none;} #main-content #barraorganizacion #logo-wif a {border:none;} #contacto #main-content #barraorganizacion #contactoSponsor {font-family:Trebuchet MS;font-size:14px;font-weight:bold;margin-bottom:56px; } #contacto #main-content #barraorganizacion #contactoSponsor #lista {padding-left:20px;padding-top:25px;padding-right:35px;} #contacto #main-content #barraorganizacion #contactoSponsor #lista p {margin-bottom:15px;} #contacto #main-content #barraorganizacion #contactoSponsor #lista a {font-size:12px;font-weight:normal; padding-bottom:10px;color:#000000; text-decoration:underline;display:block;} #home #main-content #barraorganizacion #contactoSponsor {font-family:Trebuchet MS;font-size:14px;font-weight:bold;margin-bottom:54px; } #home #main-content #barraorganizacion #contactoSponsor #lista {padding-left:20px;padding-top:25px;padding-right:35px;} #home #main-content #barraorganizacion #contactoSponsor #lista p {margin-bottom:15px;} #home #main-content #barraorganizacion #contactoSponsor #lista a {font-size:12px;font-weight:normal; padding-bottom:10px;color:#000000; text-decoration:underline;display:block;} #main-content #barraorganizacion #organizan {margin-bottom:10px;} #main-content #barraorganizacion #organizan h2{margin-bottom:11px;} #contacto #main-content #barraorganizacion #organizan h2{margin-bottom:16px;} #home #main-content #barraorganizacion #organizan h2{margin-bottom:16px;} #main-content #barraorganizacion #organizan div.contentBlock{padding-left:9px;} #formInscripcion {font-size: 10px; margin-top:30px;} #formInscripcion table {background: #ffffff;} #formInscripcion tr{} #formInscripcion tr td{padding:0 10px 7px;} #formInscripcion tr.int-1 {} #formInscripcion tr.int-2 {} #formInscripcion tr.int-3 {} #formInscripcion tr.bases {} #formInscripcion tr.bases p{margin-bottom:11px;} #formInscripcion tr.costos {} #formInscripcion tr.condiciones a{font-size:10px !important;} #formInscripcion tr td label{margin-right:25px;} #formInscripcion tr td label.radio {margin-right:0px;} #formInscripcion tr td input.radio{margin-right:5px;} #formInscripcion .int-2, #formInscripcion .int-3 {display:none;} #push {height:120px;} /* FOOTER */ #footer-wrap{height:120px;background:#E2318B;width:100%;} #footer{height:108px;padding:12px 0 0;width:932px;margin:0 auto;} #footer #redes{} #footer #redes a{} #footer #redes a img{} #footer #copy, #footer-wrap #botoneraFooter{font-family:Verdana; font-size:10px;color:#ffffff;} #footer #copy {float:right;} #footer #copy p{margin-right:22px;} #footer #copy a{color:#ffffff;} #footer-wrap #botoneraFooter{float:left;} #footer-wrap #botoneraFooter li{float:left;} #footer-wrap #botoneraFooter li a{color:#ffffff;background: url(../images/bg-link-footer.gif) no-repeat right center;padding: 0 7px;} #footer-wrap #botoneraFooter li a.last {background:none;} #footer-wrap #botoneraFooter li.current a{} #footer-wrap #botoneraFooter li a:hover{} .resaltado{color:#ff2999;} .strong{font-weight:bold;} #main-content #content #counter2 {display:none;} #main-content #content #competir {margin-bottom:53px;margin-top:44px;} /* RESULTADOS */ #resultados #main-content {padding:20px 20px 42px; background: none;background: #ffffff;} #resultados #main-content #content h1{font-family:Trebuchet MS;font-size:20px; font-weight: normal;color:#ff2999;margin-bottom:19px;} #resultados #content p.puntos{margin-left:16px;} #resultados #content table.resultados{background:none repeat scroll 0 0 #FFFFFF;margin:0 10px;} #resultados #content table.resultados tr{} #resultados #content table.resultados tr.primero{background: #ECF4FB; border:1px solid #31A3E2;} #resultados #content table.resultados tr.segundo{} #resultados #content table.resultados tr td {padding:13px 6px;} #resultados #content table.resultados tr td code{font-family:verdana;font-size:16px;} #resultados #content table.resultados tr td a, #resultados #content table.resultados tr td a:visited, #resultados #content table.resultados tr td a:hover{color:#E2318B;} /* FOTOS */ #fotos #main-content {padding:20px 20px 42px; background: none;background: #ffffff;} #fotos #main-content #content h1{font-family:Trebuchet MS;font-size:20px; font-weight: normal;color:#ff2999;margin-bottom:19px;} #fotos #main-content #content #video{text-align: center;margin-bottom:22px;} #fotos #content table.fotos{background:none repeat scroll 0 0 #FFFFFF;margin:0 10px;width: 100%;} #fotos #content table.fotos tr{text-align:right;} #fotos #content table.fotos tr td {padding:6px;} #fotos #content .paginador {width: 100%; padding:10px;background: #fff;} #fotos #content .paginador a, #fotos #content .paginador a:visited, #fotos #content .paginador a:hover{color:#E2318B;} #fotos #content .paginador a.current, #fotos #content .paginador a.current:visited, #fotos #content .paginador a.current:hover{color:#000000;}