@import url("reset.css"); body { background:url(../img/background-web.gif) repeat-x top; font-size:62.5%; font-family:Arial, Helvetica, sans-serif} .lfloat {float:left} .rfloat {float:right} legend {display:none} .midd {vertical-align:middle} /* general structure ******/ #container {margin:0 auto; width:930px} /*index *******/ #header #enlaces-index {float:left; margin: 76px 18px 0 0; text-transform:uppercase; width:193px} #header #enlaces-index ul li { display:inline} #header #enlaces-index span {margin: 0 5px; float:left} #header #enlaces-index li a {font:bold 1em arial; color:#6e6f72; float:left; line-height:1em} /* header ***********/ #header {width:930px; height:105px; margin-bottom:1.7em} #header h1{float:left; margin:6px 27px 0 0} #header h1 span {display:none} #header #enlaces {float:left; margin: 7px 20px 0 0; text-transform:uppercase; width:193px} #header #enlaces ul li { display:inline} #header #enlaces span {margin: 0 5px; float:left} #header #enlaces li a {font:bold 1em arial; color:#6e6f72; float:left; line-height:1em} #header #finder {float:right; margin-top:5px; width:514px} #header #finder ul {font:bold 1em arial; color:#444; text-transform:uppercase; text-align:right} #header #finder ul li { display:inline} #header #finder li a {color:#444; line-height:0em} #header #finder li img { margin:0 4px 0 12px; vertical-align:middle} /* form header *****/ #header #finder form {margin:14px 0 0 0; width:514px} #header #finder form label {font:bold 1.6em arial} #header #finder form input {border:1px solid #d7d7d7;font:bold .8em arial; color:#5e5e5e; padding:4px} #header #finder form input.large {width:439px} #header #finder form .box {float:left; margin-bottom:2px} #header #finder form label span {display:block; float:left; line-height:1.8em} #header #finder form label span.title { width:65px} label.red {color:#ca1b1d} label.blue {color:#1746ac} label.green {color:#00a651} #header #finder form label.grey {color:#939598; font:normal 1.3em arial; margin-top:2px; float:left} /* nuevos estilos desde lo ultimo mandando */ #header #finder select {float:left; width:125px; border:1px solid #d7d7d7; font: bold .8em arial; color:#000; margin:2px 0 0 0; padding:2px 0} #header #finder form label.grey {color:#939598} #header #finder form label.grey span{margin:0 5px} #header #finder form input.city-input{float:left; width:115px; font-size:1em} #header #finder form input.medium {width:106px; font-size:1em} #header #finder form input.short {width:99px; font-size:1em; float:left} .position-top {vertical-align:top} #header #finder label.grey span.line{line-height:2.2em} #header #finder label.grey img {margin:0 10px 0 3px; float:left} #header #finder form input.class-buttom {width:82px; height:35px; background:url(../img/search.gif) no-repeat; cursor:pointer; border:0; margin-left:4px} #finder form input.class-buttom {width:82px; height:35px; background:url(../img/search.gif) no-repeat; cursor:pointer; border:0; margin-left:4px} #header #finder form input.class-buttom_es {width:82px; height:35px; background:url(../img/search-esp.gif) no-repeat; cursor:pointer; border:0; margin-left:4px} #finder form input.class-buttom_es {width:82px; height:35px; background:url(../img/search-esp.gif) no-repeat; cursor:pointer; border:0; margin-left:4px} /**** BLOQUE PRINCIPAL ****/ #bloque-princ {width:609px; border-right:1px solid #ebebeb; margin-right:1em; padding-right:1em; float:left;} #bloque-princ a {color:#1746ac} #bloque-princ #profile {float:left; width:100%} #bloque-princ #profile h2 {font:bold 2.1em Arial, Helvetica, sans-serif; color:#aa1905; padding-bottom:.2em; margin-bottom:.5em; border-bottom:1px dotted #696969} #bloque-princ #profile img#foto {padding:1px; border:2px solid #898989; float:left; margin-right:.8em} #bloque-princ #profile a {font:bold 1.6em Arial, Helvetica, sans-serif} #bloque-princ #profile a img {vertical-align:middle; padding-right:.4em} #bloque-princ #profile ul#datos {float:left; margin-top:2.8em; color:#444444; font:normal 1.4em Arial, Helvetica, sans-serif} #bloque-princ #profile ul#datos li, #bloque-princ #profile ul#actions li {padding-top:.4em; font-style:italic} #bloque-princ #profile ul#datos li span {font-style:normal} #bloque-princ #profile ul#actions {position:relative; bottom:10px; right:-5px; float:right; color:#444444; font:normal 1.2em Arial, Helvetica, sans-serif; text-align:right} #bloque-princ #profile ul#actions img {vertical-align:middle; padding-left:.4em} #bloque-princ #profile ul#actions li a {font-size:1em; color:#444; font-weight:normal; padding-top:.4em; font-style:italic; } /** navegaciones **/ #bloque-princ #nav-profile {overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em} #bloque-princ #nav-profile ul#nav {font-size:2em;} #bloque-princ #nav-profile ul#nav li {float:left; padding:.3em .7em ; background:url(../img/background-cab-grey.gif) repeat-x; border-right:1px solid #fff; border-bottom:1px solid #fff } #bloque-princ #nav-profile ul#nav li a{float:left; color:#444; } #bloque-princ #nav-profile ul#nav li#stream {background:#530a89 url(../img/background-violet.gif) repeat-x; color:#fff; border-bottom:1px solid #530a89} #bloque-princ #nav-profile ul#nav li#activit {background:#007234 url(../img/background-cab-green.gif) repeat-x; color:#fff; border-bottom:1px solid #007234} #bloque-princ #nav-profile ul#nav li#coinci {background:#1D4AAD url(../img/background-cab-blue.gif) repeat-x; color:#fff; border-bottom:1px solid #1D4AAD} #bloque-princ #nav-profile ul#nav li#info {background:#9D1F08 url(../img/background-cab-red.gif) repeat-x; color:#fff; border-bottom:1px solid #9D1F08} #bloque-princ #nav-profile ul#nav li#amarillo {background:#905501 url(../img/background-cab-amarillo.gif) repeat-x; color:#fff; border-bottom:1px solid #905501} #bloque-princ #nav-profile ul#nav li#stream a{color:#fff;} #bloque-princ #nav-profile ul#nav li#activit a{color:#fff;} #bloque-princ #nav-profile ul#nav li#coinci a{color:#fff;} #bloque-princ #nav-profile ul#nav li#info a{color:#fff;} #bloque-princ #nav-profile ul#nav li#amarillo a{color:#fff;} #bloque-princ #nav-profile ul#nav li.principal {float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background:none;width:90px;font-size: 22px; font-weight: bold;padding-top:5px;padding-bottom:5px;margin-bottom:0px;text-align:center } #bloque-princ #nav-profile ul#nav li.principal a{float:left; color:#9D1F08; } #bloque-princ #nav-profile ul#nav li.principal_on {float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background:none;width:90px;font-size: 22px; font-weight: bold;padding-top:5px;padding-bottom:5px;margin-bottom:0px;background: #9D1F08 url(/htmls/img/background-cab-red.gif) repeat-x scroll 0 0; text-align:center} #bloque-princ #nav-profile ul#nav li.principal_on a{float:left; color:#fff; } #bloque-princ .submenu {padding:.5em .5em .5em .8em; text-transform:uppercase; clear:left; overflow:hidden} #bloque-princ .stream {background:#530a89} #bloque-princ .coinci {background:#1D4AAD} #bloque-princ .activit {background:#007234} #bloque-princ .mailbox {background:#905501} #bloque-princ .inform {background:#9D1F08; height:23px;} #bloque-princ .past {background:#905501; height:23px;} #bloque-princ .submenu ul {float:left; font-size:10px; padding-top:.8em} #bloque-princ .submenu li a, #bloque-princ #nav-profile .submenu li span {color:#fff} #bloque-princ .submenu li {float:left} #bloque-princ .submenu li span {padding:0 .4em; color:#fff} #bloque-princ .submenu form label{float:left; color:#fff; padding-right:.4em} #bloque-princ .submenu form input {width:65px; font-size:1em; margin:.2em .3em 0 .3em} #bloque-princ .submenu form img {vertical-align:middle; position:relative; top:-2px} #bloque-princ .submenu form #boton {background:transparent; border:none; color:#fff; width:47px; float:right; cursor:pointer; margin:0px; padding-top:.5em} #bloque-princ p.entries {background:#e8e8e8; padding:.6em 1em; text-align:right; font-size:1.2em; color:#444} #bloque-princ .bloq-stream {overflow:hidden; font:normal 1.2em Arial, Helvetica, sans-serif; color:#444} #bloque-princ .bloq-stream img {float:left; padding:1px; border:solid 1px #898989; margin-right:1em} #bloque-princ .bloq-stream .flag img {border:none; float:none; vertical-align:middle} #bloque-princ .bloq-stream .flag {color:#999; font-size:.9em} #bloque-princ .bloq-stream .uptype {font-size:1.2em; padding:.2em 0} #col-der {float:left; width:300px;} .lin-sep {border-bottom:1px dotted #696969; margin-bottom:1em; width:100%} #col-der #private-menu {background:#305ab5; color:#fff; font:normal 1.2em Arial, Helvetica, sans-serif} #col-der #private-menu h2 {font-size:1.7em; border-bottom:solid 1px #fff; background:url(../img/background-cab-blue.gif) repeat-x bottom;padding:.3em 0 .3em 10px; font-weight:normal} #col-der #private-menu li { display:block; border-bottom:1px dotted #839cd3; background-position:8px center; background-repeat:no-repeat} #col-der #private-menu ul li a, #col-der #private-menu ul li#activ{padding:.5em 0 .5em 2.5em; display:block; color:#fff} #col-der #private-menu ul li:hover, #col-der #private-menu ul li.activa { background-color:#000} #col-der #private-menu ul li#pro {background-image: url(../img/ic_perfil_n.png)} #col-der #private-menu ul li#new {background-image: url(../img/ic_publish_n.png)} #col-der #private-menu ul li#mess {background-image: url(../img/ico02-private.gif)} #col-der #private-menu ul li#mess_ama {background-image: url(../img/ic_mensajes_amarillo.gif)} #col-der #private-menu ul li#invi {background-image: url(../img/envelopewritep.png)} #col-der #private-menu ul li#friends {background-image: url(../img/ico03-private.gif)} #col-der #private-menu ul li#pending {background-image: url(../img/ico04-private.gif)} #col-der #private-menu ul li#favourites {background-image: url(../img/ic_favoritos.gif)} #col-der #private-menu ul li#editp {background-image: url(../img/ico05-private.gif)} #col-der #private-menu ul li#edita {background-image: url(../img/ico06-private.gif)} #col-der #private-menu ul li#close {background-image: url(../img/ico07-private.png)} #col-der .friends {font:normal 1.2em Arial, Helvetica, sans-serif} #col-der .friends h2 {font-size:1.7em; border-bottom:solid 1px #fff; background:url(../img/background-cab-red.gif) repeat-x bottom;padding:.3em 0 .3em 10px; color:#fff; font-weight:normal} #col-der .friends li { display:block; border-bottom:1px solid #fff; background:url(../img/background-li.grey.gif) repeat-x} #col-der .friends ul li a {padding:.8em 0 .7em 1em; display:block; color:#444; overflow:hidden} #col-der .friends img {vertical-align:middle; padding-right:.7em} #col-der .see-all {background:#999; padding:0.3em; text-align:right} #col-der .caja-verde {font:normal 1.2em Arial, Helvetica, sans-serif; background:#ececec; overflow:hidden; padding-bottom:1em} #col-der .caja-verde h2 {font-size:1.7em; border-bottom:solid 1px #fff; background:url(../img/background-cab-green.gif) repeat-x bottom;padding:.3em 0 .3em 10px; color:#fff; font-weight:normal} #col-der .caja-verde p {margin:1em} #col-der .caja-verde img {border:1px solid #929292; float:left; margin-right:1em } #col-der .caja-verde a {padding-top:.7em; margin-top:.5em; border-top:1px dotted #666; text-align:right; float:right; width:100%} #col-der .caja-verde a img {border:none; float:right} #col-der p {color:#444} /** page index *************/ #header #log {float:right; margin-top:5px; width:457px; padding-left:57px; font:normal 1.3em arial;} #header #log label { color:#6e6f72; float:left; width:180px} #header #log input.log-input {margin-top:5px; color:#6e6f72; padding:5px; border:1px solid #eaeaea; width:160px} #header #log input.buttom-login {width:97px; height:42px; background: url(../img/log-in.gif) no-repeat;; cursor:pointer; border:0} #header #log input.buttom-login_es {width:97px; height:42px; background: url(../img/login-esp.gif) no-repeat;; cursor:pointer; border:0} #header #log #box-login {float:left; margin:15px 0 0 0; width:97px} #header #log #box-login_es {float:left; margin:15px 0 0 0; width:97px} #header #log span a{color:#aa1905; display:block; line-height:1.5em} #header #log input.buttom-signup {width:456px; height:43px; background: url(../img/sign-up.gif) no-repeat;; cursor:pointer; border:0; display:block; margin-top:5px} h2#title {font:bold 2.1em arial; color:#aa1905; margin:20px 0; width:100%} p.text-index {font:normal 2.1em arial; color:#444; width:100%} /* form index **/ #finder-index form {width:100%; margin-top:15px} #finder-index label span.title {font: bold 4.6em arial; width:198px;float:left} #finder-index .box {width:100%; padding-bottom:10px; border-bottom:1px solid #ebebeb; margin-bottom:10px; float:left; line-height:6.8em} #finder-index input {border:1px solid #d7d7d7;font:bold 1.6em arial; color:#5e5e5e; padding:4px} #finder-index input.large {width:722px} #finder-index input.medium {width:220px} #finder-index input.short {width:187px} #finder-index select {width:204px; border:1px solid #d7d7d7; padding:4px; font:bold 1.6em arial; float:left; color:#000; margin-top:17px} #finder-index label.grey span{color:#939598; font:normal 1.7em arial; margin:0 6px} #finder-index label.grey img {vertical-align:middle; margin:0 7px 7px 10px} #finder-index form input.class-buttom {width:82px; height:35px; background:url(../img/search.gif) no-repeat; cursor:pointer; border:0; margin-left:4px} #finder-index form input.class-buttom_es {width:82px; height:35px; background:url(../img/search-esp.gif) no-repeat; cursor:pointer; border:0; margin-left:4px} /* FOOT ***/ #foot{width:100%; border-top: 4px solid #aa1905; padding:20px 0; text-transform:uppercase; font: bold 1em arial; color:#6e6f72; margin-top:20px; float:left} #foot #foot-in {margin:0 auto; width:930px; text-align:center} #foot #foot-in ul li {display:inline} #foot #foot-in ul li span {margin:0 10px; font-size:1.2em} #foot #foot-in ul li a{color:#6e6f72} /** PAG 02_ RESULTADOS BUSQUEDA **/ .box-line-bottom {width:100%; float:left; border-bottom:1px dotted #696969; padding-bottom:15px} .box-line-top {width:100%; float:left; border-top:1px dotted #696969;} .margintop-2px {margin-top:2px} .width448 {width:448px} #bloque-princ h2.title{color:#aa1905; font:bold 2.1em arial} #bloque-princ p.txt15 {margin:0; font:normal 1.5em arial; color:#444} #bloque-princ ul.result {width:100%; padding-bottom:1em; overflow:hidden} #bloque-princ ul.result li {padding:10px 10px 5px 10px; display:block; float:left; width:97%; border-bottom:1px dotted #696969 } #bloque-princ ul.result li img.photo {margin:0 10px 10px 0; border:1px solid #898989; float:left} #bloque-princ ul.result li:hover {background:#1746ac; display:block} #bloque-princ ul.result li:hover a {color:#fff} #bloque-princ ul.result h3 a{font:bold 1.5em arial; color:#1746ac} #bloque-princ ul.result h3 a:hover, #bloque-princ ul.result li:hover h3 a{color:#7aa3fb} #bloque-princ ul.result li p.texto {margin-bottom:5px; width:365px; float:left} #bloque-princ ul.result li p.texto a{font:normal 1.2em arial; color:#444} #bloque-princ ul.result li:hover p.texto a, #bloque-princ ul.result li p.flag a:hover, #bloque-princ ul.result li:hover p.flag a{color:#fff} #bloque-princ ul.result li p.flag {font-size:1.1em; font-family:arial; color:#666; width:365px; float:left} #bloque-princ ul.result li:hover p.flag {color:#ccc} #bloque-princ ul.result li ul.coincidences {float:right; text-align:right; width:117px; font:italic 1.2em arial; color:#444} #bloque-princ ul.result li ul.coincidences li {border:0; padding:0px} #bloque-princ ul.result li ul.coincidences li.margin {margin-top:30px} #bloque-princ ul.result li ul.coincidences li:hover { background:none} #bloque-princ ul.result li:hover ul.coincidences li {color:#fff} #bloque-princ ul.result li.azul_fijo {background:#1746ac; padding:10px 10px 5px 10px; display:block; float:left; width:97%; border-bottom:1px dotted #696969 } #bloque-princ ul.result li.azul_fijo div.box-nameinbox a p.name {color:#7AA3FB } #bloque-princ ul.result li.azul_fijo div.box-nameinbox p.hour {color:#fff } #bloque-princ ul.result li.azul_fijo div.box-nameinbox p.date {color:#fff } #bloque-princ ul.result li.azul_fijo div.content-message a p.title {color:#7AA3FB } #bloque-princ ul.result li.azul_fijo div.content-message p.content {color:#fff } #bloque-princ ul.result li.azul_fijo div.content-message p.content a {color:#7AA3FB } #bloque-princ ul.result li.blanco_fijo {background:#ffffff; padding:10px 10px 5px 10px; display:block; float:left; width:97%; border-bottom:1px dotted #696969 } #bloque-princ ul.result li.blanco_fijo div.box-nameinbox a p.name {color:#1746ac } #bloque-princ ul.result li.blanco_fijo div.box-nameinbox p.hour {color:#444 } #bloque-princ ul.result li.blanco_fijo div.box-nameinbox p.date {color:#444 } #bloque-princ ul.result li.blanco_fijo div.content-message a p.title {color:#1746ac } #bloque-princ ul.result li.blanco_fijo div.content-message p.content {color:#444 } #bloque-princ ul.result li.blanco_fijo div.content-message p.content a {color:#1746AC } /* pag 03 Near Future ***/ #bloque-princ #nav-cab {overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em} #bloque-princ .green02 {border-bottom:4px solid #007234} #bloque-princ #nav-cab ul#nav {font-size:2em;} #bloque-princ #nav-cab ul#nav li {float:left; padding:.3em .6em ; background:url(../img/background-cab-grey.gif) repeat-x; border-right:1px solid #fff; border-bottom:1px solid #fff} /*#bloque-princ #nav-cab ul#nav li:hover{background:#530a89 url(../img/background-cab-green.gif) repeat-x; color:#fff} #bloque-princ #nav-cab ul#nav li:hover a{color:#fff}*/ #bloque-princ #nav-cab ul#nav li a{float:left; color:#444} #bloque-princ #nav-cab ul#nav li#green {background:#530a89 url(../img/background-cab-green.gif) repeat-x; color:#fff; border-bottom:1px solid #007234} /* pag 06 */ .edit-del {float:right; position:relative; right:0px} #bloque-princ ul.result li ul.coincidences2 {position:relative; top:25px; float:right; text-align:right; width:100px; font:italic 1.2em arial; color:#444; left:34px} #bloque-princ ul.result li ul.coincidences2 li {border:0; width:105px; padding:0px} #bloque-princ ul.result li ul.coincidences2 li.margin {margin-top:15px} #bloque-princ ul.result li ul.coincidences2 li:hover { background:none} #bloque-princ ul.result li:hover ul.coincidences2 li {color:#fff} /* pag 08 */ #bloque-princ div.data {font:normal 1em Arial, Helvetica, sans-serif; padding-bottom:2em; float:left; width:100%} #bloque-princ div.data p {font:normal 1.8em Arial, Helvetica, sans-serif; color:#444; display:block; padding-bottom:.4em} #bloque-princ div.data ul {float:left; width:49.9%; font:normal 1.4em Arial, Helvetica, sans-serif; } #bloque-princ div.data ul li {padding-bottom:.4em} #bloque-princ div.data ul li span {font-weight:bold; color:#ca1c1e} #bloque-princ p.previo {font-size:1.8em; padding-bottom:1em; color:#444} #bloque-princ #nav-cab.orange {border-bottom:solid 4px #905501} #bloque-princ #nav-cab ul#nav li#orange { background: #530A89 url(../img/background-orange.gif) repeat-x scroll 0 0; color:#fff; border-bottom:1px solid #905501} #bloque-princ #nav-cab ul#nav li.orange { background: #530A89 url(../img/background-orange.gif) repeat-x scroll 0 0; color:#fff; border-bottom:1px solid #905501} #bloque-princ #nav-cab ul#nav li#orange a { color:#ffffff} .forms input#savechanges {background:url(../img/savechanges.gif) no-repeat; width:131px; height:41px; float:right; border:none; cursor:pointer} .forms input#savechanges_es {background:url(../img/savechange-esp.gif) no-repeat; width:131px; height:41px; float:right; border:none; cursor:pointer} .forms input#send {background:url(../img/send.gif) no-repeat; width:66px; height:41px; float:right; border:none; cursor:pointer} .forms input#send_es {background:url(../img/send-esp.gif) no-repeat; width:66px; height:41px; float:right; border:none; cursor:pointer} .forms input#cancel {background:url(../img/cancel.gif) no-repeat; width:86px; height:41px; float:right; border:none; cursor:pointer} .forms input#cancel_es {background:url(../img/cancel-esp.gif) no-repeat; width:86px; height:41px; float:right; border:none; cursor:pointer} .forms #delet-photo {float:left} .forms .input-group {width:60%} .forms img#bot-addgroup {float:right; vertical-align:middle} .forms legend {display:block; font-size:1.8em; color:#aa1905; padding-bottom:1em} .forms label {float:left; width:100%; padding-bottom:1em; cursor:default} .forms label span, .forms p span {font-size:1.2em; font-weight:bold; color:#444; width:90px; float:left; height:20px} .forms input, .forms textarea {float:left; width:84.5%;} .forms input.help {width:80.9%;} .forms img {padding:.3em 0 0 .6em} .forms select {float:left; width:495px;} .forms p {float:left; width:100%; cursor:default} .forms label.radio input, .forms label.radio span, .forms label#agree input {width:auto; float:left; font-size:1em;} .forms label.radio {font-size:1.2em; width:80px; float:left; cursor:default} .forms span {padding-top:.3em} .forms .astsk {color:red; width:auto; height:auto;} .forms label#agree {width:100%; font-size:1.2em; color:#aa1905; padding:0px} .forms label#agree input {margin:0px 1em 0} .forms input#register {background:url(../img/register.gif) no-repeat; width:91px; height:41px; float:right; border:none; cursor:pointer} .forms input.noval {background:#f6d6d6 url(../img/ok-error.gif) no-repeat right -25px; border:1px solid #e37a7a; padding-right:2px} .forms input.okval {background:#e2f2db url(../img/ok-error.gif) no-repeat right 2px; border:1px solid #81bf66; padding-right:2px} .forms select.noval {background:#f6d6d6 url(../img/ok-error.gif) no-repeat right -25px; border:1px solid #e37a7a; padding-right:0px} .forms select.okval {background:#e2f2db url(../img/ok-error.gif) no-repeat right 2px; border:1px solid #81bf66; padding-right:0px} .novale {background:#f6d6d6 url(../img/ok-error.gif) no-repeat right -25px; border:1px solid #e37a7a; padding-right:2px} .okvale {background:#e2f2db url(../img/ok-error.gif) no-repeat right 2px; border:1px solid #81bf66; padding-right:2px} span.mandatory {width:auto; font-size:1.5em; font-style:italic} span.astk-mandat {width:auto;font-size:1.5em; color: #F00;} /* page 04 actividad ampliada *********/ h2.title-blue {font:bold 2.1em arial; color:#1746ac; margin:0} .boxdate {width:358px; float:left; border-right:1px solid #999; margin:10px 12px 0 0} .boxcoincidates {width:150px; float:left; border-right:1px solid #999; margin:10px 12px 0 0; padding:8px 0} .photo-activity {margin:0 10px 0 0; border:1px solid #898989; float:left; padding:1px} ul.activity{font:normal 1.1em arial; color:#444; float:left; margin:-2px 0 -5px 0} ul.activity li {margin-bottom:2px} ul.activity li a{color:#444} #bloque-princ .addfriend a { center left no-repeat; font:italic 1.2em arial; color:#444; text-align:left;} #bloque-princ .editactidani a {background:url(../img/ico06-private.gif) center left no-repeat; padding-left:20px; font:italic 1.2em arial; color:#444} #bloque-princ .borraractidani a {background:url(../img/Ic_47delete.png) center left no-repeat; padding-left:20px; font:italic 1.2em arial; color:#444} #bloque-princ .sendmessage a{background:url(../img/send-messenge.gif) center left no-repeat; padding-left:20px; font:italic 1.2em arial; color:#444} #bloque-princ .sendmessage:hover, #bloque-princ .addfriend:hover .editactidani:hover .borraractidani:hover{ color:#fff} ul.coincidences {float:right; text-align:right; width:100px; font:italic 1.2em arial; color:#444} h3.boxblue {width:99%; padding:5px; background:#f3f3f3; font:normal 1.8em arial; color:#666; float:left; margin:10px 0} h3.boxblue a {color:#666} ul#bethere li.box{width:32%; padding-bottom:10px;float:left; margin:0 8px 0 0} ul#bethere li.box-line{width:32%; padding-bottom:10px; border-bottom:1px dotted #999;float:left; margin:0 8px 15px 0} ul#bethere li.box-line-up{width:32%; padding-top:10px; border-top:1px dotted #999;float:left; margin:0 8px 15px 0} ul#bethere li.box a, ul#bethere li.box-line a, ul#bethere li.box-line-up a {color:#444} .box-options {padding:15px 0; width:100%; float:left; border-bottom:1px dotted #696969; font:normal 1em arial; color:#444; text-transform:uppercase} .box-options a {color:red} .box-options p#medio {width:210px; float:left} .box-options p.largo {width:240px; float:left} .box-options p a span{color:#444} .box-options img { vertical-align:middle; margin:0 3px} .title-coment {font:bold 1.3em arial; color:#1746ac; margin-top:5px} .title-coment a{color:#1746ac} form#notify label {font:normal 1.1em arial; color:#444} #box-formcoment {float:left; width:609px} form#coment {margin:15px 0; padding-left:10px; width:99%} form#coment label {font:bold 1.1em arial; color:#444; text-transform:uppercase} form#coment label span {float:left; width:80px; line-height:2.2em} form#coment input, form#coment textarea {border:1px solid #d7d7d7;font:bold 1.2em arial; color:#5e5e5e; padding:4px; margin-bottom:10px} form#coment input.large, form#coment textarea.large {width:500px} form#coment .class-buttom {width:62px; height:42px; background:url(../img/send.gif) no-repeat; cursor:pointer; border:0; float:right; margin-right:8px} /** general *****/ .txt14 {font:normal 1.4em arial; color:#444} .padding15-top {padding-top:15px} .padding-15 {padding:15px 0} .txt-blue {color:#1746ac} .margin10-top {margin-top:10px} .margin10-bottom {margin-bottom:10px} /* modulo pestanas derecho ***/ #col-der #nav-cab2 {overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em; border-bottom:solid 4px #007234; width:300px} #col-der #nav-cab2 ul#nav2 {font-size:2em} #col-der #nav-cab2 ul#nav2 li {float:left; padding:.3em .7em ; background:url(../img/background-cab-grey.gif) repeat-x; } #col-der #nav-cab2 ul#nav2 li.border-right {border-right:1px solid #fff} #col-der #nav-cab2 ul#nav2 li:hover{background:#530a89 url(../img/background-cab-green.gif) repeat-x; color:#fff} #col-der #nav-cab2 ul#nav2 li:hover a{color:#fff} #col-der #nav-cab2 ul#nav2 li a{float:left; color:#444} #col-der #nav-cab2 ul#nav2 li.green {background:#530a89 url(../img/background-cab-green.gif) repeat-x; color:#fff} #col-der ul#near-future , #col-der ul#latest-activities {margin-top:-8px; font: normal 1.2em arial; color:#444} #col-der #near-future li, #col-der #latest-activities li {width:275px; background:#ececec url(../img/bullet01.gif) 10px 16px no-repeat; padding:10px 5px 10px 20px; border-bottom:1px solid #fff } #col-der #near-future li a, #col-der #latest-activities li a {color:#444} /* modulo crossfuture in numbers */ #col-der .friends ul li {overflow:hidden; width:100%; color:#444; margin-bottom:-3px} #col-der .friends ul li span{padding:10px; display:block} #col-der .friends ul li span.numbers {font:bold 1.4em arial; float:right} /* page 10 */ #bloque-princ #nav-cab ul#nav-smallfont li#green {background:#981b04 url(../img/background-cab-green.gif) repeat-x; color:#fff; border-bottom:1px solid #007233 } .box-line-bottom span#green-tit {font:normal 1.8em arial; color:#007233; margin-top:5px; display:block} #bloque-princ .linea-green {border-bottom:4px solid #007233; float:left} #bloque-princ ul.coincidences li.delete-friend {position:relative; left:-54px; margin-top:1em} #bloque-princ .groups-block {float:left; width:300px; font-size:1.2em; font-style:oblique; padding-top:8px} #bloque-princ .groups-block .groups {width:100%; padding-bottom:2px; margin-bottom:8px; border-bottom:dotted 1px #e8e8e8} #bloque-princ .groups-block .action-group {float:left; width:50%; padding-bottom:1em} #bloque-princ .groups-block .action-group p{font-weight:bold; padding-bottom:.5em} #bloque-princ ul.coincidences li.delete-friend .info-delete {position:relative; top:-28px; left:47px; cursor:pointer} /* page 11 amigos grupos ***/ h2.red {color:#981b04; font: bold 2em arial; margin-bottom:15px} .box-line-bottom span.red {font:normal 1.8em arial; color:#ca1c1e; margin-top:5px; display:block} #bloque-princ .linea-red {border-bottom:4px solid #981b04} #bloque-princ #nav-cab ul#nav-smallfont li#red {background:#530a89 url(../img/background-cab-red.gif) repeat-x; color:#fff; border-bottom:1px solid #981b04} #bloque-princ #nav-cab ul#nav-smallfont{font-size:1.4em} #bloque-princ #nav-cab ul#nav-smallfont li {float:left; padding:.6em .7em; background:url(../img/background-cab-grey.gif) repeat-x; border:1px solid #fff; bordet-top:0; border-left:0} .boxgrey {width:99%; padding:5px; background:#f3f3f3; font:normal 1.8em arial; color:#666; float:left; margin:10px 0; float:left} .boxgrey h3 {float:left;font:normal 1.6em arial; color:#666; margin-left:10px} .boxgrey span.links {float:right; display:block;margin-top:10px} .boxgrey span.links img{margin:0 4px} #bloque-princ #nav-cab ul#nav-smallfont li a{float:left; color:#444} ul.groups {width:100%; float:left; border-bottom:1px dotted #696969; margin-bottom:5px} ul.groups li {width:31%; padding-bottom:10px;display:inline; float:left; margin-bottom:10px; border-bottom:1px dotted #696969} ul.groups li.separate {margin-right:20px} ul.groups li.noline {border:0} ul.groups li img {padding:2px; border:1px solid #909090; margin:0 5px 5px 0; float:left} ul.groups li span.name {font:bold 1.2em arial; color:#1746ac; display:block; margin-bottom:12px; width:135px; float:left} ul.groups li span.remove {font:bold 1.2em arial; color:#444; font-style:italic; line-height:2em} ul.groups li span.remove img {border:0; margin-right:2px} #bloque-princ ul.groups li span.remove a{color:#444} /* pag 21 */ .forms legend {display:block; font-size:1.8em; color:#aa1905; padding-bottom:1em} .forms label span, .forms p span {font-size:1.2em; font-weight:bold; color:#444; width:90px; float:left; height:20px} .forms input {float:left; width:490px;} .forms input.help {width:80.6%;} .forms img {padding:.3em 0 0 .6em} .forms select {float:left; width:495px;} .forms p {float:left; width:100%; cursor:default} .forms label.radio input, .forms label.radio span, .forms label#agree input {width:auto; float:left; font-size:1em;} .forms label.radio {font-size:1.2em; width:80px; float:left; cursor:default} .forms span {padding-top:.3em} .forms .astsk {color:red; width:auto; height:auto;} .forms label#agree {width:100%; font-size:1.2em; color:#aa1905; padding:0px} .forms label#agree input {margin:0px 1em 0} .forms input#register {background:url(../img/register.gif) no-repeat; width:91px; height:41px; float:right; border:none; cursor:pointer} .forms input.noval {background:#f6d6d6 url(../img/ok-error.gif) no-repeat right -25px; border:1px solid #e37a7a; padding-right:2px} .forms input.okval {background:#e2f2db url(../img/ok-error.gif) no-repeat right 2px; border:1px solid #81bf66; padding-right:2px} .forms label span.mandatory {width:auto; font-size:.9em; font-style:italic} .forms label span.astk-mandat {width:auto; color: #F00;} /* page 12 crear grupos **/ #bloque-princ .linea-violet {border-bottom:4px solid #530a89} #bloque-princ #nav-cab ul#nav-smallfont li#violet {background:#530a89 url(../img/background-violet.gif) repeat-x; color:#fff; border-bottom:1px solid #530989} .box-line-bottom span.violet {font:normal 1.8em arial; color:#530989; margin-top:5px; display:block} form#create-group input {width:597px; padding:8px 5px; font:bold 1.6em arial; color:#666; margin:15px 0} form#create-group .class-buttom {float:right; background: url(../img/create-group.gif) no-repeat; width:132px; height:42px; border:0; cursor:pointer; margin-top:5px} form#create-group .class-buttomdg {float:right; background: url(../img/delete-group.gif) no-repeat; width:132px; height:42px; border:0; cursor:pointer; margin-top:5px} /* page 13 frienship **/ #bloque-princ .linea-blue {border-bottom:4px solid #1746ac} #bloque-princ #nav-cab ul#nav-smallfont li#blue {background:#1746ac url(../img/background-blue.gif) repeat-x; color:#fff; border-bottom:1px solid #530989} .box-line-bottom span.blue {font:normal 1.8em arial; color:#1746ac; margin-top:5px; display:block} ul.frienship {width:100%; float:left} ul.frienship li {width:99%; padding-bottom:10px;display:inline; float:left; margin-bottom:10px; border-bottom:1px dotted #696969} ul.frienship li.noline {border:0} ul.frienship li img {padding:2px; border:1px solid #909090; margin:0 5px 5px 0; float:left} ul.frienship .box-name {float:left; width:50%} ul.frienship li span.name {font:bold 1.2em arial; color:#1746ac; display:block; margin-bottom:10px; width:100%; float:left} ul.frienship li span.name img {border:0; margin-right:2px} ul.frienship li span.message {font:bold 1.2em arial; color:#444; font-style:italic; line-height:2em; float:left} ul.frienship li span.message img {border:0} #bloque-princ ul.frienship li span.message a{color:#444} ul.frienship .botones {float:right;text-align:right; position:relative; margin-top:10px} ul.frienship .botones img {border:0} ul.frienship .info {position:absolute; z-index:99; left:180px; top:7px} /* page 14 **/ #bloque-princ #nav-cab ul#nav-smallfont li#orange {background:#905501 url(../img/background-orange.gif) repeat-x; color:#fff; border-bottom:1px solid #905501} #bloque-princ ul.send-friend {float:right; text-align:right; width:200px; font:italic 1.2em arial; color:#444} #bloque-princ ul.send-friend li {border:0; margin-bottom:5px} #bloque-princ ul.send-friend li a {color:#444} #bloque-princ ul.send-friend li.margin {margin-top:30px} .addfriend2 {background:url(../img/add-friend.gif) center right no-repeat; padding-right:20px} .sendmessage2 {background:url(../img/send-messenge.gif) center right no-repeat; padding-right:20px} #bloque-princ span.name-to-meet {font:bold 1.4em arial; color:#1746ac} #bloque-princ span.name-to-meet a {color:#1746ac} /* page 22 **/ .paginacion {width:591px; height:24px; float:left; background:url(../img/background-paginacion.gif) no-repeat; color:#fff; padding:0 10px;font:bold 1em arial; text-transform:uppercase} .paginacion span.left {float:left; line-height:2.1em} #bloque-princ .paginacion span.left a {color:#fff} .paginacion span.left img {margin-right:5px} .paginacion span.right {float:right; line-height:2.1em} #bloque-princ .paginacion span.right a {color:#fff} .paginacion span.right img {margin-left:5px} .paginacion span#left a:hover, .paginacion span#right a:hover {color:#fba61a} .paginacion ul {float:left; width:475px; text-align:center; line-height:2.2em} .paginacion ul li {display:inline} #bloque-princ .paginacion ul li a{color:#fff} #bloque-princ .paginacion ul li a:hover {color:#fba61a} .paginacion ul li span {margin:0 5px} .paginacion li.on {color:#fba61a} .paginacion li.on span {color:#fff} ul#list-friend {margin:10px 0; float:left; width:100%} ul#list-friend li {display:inline; width:295px; border-bottom:1px solid #666; float:left; margin-bottom:15px; padding-bottom:5px} ul#list-friend li.separation {margin-right:13px} ul#list-friend li img {border:1px solid #939393; padding:1px; float:left; margin:0 5px 5px 0; } ul#list-friend li div.name {font:bold 1.5em arial; color:#1746ac; line-height:0.9em; width:200px} ul#list-friend li div.name img {border:0} ul#list-friend li div.send {margin-top:20px; font:italic 1.2em arial; color:#444; width:200px} ul#list-friend li div.send a {color:#444} ul#list-friend li div.send img {border:0} ul#list-friend li div.addfriend img {border:0} ul#list-friend li div.addfriend { margin-top:3px; } ul#list-friend li span.follow {margin-top:2px; font:italic 1.2em arial; color:#444; float:left} ul#list-friend li span.follow a {color:#444} ul#list-friend li span.follow img {border:0} /* page 16 */ .box-line-bottom h2.groups{font:bold 1.8em arial; color:#444; margin:10px 0; width:80%} .box-line-bottom img.goback {margin-top:10px} p#subtitle {font:bold 1.2em arial; color:#444; margin:15px 0 10px 0; float:left} form#form-groups {float:left; width:100%;clear:both} form#form-groups .box {float:left; width:100%; margin-bottom:5px} form#form-groups label {font:normal 1.2em arial; color:#444} form#form-groups .class-buttom {width:118px; height:44px; background: url(../img/confirm-list.gif) no-repeat; cursor:pointer; border:0; margin:15px 0; float:right} /* page 17 */ .box-nameinbox {float:left; width:120px;margin-right:15px; text-transform:uppercase} .box-nameinbox p.name {font:bold 1.1em arial; color:#1746ac; margin-top:5px} .box-nameinbox p.date {font:bold 1em arial; color:#444; margin:7px 0} .box-nameinbox p.hour {font:bold 1em arial; color:#444} li:hover p.name {color:#7aa3fb} li:hover p.date, li:hover p.hour{color:#fff} .content-message {float:left; width:335px} .content-message p.title {font:bold 1.5em arial; color:#1746ac; margin-top:5px} .content-message p.content {font:normal 1.1em arial; color:#444; margin:7px 0} li:hover p.title {color:#7aa3fb} li:hover p.content {color:#fff} #bloque-princ .submenu #selmesform {width:auto; float:left} #bloque-princ .submenu #selmesform #sel-mess {width:120px; margin-right:1em} #bloque-princ .submenu form#selmesform label {padding-top:7px} #bloque-princ .submenu form#inbox-search {float:right} #bloque-princ .submenu form#inbox-search input {width:150px; border:none; background: #fff url(../img/back-search.gif) no-repeat 157px center; font-size:1.1em; padding:1px 20px 1px 3px} /* page 15 */ .bottom-addgroups {position:relative; width:132px !important; height:42px !important; padding:0 !important; margin:0 !important; top:-10px; left:10px; } .bottom-addgroups span.info {position:relative; z-index:99; left:55px; top:-38px; } /*pag 18*/ .content-message2 {float:left; width:361px} .content-message2 p.content {font:normal 1.2em arial; color:#444; margin:7px 0} #bloque-princ .submenu p#lef-right { text-transform:none; color:#fff; text-align:center; font-size:1.2em} #bloque-princ .submenu p#lef-right span {color:#f7941d; font-weight:bold} #bloque-princ .submenu p#lef-right img#arrprev {position: relative; right:10px} #bloque-princ .submenu p#lef-right img#arrnext {position:relative; left:10px} /* pag 20 */ #warning {background:#696a6a url(../img/alert.gif) no-repeat 10px center; padding:.5em; margin-bottom:1.5em} #warning p{color:#fff; text-transform:uppercase; font-size:1.2em; padding: 1em 1em 1em 7.5em; line-height:1.8em} #warning p a {color:#fba61a} .cuadroError{ background-color:#EFD1D1; border:1px #CF8E9D solid; font-family:Arial,Helvetica,sans-serif; font-size: 12px; margin:0px 20px 20px 20px; padding: 5px; text-align: center; } /* GRAN MENU */ #bloque-gran-menu #nav-profile {overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-bottom:1em} #bloque-gran-menu #nav-profile ul#nav {font-size:2em;} #bloque-gran-menu #nav-profile ul#nav li {float:left; padding:.3em 1.97em ; background:url(../img/background-cab-grey.gif) repeat-x; border-right:1px solid #fff; border-bottom:1px solid #fff } #bloque-gran-menu #nav-profile ul#nav li a{float:left; color:#1D4AAD; } #bloque-gran-menu #nav-profile ul#nav li#stream {background:#530a89 url(../img/background-violet.gif) repeat-x; color:#fff; border-bottom:1px solid #530a89} #bloque-gran-menu #nav-profile ul#nav li#activit {background:#007234 url(../img/background-cab-green.gif) repeat-x; color:#fff; border-bottom:1px solid #007234} #bloque-gran-menu #nav-profile ul#nav li.coinci {background:#1D4AAD url(../img/background-cab-blue.gif) repeat-x; color:#fff; border-bottom:1px solid #1D4AAD} #bloque-gran-menu #nav-profile ul#nav li#info {background:#9D1F08 url(../img/background-cab-red.gif) repeat-x; color:#fff; border-bottom:1px solid #9D1F08} #bloque-gran-menu #nav-profile ul#nav li#amarillo {background:#905501 url(../img/background-cab-amarillo.gif) repeat-x; color:#fff; border-bottom:1px solid #905501} #bloque-gran-menu #nav-profile ul#nav li.stream a{color:#fff;} #bloque-gran-menu #nav-profile ul#nav li.activit a{color:#fff;} #bloque-gran-menu #nav-profile ul#nav li.coinci a{color:#fff;} #bloque-gran-menu #nav-profile ul#nav li.info a{color:#fff;} #bloque-gran-menu #nav-profile ul#nav li.amarillo a{color:#fff;} #bloque-gran-menu #nav-profile ul#nav li.principal {float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background:none;width:90px;font-size: 22px; font-weight: bold;padding-top:5px;padding-bottom:5px;margin-bottom:0px;text-align:center } #bloque-gran-menu #nav-profile ul#nav li.principal a{float:left; color:#9D1F08; } #bloque-gran-menu #nav-profile ul#nav li.principal_on {float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; background:none;width:90px;font-size: 22px; font-weight: bold;padding-top:5px;padding-bottom:5px;margin-bottom:0px;background: #9D1F08 url(/htmls/img/background-cab-red.gif) repeat-x scroll 0 0; text-align:center} #bloque-gran-menu #nav-profile ul#nav li.principal_on a{float:left; color:#fff; } #bloque-gran-menu .submenu ul {float:left; font-size:10px; padding-top:0.4em} #bloque-gran-menu .submenu li a, #bloque-gran-menu #nav-profile .submenu li span {color:#ffffff;font-weight:bold;font-size:15px} #bloque-gran-menu .submenu li {float:left} #bloque-gran-menu .submenu li span {padding:0 .4em;padding-top:0em; color:#fff; font-size:18px;font-weight:bold} #bloque-gran-menu .submenu {padding:.5em .5em .5em .8em; text-transform:uppercase; clear:left; overflow:hidden} # .stream {background:#530a89} #bloque-gran-menu .coinci {background:#1D4AAD} #bloque-gran-menu .activit {background:#007234} #bloque-gran-menu .mailbox {background:#905501} #bloque-gran-menu .inform {background:#9D1F08; height:23px;} #bloque-gran-menu .past {background:#905501; height:23px;} .compartir_act{ width:115px; display: block; float: left; } .imgNor{ float:none; margin: 0 5px 0 0 !important; }