/* 1996-2010 KiTeknology S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {INVITA A 3 AMIGOS A BARILOCHE} */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 07/05/2010 */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REDEFINICION DE ELEMENTOS HTML */ body{margin: 0px; padding: 0px; color: #666; font: 11px/100% Arial, Helvetica, sans-serif;} table{} td{} h1{} h2{} h3{} h4{} h5{} h6{} strong, b{} a:link{} a:visited{} a:hover{} a:active{} :focus{outline: none;} form{margin: 0px; padding: 0px;} label{margin: 0px; padding: 0px; cursor: pointer;} ul{} button{} /*Estilso Css mas usados*/ .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .float_left{float:left;} .float_right{float:right;} /*TITULOS*/ #tit_volvio_concurso{background: url(/images/bariloche2010/tit_volvio_concurso.jpg) no-repeat 15px 28px; margin: 0px; padding: 28px 0px 0px 15px; width: 739px; height: 57px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_viaja_3_amigos{background: url(/images/bariloche2010/tit_viaja_3_amigos.jpg) no-repeat 15px 0px; margin: 0px; padding: 0px 0px 0px 15px; width: 739px; height: 72px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_para_participar{font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0px; padding: 0px 0px 0px 24px; color: #FFF; letter-spacing: normal;} #tit_felicitaciones{background: url(/images/bariloche2010/tit_felicitaciones.jpg) no-repeat 15px 28px; margin: 0px; padding: 28px 0px 0px 15px; width: 739px; height: 57px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_ya_estas_participando{background: url(/images/bariloche2010/tit_ya_estas_participando.jpg) no-repeat 15px 0px; margin: 0px; padding: 0px 0px 0px 15px; width: 739px; height: 68px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #txt_chance_adicional{font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0px; padding: 3px 0px 50px 33px; color: #FFF; letter-spacing: normal;} #tit_increible_premio{background: url(/images/bariloche2010/tit_increible_premio.jpg) no-repeat 15px 30px; margin: 0px; padding: 30px 0px 0px 15px; width: 739px; height: 70px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_ski_week{background: url(/images/bariloche2010/tit_ski_week.jpg) no-repeat 15px 0px; margin: 0px; padding: 0px 0px 0px 15px; width: 739px; height: 55px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #txt_premio{font: bold 14px Arial, Helvetica, sans-serif; margin: 0px; padding: 1px 0px 28px 43px; color: #FFF; letter-spacing: normal;} #tit_bases_condiciones{background: url(/images/bariloche2010/tit_bases_condiciones.jpg) no-repeat 15px 30px; margin: 0px; padding: 30px 0px 0px 15px; width: 739px; height: 62px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_invitaciones_enviadas{background: url(/images/bariloche2010/tit_felicitaciones_enviadas.jpg) no-repeat 15px 28px; margin: 0px; padding: 28px 0px 0px 15px; width: 739px; height: 57px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_queres_invitar_amigos{background: url(/images/bariloche2010/tit_queres_invitar_amigos.jpg) no-repeat 15px 0px; margin: 0px; padding: 0px 0px 50px 15px; width: 739px; height: 54px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_felicitaciones_respuesta{background: url(/images/bariloche2010/tit_felicitaciones_respuesta.jpg) no-repeat 15px 40px; margin: 0px; padding: 40px 0px 0px 15px; width: 739px; height: 128px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #tit_aumentaste_tus_chances{background: url(/images/bariloche2010/tit_aumentaste_chances.jpg) no-repeat 15px 0px; margin: 0px; padding: 0px 0px 50px 15px; width: 739px; height: 101px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} /*PREMIO INCLUYE: ELEMENTO FLOTA A LA DERECHA*/ #txt_premio_incluye{float: right; margin: 0px; padding: 25px 115px 0px 0px; text-align: justify; width: 200px; font: bold 10px/120% Arial, Helvetica, sans-serif; color: #FFF;} /*BOTONERA PREMIIOS Y CONDICIONES*/ #cont_premios_y_condiciones{width: 43px; height: 138px; margin: 284px 0px 0px 0px; padding: 0px; position: absolute;} #cont_premios_y_condiciones img{border: none;} /*ESTRUCTURA*/ #estructura{background: url(/images/bariloche2010/fondo.jpg) no-repeat 0px 0px; width: 773px; height: 443px; margin: 0px auto;} /*FORMULARIO INSCRIPCION*/ #formulario_inscripcion{padding: 22px 0px 0px 30px; color: #FFF; font-size: 13px; line-height: 100%; float: left;} #formulario_inscripcion p{margin: 0px; padding: 0px 0px 3px 0px; clear: both; height: 21px;} *>#formulario_inscripcion p{padding: 0px 0px 4px 0px; height: 20px;} #formulario_inscripcion label{cursor: pointer; float: left; padding: 2px 7px 0px 0px; width: 145px; text-align: right;} #formulario_inscripcion input{border: none; background: #FFF; width: 265px; height: 18px; margin: 0px; padding: 2px 0px 0px 0px; font-size: 12px; color: #666;} #formulario_inscripcion select{border: 1px solid #CCC; background: #FFF; width: 265px; height: 20px; margin: 0px; padding: 0px; font-size: 12px; color: #666;} #formulario_inscripcion .arroba{float: left; height: 20px; width: 20px; font-size: 12px; text-align: center;} #formulario_inscripcion #txt_email{padding-right: 10px;} *>#formulario_inscripcion #txt_email{padding-right: 7px;} #formulario_inscripcion #check_box {padding: 2px 0px 0px 22px; height: auto; font-size: 12px;} #formulario_inscripcion #check_box input{width: auto; height: auto; background: none;} #formulario_inscripcion #check_box label{width: auto; float: none; padding-left: 4px; text-align: left;} *>#formulario_inscripcion .bot_enviar_formulario{width: 95px; height: 48px; border: none; padding: 0px; margin: 0px 0px 0px 150px; font-size: 1px; cursor:pointer;} *>#formulario_inscripcion .bot_enviar_formulario input{background: url(/images/bariloche2010/bot_enviar.png) no-repeat 0px 0px; width: 95px; height: 48px; border: none; padding: 0px; margin: 0px; font-size: 1px; cursor:pointer; position: relative; z-index: 9999;} /*FORMULARIO INVITA AMIGOS*/ #form_invita_amigos{color: #FFF; padding: 0px 0px 0px 56px;} #form_invita_amigos p{margin: 0px; padding: 0px 0px 3px 0px; clear: both; height: 22px; clear: both;} #form_invita_amigos #col01{width: 160px; float: left;} #form_invita_amigos #col01 input{border: none; background: #FFF; width: 130px; height: 18px; margin: 0px; padding: 2px 0px 0px 0px; font-size: 12px; color: #666;} #form_invita_amigos #col01 span{width: 20px; float: left; height: 20px; font-size: 13px; font-weight: bold; padding: 3px 0px 0px 0px; text-align: center;} #form_invita_amigos #col01 label{display: block; padding: 0px 0px 0px 20px; font-size: 13px; font-weight: bold;} #form_invita_amigos #col02{width: 170px; float: left;} #form_invita_amigos #col02 input{border: none; background: #FFF; width: 72px; height: 18px; margin: 0px; padding: 2px 0px 0px 0px; font-size: 12px; color: #999; float: left;} #form_invita_amigos #col02 label{display: block; padding: 0px; font-size: 13px; font-weight: bold;} #form_invita_amigos #col02 .arroba{float: left; height: 20px; width: 20px; font-size: 12px; text-align: center;} #form_invita_amigos #col02 p{height: 23px;} *>#form_invita_amigos #col02 p{height: 22px;} *>#form_invita_amigos .bot_enviar_formulario{width: 95px; height: 48px; border: none; padding: 0px; margin: 0px 0px 0px 245px; font-size: 1px; cursor:pointer;} *>#form_invita_amigos .bot_enviar_formulario input{background: url(/images/bariloche2010/bot_enviar.png) no-repeat 0px 0px; width: 95px; height: 48px; border: none; padding: 0px; margin: 0px; font-size: 1px; cursor:pointer; position: relative; z-index: 9999;} #txt_no_invitar{font: bold 14px Arial, Helvetica, sans-serif; color: #052261; margin: 0px; padding: 0px 0px 0px 270px !important;} #txt_no_invitar a:link, #txt_no_invitar a:visited{color: #052261; text-decoration: underline;} #txt_no_invitar a:hover, #txt_no_invitar a:active{color: #052261; text-decoration: none;} /*PREMIOS*/ #premios{clear: both; padding: 0px 0px 0px 100px; font: bold 16px Arial, Helvetica, sans-serif; color: #FFF;} #premios h6{margin: 0px; padding: 0px 0px 44px 0px; font: bold 11px Arial, Helvetica, sans-serif; color: #FFF;} #premios p{background: url(/images/bariloche2010/fondo_numeros.gif) no-repeat 0px 0px; margin: 0px; padding: 2px 0px 14px 0px; clear: both;} #premios strong, #premios b{margin: 0px; padding: 0px 0px 0px 6px; width: 46px; float: left;} #premios #link_volver_formulario{background: none;font: bold 14px Arial, Helvetica, sans-serif; color: #052261; margin: 0px; padding: 0px;} #premios #link_volver_formulario a:link, #premios #link_volver_formulario a:visited{color: #052261; text-decoration: underline;} #premios #link_volver_formulario a:hover, #premios #link_volver_formulario a:active{color: #052261; text-decoration: none;} /*TERMINOS Y CONDICIONES*/ *>#tyc{background: url(/images/bariloche2010/fondo_condiciones.png) no-repeat 0px 0px; width: 430px; height: 270px; color: #000; margin: 0px 0px 0px 64px; padding: 0px;} *>#tyc #overflow{position: relative; z-index: 9999; width: 400px; height: 260px; overflow: auto; padding: 5px 20px 5px 10px; text-align: justify;} #tyc #overflow h2{background: none; margin: 0px; padding: 0px 0px 8px 0px; letter-spacing: normal; font: bold 12px Arial, Helvetica, sans-serif; color: #000;} #tyc #overflow p{margin: 0px; padding: 0px 0px 10px 0px;} #link_tyc_volver{font: bold 14px Arial, Helvetica, sans-serif; color: #052261; margin: 0px; padding: 17px 0px 0px 100px;} #link_tyc_volver a:link, #link_tyc_volver a:visited{color: #052261; text-decoration: underline;} #link_tyc_volver a:hover, #link_tyc_volver a:active{color: #052261; text-decoration: none;} /*FOOTER*/ #footer_bariloche2010{width: 773px; margin: 0px auto; font: 9px/160% Arial, Helvetica, sans-serif; color: #666; padding: 15px 0px 0px 0px; clear: both;} #footer_bariloche2010 p{margin: 0px; padding: 0px;} #footer_bariloche2010 #participa{float: right; width: 340px; margin: 0px; padding: 0px; text-align: right; line-height: 100%;} #footer_bariloche2010 #participa p{padding-bottom: 8px;} #footer_bariloche2010 #participa img{border: none; padding-left: 7px;} #footer_bariloche2010 #logo_universia{position: absolute; margin: -78px 0px 0px 582px;}