/* CSS Document */ /* Associacio d'Empreses de Cerdanyola del Valles /* Autor: Jaume Izquierdo --------------------------------------------------------------------------- */ /* 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;} a img, :link img, :visited img {border: 0;} table {border-collapse: collapse; border-spacing: 0;} ol, ul {list-style: none;} q:before, q:after, blockquote:before, blockquote:after {content: "";} /* LAYOUT --------------------------------------------------------------------------- */ .clear {clear: both;} .right { text-align:right;} a {color: #ab1240;} a:hover {color: #616265; text-decoration: underline;} p {margin: 0 0 5px 0; line-height: 18px;} .strong {font-weight: bold;} body {background: #616265 url(../images/bg_full.gif) no-repeat center top; color: #616265; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .height20 {height: 20px;} .height30 {height: 30px;} .height50 {height: 50px;} .granate {color: #ef4d66;} .rojo {color: #ab1240;} /* FORMS --------------------------------------------------------------------------- */ /* LAYOUT --------------------------------------------------------------------------- */ #contenedor {width: 901px; margin: 20px auto; background: #fff;} #contenedor #cabecera {height: 126px;} #contenedor #cabecera #logo {float: left;} #contenedor #cabecera #imgcab {float: right;} #contenedor #estructura {background: #fff url(../images/bg_cab.gif) repeat-x top left; width: 901px;} #contenedor #estructura h2.tit {margin: 20px 0 20px 20px; font-size: 14px; color: #ab1240; font-weight: normal;} #contenedor #estructura h2.big_tit {margin: 20px 0 20px 20px; font-size: 20px; color: #ab1240; font-weight: normal;} #contenedor #estructura h3.big_tit, #contenedor #estructura h4.big_tit, #contenedor #estructura h5.big_tit {margin: 5px 0 0px 20px;} #contenedor #estructura h3.big_tit {font-size: 16px; color: #ab1240; font-weight: normal;} #contenedor #estructura p.txt {/*margin: 20px 0 20px 20px; text-align:justify;*/ line-height:1.8em;width:662px;} #contenedor #estructura #menu {float: left; width: 190px; padding: 30px 0 0 0;} #contenedor #estructura #menu ul {} #contenedor #estructura #menu li {} #contenedor #estructura #menu li a {display: block; color: #aa113f; line-height: 29px; text-indent: 27px; background:url(../images/bg_bot.gif) no-repeat top left; text-decoration: none; font-size: 12px;} #contenedor #estructura #menu li a:hover {display: block; background: #c90044 url(../images/bg_bot_hover.gif) repeat-x top left; color: #fff; line-height: 29px; text-indent: 27px; text-decoration: none; font-size: 12px;} #contenedor #estructura #menu #usuarios {background:url(../images/bg_usuarios.gif); width: 149px; height: 161px; color: #fff; margin: 0px auto; border: 0; text-align: center;} #contenedor #estructura #menu #usuarios .cont .tit {padding: 10px 0 2px 0; font-size: 10px; border-bottom: 1px dashed #c90044;} #contenedor #estructura #menu #usuarios .cont {text-align: center; width: 122px; margin: 0px auto;} #contenedor #estructura #menu #usuarios .cont p {margin: 2px 0 2px 0; font-size: 10px;} #contenedor #estructura #menu #usuarios .cont img {margin: 15px auto;} #contenedor #estructura #menu #usuarios .cont input {background:url(../images/bg_usuarios_input.gif) no-repeat; width: 122px; height: 22px; border: 0; color: #aa113f; padding: 2px 0 0 5px; } #contenedor #estructura #menu #usuarios .cont .entrar {background: url(../images/bt_entrar.gif) no-repeat; width: 40px; height: 22px; color: #fff; margin: 0px auto; border: 0; text-align: center; margin: 5px 0 0 82px;} #contenedor #estructura #menu #usuarios_rf {background: url(../images/bg_usuarios_reflect.gif); width: 149px; height: 42px; margin: 0px auto;} #contenedor #estructura #contenido {float: left; width: 537px; background:url(../images/bg_contenido.gif) no-repeat top; margin: 30px 0 0 0;} #contenedor #estructura #contenido #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #contenido #bienvenido {margin: 20px 0 0 20px;} #contenedor #estructura #contenido #bienvenido .txt {margin: 10px 0 0 0;} #contenedor #estructura #contenido #bienvenido .txt p {margin: 0 20px 5px 0;} #contenedor #estructura #contenido #intro {width: 490px; height: auto; margin: 10px auto; background: #fff url(../images/bg_intro.jpg) no-repeat top left; color: #616265;} #contenedor #estructura #contenido #intro #img {float: left; width: 168px; padding: 10px;} /* (ASSETS) --------------------------------------------------------------------------- */ #contenedor #estructura #contenido #intro #img #imagen_nbg {float: left;} #contenedor #estructura #contenido #intro #img img {border: 1px solid #fff; margin: 10px 0 0 0;} #contenedor #estructura #contenido #intro #txt {float: left; width: 290px;} #contenedor #estructura #contenido #intro #txt .titulo {font-size: 14px; margin: 20px 0 20px 0;} #contenedor #estructura #contenido #intro #txt ul {margin: 0 0 0 10px;} #contenedor #estructura #contenido #intro #txt li {} #contenedor #estructura #contenido #intro #txt li .bloque {margin: 0 0 10px 0;} #contenedor #estructura #contenido #intro #txt li .bloque .izq {width: 6px; float: left; margin: 3px 0 0 0;} #contenedor #estructura #contenido #intro #txt li .bloque .dcha {float: left; margin: 0 0 0 7px; width: 260px;} .insc {background:url(../images/bt_insc.gif) no-repeat top left; width: 83px; height: 52px; display: block; border: 0;} .insc:hover {background:url(../images/bt_insc_hover.gif) no-repeat top left; width: 83px; height: 52px; display: block; border: 0;} #contenedor #estructura #contenido #post {background:url(../images/bg_post_intro.gif); width: 453px; height: 27px; margin: 0px auto;} #contenedor #estructura #contenido #secnot {margin: 5px auto; width: 521px;} #contenedor #estructura #contenido #secnot #noticias {float: left; background:url(../images/bg_noticias.gif) no-repeat top left; width: 258px; height: 157px; margin: 0 5px 0 0;} #contenedor #estructura #contenido #secnot #noticias .titulo {margin: 15px 0 0 20px; font-size: 13px;} #contenedor #estructura #contenido #secnot #noticias .texto {padding: 20px 10px 0 20px; height: 60px;} #contenedor #estructura #contenido #secnot #noticias .texto a {color: #ef4d66; text-decoration: none;} #contenedor #estructura #contenido #secnot #noticias .texto a:hover {color: #616265; text-decoration: underline;} #contenedor #estructura #contenido #secnot #noticias .fecha {font-size: 10px;} #contenedor #estructura #contenido #secnot #noticias .btn {margin: 5px 10px 0 0; text-align: right;} #contenedor #estructura #contenido #secnot #noticias .btn a {margin: 5px 10px 0 0; text-align: right;} #contenedor #estructura #contenido #secnot #eventos {float: left; background:url(../images/bg_noticias.gif) no-repeat top left; width: 258px; height: 157px;} #contenedor #estructura #contenido #secnot #eventos .titulo {margin: 15px 0 0 20px; font-size: 13px;} #contenedor #estructura #contenido #secnot #eventos .texto {padding: 20px 10px 0 20px; height: 60px;} #contenedor #estructura #contenido #secnot #eventos .texto a {color: #ef4d66; text-decoration: none;} #contenedor #estructura #contenido #secnot #eventos .texto a:hover {color: #616265; text-decoration: underline;} #contenedor #estructura #contenido #secnot #eventos .fecha {font-size: 10px;} #contenedor #estructura #contenido #secnot #eventos .btn {margin: 5px 10px 0 0; text-align: right;} #contenedor #estructura #contenido #secnot #eventos .btn a {margin: 5px 10px 0 0; text-align: right;} .lineapuntos {background: url(../images/bg_puntos.gif) repeat-x; height: 4px; width: 100%; margin: 0px auto; } .lineadashed {border-bottom: 1px dashed #ab1240; height: 1px; width: 100%; margin: 0px auto; } #contenedor #estructura #banners {float: left; width: 174px;} #contenedor #estructura #banners #rss {margin: 30px auto; width: 155px;} #contenedor #estructura #banners .banner {margin: 10px auto; width: 155px;} #contenedor #pie {background: #c90044 url(../images/bg_pie.gif) repeat-x top left; color: #fff; text-indent: 35px;} #pie p { margin:0 auto;} #contenedor #pie p a {color: #f5bace; text-decoration: none; } #contenedor #pie p a:hover {color: #f5bace; text-decoration: underline;} .marginleft { margin-left:70px;} /* FICHAS SOCIOS --------------------------------------------------------------------------- */ #contenedor #estructura #socios {float: left; width: 711px; background:url(../images/bg_socios.gif) no-repeat top left; margin: 30px 0 0 0;} #contenedor #estructura #socios #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #socios #bienvenido {margin: 20px 0 23px 20px; font-size: 14px; color: #ab1240;} #contenedor #estructura #socios #bienvenido .txt {margin: 10px 0 0 0;} #contenedor #estructura #socios #intro {width: 490px; height: 285px; margin: 20px auto; background: #eeedeb url(../images/bg_intro.jpg) no-repeat top left; color: #747679;} #contenedor #estructura #socios #contsocios {width: 711px;} #contenedor #estructura #socios #contsocios #izq {float: left; width: 250px; padding: 0 0 0 30px;} #contenedor #estructura #socios #contsocios #izq .img {width: 250px; height: auto; margin: 0 0 10px 0; border: 1px dashed #f5c9d3; padding: 2px;} #contenedor #estructura #socios #contsocios #izq #googlemaps {width: 250px; height: 250px; border: 1px dashed #f5c9d3; margin: 0 0 10px 0; padding: 2px;} #contenedor #estructura #socios #contsocios #izq a {font-size: 10px; color: #ef4d66; padding: 2px 0 0 10px; background:url(../images/bt_ampliar_mapa.gif) left no-repeat; display: block;} #contenedor #estructura #socios #contsocios #izq a:hover {font-size: 10px; color: #616265; text-decoration: underline;} #contenedor #estructura #socios #contsocios #dcha {float: left; width: 350px; margin: 0 0 0 10px;} #contenedor #estructura #socios #contsocios ul {margin: 60px 0 0 0;} #contenedor #estructura #socios #contsocios li {margin: 10px 0 0 40px;} #contenedor #estructura #socios #contsocios li .izq {float: left; width: 70px;} #contenedor #estructura #socios #contsocios li .dcha {float: left; margin: 0 0 0 10px;} #contenedor #estructura #socios #contsocios #dcha #amplia {display: block; background:url(../images/bt_mas_info.gif) top left no-repeat; width: 308px; height: 39px; margin: 40px 0 0 10px;} #contenedor #estructura #socios #contsocios #dcha #amplia a {padding: 0 0 0 20px; color: #fff; line-height: 16px;} #contenedor #estructura #socios #contsocios #dcha #amplia a:hover {color: #cacac8; text-decoration: underline;} #mycustomscroll {width: 340px; height: 230px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0px auto; padding: 0 15px 15px 15px;} /* SOCIOS INSCRIPCION --------------------------------------------------------------------------- */ #contenedor #estructura #inscripcion {float: left; width: 537px; background:url(../images/bg_contenido_b.gif) no-repeat top; margin: 30px 0 0 0;} #contenedor #estructura #inscripcion #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #inscripcion #contform {margin: 30px 0 0 20px;} #contenedor #estructura #inscripcion #contform ul {} #contenedor #estructura #inscripcion #contform li {margin: 0 0 10px 0;} #contenedor #estructura #inscripcion #contform li .bloque {} #contenedor #estructura #inscripcion #contform li .bloque .izq {float: left; width: 140px;} #contenedor #estructura #inscripcion #contform li .bloque .dcha {float: left; width: 300px;} #contenedor #estructura #inscripcion #contform li .bloque .dcha input {background:url(../images/bg_input.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #d6d6d4;} #contenedor #estructura #inscripcion #contform li .bloque .dcha input:hover {background:url(../images/bg_input_hover.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcion #contform li .bloque .dcha input:focus {background:url(../images/bg_input_hover.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcion #contform li .bloque .dcha select {background:url(../images/bg_input.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #d6d6d4;} #contenedor #estructura #inscripcion #contform li .bloque .dcha select:hover {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037;} #contenedor #estructura #inscripcion #contform li .bloque .dcha select:focus {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037;} #contenedor #estructura #inscripcion #contform .bt_enviar {background: url(../images/bt_enviar.gif); height: 51px; width: 83px; border: 0;} #contenedor #estructura #inscripcion #contform .bt_enviar:hover {background: url(../images/bt_enviar_hover.gif); height: 51px; width: 83px; border: 0;} /* PAGINACION --------------------------------------------------------------------------- */ .pagina {margin: 5px auto; text-align: center; padding: 10px 0 0 0;} .pagina a {display: inline; line-height: 19px; border: 1px solid #f59fbc; text-align: center; color: #c90044; text-decoration: none; margin: 0 2px 0 0; padding: 0 3px 0 3px;} .pagina a:hover {display: inline; line-height: 19px; border: 1px solid #c90044; text-align: center; color: #fff; text-decoration: none; background: #c90044; margin: 0 2px 0 0; padding: 0 3px 0 3px;} .pagina a.sel {display: inline; line-height: 19px; border: 1px solid #c90044; text-align: center; color: #fff; text-decoration: none; background: #c90044; margin: 0 2px 0 0; padding: 0 3px 0 3px;} .pagina a.ant {display: inline; line-height: 19px; border: 1px solid #fff; text-align: center; color: #c90044; text-decoration: none; margin: 0 2px 0 0; padding: 0 3px 0 3px;} .pagina a.ant:hover {display: inline; line-height: 19px; border: 1px solid #fff; text-align: center; color: #616265; text-decoration: none; margin: 0 2px 0 0; padding: 0 3px 0 3px; background: #fff;} .post {background:url(../images/bg_post_intro.gif); width: 453px; height: 27px; margin: 0px auto;} /* LISTADO SOCIOS --------------------------------------------------------------------------- */ #contenedor #estructura #listado {float: left; width: 711px; background:url(../images/bg_socios_b.gif) no-repeat top left; margin: 30px 0 0 0;} #contenedor #estructura #listado #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #listado #contform h2 {font-size: 12px; margin: 20px 0 20px 0; color: #616265;} #contenedor #estructura #listado #contform #caja {margin: 0px auto; padding: 15px; width: 550px; border: 1px solid #d6d6d4; background:url(../images/bg_listado.gif) top repeat-x;} #contenedor #estructura #listado #contform {margin: 30px 0 0 20px;} #contenedor #estructura #listado #contform ul {border-left: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-right: 1px solid #d6d6d4; width: 95%; margin: 0px auto;} #contenedor #estructura #listado #contform li {border-top: 1px solid #d6d6d4; padding: 15px; background:url(../images/bg_listado.gif) top repeat-x;} #contenedor #estructura #listado #contform li .bloque {} #contenedor #estructura #listado #contform li .bloque .izq {float: left; width: 300px;} #contenedor #estructura #listado #contform li .bloque .izq a {font-size: 12px; text-decoration: none;} #contenedor #estructura #listado #contform li .bloque .izq a:hover {font-size: 12px; text-decoration: underline;} #contenedor #estructura #listado #contform li .bloque .dcha {float: right; width: 250px;} #contenedor #estructura #listado #contform li .bloque .dcha .img {width: 250px; height: auto; border: 1px solid #d6d6d4; padding: 1px; background: #fff;} #contenedor #estructura #listado #contform select {background:url(../images/bg_input.gif) repeat-x top #fff; width: 250px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #d6d6d4; margin: 0 20px 0 0;} #contenedor #estructura #listado #contform select:hover {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 250px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037; margin: 0 20px 0 0;} #contenedor #estructura #listado #contform select:focus {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 250px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037; margin: 0 20px 0 0;} #contenedor #estructura #listado #contform .post {background:url(../images/bg_post_intro.gif); width: 453px; height: 27px; margin: 0px auto;} #contenedor #estructura #listado #contform .rojo {color: #ef4d66;} /* JUNTA DIRECTIVA --------------------------------------------------------------------------- */ #contenedor #estructura #junta {float: left; width: 711px; background:url(../images/bg_socios_b.gif) no-repeat top left; margin: 30px 0 0 0;} #contenedor #estructura #junta #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #junta .cont {margin: 30px 0 0 20px;} #contenedor #estructura #junta .cont #juntaizq {float: left; width: 600px; margin: 0 10px 0 0;} #contenedor #estructura #junta .cont #juntadcha {float: left; width: 330px;} #contenedor #estructura #junta ul {} #contenedor #estructura #junta li {background:url(../images/bg_listado.gif) top repeat-x; border: 1px solid #d6d6d4; margin: 0 0 10px 0;} #contenedor #estructura #junta li .izq {float: left; width: 130px;} #contenedor #estructura #junta li .izq .img {border: 1px solid #d6d6d4; padding: 1px; width: 95px; height: auto; background: #fff; margin: 10px;} #contenedor #estructura #junta li .dcha {float: left; width: 400px; padding: 10px;} #contenedor #estructura #junta li .dcha h2 {color: #ab1240; font-size: 12px; font-weight: normal;} #contenedor #estructura #junta li .dcha h3 {color: #ab1240; font-size: 11px; font-weight: normal; margin: 5px 0 0 0;} #contenedor #estructura #junta li .dcha h4 {color: #ab1240; font-size: 11px; font-weight: normal; margin: 5px 0 0 0;} #contenedor #estructura #junta li .dcha p {margin: 10px 0 10px 0; padding: 0; line-height: 15px;} /* NOTICIAS --------------------------------------------------------------------------- */ #contenedor #estructura #noticias {margin: 50px auto; width: 450px;} #contenedor #estructura #noticias ul {border-left: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-right: 1px solid #d6d6d4;} #contenedor #estructura #noticias li {background:url(../images/bg_listado.gif) top repeat-x; border-top: 1px solid #d6d6d4; padding: 10px;} #contenedor #estructura #noticias li h2 {color: #ab1240; font-size: 14px; font-weight: normal;} #contenedor #estructura #noticias li h3 {font-size: 12px; font-weight: normal; margin: 5px 0 0 0;} #contenedor #estructura #noticias li p {margin: 10px 0 5px 0; padding: 0; line-height: 15px;} #contenedor #estructura #noticias li p.fecha {margin: 10px 0 5px 0; padding: 0; line-height: 15px; font-size: 10px;} /* NOTICIA DESARROLLADA --------------------------------------------------------------------------- */ #contenedor #estructura #noticia {margin: 30px auto; width: 500px; padding: 10px;} #contenedor #estructura #noticia h2 {color: #ab1240; font-size: 14px; font-weight: normal; margin: 0 0 20px 0;} #contenedor #estructura #noticia h3 {font-size: 12px; font-weight: normal; margin: 5px 0 0 0;} #contenedor #estructura #noticia p {margin: 0 10px 10px 0; padding: 0; line-height: 20px; text-align: justify;} #contenedor #estructura #noticia p.fecha {margin: 10px 0 5px 0; padding: 0; line-height: 15px; font-size: 10px;} #contenedor #estructura #noticia .img {float: left; margin: 0 10px 10px 0; border: 1px solid #d6d6d4; width: 250px; height: auto; padding: 1px;} /* LA MISSIO --------------------------------------------------------------------------- */ #contenedor #estructura #missio {float: left; width: 537px; background:url(../images/bg_contenido_b.gif) no-repeat top; margin: 30px 0 0 0;} #contenedor #estructura #missio #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #missio #contmissio {margin: 30px 20px 0 20px;} #contenedor #estructura #missio #contmissio h3 {margin: 0 0 10px 0; padding: 0;} #contenedor #estructura #missio #contmissio p {margin: 0 20px 20px 0; text-align: justify;} #contenedor #estructura #missio #contmissio h4 {margin: 20px 0 20px 0; font-size: 12px; color: #ab1240; font-weight: normal;} #contenedor #estructura #missio #contmissio .img {border: 1px dashed #d6d6d4; padding: 2px;} #contenedor #estructura #missio #contmissio ul {margin: 0 0 0 10px;} #contenedor #estructura #missio #contmissio li {} #contenedor #estructura #missio #contmissio li .bloque {margin: 0 0 10px 0;} #contenedor #estructura #missio #contmissio li .bloque .izq {width: 6px; float: left; margin: 3px 0 0 0;} #contenedor #estructura #missio #contmissio li .bloque .dcha {float: left; margin: 0 0 0 7px; width: 460px;} /* ENCUESTAS --------------------------------------------------------------------------- */ #contenedor #estructura #encuestas {float: left; width: 711px; background:url(../images/bg_socios_b.gif) no-repeat top left; margin: 30px 0 0 0;} #contenedor #estructura #encuestas #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #encuestas .cont {margin: 30px 0 0 20px; width: 95%;} #contenedor #estructura #encuestas .cont #juntaizq {float: left; width: 330px; margin: 0 10px 0 0;} #contenedor #estructura #encuestas .cont #juntadcha {float: left; width: 330px;} #contenedor #estructura #encuestas .cont h2 {font-size: 14px; color: #ab1240; font-weight: bold;} #contenedor #estructura #encuestas .cont .enc_bloque {width: 90%; margin: 30px 0 30px 0;} #contenedor #estructura #encuestas .cont h3 {font-size: 12px; margin: 20px 0 20px 0; font-weight: bold; padding: 0 0 2px 0; border-bottom: 1px dashed #d6d6d4;} #contenedor #estructura #encuestas .cont ul {border-bottom: 1px solid #d6d6d4; border-left: 1px solid #d6d6d4; border-right: 1px solid #d6d6d4;} #contenedor #estructura #encuestas .cont li {padding: 10px 0 10px 10px; background:url(../images/bg_listado.gif) top repeat-x; border-top: 1px solid #d6d6d4;} #contenedor #estructura #encuestas .cont li:hover {padding: 10px 0 10px 10px; background:url(../images/bg_listado_b.gif) top repeat-x; border-top: 1px solid #f5c9d3; color: #ab1240;} #contenedor #estructura #encuestas .cont li .preg {font-size: 11px; margin: 10px 0 10px 0;} #contenedor #estructura #encuestas .cont li .opc { padding: 0 0 0 10px;} #contenedor #estructura #encuestas .cont li .bloque {} #contenedor #estructura #encuestas .cont li .bloque .izq {float: left; width: 200px; padding: 5px 0 0 0;} #contenedor #estructura #encuestas .cont li .bloque .dcha {float: left; width: 300px;} #contenedor #estructura #encuestas .cont li .bloque .dcha input {background:url(../images/bg_input.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #d6d6d4;} #contenedor #estructura #encuestas .cont li .bloque .dcha input:hover {background:url(../images/bg_input_hover.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #encuestas .cont li .bloque .dcha input:focus {background:url(../images/bg_input_hover.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #encuestas .cont li .bloque .dcha select {background:url(../images/bg_input.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #d6d6d4;} #contenedor #estructura #encuestas .cont li .bloque .dcha select:hover {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037;} #contenedor #estructura #encuestas .cont li .bloque .dcha select:focus {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037;} #contenedor #estructura #encuestas .cont li .bloque .dcha textarea {background:url(../images/bg_input.gif) repeat-x top; width: 350px; height: 200px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #d6d6d4;} #contenedor #estructura #encuestas .cont li .bloque .dcha .check {border: 0; color: #aa113f; padding: 2px 0 0 5px; background: transparent;} #contenedor #estructura #encuestas .cont li .bloque .dcha .check:hover {border: 0; color: #aa113f; padding: 2px 0 0 5px; background: transparent;} #contenedor #estructura #encuestas .cont li .bloque .dcha label {margin: 0; padding: 0;} #contenedor #estructura #encuestas .cont .leyenda {padding: 10px 0 10px 10px; border: 1px solid #f5c9d3; background:url(../images/bg_listado_b.gif) top repeat-x; margin: 0 0 20px 0; line-height: 15px; color: #ab1240;} #contenedor #estructura #encuestas .cont .bt_enviar {background: url(../images/bt_enviar.gif); height: 51px; width: 83px; border: 0;} #contenedor #estructura #encuestas .cont .bt_enviar:hover {background: url(../images/bt_enviar_hover.gif); height: 51px; width: 83px; border: 0;} /* ENLACES --------------------------------------------------------------------------- */ #contenedor #estructura #enlaces {float: left; width: 537px; background:url(../images/bg_contenido_b.gif) no-repeat top; margin: 30px 0 0 0;} #contenedor #estructura #enlaces #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #contenedor #estructura #enlaces #contenlaces {margin: 30px 20px 0 20px;} #contenedor #estructura #enlaces #contenlaces h2 {font-size: 14px; color: #ab1240; font-weight: normal; padding: 20px 0 20px 0; text-align: center;} #contenedor #estructura #enlaces #contenlaces .contlink {padding: 10px 0 0 0; width: 90%; text-align: center; margin: 0px auto;} #contenedor #estructura #enlaces #contenlaces .contlink .logo {padding: 2px; text-align: center; margin: 0px auto;} #contenedor #estructura #enlaces #contenlaces .contlink .logo img {} /* SOCIOS INSCRIPCION NUEVO FORMULARIO JUNIO 2008 --------------------------------------------------------------------------- */ .pdf a { width: 150px; margin:0 0 0 20px;} .pdf a:hover { color:#333;} #contenedor #estructura #inscripcionform {float: left; width: 711px; background:url(../images/bg_socios_b.gif) no-repeat top left; margin: 30px 0 0 0;} #contenedor #estructura #inscripcionform #estas {margin: 0 20px 0 20px; font-size: 10px; border-bottom: 1px dashed #f1f1ee; padding: 0 0 5px 0;} #inscripcionform p.txt strong { font-size:12px; font-weight:bold; line-height:15px; margin-bottom:0;} #inscripcionform p.txt { margin:0 0 5px 20px;} #contenedor #estructura #inscripcionform #contform {margin: 30px 0 0 20px;} #contenedor #estructura #inscripcionform #contform ul {} #contenedor #estructura #inscripcionform #contform li {padding: 10px 0 10px 0; background:url(../images/bg_listado.gif) top repeat-x;} #contenedor #estructura #inscripcionform #contform li .bloque {padding: 10px 0 10px 0;} #contenedor #estructura #inscripcionform #contform li .bloque .izq {float: left; width: 150px; padding: 5px 0 0 0;} #contenedor #estructura #inscripcionform #contform li .bloque .izq p {margin: 0; padding: 2px 0 0 0;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha {float: left; width: 250px; padding: 5px 0 0 0;} #contenedor #estructura #inscripcionform #contform li .bloque .personal {float: left; width: 100px; padding: 5px 0 0 0;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input200, #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input250 {background:url(../images/bg_input.gif) repeat-x top; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #d6d6d4;} .input200 { width: 200px; height: 18px;} .input250 { width:350px; height:130px;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input200:hover {background:url(../images/bg_input_hover.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input200:focus {background:url(../images/bg_input_hover.gif) repeat-x top; width: 200px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input100 {background:url(../images/bg_input.gif) repeat-x top; width: 100px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #d6d6d4;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input100:hover {background:url(../images/bg_input_hover.gif) repeat-x top; width: 100px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input100:focus {background:url(../images/bg_input_hover.gif) repeat-x top; width: 100px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input30 {background:url(../images/bg_input.gif) repeat-x top; width: 30px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #d6d6d4;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input30 p { float:left;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input30:hover {background:url(../images/bg_input_hover.gif) repeat-x top; width: 30px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha .input30:focus {background:url(../images/bg_input_hover.gif) repeat-x top; width: 30px; height: 18px; border: 0; color: #aa113f; padding: 2px 0 0 5px; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha select, #contenedor #estructura #inscripcionform #contform li .bloque .personal select {background:url(../images/bg_input.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #d6d6d4;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha select:hover {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform li .bloque .dcha select:focus {background:url(../images/bg_input_hover.gif) repeat-x top #fff; width: 200px; height: 20px; border: 0; color: #aa113f; padding: 0; border: 1px solid #ad0037;} #contenedor #estructura #inscripcionform #contform .bt_enviar {background: url(../images/bt_enviar.gif); height: 51px; width: 83px; border: 0;} #contenedor #estructura #inscripcionform #contform .bt_enviar:hover {background: url(../images/bt_enviar_hover.gif); height: 51px; width: 83px; border: 0;} /* GALERIA */ #mark {margin:0 auto; width:499px; height:auto; } #image_box { padding:8px 0 0 7px; height:auto;}