/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
.comparador_wrapper{
display: block;
overflow: hidden;
background: #E6E6E6 none repeat scroll 0 0;
}
.comparador_wrapper .col{
border-bottom:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
border-right:1px solid #CCCCCC;
float:left;
min-height:150px;
width:215px;
}
.comparador_wrapper .col-head{
float: left;
min-height: 150px;
width: 125px;
border-right: 1px solid #CCC;
border-bottom:1px solid #CCCCCC;
}
.comparador_wrapper .col.par{
background: #ddd;
}
.comparador_wrapper .col .impar{
background: #eee;
}
.comparador_wrapper .first{
border-left: none;
}
.comparador_wrapper .last{
border-right: none;
}
form.seleccionar_moto{
display: block;
overflow: hidden;
margin: 10px 0;
font-size: 14px;
}
form.seleccionar_moto div.select{
margin: 5px 10px;
}
form.seleccionar_moto select{
width: 100%;
margin: 0;
}
form.seleccionar_moto label{
width: 100%;
margin: 0;
padding: 0;
color: #0071DF;
text-align: left;
padding: 5px 0;
}
#comparador_seleccionar{
background: #E6E6E6 none repeat scroll 0 0;
display: block;
overflow: hidden;
}
#comparador_content{
background: #FFF none repeat scroll 0 0;
display: block;
overflow: hidden;
}
#comparador_content .col, #comparador_content .col-head{
border-bottom: none;
}
#comparador_content .foto-modelo{
height: 190px;
padding: 10px;
display: block;
overflow: hidden;
clear: both;
position: relative;
}
#comparador_content .col{
min-height: 1530px;
position: relative;
}
#comparador_content .foto-modelo a.foto{
display: block;
overflow: hidden;
margin: 0 0 10px 0;
}
#comparador_content .foto-modelo h3{
font-size: 16px;
}
.lanza_comparador {
background: #009DE0;
display: block;
overflow: hidden;
}
.lanza_comparador div{
float: left;
}
.lanza_comparador .label{
background: url(img/flecha_negra.png) no-repeat scroll 5px;
color: #fff;
font-size: 13px;
padding: 0 0 0 20px;
line-height: 20px;
}
.lanza_comparador div select{
width: 200px;
}
.lanza_comparador div.submit {
margin: 5px 0;
}
ul.tabla_comparador{
padding: 0;
margin: 0;
display: block;
overflow: hidden;
list-style: none;
}
ul.tabla_comparador li{
padding: 5px;
display: block;
overflow: hidden;
height: 30px;
}
ul.tabla_comparador li.par{
background: #FFF;
}
ul.tabla_comparador li.impar{
background: #CCC;
}
.comparador_wrapper .loader{
position: absolute;
top: 40px;
left: 75px;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
.bloque{
border: 1px solid #CCCCCC;
display: block;
overflow: hidden;
border-top: none;
margin: 0 3px 3px;
zoom:1;
padding: 0 10px;
clear: both;
}
.bloque_full{
border: 1px solid #CCCCCC;
display: block;
overflow: hidden;
margin: 0 3px 3px;
zoom:1;
padding: 5px;
clear: both;
}
.no_top {
border-top: 0px;
}
.ficha_multimedia {
width: 660px;
height: 277px;
}
.m_galeria {
display: block;
overflow: hidden;
}
#validacion_imagen {
vertical-align: top;
}
.change_captcha {
margin: 0 10px;
width: 120px;
}
.welcome {
display: block;
overflow: hidden;
margin: 5px 20px 20px 20px;
}
.welcome form div.remember {
margin:5px 5px 15px 0;
}
.welcome form #LoginRemember {
float:left;
margin:10px 3px 0;
*margin: 6px 0 0 0;
}
.welcome img{
z-index: 99;
position: relative;
}
.welcome .login_box {
z-index: 89;
position: relative;
border: 1px solid #ccc;
padding: 20px;
background: #EEE;
border: 1px solid #305275;
margin-top: -20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(img/border-radius.htc);
}
.welcome .login_box .logged{
font-size: 16px;
}
.welcome .login_box .logged .imagen{
padding: 0 10px 5px 0;
}
#home .splash_error {
padding: 70px 50px;
text-align: center;
position: relative;
background: #21415F;
font-size: 250%;
color:#BDBDBD;
line-height:34px;
}
#home .splash_error a{
color:#FFF;
}
#home .splash_error #volver {
float:right;
position: absolute;
right: 10px;
top: 10px;
padding: 0;
}
#home .splash_error #volver a.volver {
background:url("img/logo_web_volver.png") no-repeat scroll 0 0 transparent;
display:block;
height:34px;
overflow:hidden;
width:150px;
z-index:1;
}
#home .splash_error .texto {
margin:30px 70px 0;
padding:10px 20px;
font-size: 64%;
text-align: left;
background: #FFFFFF;
color:#333333;
}
#home .splash_error .texto a{
color:#1F3F5F;
font-weight: bold;
}
#home .splash_error .texto ul{
padding-left: 80px;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es */
.publicar_anuncio{
float: right;
}
.publicar_anuncio img{
margin: 10px 0 0 0;
float: right;
}
.titulo_ficha_tecnica,
.titulo_ficha{
clear: both;
overflow: hidden;
font-size: 24px;
height: 37px;
zoom:1;
background:#999999 url(img/flecha_blanca.png) no-repeat 10px 50%;
padding: 0 10px 0 0;
}
.titulo_ficha.destacar {
background:#649d21 url(img/flecha_blanca.png) no-repeat 10px 50%;
}
.titulo_ficha_tecnica h2,
.titulo_ficha h2{
font-size: 22px;
font-weight: normal;
color: white;
line-height: 37px;
margin: 0 0 0 25px;
}
.titulo_ficha p.right{
font-size: 20px;
}
.seccion_ficha_tecnica {
clear: both;
overflow: hidden;
font-size: 16px;
height: 40px;
zoom:1;
background:#999999 url(img/flecha_negra.png) no-repeat 10px 50%;
}
.seccion_ficha_tecnica h2 {
font-size: 16px;
font-weight: bold;
color: white;
line-height: 40px;
margin: 0 0 0 30px;
}
a_fondo_caracteristicas .right {
position: relative;
z-index:9;
}
.seccion_a_fondo {
position: relative;
z-index:9;
clear: both;
font-size: 16px;
height: 40px;
zoom:1;
background:#999999 url(img/flecha_negra.png) no-repeat 10px 50%;
}
.seccion_a_fondo h2 {
font-size: 16px;
font-weight: bold;
color: white;
line-height: 40px;
margin: 0 0 0 30px;
}
.seccion_a_fondo_oscuro {
clear: both;
overflow: hidden;
font-size: 16px;
height: 40px;
zoom:1;
background: url(img/fondo/bg_h2_oscuro.png) repeat-x 0 0;
}
.seccion_a_fondo_oscuro h2 {
font-size: 16px;
font-weight: bold;
color: #055988;
line-height: 40px;
padding: 0 0 0 30px;
background: url(img/flecha_negra.png) no-repeat 10px 50%;
}
.vota {
margin-bottom: -40px;
padding-left: 230px;
position: relative;
z-index: 90;
}
.imagen_a_fondo {
padding: 5px;
background: #E9E9E9;
}
.imagen_a_fondo .acotacion {
padding: 3px;
line-height: 20px;
color: #666666;
font-size: 11px;
}
.precio{
color: #FFF;
margin:0px;
}
.precio.nuevo{
color: #D12E2E;
margin: 0 0 0 10px;
}
.listado_fichas.tecnicas .precio{
color: #1E1E1E;
margin:0px;
padding-left: 0;
}
#buscador_clasificados{
width: 687px;
float: left;
background: url(img/clasificados/buscador_top_bg.jpg) repeat-x 0 0;
}
#buscador_clasificados .top{
background: url(img/clasificados/buscador_top.jpg) no-repeat 50% 0;
width: 100%;
height: 69px;
position: relative;
}
#buscador_clasificados .middle{
clear: both;
overflow: hidden;
display: block;
background: #E6E6E6;
padding: 0 10px;
zoom:1;
}
#buscador_clasificados .bottom{
background: url(img/clasificados/buscador_bottom.jpg) repeat-x 0 0;
overflow: hidden;
display: block;
height: 52px;
zoom:1;
padding: 5px 10px;
}
#buscador_clasificados .top h3{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/flecha_negra.png) no-repeat scroll 0 6px;
color:#20405F;
font-size:16px;
left:14px;
padding-left:15px;
position:absolute;
top:40px;
}
#buscador_clasificados .anuncio{
position:absolute;
right:-5px;
top:-10px;
}
#form_clasificados select{
padding: 2px;
}
#form_clasificados .select{
clear: both;
zoom:1;
}
#form_clasificados .select label, #form_clasificados span.label {
float: left;
width: 60px;
color: #0071DF;
font-size: 14px;
line-height: 24px;
}
#form_clasificados .select select{
width: 200px;
}
#form_clasificados #buscador_select_modelos input {
width: 194px;
background: #ddd;
}
#form_clasificados #buscador_select_subcategorias input {
width: 194px;
background: #ddd;
}
#form_clasificados input#ClasificadoProvinceIdAuto {
width: 194px;
}
#form_clasificados .select_rango{
clear: both;
zoom:1;
}
#form_clasificados .select_rango select{
width: 105px;
float: left;
}
#form_clasificados .select_rango label{
padding: 0 3px;
float: left;
line-height: 24px;
width: 30px;
}
#form_clasificados .select_con_imagenes{
clear:both;
line-height:12px;
margin-bottom:0;
padding:10px 0 0 16px;
}
#form_clasificados .select_con_imagenes input{
float: left;
}
#form_clasificados .select_con_imagenes label{
color:#0071DF;
font-size:13px;
margin:0 6px 1px;
text-align:left;
width:288px;
}
#form_clasificados .submit {
display: block;
overflow: hidden;
float: right;
margin: 0;
padding: 0 5px 0 0;
}
.col{
width: 493px;
}
.col_head{
background-image: url(img/clasificados/col_head.jpg);
background-repeat: repeat-x;
height: 38px;
border: 1px solid #CCCCCC;
margin-bottom: 3px;
width: 490px;
font-size: 13px;
}
.Tienda h2.col_head{
height: 38px;
line-height: 38px;
border: 0;
width: auto;
padding: 0 5px;
overflow: hidden;
}
.col_head b{
color: #30608C;
padding: 6px;
line-height: 26px;
}
.col_head b.first{
border-right: 1px solid #CCCCCC;
border-left: none;
}
.col_head b.last{
border-right: none;
border-left: 1px solid #FFFFFF;
}
.col_head b{
border-left: 1px solid #FFFFFF;
border-right: 1px solid #CCCCCC;
}
.listado_tiendas .tienda .col_head b{
padding: 0 15px;
height: 38px;
line-height: 38px;
display: block;
overflow: hidden;
}
ul.listado_clasificado {
margin: 0;
padding: 0;
list-style-type: none;
}
li.clasificado{
display: block;
overflow: hidden;
zoom: 1;
background: #EAEAEA;
border: 1px solid #CCCCCC;
margin-bottom: 7px;
width: 490px;
/*height: 120px;*/
height: 160px;
}
.Tienda li.clasificado{
display: block;
overflow: hidden;
zoom: 1;
background: #EAEAEA;
border: 1px solid #CCCCCC;
margin: 7px 5px 0 0;
width: 192px;
height: 315px;
}
.Tienda li.clasificado.last{
margin: 7px 0 0 0;
}
.clasificado div{
padding: 6px;
border-right: 1px solid #CCCCCC;
height: 148px;
font-size: 13px;
}
.Tienda .clasificado div{
height: 265px;
border-right: 0px;
}
.clasificado div{
position: relative;
}
.clasificado div.clear{
padding: 0px;
border-right: 0px;
height: 0px;
}
.clasificado div.tipo{
padding: 0;
background: #178ECE;
border: 0;
height: 16px;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #FFF;
}
.clasificado div.last{
border: none;
}
.clasificado .precio{
color: #30608C;
font-size: 14px;
}
.precio_anterior{
text-decoration: line-through;
}
.rojo,
.precio_oferta{
color: #CC0000;
}
.clasificado_foto{
padding: 3px;
float: left;
background: white;
margin: 0;
border: 1px solid #CCCCCC;
}
.Tienda .clasificado_foto{
margin: 0 30px;
}
.clasificado h4{
font-family: "Microsoft Sans Serif";
font-size: 14px;
font-weight: bold;
margin: 0;
}
.clasificado p{
margin:2px 0;
font-size: 12px;
}
.clasificado .detalles{
float: left;
width: 185px;
margin-left: 10px;
}
.Tienda .clasificado .detalles{
width: 180px;
margin-left: 3px;
}
.clasificado .fecha{
font-size: 11px;
color: #999999;
}
.Tienda .clasificado .fecha{
font-size: 11px;
color: #999999;
clear: both;
margin: 0 3px 3px;
}
.clasificado p.media{
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
clear: both;
overflow: hidden;
margin: 5px 0;
float: left;
}
.Tienda .clasificado p.media{
margin-bottom: 0;
}
.Tienda .clasificado p.media span{
margin: 0 5px;
}
.Tienda .detalles .precio{
display: block;
overflow: hidden;
text-align: center;
font-size: 18px;
color: #CC0000;
float: none;
line-height:24px;
}
.Tienda .detalles .precio .precio_anterior{
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:”alpha(opacity=50)”;
filter:alpha(opacity=50);
opacity:.50;
margin: 0 20px 0 0;
}
p.media .ref{
color: #CC0000;
}
p.media .num_fotos{
background: url(img/bullet-9.png) no-repeat 0 0;
padding-left: 15px;
}
p.media .num_videos{
background: url(img/bullet-7.png) no-repeat 0 0;
padding-left: 17px;
}
p.media .num_360{
background: url(img/ico_360.png) no-repeat 0 0;
padding-left: 17px;
}
li.destacado {
background-image: url(img/clasificados/destacado_bg.jpg);
background-repeat: repeat-x;
background-color: #147DB6;
border: 1px solid #9A0D16;
}
li.destacado div.tipo{
background: #CCC;
color: #666;
}
li.destacado a{
color: #fff;
}
li.destacado p.media .num_fotos{
background: url(img/bullet-9-white.png) no-repeat 0 0;
color: #FFF;
}
li.destacado p.media .num_videos{
background: url(img/bullet-7-white.png) no-repeat 0 0;
color: #FFF;
}
li.destacado .precio{
color: #FFF;
}
li.destacado .fecha{
color: #FFF;
}
li.destacado p.media .ref{
color: #000;
}
.Tienda li.destacado {
background-image: url(img/clasificados/destacado_bg.jpg);
background-repeat: repeat-x;
background-color: #147DB6;
border: 1px solid #147DB6;
}
.Tienda li.destacado div.tipo{
background: #CCC;
color: #666;
}
.Tienda li.destacado a{
color: #000;
}
.Tienda li.destacado a.ver_mas{
color: #BAE0F5;
}
.Tienda li.destacado p.media .num_fotos{
background: url(img/bullet-9-white.png) no-repeat 0 0;
color: #FFF;
}
.Tienda li.destacado p.media .num_videos{
background: url(img/bullet-7-white.png) no-repeat 0 0;
color: #FFF;
}
.Tienda li.destacado .precio{
color: #FFF;
}
.Tienda li.destacado .detalles p{
color: #000;
}
.Tienda li.destacado .fecha{
color: #FFF;
}
.Tienda li.destacado p.media .ref{
color: #000;
}
html .destacado{
background: #147DB6 url(img/clasificados/destacado_bg.png) repeat-x;
border-color: #178ECE;
}
html .destacado div{
border-color: #178ECE;
}
html .destacado .fecha, html .destacado h4 a, html .destacado .precio{
color: white;
}
html .destacado .ver_mas{
color: #BAE0F5;
}
html .destacado .ref{
color: #000000;
}
html .destacado .num_videos{
background-image: url(img/bullet-7-white.png);
}
html .destacado .num_fotos{
background-image: url(img/bullet-9-white.png);
}
/* listado fichas tecnicas */
ul.listado_marcas,
ul.listado_fichas {
margin: 0;
padding: 0 1px;
display: block;
overflow: hidden;
list-style-type: none;
}
ul.sub_marca {
display: block;
float: left;
font-size: 12px;
line-height: 18px;
margin: 0 5px 5px;
overflow: hidden;
padding: 0px;
list-style: none;
}
ul.sub_tipo {
display: block;
float: left;
font-size: 12px;
line-height: 18px;
margin: 0 5px 5px;
overflow: hidden;
padding: 0;
list-style: none;
border-top: 1px solid #CCCCCC;
width: 99%
}
ul.sub_marca li {
background: url("img/home/ver_mas_blue.png") no-repeat left 6px;
float: left;
font-weight: bold;
margin: 0 0 0 5px;
padding: 0 10px;
}
ul.sub_tipo li {
background: url("img/home/ver_mas_blue.png") no-repeat left 6px;
float: left;
font-weight: bold;
margin: 0 0 0 4px;
padding: 0 9px;
}
ul.sub_marca li.nombre,
ul.sub_tipo li.nombre {
padding: 0 5px 0 0;
margin: 0;
background-image: none;
font-weight: normal;
}
/* listado fichas */
li.fichas{
display: block;
overflow: hidden;
zoom: 1;
background: #FFF;
border: 1px solid #CCCCCC;
margin-bottom: 25px;
width: 244px;
height: 340px;
margin-right: 1px;
position: relative;
}
ul.listado_marcas .last,
ul.listado_fichas .last {
margin-right: 0px;
}
li.fichas .media {
background-color: #ccc;
padding: 0px 10px;
margin: 0px;
line-height: 24px;
font-weight: bold;
}
li.fichas p.media .num_fotos{
background: url(img/bullet-9.png) no-repeat 0 2px;
}
li.fichas p.media .num_videos{
background: url(img/bullet-7.png) no-repeat 0 2px;
margin-left: 10px;
}
li.fichas p.media .num_360{
background: url(img/ico_360.png) no-repeat 0 2px;
margin-left: 10px;
}
span.num_fotos{
color: #0472AC;
background: url(img/bullet-9.png) no-repeat 0 3px;
padding: 0px 0px 0px 16px;
margin: 0px 3px;
line-height: 24px;
}
span.the_video{
background:transparent url(img/bullet-7.png) no-repeat scroll 0 7px;
color:#0472AC;
line-height:24px;
margin:1px 20px 0 3px;
padding:0 0 0 20px;
}
li.fichas .detalles {
padding: 10px 10px 5px 10px;
display: block;
overflow: hidden;
}
/* listato marcas */
li.marcas{
display: block;
overflow: hidden;
zoom: 1;
background: #FFF;
border: 1px solid #CCCCCC;
margin-bottom: 3px;
width: 160px;
height: 191px;
margin-right: 3px;
text-align: center;
}
li.marcas:hover{
background-image: url(img/marcas/bg_hover_marcas.png);
background-repeat: repeat-x;
}
ul.listado_marcas .last {
margin-right: 0px;
}
li.marcas img {
padding: 5px 0px 5px 0px;
}
li.marcas ul.enlaces {
padding:0 15px;
margin: 0;
}
li.marcas ul.enlaces li {
line-height: 20px;
}
li.marcas ul.enlaces li a {
background: url(img/flecha_negra.png) no-repeat left;
padding: 0px 0px 0px 12px;
color: #333333;
}
/* pagina ficha tecnica */
ul.menu_multimedia {
margin: 10px 0;
padding: 0;
background: url(img/fichas/bg_menu_multimedia.png) no-repeat bottom;
width: 680px;
height: 43px;
}
ul.menu_multimedia li{
/* background: url(img/fichas/bg_menu_multimedia.png) no-repeat bottom;*/
float: left;
padding: 0 0 0 15px;
list-style-type: none;
text-align: center;
}
ul.menu_multimedia li a{
color: #000;
display: block;
width: 137px;
height: 30px;
line-height: 30px;
}
ul.menu_multimedia li.on a{
margin-top: 1px;
background: url(img/fichas/bg_menu_multimedia_on.png) no-repeat bottom;
}
ul.menu_multimedia li.off a{
margin-top: 0px;
background: url(img/fichas/bg_menu_multimedia_off.png) no-repeat bottom;
cursor: pointer;
}
.ficha_multimedia p.empty{
margin: 100px auto;
height: 50px;
font-weight: bold;
width: 200px;
}
ul.menu_multimedia li#vista_360,
ul.menu_multimedia li#vista_video {
float: right;
}
ul.menu_multimedia li#vista_360 a.vista,
ul.menu_multimedia li#vista_video a.vista {
background: #87C8EA url(img/fichas/zoom.png) no-repeat scroll 5px 2px;
-moz-border-radius :5px;
border-color: #68BBE5;
border-style: solid;
border-width: 1px;
color:#000000;
display:block;
font-size:12px;
line-height:22px;
height: 22px;
text-align:right;
overflow:hidden;
text-decoration:none;
padding: 0 10px;
margin: 0 5px;
width: 75px;
}
ul.menu_multimedia li#vista_360 a.vista:hover,
ul.menu_multimedia li#vista_video a.vista:hover {
text-decoration: underline;
}
.img_big {
position: relative;
display: block;
overflow: hidden;
margin-top: 10px;
width: 385px;
height: 265px;
float: left;
border: 1px solid #CCCCCC;
}
.img_big img {
float: left;
}
.ampliar-foto {
background:#FFFFFF url(img/fichas/zoom.png) no-repeat scroll 3px 3px;
border:1px solid #CCCCCC;
bottom:-1px;
color:#666666;
display:block;
float:left;
font-size:11px;
left:-1px;
line-height:25px;
padding:0 5px 0 25px;
position:absolute;
}
.a_fondo_imagen .ampliar-foto{
left: 10px;
bottom: 2px;
}
.thumbnails {
text-align: center;
}
.thumbnails img {
border: 1px solid #CCCCCC;
float: left;
margin: 5px 0 3px 12px;
}
#ficha_tecnica_thumb_preload {
display: block;
overflow: hidden;
padding: 1px 114px 2px 114px;
}
.videos_list ul.listado_videos,
.ficha_tecnica ul.listado_videos {
padding: 0;
list-style-type: none;
}
.videos_list ul.listado_videos li,
.ficha_tecnica ul.listado_videos li {
background:url("img/bullet-7.png") no-repeat scroll 0 4px transparent;
padding:0 0 10px 20px;
}
.bottom a.ver_mas {
color: #999;
}
#right .detalles {
padding: 5px 0px;
margin: 0;
}
#right .detalles div{
margin: 0 10px 5px;
}
.detalles h4{
background: transparent url(img/flecha_negra.png) no-repeat scroll 0 5px;
font-size: 13px;
font-weight: bold;
padding-left: 12px;
}
.listado_fichas.tecnicas .detalles h4{
margin-bottom: 5px;
}
.detalles .opiniones {
background:transparent url(img/globo1.png) no-repeat scroll 0 2px !important;
font-weight: bold;
padding-left: 20px;
margin: 0 0 5px 0;
}
.listado_fichas.tecnicas .detalles .opiniones {
margin: 0px 0 5px 0;
}
.detalles p {
color: #666;
}
.detalles p.cat{
text-transform: uppercase;
font-size: 10px;
}
.detalles a.ver_mas {
position: absolute;
bottom: 5px;
right: 10px;
}
.info_listado {
display: block;
overflow: hidden;
padding: 10px 0;
clear: both;
text-align: center;
}
.paginator {
font-size: 13px;
padding: 0px 5px;
}
.paginator span.next,
.paginator span.prev,
.paginator span.current,
.paginator a{
padding: 1px 6px 2px;
border: 1px solid #305F8C;
margin: 0 2px;
color: #305F8C;
}
.paginator span.current {
background: #305F8C;
color: #fff;
font-weight: bold;
}
.paginator a:hover {
background: #305F8C;
color: #fff;
text-decoration: none;
}
.actividad_comunidad {
margin: 20px 0;
padding: 0;
}
.no_data {
border: 1px dotted #666;
margin: 8px 0 0;
padding: 5px;
text-align: center;
}
/* motos a fondo */
.contenido_a_fondo {
display: block;
}
.a_fondo_cabecera {
display: block;
overflow: hidden;
background: #E1E2E4;
}
.a_fondo_cabecera .detalles {
padding: 0 5px 0 10px;
}
.a_fondo_cabecera .detalles div{
margin-top: 10px;
}
.a_fondo_cabecera .social_networks ul {
padding: 0px 0px 5px 10px;
}
.a_fondo_cabecera .social_networks ul li {
padding: 4px 11px;
}
.a_fondo_imagen {
background: transparent url(img/fichas/bg_menu_multimedia.png) no-repeat left top;
width: 680px;
margin: 10px 0;
padding: 0;
position: relative;
}
.a_fondo_imagen img {
border: 1px solid #CCCCCC;
margin: 20px 10px 0;
}
.menu_panel{
background: #eee;
padding: 5px;
display: block;
overflow: hidden;
}
ul.mi_lista{
padding: 0;
margin: 0;
display: block;
overflow: hidden;
padding: 5px 0;
}
.mi_lista li{
display: block;
overflow: hidden;
width: 653px;
margin: 0px 0 5px 0;
}
.mi_lista li .detalles h4{
background: none;
padding: 0;
}
ul.acciones_clasificado{
padding: 0;
margin: 0;
}
ul.acciones_clasificado li{
display:inline;
float:left;
font-size:11px;
margin: 3px 0;
width: 150px;
height:16px;
line-height:16px;
}
ul.acciones_clasificado li.doble{
display:inline;
float:left;
font-size:11px;
margin: 3px 0;
width: 300px;
}
div.faltan {
font-weight: bold;
font-size: 11px;
clear: both;
border: 0;
height: auto;
margin-top: 5px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
background: #ddd;
}
div.amplia {
font-size: 11px;
clear: both;
border: 0;
height: auto;
padding-top: 1px;
padding-bottom: 2px;
text-align: center;
background: #ddd;
}
.mini-gallery{
display: block;
overflow: hidden;
}
.image_folder_clasificados{
display: block;
overflow: hidden;
}
.image_folder_clasificados div.moto{
float: left;
width: 150px;
padding: 5px;
margin: 0 1px 0 0;
border: 1px solid #F0F0F0;
}
#clasificados_img_big{
width: 258px;
height: 200px;
margin: 0 0 5px 0px;
display: block;
overflow: hidden;
clear: both;
position: relative;
}
#tel{
font-size: 16px;
font-weight: bold;
margin: 14px 10px 0 0;
}
.status_flag.on {
display: block;
font-size: 16px;
font-weight: bold;
clear: both;
color: #009900;
}
.status_flag.off {
display: block;
font-size: 16px;
font-weight: bold;
clear: both;
color: #CC0000;
}
/* modificaciones formularios mis classificados */
#create_gallery_form .input {
margin-bottom: 0;
}
#create_gallery_form label, #create_gallery_form span.label {
margin-right: 0px;
}
.sms {
font-size: 12px;
}
input[type="file"] {
background: #eee;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
*height: 21px;
}
/* mis panel */
.mis_clasificados .quehago p {
margin: 15px 5px;
font-size: 120%;
}
.mis_clasificados .quehago ul {
line-height: 26px;
font-size: 120%;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
.comentarios {
display: block;
overflow: hidden;
background: #EAEAEA;
margin: 10px 0;
padding: 0;
font-size: 13px;
}
.comentarios .not_logged {
font-size: 16px;
padding: 15px 10px;
margin: 0;
line-height: 130%;
}
.comentarios ul.intestacion {
background: url(img/fichas/bg_intestacion_comentarios.png) repeat-x;
line-height: 23px;
height: 23px;
display: block;
overflow: hidden;
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;
}
.comentarios ul.intestacion li{
float: left;
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 0;
list-style-type: none;
}
.comentarios ul.listado {
/* line-height: 23px;
height: 23px;
*/
display: block;
overflow: hidden;
list-style-type: none;
padding: 0 5px;
margin: 0;
}
.comentarios ul.listado li {
display: block;
overflow: hidden;
font-size: 12px;
margin: 0;
padding: 10px 0;
list-style-type: none;
border-bottom: 1px solid #CCCCCC;
}
.comentarios ul.listado li div{
float: left;
font-size: 13px;
color: #666666;
margin: 0;
}
.comentarios ul.listado li div.tus_acciones{
float: right;
font-size: 12px;
margin: 0;
}
.comentarios ul.listado li div.tus_acciones a{
padding: 0 3px;
}
.comentarios ul.listado li div p {
text-align: justify;
color: #000;
margin-top: 5px;
line-height: 18px;
}
.comentarios ul.listado li div.align_center {
padding-top: 20px;
}
.comentarios ul.listado li div div.val_bueno {
background: url(img/ico_up.png) no-repeat 0 5px;
float: none;
line-height: 30px;
padding: 0 0 0 25px;
color: #000;
}
.comentarios ul.listado li div div.val_bueno span {
color: #009900;
}
.comentarios ul.listado li div div.val_malo {
background: url(img/ico_down.png) no-repeat 0 5px;
float: none;
line-height: 30px;
padding: 0 0 0 25px;
color: #000;
}
.comentarios ul.listado li div div.val_malo span {
color: #CC0000;
}
.comentarios ul.listado li span.horario{
/*color: #0071DF;*/
font-weight: bold;
line-height:20px;
}
.comentarios ul.listado li div div.val_bueno span.positivo,
.comentarios ul.listado li div div.val_malo span.positivo {
color: #009900;
}
.comentarios ul.listado li div div.val_bueno span.negativo,
.comentarios ul.listado li div div.val_malo span.negativo {
color: #CC0000;
display: block;
font-size: 12px;
line-height: 15px;
}
.comentarios a.ver_mas{
background: url(img/ver_mas.png) no-repeat right;
padding-right: 25px;
font-size: 11px;
text-decoration: underline;
color: #000;
font-weight: bold;
height: 22px;
line-height: 22px;
float: right;
}
.comentarios a.ver_mas:hover{
text-decoration: none;
}
.comentarios a.ver_menos{
background: url(img/ver_menos.png) no-repeat left;
padding-left: 25px;
font-size: 11px;
text-decoration: underline;
color: #000;
font-weight: bold;
height: 22px;
line-height: 22px;
float: left;
}
.comentarios a.ver_mas:hover{
text-decoration: none;
}
.comentarios h3 {
-moz-border-radius: 0.2em;
color: #fff;
font-size: 15px;
background: #000 url(img/flecha_gris.png) no-repeat 10px 50%;
padding: 0 0 0 25px;
line-height: 30px;
margin: 2px 0;
}
.comentarios p.right {
padding: 0 10px 0 0;
}
.comentarios span.negativo {
color: #D12E2E;
}
.comment-bubble{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:1px solid #C8C8C8;
display:block;
width: 99%;
background: #F7F7F7;
margin: 10px 0 20px 0;
-moz-border-radius: 3px;
}
.comment-bubble .comment-content{
margin: 10px 10px 10px -13px;
padding: 0 0 0 30px;
display: block;
overflow: hidden;
background: url(img/comment-triangle.gif) no-repeat scroll 0px 50%;
}
.comment-bubble .comment-content p{
padding-left: 120px;
margin: 7px 0;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
#dialog_window {
position: fixed;
z-index: 999;
}
#dialog_bg {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
-moz-opacity: .50;
filter:alpha(opacity=50);
opacity: .50;
}
#dialog {
position: fixed;
top: 120px;
left: 378px;
width: 470px;
z-index: 9990;
background: white;
border: 5px solid #FFF;
-moz-opacity: 1.00;
filter:alpha(opacity=100);
opacity: 1.00;
-moz-border-radius-bottom: 10px;
}
#dialog_window #dialog_window_content{
padding: 10px;
z-index: 9990;
background: #FFFFFF;
overflow: auto;
/*height: 300px;*/
overflow-x:hidden;
}
.edit_moto #dialog_window #dialog_window_content{
text-align: center;
}
.loader {
position:absolute;
width: 66px;
height: 66px;
top:112px;
left:242px;
background: url(img/dialog-loader.gif) no-repeat 0 0;
}
.loader_relativo {
width: 100%;
height: 100px;
background: url(img/dialog-loader.gif) no-repeat 50% 50%;
text-align: center;
}
.message_content .loader{
left:320px;
top:20px;
}
.preload_small{
background:transparent url(img/preload_small.gif) no-repeat scroll 50% 50%;
display:block;
height:16px;
text-align:center;
width:100%;
}
#dialog_window .dialog_close {
position:fixed;
background-color:#777777;
color:black;
z-index:9999;
}
#dialog_window h2 {
font-size: 18px;
color: #000;
text-align: center;
}
#dialog_window h2.block_head {
padding: 2px 4px;
xbackground: transparent url(img/red_social/bg_header.png) repeat scroll 0 -137px;
background: transparent url(img/content_head_bg.png) repeat-x scroll 0 0;
color:white;
font-size:14px;
line-height:33px;
/*text-transform:lowercase;*/
margin: 0;
text-align: left;
}
.red_social #dialog_window h2.block_head {
padding: 2px 4px;
background: #000;
color:white;
font-size:14px;
line-height:24px;
margin: 0;
text-align: left;
}
#dialog_window h2.block_head a.cerrar {
float: right;
background: transparent url(img/red_social/closex.png) no-repeat;
width: 30px;
height: 25px;
}
#dialog_window input[type="text"]{
width: 98%;
}
#dialog_window textarea{
width: 98%;
}
#dialog_window #dialog_login_form label,
#dialog_window #dialog_login_form span.label {
margin-right:10px;
padding-right:10px;
position:relative;
text-align:right;
width: 150px;
line-height: 20px;
}
#dialog_window #dialog_login_form input {
width: 150px;
margin: 0 0 10px 0;
}
#dialog_window #dialog_login_form input#LoginRemember {
width: 25px;
margin: 2px 0 0 144px;
}
#dialog_window #dialog_login_form .olvidar {
margin: 0px 0 0 170px;
}
#vista360 {
position: fixed;
left: 378px;
z-index: 9990;
background: white;
padding:5px;
text-align: center;
-moz-opacity: 1.00;
filter:alpha(opacity=100);
opacity: 1.00;
-moz-border-radius-bottom: 10px;
}
/* dialos auth messages */
.message {
background:none repeat scroll 0 0 #fee;
border:1px solid #CC0000;
font-size:16px;
font-weight:bold;
margin:5px 0;
padding:10px;
text-align:center;
}
#dialog_window_content .msg_env {
background:url("img/list_check.png") no-repeat 0px 0 transparent;
font-weight:bold;
margin:0 0 0 132px;
padding:5px 0 5px 30px;
}
#dialog_window_content .msg_env_fail {
background:url("img/box_alert.png") no-repeat 0px 0 transparent;
font-weight:bold;
margin:0 0 0 132px;
padding:5px 0 5px 30px;
}
#dialog_window_content .msg_ok {
background:url("img/list_check.png") no-repeat 0px 0 transparent;
padding:5px 0 5px 30px;
}
#dialog_window_content .msg_no {
background:url("img/box_alert.png") no-repeat 0px 0 transparent;
padding:5px 0 5px 30px;
}
#dialog_window small{
font-size: 80%;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
div.form-container { margin: 10px; padding: 5px;}
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
form p { margin: 0; }
form p.note { margin-left: 170px; font-size: 90%; color: #333; }
form fieldset {
margin: 10px 0;
padding: 10px;
border: none;
background-color: #f0f0f0;
}
form legend {
background:#999999 url(img/flecha_blanca.png) no-repeat scroll 10px 50%;
color:#FFFFFF;
padding:0 10px 5px 25px;
}
form fieldset div {
padding: 0.25em 0;
clear: both;
}
form fieldset div.no-float .label,
form fieldset div.no-float label{
width: auto;
margin: 0;
}
#register_form label,
#register_prof_form label,
label, span.label {
margin-right: 10px;
padding-right: 10px;
width: 150px;
display: block;
float: left;
text-align: right;
position: relative;
}
#register_prof_form .no-float label,
form fieldset label {
display:inline;
float:none;
}
label.error,
span.error { color: #C00; }
label em,
span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
input.error { border-color: #C00; background-color: #FEF; }
input:focus,
input.error:focus,
textarea:focus { background-color: #FFC; border-color: #FC6; }
div.controlset label,
div.controlset input { display: inline; float: none; margin: 0 5px 0 0;}
div.controlset label { line-height: 20px;}
div.controlset div { margin-left: 170px; }
div.buttonrow { margin-left: 170px; }
.boton, button, input[type="submit"], input[type="button"] {
background-color:white;
background-image:url(img/button_bg.png);
background-repeat:repeat-x;
border-color:#589EBC;
border-style:solid;
border-width:1px;
font-size:14px;
padding: 3px;
vertical-align:middle;
color: white;
}
.boton{
padding: 4px;
}
.boton:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover{
background-image:url(img/button_hover_bg.png);
border-color: #6F9FCC;
text-decoration: none;
color: #FFFFFF;
}
.comparador input[type="submit"],
.link .boton {
line-height: 28px;
height: 28px;
padding: 0 8px;
background-image:url(img/button_hover_bg.png);
text-shadow: none;
font-weight: bold;
}
.comparador input[type="submit"]:hover,
.link .boton:hover {
line-height: 28px;
height: 28px;
padding: 0 8px;
background-image:url(img/button_bg.png);
text-shadow: none;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.welcome form {
line-height:20px;
}
.welcome label{
text-align: left;
}
.welcome input{
margin: 4px 5px 0 0;
}
form#contacto label{
float: left;
}
form#contacto input, #contacto textarea, #contacto select{
width: 300px;
font-size: 14px;
}
#register_prof_form input,
#register_form input {
margin-right: 10px;
}
.acotacion em,
#register_form div.no-float em,
#register_prof_form div.no-float em,
#register_prof_form .error_formulario span.error-w,
#register_form .error_formulario span.error-w {
color: #CC0000;
}
#register_prof_form fieldset div {
padding: 0;
}
#register_prof_form div.no-float,
#register_form div.no-float {
width: auto;
margin: 0px 5px 10px 170px;
line-height: 12px;
padding: 0;
}
#register_prof_form div.no-float input,
#register_form div.no-float input {
margin: 0 5px;
}
.change_captcha {
margin: 0 10px;
}
.acotacion {
margin: 0 10px 20px 0;
}
#register_prof_form select.gris,
#register_prof_form input.gris {
background: #ddd;
color: #666;
}
#dialog_window_content .field_available {
margin: 5px 0 0 0px;
}
#username_available,
#email_available {
margin: 9px 0 9px 170px;
}
span.avaliable {
color: #008000;
background: url(img/accept.png) no-repeat;
padding-left: 20px;
}
.error_formulario span.error-w,
span.unavaliable {
color: #CC0000;
background: url(img/exclamation.png) no-repeat;
padding-left: 20px;
}
.error_formulario input {
margin: 0 5px 0 0;
}
#la_moto {
background: #eee;
padding: 10px 0;
}
#la_moto textarea {
height:50px;
width:450px;
}
#gusta_moto {
background: #eee;
padding: 10px 0;
margin-top: 25px;
}
.warning_formulario {
color: #CC0000;
background: url(img/exclamation.png) no-repeat 12px 9px;
padding: 8px 5px 8px 35px;
margin-bottom: 10px;
border: 1px solid #CC0000;
}
#solicitar_marca_form {
margin: 0 90px;
}
#solicitar_marca_form label,
#solicitar_marca_form span.label {
margin-right: 10px;
padding-right: 10px;
width: 35px;
float: left;
text-align: right;
position: relative;
line-height: 20px;
}
#solicitar_marca_form input[type="text"] {
width: 260px;
margin: 0 0px 5px 0;
}
#solicitar_marca_form button[type="submit"] {
float: right;
}
#clasificado_form span.notice{
float: right;
margin: 0px;
width: 180px;
}
#gusta_moto span.notice {
float: right;
margin: 0 10px 0 0;
width: 180px;
}
.edit_moto span.notice {
float: right;
margin: 0 10px 0 0;
width: 180px;
}
.edit_moto #dialog_window_content span.notice {
width: 380px;
margin: 0 10px 10px 0;
text-align: left;
}
.edit_moto div.submit,
.edit_moto div.right {
margin: 0;
}
textarea#UserProfileAbout {
width: 450px;
height: 50px;
}
.textarea textarea#ClasificadoDescripcion {
width: 450px;
}
form#delete_user_form div.input.password{
display: block;
overflow: hidden;
margin-bottom: 5px;
}
form#delete_user_form div.input.password label{
width: 250px;
}
form#delete_user_form div.input.password input[type="checkbox"]{
margin-top: 10px;
}
form#delete_user_form div.submit{
margin-left: 270px;
}
fieldset.block label,
#clasificado_form fieldset.block label,
#user_form label,
.Tiendas.edit #right_big form fieldset label {
display:block;
float:left;
}
.Tiendas.edit #right_big div.input.select .checkbox {
float: left;
width: 155px;
clear: right;
}
.Tiendas.edit #right_big form fieldset .no-float label {
display: inline;
float: none;
padding-right:10px;
}
textarea#TiendaDescripcion {
width: 315px;
}
fieldset.marcas fieldset {
margin: 0;
}
fieldset.marcas .input.select{
margin: 0;
padding: 0;
}
#right_big form div.controlset label,
.Tiendas.edit #right_big div.input.select .checkbox label{
padding: 0 0 0 5px;
display: inline;
float: none;
}
#fotos_clasificado {
margin-bottom: 0;
}
#fotos_clasificado .otro{
border-top: 3px dotted #fff;
}
#fotos_clasificado .msg{
margin-top: 0;
padding-top: 0;
}
.gestion_fotos {
margin-top: 0px;
padding: 0 0 10px 0;
background: #F0F0F0;
}
a.mas_fotos {
background: url("img/botones/add_16.png") no-repeat scroll 0 2px transparent;
font-weight: bold;
padding: 0 20px 2px;
}
a.menos_fotos {
background: url("img/botones/del_16.png") no-repeat scroll 0 2px transparent;
font-weight: bold;
padding: 0 20px 2px;
}
fieldset.block input[type="file"] {
background:none repeat scroll 0 0 #FFFFFF;
}
input.numeric {
text-align:right;
}
#busqueda_tienda {
display:block;
overflow:hidden;
padding:5px 10px;
margin: 0 10px;
border: 1px solid #91ABF4;
}
#busqueda_tienda select {
margin-right: 15px;
float:left;
margin-top:3px;
}
#busqueda_tienda div.submit {
margin:0px;
float:left;
}
form fieldset div#message-box {
clear: none;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
#header{
height: 70px;
display: block;
overflow: hidden;
clear: both;
position: relative;
background: url(img/header_bg.jpg);
}
.Tienda #header{
background: url(img/header_tienda_bg.jpg);
}
#logo{
background:transparent url(img/logo_web.png) no-repeat scroll 0 0;
/*border-right:1px solid #152739;
float:left;*/
float: left;
padding-right:20px;
margin-top: 6px;
height: 49px;
width: 150px;
z-index:1;
display: block;
overflow: hidden;
}
.Tienda #logo{
background:transparent url(img/logo_web_tienda.png) no-repeat scroll 0 0;
width: 224px;
height: 53px;
}
/*#logo:hover{
background:transparent url(img/logo_web_hover.png) no-repeat scroll 0 0px;
} */
#volver{
float:right;
padding: 33px 3px 10px;
}
#volver a.volver{
background:transparent url(img/logo_web_volver.png) no-repeat scroll 0 0;
height: 34px;
width: 150px;
z-index:1;
display: block;
overflow: hidden;
}
#header #section{
float:left;
height:32px;
width: 420px;
left: 320px;
margin:0;
padding:0;
position:absolute;
top: 16px;
z-index:1;
}
#header #section a img{
margin: 0 5px;
}
#header #section a {
display: block;
overflow: hidden;
line-height: 30px;
height: 32px;
width: 140px;
float: left;
}
#header #section a.tienda {
background:transparent url(img/ico_tienda.png) no-repeat top;
}
#header #section a.tienda:hover {
background:transparent url(img/ico_tienda.png) no-repeat 0 -35px;
}
#header #section a.donde{
background:transparent url(img/ico_donde.png) no-repeat top;
}
.Tiendas #header #section a.donde,
#header #section a.donde:hover{
background:transparent url(img/ico_donde.png) no-repeat 0 -35px;
}
#header #section a.seguro{
background:transparent url(img/ico_seguro.png) no-repeat top;
}
#header #section a.seguro:hover{
background:transparent url(img/ico_seguro.png) no-repeat 0 -35px;
}
#header #section.claro a.tienda {
background:transparent url(img/ico_tienda_t.png) no-repeat top;
}
.Tienda #header #section.claro a.tienda,
#header #section.claro a.tienda:hover {
background:transparent url(img/ico_tienda_t.png) no-repeat 0 -35px;
}
#header #section.claro a.donde{
background:transparent url(img/ico_donde_t.png) no-repeat top;
}
#header #section.claro a.donde:hover{
background:transparent url(img/ico_donde_t.png) no-repeat 0 -35px;
}
#header #section.claro a.seguro{
background:transparent url(img/ico_seguro_t.png) no-repeat top;
}
#header #section.claro a.seguro:hover{
background:transparent url(img/ico_seguro_t.png) no-repeat 0 -35px;
}
#header #section span{
display: none;
}
/*
#header #section.motos-ocasion{
background-position: 10px -28px;
}
#header #section.motos-nuevas{
background-position: 10px -60px;
}
#header #section.accesorios{
background-position: 10px -91px;
}
#header #section.noticias{
background-position: 10px -122px;
}
#header #section.fichas-tecnicas{
background-position: 10px -153px;
}
#header #section.marcas{
background-position: 10px -184px;
}
#header #section.motos-a-fondo{
background-position: 10px -215px;
}
#header #section.informacion-al-motero{
background-position: 10px -246px;
}
#header #section.pruebas-de-motos{
background-position: 10px -277px;
}
#header #section.foro{
background-position: 10px -308px;
}
#header #section.comunidad{
background-position: 10px -339px;
}
*/
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
Estilos Home Page General
*/
.home #content {
background: #21415F;
border: 0;
}
#home .left {
}
#home .box {
margin-bottom: 10px;
}
#home .head {
background: url(img/home/home_head_bg.png) repeat-x;
height: 35px;
line-height: 35px;
padding: 0 10px 0 5px;
}
#home .head h2 {
height: 35px;
line-height: 35px;
margin: 0;
color: #FFF;
font-size: 16px;
}
#home .head a {
height: 35px;
line-height: 35px;
margin: 0;
color: #FFF;
background: url(img/home/ver_mas_blue.png) no-repeat right 15px;
font-size: 15px;
padding: 0 10px 0 0;
}
#home .content {
background: #fff;
padding: 5px;
}
#home .box.news {
margin-bottom: 25px;
}
#home .box.news .content {
background: #fff url(img/home/bg_home_news.jpg) repeat-x top;
}
#home .box.news .content div.single{
margin-top: 10px;
padding: 0 10px 10px;
width: 310px
}
#home .box.news .content div.single.last{
border-left: 1px solid #ccc;
}
#home .box.news .content div a img{
margin: 0 10px 0 0;
border: 1px solid #305F8C;
float: left;
}
#home .box.news .content div .fecha{
font-size: 12px;
color: #666;
}
#home .box.news .content div .titulo {
margin: 3px 0;
}
#home .box.news .content div .titulo a{
font-size: 13px;
color: #305F8C;
font-weight: bold;
}
#home .box.news .content div .texto{
font-size: 11px;
color: #333;
}
#home .box.news .content div .texto p{
margin: 5px 0 0 0;
display: inline;
}
#home .box.news .content div .texto a.mas{
color: #CC0000;
font-weight: bold;
float: right;
line-height: 18px;
}
#home .box.news .footer {
text-align: right;
background: url(img/home/bg_home_news_footer.jpg) no-repeat left;
height: 26px;
}
#home .box.news .footer a{
background:url("img/home/mas_noticias.png") no-repeat scroll left 7px transparent;
display:block;
float:right;
height:26px;
line-height:26px;
overflow:hidden;
width:279px;
margin-right: 10px;
}
#home #seccion_menu {
display: block;
overflow: hidden;
margin: 0 0 10px;
height: 1055px;
}
#home #seccion_menu .head{
height:29px;
line-height:29px;
overflow:hidden;
display:block;
}
#home #seccion_menu .content{
overflow:hidden;
display:block;
padding: 5px 0 5px 5px;
/*height: 945px;*/
}
#home #seccion_menu ul.menu_seccion{
padding: 0;
margin: 0;
display: block;
overflow: hidden;
list-style: none;
background: url(img/home/home_seccion_menu_bg.jpg) repeat-x 0 100%;
height: 38px;
}
#home #seccion_menu ul.menu_seccion li{
list-style: none;
float: left;
display: inline;
height: 38px;
line-height: 38px;
font-family: Arial, Helvetica, sans-serif;
background: url(img/home/menu_home_seccion_li.jpg) no-repeat 100% 100%;
font-size: 12px;
text-align: center;
width: 33.3%;
}
#home #seccion_menu ul.menu_seccion li.last{
background: none;
}
#home #seccion_menu ul.menu_seccion li a{
color: #FFF;
font-weight: normal;
}
#home #seccion_menu ul.menu_seccion li.on{
background: url(img/home/menu_home_seccion_li_on.jpg) repeat-x bottom;
width: 33.4%;
}
#home #seccion_menu ul.menu_seccion li.on a{
}
#clasificados_tab .contenido {
height: 980px;
position: absolute;
}
#clasificados_tab .contenido div.single{
padding: 5px;
width: 317px;
border: 1px solid #ccc;
background: #EAEAEA;
font-size: 11px;
display: block;
overflow: hidden;
float: left;
margin: 0 5px 5px 0;
}
#clasificados_tab .contenido div a img{
margin: 0 10px 0 0;
border: 1px solid #CCCCCC;
}
#clasificados_tab .contenido div .titulo {
margin: 3px 0;
}
#clasificados_tab .contenido div .titulo a {
color: #000;
}
#clasificados_tab .contenido div .texto a.mas{
color: #000;
text-decoration: underline;
}
#clasificados_tab .contenido div .texto{
color: #666;
}
#clasificados_tab .contenido div.single.destacado{
border: 1px solid #9A0D16;
background: #0073AF;
}
#clasificados_tab .contenido div.single.destacado .texto{
color: #fff;
}
#clasificados_tab .contenido div.single.destacado a img{
margin: 0 10px 0 0;
border: 1px solid #9A0D16;
}
#clasificados_tab .contenido div.single.destacado .texto a.mas{
color: #fff;
text-decoration: underline;
}
/* box pruebas */
.pruebas .content div.single{
padding: 5px;
width: 315px;
font-size: 11px;
display: block;
overflow: hidden;
float: left;
margin: 0 5px 5px 0;
}
.pruebas .content div.single.lline{
border-right: 1px solid #CCCCCC;
}
.pruebas .content div.single.bline{
border-bottom: 1px solid #CCCCCC;
}
.pruebas .content div a img{
margin: 0 10px 0 0;
border: 1px solid #305F8C;
}
.pruebas .content div .titulo {
margin-bottom: 3px;
}
.pruebas .content div .titulo a {
color: #000;
font-weight: bold;
}
.pruebas .content div a.mas{
font-weight: bold;
text-decoration: underline;
}
.pruebas .content div .texto{
color: #666;
margin-bottom: 3px;
}
.pruebas .content div.single .estrellas img {
margin-right:5px;
vertical-align:text-bottom;
}
.pruebas .content div.single .opiniones {
background:url("img/globo1.png") no-repeat scroll 0 2px transparent !important;
font-weight:bold;
margin:5px 0;
padding-left:20px;
}
/* foro */
.foro ul#muro_home {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
.foro ul#muro_home li {
margin: 5px;
width: 321px;
float: left;
}
.foro ul#muro_home li.clear {
width: 642px;
float: none;
clear: both;
}
.foro ul#muro_home .comment {
margin-bottom: 15px;
}
.foro ul#muro_home .comment .col-left .inside {
background: transparent url(img/red_social/bg_comment_left.png) no-repeat scroll right 10px;
float: right;
overflow: hidden;
position: relative;
width: 11px;
}
.foro ul#muro_home .comment .col-left {
width: 11px;
float: left;
}
.foro ul#muro_home .comment .col-left .inside{
font-weight: bold;
text-align: center;
height: 35px;
}
.foro ul#muro_home .comment .col-left p{
margin: 0 5px 0 0;
}
.foro ul#muro_home .comment .col-right {
-moz-border-radius :0.4em;
-webkit-border-radius :0.4em;
background:#E5E5E5;
background-image: none;
border:1px solid #C6C6C6;
float:none;
margin-left: 10px;
margin-right:5px;
padding: 2px 15px 2px 10px;
*margin-top: -15px;
}
.foro ul#muro_home .comment blockquote.quotation {
background-image: none;
border:medium none;
font-size:100%;
font-style:normal;
margin: 4px 0 8px;
padding: 0px;
text-align:justify;
}
.foro ul#muro_home .comment blockquote.quotation p {
background: none;
margin:0 0 -10px 0;
padding:0 5px 10px 0;
font-size:100%;
font-style:normal;
text-align:justify;
}
.foro ul#muro_home .comment blockquote.quotation div.fecha {
margin-top: 5px;
padding-top: 5px;
color: #888;
border-top: 1px solid #C6C6C6;
}
.foro ul#muro_home .comment blockquote.quotation span a{
font-weight: bold;
}
#home .right {
}
/* box comunidad */
#home .right .box.comunidad {
background: url(img/home/bg_box_comunidad_top.png) no-repeat top;
width: 302px;
padding-top: 94px;
}
#home .right .box.comunidad .content{
background: url(img/home/bg_box_comunidad_bottom.png) no-repeat bottom;
padding: 0 0 19px 0;
}
#home .right .box.comunidad .content .listado{
background: url(img/home/bg_box_comunidad_line.png) repeat-y;
padding: 0 15px;
}
#home .right .box.comunidad .content .listado ul {
height:287px;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
}
#home .right .box.comunidad .content .listado ul li{
border-bottom: 1px solid #CCCCCC;
display: block;
overflow: hidden;
padding: 5px 0;
}
#home .right .box.comunidad .content .listado ul li img{
float: left;
margin: 0 5px 0 0;
border: 1px solid #CCCCCC;
}
#home .right .box.comunidad .content .listado .ospite{
margin-top: 5px;
}
#home .right .box.comunidad .content .listado a.unete{
background: url(img/home/unete.png) no-repeat;
display: block;
height: 30px;
margin-top: 5px;
overflow: hidden;
width: 161px;
}
/* box fichas */
#home .right .box.fichas {
background: url(img/home/bg_box_fichas_top.png) no-repeat top;
width: 302px;
padding-top: 94px;
}
#home .right .box.fichas .content{
background: url(img/home/bg_box_fichas_bottom.png) no-repeat bottom;
padding: 0 0 19px 0;
}
#home .right .box.fichas .content .listado{
background: url(img/home/bg_box_fichas_line.png) repeat-y;
padding: 0 15px;
}
/* box fichas pequeno */
#home .right .box.fichas_p {
background: url(img/home/bg_box_fichas_peq_top.png) no-repeat top;
width: 302px;
padding-top: 16px;
}
#home .right .box.fichas_p .content{
background: url(img/home/bg_box_fichas_peq_bottom.png) no-repeat bottom;
padding: 0 0 53px 0;
}
#home .right .box.fichas_p .content .listado{
background: url(img/home/bg_box_fichas_line.png) repeat-y;
padding: 0 15px;
}
#home .right .box.fichas .content .listado ul,
#home .right .box.fichas_p .content .listado ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#home .right .box.fichas .content .listado h3,
#home .right .box.fichas_p .content .listado h3{
background: #0073AF;
color: #fff;
font-size: 15px;
line-height: 24px;
padding: 0 5px;
}
#home .right .box.fichas .content .listado ul li,
#home .right .box.fichas_p .content .listado ul li{
border-bottom: 1px solid #CCCCCC;
display: block;
overflow: hidden;
padding: 5px 0;
line-height: 16px;
}
#home .right .box.fichas .content .listado ul li img,
#home .right .box.fichas_p .content .listado ul li img {
float: left;
margin: 0 5px 0 0;
border: 1px solid #CCCCCC;
}
#home .right .box.fichas .content .listado ul li a ,
#home .right .box.fichas_p .content .listado ul li a {
font-weight: bold;
}
#home .right .box.fichas .content .listado ul li a.mas ,
#home .right .box.fichas_p .content .listado ul li a.mas {
color: #009DDF;
text-decoration: underline;
font-weight: normal;
}
/* box marcas */
#home .box.marcas ul{
margin: 0;
padding: 0;
display: block;
overflow: hidden;
list-style-type: none;
}
#home .box.marcas ul li{
display:inline;
float:left;
/* height:25px;*/
/* padding:15px; */
/* width:133px; */
height:80px;
padding:5px;
text-align:center;
width:112px;
}
#home .box.marcas ul li img {
vertical-align: middle;
margin: 2px 15px 2px 15px;
}
#home .box.marcas ul li a {
color: #000;
display: block;
overflow: hidden;
}
/* generales */
#home a.flechagris {
background: url("img/flecha_negra.png") no-repeat scroll 96% 50% #DADADA;
color:#333333;
clear:both;
display:block;
margin:5px 0 0 0;
overflow:hidden;
padding-right:20px;
}
#home #clasificados_tab .contenido a.flechagris {
background: url("img/flecha_negra.png") no-repeat scroll 645px 50% #DADADA;
color:#333333;
clear:both;
display:block;
margin: 5px 5px 0 0;
overflow:hidden;
padding-right:20px;
}
#home a.flechaazul {
background: url("img/flecha_negra.png") no-repeat scroll 96% 50% #009DE0;
color:#fff;
font-weight: bold
clear:both;
display:block;
margin:5px 0 0 0;
overflow:hidden;
padding-right:20px;
}
#home a.flechaazul span,
#home a.flechagris span {
border-right:2px solid #FFFFFF;
border-left: 0;
float: right;
margin-right:10px;
padding:5px 10px 5px 3px;
}
#home #clasificados_tab a.flechagris {
position:absolute;
width:96.5%;
bottom: 0;
}
#home #clasificados_tab a.flechagris span {
border-right: 2px solid #FFFFFF;
border-left: 0;
float: right;
margin-left:10px;
padding:5px 10px 5px 3px;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
/* sigue de classificados.css */
ul.fondo li.fichas p.media span,
ul.tecnicas li.fichas p.media span{
color: #000;
}
ul.tecnicas li.fichas .detalles {
padding: 10px 5px 5px;
}
.detalles .categoria {
padding: 0 2px 0 0;
float: left;
color: #000;
}
.detalles .precio {
padding: 5px;
float: left;
}
.detalles .precio strike{
padding: 0 5px 0 0;
}
.cabecera_ficha {
clear:both;
display:block;
margin:0;
overflow:hidden;
padding: 0 0 10px 0;
}
/* buscador arriba listado fichas tecnicas */
#prueba_arriba,
#buscador_fichas {
width: 682px;
float: left;
border:1px solid #999999;
}
#prueba_arriba{
background: #E1E1E1;
}
#buscador_fichas .bottom,
#buscador_fichas .top{
background: url(img/clasificados/buscador_bottom.jpg) repeat-x;
height: 30px;
display: block;
overflow: hidden;
padding: 5px;
}
#buscador_fichas .top h4{
color:#20405F;
font-size:14px;
font-weight: bold;
background: url(img/flecha_negra.png) no-repeat scroll 0px 50%;
padding: 0 0 0 15px;
margin: 0;
}
#buscador_fichas .top label, #buscador_fichas .top span.label {
display: block;
float: left;
color: #4887BF;
margin: 0;
padding: 0;
line-height: 12px;
position: relative;
text-align: left;
}
.linea_buscador_fichas div{
margin: 0;
}
#buscador_select_modelos #NoticiaMotoModeloIdAuto {
margin:5px 0 0;
width: 173px;
background: #DDDDDD;
}
#comparador_seleccionar #NoticiaMotoModeloIdAuto {
width: 188px;
background: #DDDDDD;
}
#buscador_fichas .linea_buscador_fichas h4{
margin: 8px 0;
}
.linea_buscador_fichas select{
width: 180px;
margin: 5px 0;
}
#buscador_fichas .top .submit {
display: block;
overflow: hidden;
float: left;
margin: 0;
padding: 2px 0 0 0;
}
/* ultima ficha arriba */
.ultima_arriba {
padding: 10px 5px 5px 0;
background: #E1E1E1;
border-top: 1px solid #C7C7C7;
border-bottom: 1px solid #C7C7C7;
position: relative;
}
.ultima_prueba {
width: 400px;
position: relative;
}
.valoradas {
width: 282px;
}
#prueba_arriba .top{
background: url(img/clasificados/buscador_bottom.jpg) repeat-x;
height: 30px;
line-height: 30px;
display: block;
overflow: hidden;
padding: 5px;
margin: 0 0 10px 0;
}
#prueba_arriba .top h4{
color:#20405F;
font-size:14px;
line-height: 30px;
font-weight: bold;
background: url(img/flecha_negra.png) no-repeat scroll 0px 50%;
padding: 0 0 0 15px;
margin: 0;
}
#prueba_arriba .valoracion {
padding: 5px 10px;
}
#prueba_arriba .valoracion .estrellas .mala{
font-weight: bold;
color: #ff0000
}
#prueba_arriba .valoracion .estrellas .buena{
font-weight: bold;
color: #009900;
}
#prueba_arriba .valoracion .estrellas img {
vertical-align: text-bottom;
}
#prueba_arriba .valoracion .opiniones {
background:transparent url(img/globo1.png) no-repeat scroll 0 2px !important;
font-weight: bold;
padding-left: 20px;
margin: 5px 0;
}
.ultima_prueba .photo,
.ultima_arriba .photo{
width: 244px;
border: 1px solid #CCCCCC;
}
.ultima_prueba .photo .media,
.ultima_arriba .photo .media {
background-color:#CCCCCC;
font-weight:bold;
line-height:24px;
margin:0;
padding:0 10px;
}
.ultima_prueba .photo p.media span,
.ultima_arriba .photo p.media span {
color: #000;
margin: 0px 3px;
}
.ultima_prueba .photo p.media .num_fotos,
.ultima_arriba .photo p.media .num_fotos{
background: url(img/bullet-9.png) no-repeat 0 2px;
}
.ultima_prueba .photo p.media .num_videos,
.ultima_arriba .photo p.media .num_videos{
background: url(img/bullet-7.png) no-repeat 0 2px;
margin-left: 10px;
}
.ultima_prueba .photo p.media .num_360,
.ultima_arriba .photo p.media .num_360{
background: url(img/ico_360.png) no-repeat 0 2px;
margin-left: 10px;
}
.ultima_arriba .detalles{
width: 420px;
border: 0;
padding-left: 10px;
}
.ultima_prueba .detalles {
width: 139px;
border: 0;
padding: 0px 5px 0px 10px;
}
.ultima_arriba .detalles h4 {
margin: 0 0 5px 0;
}
.ultima_arriba .detalles .categoria {
padding: 0 0 5px 10px;
float: none;
color: #000;
border-right: 0;
}
.ultima_arriba .detalles .precio {
padding: 0 0 5px 10px;
float: none;
color: #000;
}
.ultima_arriba .detalles p {
color: #666666;
margin: 0;
padding: 0 0 5px 10px;
}
.ultima_arriba .detalles .opiniones {
background:url("img/globo1.png") no-repeat scroll 10px 2px transparent !important;
padding-left:30px;
}
.ultima_arriba .detalles a.ver_mas {
margin: 0 0 5px 10px;
}
#buscador_fichas .bottom p {
margin: 5px 5px 10px 0;
}
#prueba_arriba ul.las_valoradas {
margin: 0;
display:block;
overflow:hidden;
padding:10px 5px 10px 40px;
list-style-image: url(img/flecha_negra.png);
font-size: 14px;
border-left: 1px solid #BABABA;
height: 148px;
}
#prueba_arriba ul.las_valoradas li{
line-height: 20px;
padding: 5px 0;
}
.valoradas p {
padding: 0 10px;
}
.probador p {
padding: 0 10px;
margin: 0;
}
.foto_probador {
margin: 10px 0px 0 5px;
}
h2.seccion_prueba {
font-size: 18px;
font-weight: normal;
color: #055988;
line-height: 40px;
padding-left: 10px;
margin: 0;
}
.detalles .estrellas .mala{
font-weight: bold;
color: #ff0000
}
.detalles .estrellas .buena{
font-weight: bold;
color: #009900;
}
.valoracion .estrellas img,
.detalles .estrellas img {
vertical-align: text-bottom;
margin-right:5px;
}
.estrellas.votar a {
padding: 0 2px;
}
.estrellas.votos a {
padding: 0 1px;
height: 15px;
width: 14px;
display:block;
float:left
}
.estrellas.votos a.estrella_off {
background:url(img/fichas/gold_star_empty.png) no-repeat;
}
.estrellas.votos a.estrella_on {
background:url(img/fichas/gold_star_full.png) no-repeat;
}
.estrellas_verdes a {
height:26px;
padding:0 0 2px;
width: 14px;
display:block;
float:left
}
.estrellas_verdes.votar a {
padding: 0 3px 0 2px;
height: 15px;
}
.estrellas_verdes.votar span {
padding: 0 0 0 5px;
font-weight: bold;
}
.estrellas_verdes.votar span.mala{
color: #ff0000
}
.estrellas_verdes.votar span.buena{
color: #009900;
}
.estrellas_verdes a.estrella_off {
background:url(img/fichas/green_star_empty.png) no-repeat 1px 50%;
}
.estrellas_verdes a.estrella_on {
background:url(img/fichas/green_star_full.png) no-repeat 1px 50%;
}
.prueba_de_motos {
margin-top: 10px;
border: 1px solid #D3D3D3;
}
.prueba_de_motos .right {
margin: 0 0px 5px 20px;
border-bottom: 1px solid #D3D3D3;
border-left: 1px solid #D3D3D3;
}
.prueba_de_motos .texto {
font-size:13px;
line-height:140%;
padding:10px;
text-align:justify;
}
.margin-funciones { margin: 7px 0; }
#prueba_moto_thumbs.mini-gallery ul.enlaces li {
float: left;
}
.seccion-multimedia .mini-gallery ul.enlaces li{
padding: 0px 80px;
height: 18px;
line-height: 18px;
}
.seccion-multimedia .mini-gallery ul.enlaces li a {
padding: 0;
}
.seccion-multimedia .mini-gallery ul.enlaces li .next_page,
.seccion-multimedia .mini-gallery ul.enlaces li .prev_page {
width: 43px;
float: left;
text-align: center;
}
#seccion_multimedia_counter {
float: left;
width: 50px;
line-height: 21px;
}
.seccion-multimedia .mini-gallery ul.enlaces li a.photos {
background: url(img/bullet-9.png) 0 3px no-repeat !important;
padding:0 0 0 20px;
}
.seccion-multimedia .mini-gallery a img {
margin: 10px 9px;
border: 1px solid #000;
}
/* enviar amigo y error */
.enviar {
margin: 10px;
width:430px;
}
.enviar form fieldset {
border:1px solid #055988;
margin:10px 0;
padding:10px;
}
.enviar form legend {
color: #055988;
font-size: 14px;
font-weight: bold;
line-height: 25px;
padding: 0 10px 0 40px;
}
.error form legend,
.amigo form legend {
background: transparent url(img/ico_mail.png) no-repeat scroll 10px 50%;
}
.error label,.error span.label,
.amigo label,.amigo span.label {
padding: 0 8px 0 5px;
text-align: left;
width: auto;
line-height: 20px;
}
.error .error_formulario span,
.amigo .error_formulario span {
line-height: 22px;
}
.ok {
background:transparent url(img/tick.png) no-repeat scroll 12px 9px;
padding:8px 5px 8px 35px;
}
.error form legend {
background: transparent url(img/ico_mark.png) no-repeat scroll 10px 50%;
}
.enviar form fieldset div.enlace {
padding: 0 0 0 35px;
}
.enviar form fieldset input,
.enviar form fieldset textarea {
width: 300px;
}
.enviar form div.submit {
float: right
}
/* info al motero */
/* menu*/
#menu_info_motero {
clear: left;
display:block;
overflow:hidden;
margin: 10px 0;
border-bottom: 5px solid #eee;
}
#menu_info_motero ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
border-bottom: 1px solid #CCC;
}
#menu_info_motero li {
float: left;
margin: 0;
padding: 0;
}
#menu_info_motero li a{
display: block;
overflow: hidden;
margin: 0 16px 0 12px;
font-size: 13px;
line-height: 24px;
color: #000;
text-decoration: none;
padding: 0 20px;
background: #87C8EA;
border: 1px solid #68BBE5;
border-bottom: 0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topleft: 5px;
-webkit-border-radius-topright: 5px;
}
#menu_info_motero li a:hover{
color: #000;
text-decoration: none;
}
#menu_info_motero li a:hover,
#menu_info_motero li.on a{
background: #EEE;
border-color: #CCC;
}
#menu_info_motero li.last a{
margin-right: 0;
}
/* fine menu */
#info_al_motero_mapa {
width: 760px;
border: 3px solid #21415F;
}
.externo_lateral.tiempo {
background: url(img/info_motero/bg_box_tiempo_top.png) no-repeat top;
width: 219px;
padding-top: 68px;
margin-left:5px
}
.externo_lateral.tiempo .content{
background: url(img/info_motero/bg_box_tiempo_bottom.png) no-repeat bottom;
padding: 0 0 14px 0;
}
.externo_lateral.tiempo .content .box{
background: url(img/info_motero/bg_box_tiempo_line.png) repeat-y;
padding: 0 6px;
text-align: center;
}
#widgeteltiempo #cabecera {
background: #21415F!important;
}
.ficha_multimedia .video_menu {
width:220px;
height:385px;
overflow:auto;
}
/* formulatio info al motero */
#info_motero_form {
padding: 10px 5px;
display: block;
overflow: hidden;
}
#info_motero_form select{
float: left;
margin: 3px 0;
}
#info_motero_form .submit {
float: left;
margin: 0 5px;
}
.paging_mapa {
padding: 10px 5px;
display: block;
overflow: hidden;
font-size:14px;
line-height: 27px;
}
/* globos mapa */
.info_map_listed {
padding: 5px 0;
clear: both;
border-top: 1px dotted #21415F;
margin: 0 8px;
display: block;
overflow: hidden;
}
.info_map_listed li{
list-style-type: none;
border: 1px solid #C6C6C6;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
background: #E1E1E1;
display: block;
list-style-type: none;
margin: 2px;
overflow: hidden;
padding: 1px;
float: left;
width: 239px;
}
.info_map_listed li img{
margin: 0 5px 0 0;
}
.info_map_listed li div{
color: #666666;
height:18px;
line-height:18px;
display: block;
overflow: hidden;
}
.info_map_listed li div a{
font-weight: bold;
}
/* pagina costes */
.costs small {
margin-top: 5px;
font-size: 12px;
display: block;
}
table.costes {
width: 500px;
margin: 10px auto;
font-weight: bold;
}
table.costes tr th,
table.costes tr td{
text-align: center;
padding: 5px 10px;
}
table.costes tr th {
background: #4f81bd;
color: #fff;
}
table.costes tr.row2 td {
background: #d0d8e8;
}
table.costes tr.row3 td {
background: #e9edf4;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
*{
vertical-align: baseline;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
body{
font-family: "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
font-size: 12px;
background:#969585;
direction:ltr;
margin:0;
padding:0;
text-align:left;
unicode-bidi:embed;
color:#1E1E1E;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:130%;
}
/*body.Tienda {
background: #fff;
} */
fieldset, img { border: 0; }
a:focus { outline: none; }
a:hover{
text-decoration: underline;
}
html {
height: 100%;
margin-bottom: 1px;
}
/* horizontal rule */
hr {
margin: 15px 0px 15px 0px;
display: block;
background: #c8c8c8;
height: 1px;
border: none;
}
/* blockquotes */
blockquote {
margin: 10px 0 10px 15px;
padding: 0px 0px 0px 0px;
font-style: italic;
font-size: 130%
}
/*blockquote:first-letter {
font-size: 150%
} */
/* preformatted text elements */
pre {
margin: 10px 0 10px 0px;
padding: 5px 0 5px 10px;
border: 1px dotted #aab4be;
border-left: 20px solid #b4b4b4;
background: #fafafa;
font-size: 90%;
color: #2E8B57;
font-family: "Courier New", Courier, monospace;
/* Browser specific (not valid) styles to make preformatted text wrap */
/* white-space: pre-wrap; /* css-3 */
/* white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
}
strong{
font-family: Arial, Helvetica, sans-serif;
}
em {
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
}
/* acronym */
acronym, abbr {
border-bottom: 1px dashed #969696;
cursor: help;
font-variant: small-caps;
text-transform: lowercase;
}
a{
color: #305F8C;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0px;
text-decoration: none;
cursor: pointer;
}
::-moz-selection{
background: #85C0FA;
color: #000000;
}
#web{
background:#21415F none repeat scroll 0 0;
display:block;
margin:0 auto;
padding:0px 7px;
width:996px;
position: relative;
}
.Tienda #web{
/*background: #457c31;*/
background: #91ABF4;
}
#web_title{
position: absolute;
top: 0;
left:-9999px;
color: white;
}
#web_description{
position: absolute;
top: 0;
right: 0;
color: white;
}
#toolbar{
height: 38px;
line-height: 38px;
width: 100%;
display: block;
}
#main_menu{
list-style: none;
float: left;
clear: both;
position: absolute;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
}
#main_menu li{
float: left;
display: block;
line-height: 37px;
margin: 0 1px;
}
#main_menu li a {
background:transparent url(img/main_menu_left.png) no-repeat scroll left center;
color:white;
float:left;
font-weight:bold;
line-height:37px;
padding-left:9px;
}
#main_menu li a:hover, #main_menu li.on a{
background-image: url(img/main_menu_left_on.png);
color: #000000;
text-decoration: none;
}
#main_menu li a:hover span, #main_menu li.on a span{
background-image: url(img/main_menu_right_on.png);
}
#main_menu li a span{
background: url(img/main_menu_right.png) no-repeat right;
line-height: 37px;
padding: 0 19px 0 10px;
float: left;
}
#content #left{
width: 31%;
float: left;
display: inline;
}
#content #right{
width: 31%;
float: right;
display: inline;
}
#content #right_big{
width: 68%;
float: right;
display: inline;
}
#content #left_big{
width: 68%;
float: left;
display: inline;
padding-left: 3px;
}
#content #left_big_full{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:inline;
float:left;
padding:2px;
width:67%;
}
#content #right_full{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:inline;
float:right;
padding:2px;
width:31%;
}
#content #center{
width: 52%;
float: left;
display: inline;
}
#content #center_big{
width: 60%;
float: left;
display: inline;
}
#content #right_small{
width: 20%;
float: right;
display: inline;
}
#content #top{
display: block;
overflow: hidden;
}
body.register_profesional #content, body.register #content, body.comparador #content{
background: none;
padding: 0;
border: none;
margin: 0;
}
.splash_registro .center {
margin-bottom: 20px;
position: relative;
height: 730px;
width: 330px;
}
.splash_registro h2 {
color: #1F405F;
text-transform: uppercase;
margin: 5px 0;
}
.splash_registro .desc {
text-align: left;
list-style-type: none;
color: #1F405F;
font-size: 14px;
line-height: 22px;
padding: 0 10px;
}
.splash_registro .desc a{
font-size: 110%;
text-decoration: underline;
}
.splash_registro .separador{
border-right: 1px solid #1F405F;
}
.splash_registro .desc ul{
margin: 5px 0;
padding-left: 20px;
list-style-type:disc;
}
.splash_registro .desc ul li{
margin: 0 0 5px 0;
font-size: 13px;
}
.splash_registro small{
font-size: 10px;
display: block;
text-align: left;
padding: 0 5px;
}
.splash_registro a.boton {
display:block;
margin:15px 75px;
overflow:hidden;
}
.splash_registro .right a.boton {
right: 92px;
}
#content{
display: block;
overflow: hidden;
background: white;
border: 1px solid #999999;
padding: 2px;
clear: both;
margin: 0 0 0 0;
}
#footer_menu{
background:#399CFF;
height: 40px;
width: 100%;
line-height: 40px;
}
#footer_content{
display: block;
overflow: hidden;
margin: 0 auto;
}
#footer{
background:#000000 url(img/footer_bg.png) repeat-x 0 0;
overflow: hidden;
display: block;
}
#footer_links{
background: #333333;
min-height: 300px;
width: 100%;
padding: 20px 0;
}
/*
* Clearing & Floating
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear{clear:both; }
.height10 { height: 10px; }
.height20 { height: 20px; }
.height30 { height: 30px; }
.linedotted { border-bottom: 1px dotted #CCCCCC; }
.clearfix { display: block; }
.no_margin { margin: 0; }
.floatbox { overflow:hidden; }
.left, .float-left { float: left;}
.right, .float-right { float: right;}
.center{
text-align: center;
vertical-align: middle;
}
.align_center {
text-align: center;
}
.middle{
vertical-align: middle;
}
.centered {
margin: 0 auto;
}
.minus {
text-transform: lowercase;
}
.small{ font-size: 80%;}
.width5 { width: 4.999%; }
.width7 { width: 6.999%; }
.width8 { width: 7.999%; }
.width10 { width: 9.999%; }
.width13 { width: 12.999%; }
.width15 { width: 14.999%; }
.width18 { width: 17.999%; }
.width19 { width: 18.999%; }
.width20 { width: 19.999%; }
.width20m { width: 20.89%; }
.width21 { width: 20.999%; }
.width22 { width: 21.999%; }
.width23 { width: 22.999%; }
.width24 { width: 23.999%; }
.width25 { width: 24.999%; }
.width26 { width: 25.999%; }
.width27 { width: 26.999%; }
.width28 { width: 27.999%; }
.width29 { width: 28.999%; }
.width30 { width: 29.999%; }
.width31 { width: 30.999%; }
.width32 { width: 31.999%; }
.width33q { width: 32.999%; }
.width33 { width: 33.333%; }
.width34 { width: 33.999%; }
.width35 { width: 34.999%; }
.width36 { width: 35.999%; }
.width40 { width: 39.999%; }
.width41 { width: 40.999%; }
.width42 { width: 41.999%; }
.width45 { width: 44.999%; }
.width46 { width: 45.999%; }
.width47 { width: 46.999%; }
.width48 { width: 47.999%; }
.width49 { width: 48.999%; }
.width49m { width: 49.6%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width55 { width: 54.999%; }
.width56 { width: 55.999%; }
.width58 { width: 57.999%; }
.width60 { width: 59.999%; }
.width62 { width: 61.999%; }
.width63 { width: 62.999%; }
.width64 { width: 63.999%; }
.width65 { width: 64.999%; }
.width66 { width: 65.999%; }
.width67 { width: 66.999%; }
.width68 { width: 67.999%; }
.width69 { width: 68.999%; }
.width70 { width: 69.999%; }
.width72 { width: 71.999%; }
.width73 { width: 72.999%; }
.width74 { width: 73.999%; }
.width75 { width: 74.999%; }
.width78 { width: 77.999%; }
.width95 { width: 94.999%; }
.width96 { width: 95.999%; }
.width97 { width: 96.999%; }
.width98 { width: 97.999%; }
.width99 { width: 98.999%; }
.width100 { width: 99.999%; }
.separador_vertical{
background: url(img/separador_vertical.png) repeat-y 0 0;
float: left;
width:6px;
height: 150px;
}
p.breadcrumbs{
color: white;
margin: 0;
line-height: 38px;
float: left;
}
p.breadcrumbs a{
color: white;
}
#buscador_general{
float:right;
padding:20px 10px;
}
#buscador_general div{
margin: 0;
}
#buscador_general input{
background:transparent url(img/buscardor_bg.gif) no-repeat scroll 0 0;
border:medium none;
color:#666666;
font-size:11px;
height:14px;
padding:6px;
width:200px;
}
#buscador_general input.seleccionado, #buscador_general input[type="text"]:focus{
border: none;
outline: none;
}
#footer .pie{
width: 475px;
margin: 0 7px;
font-size: 13px;
text-align: center;
}
#footer a{
color: white;
}
#footer a.h-blue{
color: #4887BF;
}
#footer p{
color: #999999;
}
#footer .separador{
background:#000000 none repeat scroll 0 0;
border-left:1px solid #333333;
float:left;
height:170px;
margin:10px 0;
width:1px;
}
.page{
margin: 20px;
display: block;
overflow: hidden;
}
.el-preload{
position: absolute;
left: 20%;
top: 20%;
}
.preload{
position: absolute;
top: 40%;
left: 40%;
}
.recover_password form p {
padding-bottom: 10px;
}
/* listado tienda */
#m_00000001 a{
border: 2px solid #eee;
}
map#m_00000001 a:hover{
border: 2px solid #aaa;
}
ul#provinces {
display:block;
overflow: hidden;
margin: 10px 0;
padding:0;
}
ul#provinces li {
display:inline;
float: left;
list-style-type:none;
padding: 2px 5px 2px 4px;
}
ul#provinces li a {
color: #fff;
}
div.tienda ul {
list-style-type:none;
margin:0;
padding:0;
}
ul.listado_tiendas li a.clasificado_foto {
margin: 5px 3px;
}
ul.listado_tiendas, ul.titles {
list-style-type:none;
margin:0;
padding:0;
}
ul.listado_tiendas > li {
background:none repeat scroll 0 0 #EAEAEA;
border:1px solid #CCCCCC;
display:block;
margin-bottom:7px;
overflow:hidden;
width:490px;
height: 170px;
}
ul.listado_tiendas > li.destacado{
background: #147DB6 url(img/clasificados/destacado_bg.png) repeat-x;
border-color: #178ECE;
}
ul.listado_tiendas > li.destacado ul.col_head {
background-image: none;
background: #009DE0;
border-color: #178ECE;
border-bottom: 1px solid #fff;
}
ul.listado_tiendas > li.publi {
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
ul.titles li {
height:2em;
width: 49%;
float: left;
}
ul.titles.col_head li {
height: 38px;
line-height: 38px;
width: auto;
}
li.tienda dl {
float:left;
margin: 10px 0 5px 10px;
padding: 0;
width: 356px;
}
li.tienda dd {
display:block;
overflow:hidden;
padding-left: 5px;
}
li.tienda dd.mas {
margin-top: 10px;
}
li.tienda dt,
div.tienda dt {
font-weight: bold;
float: left;
padding: 0 5px 0 0;
}
ul.listado_tiendas li a.vermas {
background: url("img/clasificados/col_head.jpg") repeat-x center bottom;
border:1px solid #CCCCCC;
color: #000;
font-size:12px;
height:28px;
line-height:28px;
padding: 5px;
vertical-align:middle;
margin-top: 5px;
font-weight: bold;
}
ul.listado_tiendas li.destacado a.vermas {
background-image:url(img/button_hover_bg.png);
border:1px solid #178ECE;
color: #fff;
}
/* ficha tienda */
.tienda.ficha .classificados_tienda{
overflow:hidden;
display:block;
padding: 5px 0 5px 5px;
/*height: 945px;*/
}
.tienda.ficha .classificados_tienda div.single{
padding: 5px;
width: 302px;
border: 1px solid #ccc;
background: #EAEAEA;
font-size: 11px;
display: block;
overflow: hidden;
float: left;
margin: 0 5px 5px 0;
}
.tienda.ficha .classificados_tienda div a img{
margin: 0 10px 0 0;
border: 1px solid #CCCCCC;
}
.tienda.ficha .classificados_tienda div .titulo {
margin: 3px 0;
}
.tienda.ficha .classificados_tienda div .titulo a {
color: #000;
font-weight: bold;
}
.tienda.ficha .classificados_tienda div .texto a.mas{
color: #000;
text-decoration: underline;
font-weight: bold;
margin: 0 0 0 5px;
}
.tienda.ficha .classificados_tienda div .texto{
color: #000;
}
.tienda.ficha .classificados_tienda div.single.destacado{
border: 1px solid #9A0D16;
background: #0073AF;
}
.tienda.ficha .classificados_tienda div.single.destacado .texto{
color: #fff;
}
.tienda.ficha .classificados_tienda div.single.destacado a img{
margin: 0 10px 0 0;
border: 1px solid #9A0D16;
}
.tienda.ficha .classificados_tienda div.single.destacado .texto a.mas{
color: #fff;
text-decoration: underline;
}
.tienda.ficha a.clasificado_foto {
margin:5px;
}
.tienda.ficha .marcas_tienda {
overflow: hidden;
display: block;
padding: 5px 0 5px 3px;
margin: 5px;
border: 1px solid #D0D0D0;
text-align: center;
}
.tienda.ficha .marcas_tienda h3 {
color: #000;
font-size: 120%;
}
.tienda.ficha .marcas_tienda ul li {
padding: 5px 5px 5px 3px;
}
.tienda.ficha .datos {
overflow: hidden;
display: block;
padding: 5px 0 5px 5px;
margin: 5px;
border: 1px solid #D0D0D0;
}
.tienda.ficha .datos dl{
padding: 5px;
margin: 0;
}
.tienda.ficha .datos dl dt{
float: none;
font-weight: bold;
padding: 0 0 5px 0;
}
.tienda.ficha .datos dl dd{
padding: 0 0 5px 0;
}
.tienda.ficha .datos .recomendar {
float: right;
margin: 10px 5px 20px 0;
background: url(img/recomend.jpg) no-repeat;
padding: 3px 0 3px 25px;
}
/* tiendas destacadas */
.content_head_gris {
background:url("img/clasificados/buscador_bottom.jpg") repeat-x scroll 0 0 transparent;
display:block;
height:20px;
overflow:hidden;
padding: 5px 5px 3px 5px;
border:1px solid #aaa;
}
.content_head_gris a {
height: 16px;
line-height: 16px;
margin: 0 5px;
background: url(img/home/ver_mas_blue.png) no-repeat right 6px;
padding: 0 10px 0 0;
}
ul.listado_tiendas_destacadas {
margin: 0 0 2px 0;
padding:0;
border: 0;
display: block;
overflow: hidden;
}
ul.listado_tiendas_destacadas > li {
background:none repeat scroll 0 0 #FFF;
border:1px solid #aaa;
margin: 1px;
display:block;
float:left;
overflow:hidden;
width:194px;
height: 150px;
position: relative;
}
ul.listado_tiendas_destacadas li a.clasificado_foto {
margin: 5px 59px;
}
ul.listado_tiendas_destacadas h2.titles {
text-align: center;
font-size: 16px;
margin:0;
padding:0;
}
ul.listado_tiendas_destacadas li a.vermas {
background: url("img/clasificados/col_head.jpg") repeat-x center bottom;
border:1px solid #CCCCCC;
color: #305F8C;
font-size:12px;
height:28px;
line-height:28px;
padding: 5px;
vertical-align:middle;
margin-top: 5px;
font-weight: bold;
}
ul.listado_tiendas_destacadas li dl {
margin: 5px;
padding:0;
width: 186px;
}
ul.listado_tiendas_destacadas li dd.description {
padding: 5px;
margin: 5px;
border-top: 2px solid #EAEAEA;
border-bottom: 2px solid #EAEAEA;
font-size:11px;
text-align:justify;
}
ul.listado_tiendas_destacadas li dd.articulos {
padding: 0px 10px;
text-align: center;
}
ul.listado_tiendas_destacadas li dd.mas {
position: absolute;
bottom: 5px;
padding: 0;
margin: 0 60px 0 62px;
}
.line-tienda {
background: #1BB2FC;
width: 100%;
height: 10px;
margin: 2px 0;
}
.relative {
position: relative;
}
/* MOTOS.ES CSS Copyright (C) 2009 Artvisual www.artvisual.es */
#menu_principal {
margin: 0 0 15px 0;
}
#nivel_1 {
background: #BDBDB3;
height: 36px;
}
#nivel_1 li {
width: 80px;
height: 36px;
text-align: center;
border-left: 1px solid #DEDED8;
border-right: 1px solid #AFAFA3;
position: relative;
}
#nivel_1 li a {
color: #1F3F5F;
font-weight: bold;
overflow: hidden;
display: block;
zoom: 1;
}
#nivel_1 li a:hover, #nivel_1 li.on a {
color: #FFFFFF;
}
#nivel_1 li.on a {
text-shadow: 1px 1px 3px #333;
text-decoration: none;
}
#nivel_1 li.on a:hover{
color: #EFFCFF;
}
#nivel_1 li, #nivel_2 li{
list-style: none;
padding: 0;
margin: 0;
float: left;
}
#nivel_1 li.dos_lineas a{
line-height: 100%;
height: 30px;
padding: 5px 0;
}
#nivel_1 li.first{
border-left: 1px solid #BDBDB3;
}
#nivel_1 li.last{
border-right: 1px solid #BDBDB3;
}
#nivel_1 li.mas_grande{
width: 82px;
}
#nivel_1 li.on span{
background: url(img/menu_on.png) no-repeat 0 0;
width: 84px;
height: 57px;
position: absolute;
top: -12px;
left: -1px;
line-height: 57px;
}
#nivel_1 li.on span.dos_lineas a{
padding: 15px 0;
}
#nivel_1 li.on span.una_linea a{
padding: 7px 0;
}
#nivel_1 li.una_linea a{
line-height: 36px;
height: 36px;
}
#nivel_1, #nivel_2{
list-style: none;
padding: 0;
margin: 0;
clear: both;
}
#nivel_2{
background: #0472AE;
overflow: hidden;
display: block;
height: 26px;
line-height: 26px;
}
#nivel_2 li{
color: white;
border-right: 1px solid #FFFFFF;
line-height: 100%;
padding: 0px 10px;
margin: 6px 0;
}
#nivel_2 li.first{}
#nivel_2 li.last{
border: none;
}
#nivel_2 li a{
color: white;
}
#nivel_2 li a:hover{
text-decoration: underline;
}
/*
#nivel_1 li.off a:hover,#nivel_1 li.off a{
color: #000;
cursor: no-drop;
}
.off, .off *, .off:hover, a.off:link {
cursor: no-drop;
color: #000;
text-decoration: none;
}
*/
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
/*
* module headers
*/
/* reset header for all modules */
div.module h3.header {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: 150%;
color: #646464;
font-weight: normal;
letter-spacing: -1px;
}
div.module h3.header {
color: #646464;
}
div.module h3.header span.color {
color: #E24912;
}
/* header span's */
div.module span.header-2,
div.module span.header-3 {
display: block;
}
/*
* space for adjoining modules
*/
.separator div.module {
margin: 0px 10px 0px 0px;
}
#left div.module,
#right div.module {
margin: 0px 0px 15px 0px;
}
#top .topblock div.module {
margin: 10px 0px 0px 0px;
}
div#bottom .bottombox div.module {
padding: 10px 0px 10px 0px;
}
#bottom .bottomblock div.module {
margin: 0px 0px 10px 0px;
}
/*
* styling for special positions
*/
div#toolbar div.mod-blank {
margin: 0px 15px 0px 0px;
float: right;
}
div#headerbar div.module {
margin-left: 10px;
float: right;
}
/*
* badge styling for all modules
*/
div.module {
position: relative;
}
div.module div.badge-new, div.module div.badge-top, div.module div.badge-pick {
position: absolute;
top: 0px;
right: 0px;
width: 39px;
height: 39px;
z-index: 1;
}
div.module div.badge-new {
background: url(../images/module_badge_new.png) 0 0 no-repeat;
}
div.module div.badge-top {
background: url(../images/module_badge_top.png) 0 0 no-repeat;
}
div.module div.badge-pick {
background: url(../images/module_badge_pick.png) 0 0 no-repeat;
}
div.module div.badge-circle {
position: absolute;
top: -5px;
left: -5px;
width: 34px;
height: 34px;
z-index: 1;
background: url(../images/module_badge_circle.png) 0 0 no-repeat;
}
/*
* module: blank
*/
div.mod-blank div.module {
overflow: hidden;
}
div.mod-blank h3.module {
}
#top div.mod-blank div.module,
#bottom div.mod-blank div.module,
#top div.mod-blank h3.header,
#bottom div.mod-blank h3.header {
color: #323232;
}
/*
* module: rounded
*/
div.mod-rounded div.box-t1 {
background: url(../images/module_rounded_tl.png) 0 0 no-repeat;
}
div.mod-rounded div.box-t2 {
padding: 0px 10px 0px 10px;
background: url(../images/module_rounded_tr.png) 100% 0 no-repeat;
}
div.mod-rounded div.box-t3 {
height: 15px;
background: url(../images/module_rounded_t.png) 0 0 repeat-x;
}
div.mod-rounded div.box-1 {
background: url(../images/module_rounded_l.png) 0 0 repeat-y;
}
div.mod-rounded div.box-2 {
padding: 0px 5px 0px 5px;
background: url(../images/module_rounded_r.png) 100% 0 repeat-y;
}
div.mod-rounded div.box-3 {
padding: 0px 10px 10px 10px;
background: #fcfdfe url(../images/module_rounded_bg.png) 0 100% repeat-x;
min-height: 20px;
overflow: hidden;
}
div.mod-rounded div.box-b1 {
background: url(../images/module_rounded_bl.png) 0 0 no-repeat;
}
div.mod-rounded div.box-b2 {
padding: 0px 10px 0px 10px;
background: url(../images/module_rounded_br.png) 100% 0 no-repeat;
}
div.mod-rounded div.box-b3 {
height: 10px;
background: url(../images/module_rounded_b.png) 0 0 repeat-x;
}
div.mod-rounded div.badge-new, div.mod-rounded div.badge-top, div.mod-rounded div.badge-pick {
top: 5px;
right: 5px;
}
#headerbar div.mod-rounded div.deepest {
height: 50px;
}
/*
* module: rounded (only for header position)
*/
div.mod-rounded-header div.module {
}
div.mod-rounded-header div.box-1 {
background: url(../images/module_headerposition_l.png) 0 0 no-repeat;
}
div.mod-rounded-header div.box-2 {
padding: 0px 10px 0px 10px;
background: url(../images/module_headerposition_r.png) 100% 0 no-repeat;
}
div.mod-rounded-header div.box-3 {
height: 75px;
padding: 10px 5px 0px 5px;
background: url(../images/module_headerposition_m.png) 0 0 repeat-x;
overflow: hidden;
}
/*
* module: window
*/
div.mod-window div.box-t1 {
background: url(../images/module_window_tl.png) 0 0 no-repeat;
}
div.mod-window div.box-t2 {
padding: 0px 25px 0px 25px;
background: url(../images/module_window_tr.png) 100% 0 no-repeat;
}
div.mod-window div.box-t3 {
height: 23px;
background: url(../images/module_window_t.png) 0 0 repeat-x;
}
div.mod-window div.box-1 {
background: url(../images/module_window_l.png) 0 0 repeat-y;
}
div.mod-window div.box-2 {
padding: 0px 20px 0px 20px;
background: url(../images/module_window_r.png) 100% 0 repeat-y;
}
div.mod-window div.box-3 {
padding: 8px 8px 8px 8px;
background: #F3F4F5 url(../images/module_window_bg.png) 0 100% repeat-x;
overflow: hidden;
}
div.mod-window div.box-b1 {
background: url(../images/module_window_bl.png) 0 0 no-repeat;
}
div.mod-window div.box-b2 {
padding: 0px 20px 0px 20px;
background: url(../images/module_window_br.png) 100% 0 no-repeat;
}
div.mod-window div.box-b3 {
height: 22px;
background: url(../images/module_window_b.png) 0 0 repeat-x;
}
div.mod-window div.badge-new, div.mod-window div.badge-top, div.mod-window div.badge-pick {
top: 5px;
right: 5px;
}
/* menu */
/*
* module: concave
*/
div.mod-concave div.box-t1 {
background: url(../images/module_concave_tl.png) 0 0 no-repeat;
}
div.mod-concave div.box-t2 {
padding: 0px 10px 0px 10px;
background: url(../images/module_concave_tr.png) 100% 0 no-repeat;
}
div.mod-concave div.box-t3 {
height: 10px;
background: url(../images/module_concave_t.png) 0 0 repeat-x;
}
div.mod-concave div.box-1 {
background: #f0f1f2 url(../images/module_concave_l.png) 0 0 repeat-y;
}
div.mod-concave div.box-2 {
padding: 0px 10px 0px 10px;
background: url(../images/module_concave_r.png) 100% 0 repeat-y;
overflow: hidden;
}
div.mod-concave div.box-b1 {
background: url(../images/module_concave_bl.png) 0 0 no-repeat;
}
div.mod-concave div.box-b2 {
padding: 0px 10px 0px 10px;
background: url(../images/module_concave_br.png) 100% 0 no-repeat;
}
div.mod-concave div.box-b3 {
height: 10px;
background: url(../images/module_concave_b.png) 0 0 repeat-x;
}
/*
* module: angled
*/
div.mod-angled div.box-1 {
padding: 10px 15px 10px 15px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #A8AAAA;
background: #EEF0F0 url(../images/module_angled_bg.png) 0 100% repeat-x;
overflow: hidden;
}
/*
* module: grey
*/
div.mod-grey div.box-t1 {
background: url(../images/module_grey_tl.png) 0 0 no-repeat;
}
div.mod-grey div.box-t2 {
padding: 0px 20px 0px 20px;
background: url(../images/module_grey_tr.png) 100% 0 no-repeat;
}
div.mod-grey div.box-t3 {
height: 20px;
background: url(../images/module_grey_t.png) 0 0 repeat-x;
}
div.mod-grey div.box-1 {
background: url(../images/module_grey_l.png) 0 0 repeat-y;
}
div.mod-grey div.box-2 {
padding: 0px 5px 0px 5px;
background: url(../images/module_grey_r.png) 100% 0 repeat-y;
}
div.mod-grey div.box-3 {
padding: 0px 9px 0px 9px;
background: #fcfdfe url(../images/module_grey_inner.png) 0 100% repeat-x;
}
div.mod-grey div.box-4 {
padding: 0px 1px 0px 1px;
background: #828282 url(../images/module_grey_border.png) 0 100% repeat-x;
}
div.mod-grey div.box-5 {
padding: 4px 10px 5px 10px;
min-height: 41px;
background: #828282 url(../images/module_grey_bg.png) 0 100% repeat-x;
overflow: hidden;
color: #ffffff;
}
div.mod-grey div.box-b1 {
background: url(../images/module_grey_bl.png) 0 0 no-repeat;
}
div.mod-grey div.box-b2 {
padding: 0px 20px 0px 20px;
background: url(../images/module_grey_br.png) 100% 0 no-repeat;
}
div.mod-grey div.box-b3 {
height: 20px;
background: url(../images/module_grey_b.png) 0 0 repeat-x;
}
div.mod-grey h3.header {
color: #ffffff;
}
div.mod-grey h3.header span.color {
color: #ffffff;
}
div.mod-grey div.box-5 a:link,
div.mod-grey div.box-5 a:visited,
div.mod-grey div.box-5 a:hover {
color: #ffffff;
text-decoration: underline;
}
div.mod-grey div.badge-new, div.mod-grey div.badge-top, div.mod-grey div.badge-pick {
top: 5px;
right: 5px;
}
/*
* module: separator
*/
div#bottom .bottombox div.mod-separator div.module {
padding: 0px 0px 0px 0px;
}
.separator div.mod-separator div.module {
margin: 0px 0px 0px 0px;
}
.separator div.mod-separator div.box-1 {
background: url(../images/module_separator_t.png) 100% 0 no-repeat;
}
div.mod-separator div.box-2 {
padding: 20px 0px 20px 0px;
}
.separator div.mod-separator div.box-2 {
background: url(../images/module_separator_b.png) 100% 100% no-repeat;
}
div.mod-separator div.box-3 {
padding: 0px 10px 0px 10px;
}
.separator div.mod-separator div.box-3 {
padding-right: 25px;
background: url(../images/module_separator_m.png) 100% 0 repeat-y;
}
#top div.mod-separator div.box-3,
#bottom div.mod-separator div.box-3,
#top div.mod-separator h3.header,
#bottom div.mod-separator h3.header {
color: #323232;
}
/*
* module: line
*/
div.mod-line div.module {
padding: 0px 0px 15px 0px;
}
div.mod-line div.box-1 {
overflow: hidden;
}
div.mod-line h3.header {
margin: 0px 0px 3px 0px;
padding:0px 0px 6px 0px;
background: url(../images/module_line_header.png) 0 100% repeat-x;
}
/*
* module: polaroid
*/
div.mod-polaroid div.badge-tape {
position: absolute;
top: -13px;
left: 50%;
width: 114px;
height: 38px;
margin-left: -57px;
background: url(../images/module_polaroid_tape.png) 0 0 no-repeat;
z-index: 1;
}
div.mod-polaroid div.box-1 {
margin-top: 13px;
padding: 10px 10px 5px 10px;
border-top: 1px solid #C8C8C8;
border-left: 1px solid #C8C8C8;
border-right: 1px solid #C8C8C8;
background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;
overflow: hidden;
}
div.mod-polaroid div.box-2 {
margin-bottom: 5px;
background: #000000;
}
div.mod-polaroid div.box-3 {
padding: 10px 15px 10px 15px;
overflow: hidden;
font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
color: #C8C8C8;
}
div.mod-polaroid div.box-b1 {
background: url(../images/module_polaroid_bl.png) 0 0 no-repeat;
}
div.mod-polaroid div.box-b2 {
padding: 0px 70px 0px 70px;
background: url(../images/module_polaroid_br.png) 100% 0 no-repeat;
}
div.mod-polaroid div.box-b3 {
height: 5px;
background: url(../images/module_polaroid_b.png) 0 0 repeat-x;
}
div.mod-polaroid h3.header {
height: 25px;
margin: 0px 0px 0px 0px;
font-size: 140%;
line-height: 25px;
text-align: center;
letter-spacing: -1px;
font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
color: #323232;
}
/*
* module: postit
*/
div.mod-postit div.box-1 {
background: #FFFFAA;
color: #323232;
}
div.mod-postit div.box-2 {
padding: 15px 15px 0px 15px;
overflow: hidden;
font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
}
div.mod-postit div.box-b1 {
background: url(../images/module_postit_bl.png) 0 0 no-repeat;
}
div.mod-postit div.box-b2 {
padding: 0px 90px 0px 60px;
background: url(../images/module_postit_br.png) 100% 0 no-repeat;
}
div.mod-postit div.box-b3 {
height: 40px;
background: url(../images/module_postit_b.png) 0 0 repeat-x;
}
div.mod-postit h3.header {
height: 30px;
margin: -15px -15px 5px -15px;
background: #FFFFDA;
font-size: 140%;
line-height: 30px;
text-indent: 15px;
letter-spacing: -1px;
font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
color: #323232;
}
/*
**
** modulos particulares
** clasificados -> ampliar
**
**/
.mini-gallery ul.enlaces {
margin: 0 4px;
padding: 0;
list-style: none;
}
.mini-gallery ul.enlaces li{
margin: 5px 7px 15px 7px;
padding: 0px;
text-align: left;
line-height:14px;
float: right;
}
.mini-gallery ul.enlaces li a{
padding: 0 0 0 20px;
}
.mini-gallery img {
float: left;
padding: 5px 8px;
}
.bloque_full a.flecha.negro {
margin: 6px 0;
}
.bloque_full .border_left {
border-left: 1px dotted #333333;
margin-left: 10px;
padding-left: 10px;
padding-top: 5px;
}
.bloque_full .no_margin {
padding-left: 5px;
padding-top: 0px;
}
.bloque_full ul.bullet {
margin-top: 5px !important;
margin-left: 0 !important;
margin-bottom: 0 !important;
padding-left: 0 !important;
text-transform:uppercase;
}
.bloque_full ul.bullet .normal {
text-transform: none;
}
.bloque_full ul.bullet li{
margin-bottom: 0 !important;
padding-left: 15px !important;
}
.no_margin strong {
font-size: 13px;
}
.no_margin ul.bullet li{
margin-bottom: 0!important;
padding-left: 0!important;
list-style-type: none;
list-style-image: none;
background: none!important;
}
.no_margin ul.bullet li a{
color: #009DDF;
}
.informacion_relacionada .no_margin ul.bullet li {
background: url(img/flecha_negra.png) 0 5px no-repeat !important;
padding-left: 15px !important;
}
#right .titulo_bloc_anillas{
left: 17%;
}
.pedidos,
.informacion_relacionada,
.noticias_relacionadas,
.social_networks,
.detalles_vendedor {
padding: 0;
border: 0;
}
.noticias_relacionadas ul.relacionadas{
margin: 0;
padding: 5px 10px;
}
.noticias_relacionadas ul.relacionadas li{
padding: 0 0 5px 0;
}
.contacto strong {
text-transform:uppercase;
padding: 0 0 0 55px;
background: url(img/email_send.png) 5px center no-repeat;
line-height: 30px;
height: 30px;
display: block;
overflow: hidden;
}
.detalles_vendedor .contacto img{
padding-top: 5px;
}
.detalles_vendedor .contacto .no-bullet {
margin-top: 5px !important;
padding: 0 0 0 15px;
list-style-type: none;
}
.detalles_vendedor .contacto .no-bullet li a{
margin-top: 10px;
margin-right: 30px;
float: left;
}
.detalles_vendedor .contacto li.full_name{
font-weight: bold;
}
.detalles_vendedor .contacto li.poblacion{
padding: 0 5px 0 0;
}
.social_networks .detalles {
padding: 5px 10px;
}
span.publicado {
padding: 0 130px 0 5px;
color: #999999;
}
span.iconos {
float: right;
}
span.iconos img {
padding: 0 10px 0 8px;
border-right:1px dotted #999999;
}
span.iconos a.imprimir img{
}
span.iconos a.fradulento img{
border: 0;
padding-right: 5px
}
.titulo_ficha_tecnica p {
margin: 5px 0;
}
.titulo_ficha_tecnica span.iconos img {
padding: 2px 5px;
border-right:1px dotted #000;
}
.titulo_ficha_tecnica span.iconos a.last img{
border: 0;
padding-right: 10px;
padding-left: 5px;
}
form#ClasificadoAddForm {
color: #666;
}
.contacto textarea.seleccionado,
.contacto input.seleccionado,
.contacto textarea.long,
.contacto input.long {
width:236px;
margin-left: 6px;
}
input[type="submit"].seleccionado {
width: auto;
}
input#ClasificadoEmail,
input#ClasificadoMotivo,
textarea#ClasificadoConsulta{
width:250px;
}
input#ClasificadoTelefono,
input#ClasificadoNombre {
width: 109px;
}
.form_clasificados_name {
float: left;
width: 48%;
padding:0 0 0 5px;
}
.contacto input.short {
width:124px;
}
.contacto label {
margin: 3px 0px 3px 6px;
width: 100px;
float:left;
margin-right:2px;
padding-right:2px;
text-align:left;
}
.contacto div span {
display: block;
margin: 3px 0 0 8px;
}
.contacto div.form_clasificados_name label {
margin: 3px 0px 3px 0px;
}
.contacto div.form_clasificados_name span {
margin: 3px 0 0 3px;
}
.contacto label em, .contacto span.label em {
position: relative;
padding: 0 0 0 3px;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
.noticia{
display: block;
overflow: hidden;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #CCC;
}
.noticia_50{
width: 332px;
}
.noticia p{
font-size: 13px;
}
.noticia h2{
font-family: Georgia;
font-size: 23px;
}
.noticia h2 a:hover{
background-color: #21415F;
color: #FFF;
text-decoration: none;
}
.noticia h3{
text-transform: uppercase;
color: #666;
font-size: 12px;
font-weight: normal;
margin: 5px 0;
}
div.relaciones ul.bullet-1{
}
div.comentario {
background:transparent url(img/noticias/comentarios.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:11px;
height:24px;
line-height:24px;
margin:10px 0;
padding:0 0 0 33px;
text-align:left;
}
.comentario a {
color:#FFFFFF;
font-weight:bold;
}
.box_relacionados {
margin: 5px 5px 0px 5px;
padding: 5px 10px;
background: #efefef;
}
ul.relacionadas {
padding: 0;
margin: 5px 0 0px 0;
}
ul.relacionadas li{
background: transparent url(img/bullet-1.png) no-repeat scroll 0 7px;
list-style: none;
font-size: 12px;
padding: 0;
line-height: 18px;
}
ul.relacionadas li a{
padding: 0 0 0 10px;
}
.titulo_seccion{
border-bottom:2px solid #FFCC00;
display:block;
margin:0 0 10px;
overflow:hidden;
}
.titulo_seccion h2{
text-transform: uppercase;
background:transparent url(img/noticias/titulo_seccion.gif) no-repeat scroll 100% 50%;
color:#999999;
float:left;
font-family:"arial black";
font-size:24px;
margin:0 0 3px;
padding-right:130px;
}
.titulo_seccion p{
margin: 0;
}
.mas_noticias{
display: block;
overflow: hidden;
margin: 10px 0;
}
.mas_noticias div.noticia_mas_noticias {
padding:10px 0;
width:330px;
}
.mas_noticias div.foto_noticia {
float:left;
margin:0 10px 10px 0;
}
.mas_noticias div h3{
font-size: 14px;
}
.mas_noticias div h3 a{
color: #333;
}
.noticias_top{
display: block;
overflow: hidden;
clear: both;
}
.noticias_top div.noticia_seccion_top{
width: 165px;
float: left;
margin-right: 4px;
}
.noticias_top div.noticia_seccion_top h3{
font-size: 14px;
font-family: "Microsoft Sans Serif"
}
.noticias_top div.noticia_seccion_top .date{
margin: 3px 0;
font-size: 11px;
color: #666;
}
.noticias_top div.last{
margin: 0;
float: right;
}
.noticias_listado{
display: block;
overflow: hidden;
clear: both;
}
.noticias_listado div.noticia_seccion_list{
display: block;
overflow: hidden;
font-size: 13px;
padding: 10px 0;
}
.noticias_listado div.noticia_seccion_list h3{
font-size: 14px;
font-family: "Microsoft Sans Serif"
}
.noticias_listado div.noticia_seccion_list .date{
margin: 3px 0;
font-size: 11px;
color: #666;
}
.noticias_listado div.noticia_seccion_list .foto_noticia{
float: left;
margin: 0 10px 0 0;
}
#noticia_ampliada{
display: block;
overflow: hidden;
padding: 5px;
zoom:1;
font-size: 13px;
border: 1px solid #CCC;
}
#noticia_ampliada .resumen{
display:block;
font-weight:bold;
margin:10px 0;
overflow:hidden;
}
#noticia_ampliada h2{
font-size: 11px;
color: #666;
text-transform: uppercase;
font-weight: normal;
}
#noticia_ampliada h1{
color: #1F3F5F;
font-size: 26px;
font-family: Georgia, Arial;
font-weight: bold;
}
#noticia_ampliada p{
margin: 15px 0;
}
#noticia_ampliada .foto_noticia_ampliada{
float: left;
display: inline;
width: 275px;
margin: 0 20px 20px 0;
background: #666666;
color: #FFF;
}
.foto_noticia_ampliada .titulo_foto{
padding: 5px 0 0 10px;
clear: both;
float: left;
display: block;
font-weight: bold;
}
.foto_noticia_ampliada .subtitulo_foto{
padding: 3px 0 5px 10px;
float: left;
clear: both;
display: block;
}
.social_networks p {
color: #000;
margin: 0;
padding: 5px 10px;
}
.social_networks ul {
display: block;
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 5px 10px;
}
.social_networks ul li{
float: left;
padding: 10px 15px;
}
.social_networks ul li a{
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}
.social_networks ul li a:hover{
-moz-opacity:1.0;
filter:alpha(opacity=100);
opacity: 1.0;
}
.foto_noticia{
position: relative;
text-decoration: none;
}
.foto_noticia a{
text-decoration: none;
}
.foto_noticia a:hover{
text-decoration: none;
}
.foto_noticia a:hover .texto_foto{
display: inline;
text-decoration: none;
}
.foto_noticia .texto_foto{
position: absolute;
bottom:0px;
left: 0px;
background: url(img/opacity_50.png);
color: #000;
padding: 5px 0px;
text-decoration: none;
width: 100%;
display: none;
}
.foto_noticia .texto_foto b{
display: block;
overflow: hidden;
clear: both;
}
#seccion_menu{
display: block;
overflow: hidden;
margin: -10px -3px 20px -3px;
}
#seccion_menu #titulo_seccion{
background: #FFCC00 url(img/noticias/seccion-titulo.gif) no-repeat 3px 9px;
height: 30px;
margin: 0;
padding: 0;
}
#seccion_menu #titulo_seccion b{
display: none;
}
#seccion_menu ul.menu_seccion{
padding: 0;
margin: 0;
display: block;
overflow: hidden;
list-style: none;
background: #000000 url(img/noticias/seccion_menu_bg.jpg) repeat-x -1px 100%;
height: 80px;
}
#seccion_menu ul.menu_seccion li{
list-style: none;
float: left;
display: inline;
height: 56px;
line-height: 56px;
font-family: Arial, Helvetica, sans-serif;
background: url(img/noticias/menu_seccion_li.jpg) no-repeat 100% 100%;
font-size: 13px;
font-weight: bold;
text-align: center;
}
#seccion_menu ul.menu_seccion li.last{
background: none;
}
#seccion_menu ul.menu_seccion li a{
color: #FFF;
}
#seccion_menu ul.menu_seccion li.on{
background: url(img/noticias/menu_seccion_li_on.jpg) repeat-x bottom;
}
#seccion_menu ul.menu_seccion li.on a{
color: #FFCC00;
}
a.menu_marcas_link {
color: green;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es */
/*estilos para la Red Social */
#logo_red_social{
background:transparent url(img/logo_red.png) no-repeat scroll 0 0;
/*border-right:1px solid #152739;
float:left;*/
height: 45px;
left: 5px;
padding-right:20px;
position:absolute;
top: 105px;
width: 138px;
z-index:1;
}
body.red_social {
background:#FFF;
}
#web_community {
background: #fff;
display:block;
margin:0 auto;
padding: 5px 7px 0;
width:985px;
}
#web_community textarea,
#web_community input[type='text'],
#web_community input[type='password'],
#web_community select {
border:1px solid #DCDCDC;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
#web_community textarea:focus,
#web_community input[type='text']:focus,
#web_community input[type='password']:focus,
#web_community select:focus,
#web_community textarea.seleccionado,
#web_community input[type='text'].seleccionado,
#web_community input[type='password'].seleccionado,
#web_community select.seleccionado{
border-color: #eeeeee;
outline: 2px solid #4887BF;
*border: 2px solid #4887BF;
-moz-outline-radius: 0.4em;
-webkit-outine-radius: 0.4em;
}
#web_community .right_little textarea,
#web_community .right_little input[type='text'],
#web_community .right_little input[type='password'],
#web_community .right_little select {
border:1px solid #DCDCDC;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
margin: 2px;
width:235px;
font-size: 15px;
height: 18px;
line-height: 18px;
font-weight: bold;
color: #333;
}
#web_community #google_ads_div_Roba_Rotacion_General {
margin: 10px 0;
}
/* cabecera red social */
#header_community {
height: 185px;
background: url(img/red_social/bg_header.png) repeat-x 0 6px;
}
.header_community_inner {
width: 996px;
margin: 0 auto;
position: relative;
}
.publi {
padding: 3px 0;
}
.header_community_inner .menu_personal {
display: block;
overflow: hidden;
}
.menu_personal .fecha{
line-height: 28px;
font-size: 10px;
color: #fff;
padding: 0 0 0 170px;
float: left;
}
.menu_personal .fecha a{
color: #F6D326;
text-decoration: none;
font-weight: bold;
padding: 0 5px 0 0;
}
.menu_personal .left a:hover{
text-decoration: underline;
}
.menu_personal ul {
list-style-type: none;
margin: 0;
padding: 0px;
}
.menu_personal ul li{
float: left;
padding: 0 10px;
line-height: 28px;
font-size: 12px;
color: #CCC;
}
.menu_personal ul li a{
color: #FFF;
text-decoration: none;
}
.menu_personal ul li a.highight {
color: #F6D326;
}
.menu_personal ul li a:hover{
color: #F6D326;
text-decoration: underline;
}
.header_community_inner #menu_principal {
margin-top: 47px;
}
.header_community_inner #menu_principal #nivel_1 {
background: url(img/red_social/bg_menu.png);
}
.header_community_inner #menu_principal #nivel_1 li {
border-left:1px solid #333333;
border-right:1px solid #000000;
width: 103px;
}
.header_community_inner #menu_principal #nivel_1 li.first {
border-left: 1px solid #333333;
}
.header_community_inner #menu_principal #nivel_1 li.last a{
border-right: 0;
background: url("img/logo_web_volver.png") no-repeat 2px 1px;
text-indent: -9000px;
width: 155px;
z-index: 999;
}
.header_community_inner #menu_principal #nivel_1 li a{
color: #FFF;
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}
.header_community_inner #menu_principal #nivel_1 li a:hover{
color: #FFF;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.header_community_inner #menu_principal #nivel_1 li.on {
background: #BDBDB3;
width: 103px;
border: 1px solid #000000;
height:34px;
}
.header_community_inner #menu_principal #nivel_1 li.on span{
background-image: none;
height: 36px;
line-height: 36px;
position: relative;
left: 0;
top: 0;
width: 103px;
}
.header_community_inner #menu_principal #nivel_1 li.on span a{
color: #000;
height: 36px;
line-height: 36px;
padding: 0;
text-shadow:1px 1px 3px #FFFFFF;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
/* menu pagina usuario */
#web_community .top.width100.no_m_bottom,
#web_community .top.width99.no_m_bottom
{
margin-bottom: 0;
border:1px solid #FEBC22;
}
#menu_red_social.menu_perfil ul {
border : 0;
}
#menu_red_social.menu_perfil li a {
background:#EEEEEE none repeat scroll 0 0;
border-color:-moz-use-text-color #CCCCCC #CCCCCC;
border-style:none solid solid;
border-width:0 1px 1px;
color:#000000;
display:block;
font-size:12px;
line-height:22px;
margin: 0 4px 0 5px;
overflow:hidden;
padding:0 15px;
text-decoration:none;
}
#menu_red_social.menu_perfil li.last a {
margin:0 0 0 5px;
}
/* datos usuario */
#usuario_red_social {
display: block;
overflow: hidden;
padding: 10px;
float: left;
width: 49%;
}
a.editar_mis {
background: url(img/botones/edit_little.png) no-repeat right;
display: block;
overflow: hidden;
height: 18px;
line-height: 18px;
padding-right: 20px;
float: right;
margin-top: 15px;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
#usuario_red_social:hover a.editar_mis {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.bienvenida {
padding: 0 10px 0px 0;
display: block;
overflow: hidden;
color: #666;
}
.index .bienvenida {
padding: 10px 10px 0;
}
.bienvenida img.avatar50 {
margin: 0px 10px 0px 0px;
padding-bottom: 20px;
}
.bienvenida a.usuario:hover img.avatar50 {
background: url("img/red_social/marco50_edit.png") no-repeat;
}
.bienvenida .saludo {
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #000;
}
.bienvenida .fecha {
font-size: 12px;
font-weight: bold;
color: #333;
background: url("img/botones/calendar.png") no-repeat left 4px;
display: block;
overflow: hidden;
width: 80%;
line-height: 24px;
padding: 0px 0 8px 24px;
}
.status {
line-height: 18px;
color: #666;
}
#user_headline {
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #000;
padding: 2px 4px;
margin: 3px 0 0 0;
border: 1px solid #DCDCDC;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
#user_headline a.texto{
display:block;
float:left;
overflow:hidden;
width:450px;
color: #000;
}
.home_red_social #user_headline a.texto{
width:435px;
}
#user_headline a.texto:hover{
color: #000;
text-decoration: none;
}
#user_headline a img{
float: right;
margin-top: 1px;
}
.public_perfil {
margin-top: 10px;
color: #666;
}
.public_perfil a.external{
font-size: 14px;
line-height: 22px;
font-weight: bold;
padding: 0 18px 0 0;
background: url(img/icon_external.png) no-repeat right;
}
.index .bienvenida .description {
background: url(img/red_social/quote-start.png) no-repeat left top;
padding-left: 29px;
width: 95%;
margin: 15px 0 10px;
font-size: 14px;
}
.index .bienvenida .description div {
background: url(img/red_social/quote-end.png) no-repeat right bottom;
padding: 0 29px 0 0;
text-align: justify;
}
.index .bienvenida .description div p{
padding: 5px 0;
}
/* menu red social */
#menu_red_social {
clear: left;
display:block;
overflow:hidden;
margin-bottom: 20px;
}
#menu_red_social ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
/* border-top: 1px solid #FEBC22;*/
}
#menu_red_social li {
float: left;
margin: 0;
padding: 0;
}
#menu_red_social li.right {
float: right;
}
#menu_red_social li a{
display: block;
overflow: hidden;
margin: 0 11px 0 5px;
font-size: 13px;
line-height: 24px;
color: #000;
text-decoration: none;
padding: 0 20px;
background: #eee;
border: 1px solid #ccc;
border-top: 0px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomright: 5px;
}
#menu_red_social li a:hover{
color: #000;
text-decoration: none;
}
#menu_red_social li a:hover,
#menu_red_social li.on a{
background: #FEBC22;
border-color: #FEDA2A;
}
#menu_red_social li.last a{
margin-right: 0;
}
#menu_red_social li.off a:hover,
#menu_red_social li.off {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
background: #eee;
}
/* box de contenidos */
#content_community {
background:white none repeat scroll 0 0;
border: 0;
clear:both;
display:block;
margin-top:10px;
overflow:hidden;
padding:2px;
margin-bottom: 20px;
}
.red_social.home_comunidad #content_community {
margin-top: 0;
}
#web_community .top {
display: block;
overflow: hidden;
padding: 0px;
border: 1px solid #E1E1E1;
margin-bottom: 20px;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
#web_community .top_splash {
display: block;
overflow: hidden;
padding: 0px;
border: 0px;
margin-bottom: 20px;
}
#web_community .left_big {
display: block;
overflow: hidden;
}
#web_community .right_little {
display: block;
overflow: hidden;
}
#web_community .right_little form{
display: block;
overflow: hidden;
}
/* blocco top home perfil */
#web_community .top .actividad_perfil,
#web_community .top .acciones_perfil {
padding: 10px 5px 10px 32px;
display: block;
overflow: hidden;
font-size: 12px;
color: #000;
line-height: 18px;
}
#web_community .top .actividad,
#web_community .top .acciones {
padding: 10px 9px 10px 9px;
display: block;
overflow: hidden;
font-size: 12px;
color: #000;
line-height: 18px;
font-weight: normal;
}
#web_community ul.accion {
margin: 0;
padding: 0 0 0 60px;
line-height: 18px;
list-style-type: none;
font-size: 12px;
}
#web_community .home_red_social ul.accion {
padding: 5px 0 0 45px;
}
#web_community .index ul.accion {
margin-top: 10px;
padding: 0 0 0 10px;
}
#web_community ul.accion.large li {
width: 320px;
margin-bottom: 5px;
}
#web_community .recientes ul.accion {
padding: 0 0 0 40px;
}
#web_community .recientes ul.accion li {
margin: 0;
line-height: 30px;
float: left;
width: 510px;
border-bottom: 1px dashed #DCDCDC;
padding: 3px 0;
}
#web_community .recientes_pequeno {
display: block;
overflow: hidden;
}
#web_community .recientes_pequeno ul.accion {
padding: 5px 0 0 10px;
}
#web_community .recientes_pequeno ul.accion li {
margin: 0;
line-height: 30px;
float: left;
width: 250px;
border-bottom: 1px dashed #DCDCDC;
}
#web_community ul.accion li {
margin: 0;
line-height: 30px;
float: left;
width: 160px;
}
#web_community .index ul.accion li {
width: 120px;
}
#web_community ul.accion li.add{
line-height: 25px;
padding: 0 0 0 20px;
background: url("img/botones/add_16.png") no-repeat left 7px;
}
#web_community ul.accion li.online{
padding: 0 0 0 30px;
background: url("img/botones/online.png") no-repeat left 3px;
color: #009900;
}
#web_community ul.accion li.offline{
padding: 0 0 0 30px;
background: url("img/botones/offline.png") no-repeat left 3px;
color: #CC0000;
}
#web_community ul.accion li.mails{
padding: 0 0 0 30px;
background: url("img/botones/email_new.png") no-repeat left 3px;
}
#web_community ul.accion li.mail{
padding: 0 0 0 30px;
background: url("img/botones/email.png") no-repeat left 3px;
}
#web_community ul.accion li.friends{
padding: 0 0 0 30px;
background: url("img/botones/friend_new.png") no-repeat left 3px;
}
#web_community ul.accion li.friend{
padding: 0 0 0 30px;
background: url("img/botones/friend.png") no-repeat left 3px;
}
#web_community ul.accion li.friend_add{
padding: 0 0 0 30px;
background: url("img/botones/friend_add.png") no-repeat left 3px;
}
#web_community ul.accion li.friend_del{
padding: 0 0 0 30px;
background: url("img/botones/friend_delete.png") no-repeat left 3px;
}
#web_community ul.accion li.friend_espera{
padding: 0 0 0 30px;
background: url("img/botones/friend_espera.png") no-repeat left 3px;
}
#web_community ul.accion li.friend_block{
padding: 0 0 0 30px;
background: url("img/botones/friend_block.png") no-repeat left 3px;
}
#web_community ul.accion li.groups{
padding: 0 0 0 30px;
background: url("img/botones/groups_new.png") no-repeat left 3px;
}
#web_community ul.accion li.groups_num{
padding: 0 0 0 30px;
background: url("img/botones/groups.png") no-repeat left 3px;
}
#web_community ul.accion li.groups_espera{
padding: 0 0 0 30px;
background: url("img/botones/groups_espera.png") no-repeat left 3px;
}
#web_community ul.accion li.groups_num.red{
font-weight: bold;
color: #009900;
}
#web_community ul.accion li.groups_add{
padding: 0 0 0 30px;
background: url("img/botones/groups_add.png") no-repeat left 3px;
}
#web_community ul.accion li.groups_del{
padding: 0 0 0 30px;
background: url("img/botones/groups_delete.png") no-repeat left 3px;
}
#web_community ul.accion li.events{
padding: 0 0 0 30px;
background: url("img/botones/evento_new.png") no-repeat left 3px;
}
#web_community ul.accion li.events_num{
padding: 0 0 0 30px;
background: url("img/botones/evento.png") no-repeat left 3px;
}
#web_community ul.accion li.events_num.red{
font-weight: bold;
color: #009900;
}
#web_community ul.accion li.events_add{
padding: 0 0 0 30px;
background: url("img/botones/evento_add.png") no-repeat left 3px;
}
#web_community ul.accion li.events_del{
padding: 0 0 0 30px;
background: url("img/botones/evento_delete.png") no-repeat left 3px;
}
#web_community ul.accion li.noticias_num{
padding: 0 0 0 30px;
background: url("img/botones/noticias.png") no-repeat left 3px;
}
#web_community ul.accion li.mapa{
padding: 0 0 0 30px;
background: url("img/botones/ruta.png") no-repeat left 3px;
}
#web_community ul.accion li.fav_add{
padding: 0 0 0 30px;
background: url("img/botones/star.png") no-repeat left 3px;
}
#web_community ul.accion li.unido{
padding: 0 0 0 30px;
background: url("img/botones/friend_new.png") no-repeat left 3px;
}
#web_community ul.accion li.posted{
padding: 0 0 0 30px;
background: url("img/botones/post_edit.png") no-repeat left 3px;
}
#web_community ul.accion li.new_blog{
padding: 0 0 0 30px;
background: url("img/botones/post_new.png") no-repeat left 3px;
}
#web_community a.admin_group {
padding: 0px;
background: url("img/botones/groups_edit.png") no-repeat left 3px;
margin: 0;
height: 30px;
float: right;
clear: right;
width: 30px;
}
#web_community a.admin_event {
padding: 0;
background: url("img/botones/evento_edit.png") no-repeat center 3px;
margin: 0;
height: 30px;
float: right;
/*clear: right;*/
width: 30px;
}
#web_community a.peticion_event {
padding: 0;
background: url("img/botones/evento_invite.png") no-repeat center 2px;
margin: 0;
height: 30px;
float: right;
/*clear: right;*/
width: 30px;
}
#web_community ul.accion li.separator{
width: 100%;
border-bottom: 1px solid #DCDCDC;
line-height: 5px;
margin: 0 0 5px 0;
}
.ultimas_actividad {
padding: 0 10px 10px;
}
.administrador {
position: absolute;
width: 190px;
bottom: 0;
right: 0;
}
.administrador .header h3{
-moz-border-radius-topleft: 0.4em;
-webkit-border-radius-topleft: 0.4em;
}
#web_community .home_red_social {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
}
#web_community .home_red_social .content{
padding: 10px 5px;
border:1px solid #e1e1e1;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
display: block;
overflow: hidden;
margin-bottom: 50px;
}
#web_community .home_red_social .content.yellow{
border:1px solid #FEBC22;
}
#web_community .home_red_social .header {
color:#000000;
margin-bottom:-10px;
padding:0;
position:relative;
z-index:9;
}
.home_red_social .scream {
margin: 0px 0 10px 0;
}
#web_community a.boton_registrate {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
background: transparent url(img/red_social/bg_menu.png) repeat-x scroll 0 0;
border: 5px solid #FFF;
color: #DCB500;
text-shadow: none;
vertical-align: middle;
display: block;
overflow:hidden;
font-size:22px;
font-weight:bold;
line-height:36px;
padding:0 38px;
}
#web_community a.boton_registrate:hover {
background: #000;
text-decoration: none;
border: 5px solid #DCB500;
}
#web_community .unete {
margin-bottom: 15px;
display: block;
overflow: hidden;
}
#content_community h2.ok{
background: url(img/iconos/ok.png) no-repeat 222px top;
line-height:42px;
padding: 0 0 0 126px;
color: #000;
}
.home_red_social .contador {
color: #333;
font-size: 22px;
padding: 10px 0;
font-size:15px;
line-height:20px;
width:780px;
font-weight: bold;
}
.home_red_social .contador .blue{
color: #305F8C;
font-size: 20px;
}
.home_red_social .contador small{
font-weight: normal;
}
.home_red_social .box_groups img,
.home_red_social .box_users img{
margin: 5px 3px 0 3px;
}
#web_community .home_red_social .content.box_eventos,
#web_community .home_red_social .content.box_blogs {
padding-bottom: 0;
}
.home_red_social ul#muro_home {
list-style-type: none;
margin: 0;
padding: 0;
}
.home_red_social ul#muro_home li {
margin: 5px;
display: block;
overflow: hidden;
}
.home_red_social ul#muro_home .comment {
margin-bottom: 15px;
}
.home_red_social ul#muro_home .comment .col-left .inside {
background: transparent url(img/red_social/bg_comment_left.png) no-repeat scroll right 10px;
float: right;
overflow: hidden;
position: relative;
width: 75px;
}
.home_red_social ul#muro_home .comment .col-left {
width: 75px;
float: left;
}
.home_red_social ul#muro_home .comment .col-left .inside{
font-weight: bold;
text-align: center;
}
.home_red_social ul#muro_home .comment .col-left p{
margin: 0 5px 0 0;
}
.home_red_social ul#muro_home .comment .col-right {
-moz-border-radius :0.4em;
-webkit-border-radius :0.4em;
background:#E5E5E5 url(img/red_social/blockquote_end.png) no-repeat 98% 90%;
border:1px solid #C6C6C6;
float:none;
margin-left: 74px;
margin-right:5px;
padding: 2px 35px 2px 10px;
*margin-top: -15px;
}
.home_red_social ul#muro_home .comment blockquote.quotation {
background:transparent url(img/red_social/blockquote_start.png) no-repeat scroll 0 0;
border:medium none;
font-size:100%;
font-style:normal;
margin: 4px 0 8px;
padding: 0 0 0 30px;
text-align:justify;
}
.home_red_social ul#muro_home .comment blockquote.quotation p {
background: none;
margin:0 0 -10px 0;
padding:0 5px 10px 0;
font-size:100%;
font-style:normal;
text-align:justify;
}
.home_red_social .eventos_home {
margin: 0;
padding: 0 5px;
list-style-type: none;
}
.home_red_social .eventos_home li{
margin: 5px 5px 8px 5px;
line-height: 18px;
padding: 0 0 5px 0;
border-bottom: 1px dashed #E1E1E1;
}
.home_red_social .eventos_home li.last{
border-bottom: 0;
}
.home_red_social .eventos_home li a{
font-weight: bold;
}
.home_red_social .eventos_home li img{
margin: 0px 10px 0px 0px;
}
.home_red_social .eventos_home li span{
display: block;
}
.home_red_social .box_top {
margin: 0;
padding: 0 5px;
list-style-type: none;
}
.home_red_social #rutas_home .ruta_single {
margin: 0 0 6px 0;
}
.home_red_social form#rutas_home div { margin: 0;}
.home_red_social #rutas_home .ruta_single .mapa{
width: 230px;
height: 155px;
margin: 5px;
border: 1px solid #000;
}
.home_red_social #rutas_home .ruta_single .mapa a,
.home_red_social #rutas_home .ruta_single .mapa span{
font-size: 9px;
}
.home_red_social #rutas_home .ruta_single .texto{
margin: 5px;
}
.home_red_social #rutas_home .ruta_single .texto .km{
color: #666666;
font-size:11px;
}
.home_red_social a.boton {
float: right;
margin-bottom: 3px;
height:16px!important;
}
.content a.boton.right {
height:16px!important;
}
/* blocco left big */
#web_community .left_big .box {
margin-bottom: 15px;
}
#web_community .left_big .box .header{
/* background: #000000; color: #fff;*/
padding: 0px;
color: #000;
margin-bottom: -5px;
}
#web_community .left_big .box .content{
padding: 10px 5px;
border: 0;
border:1px solid #e1e1e1;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
display: block;
overflow: hidden;
}
#web_community .left_big.box {
margin-bottom: 15px;
}
#web_community .left_big.box .header{
/* background: #000000; color: #fff;*/
padding: 0px;
color: #000;
margin-bottom: -10px;
position:relative;
z-index:9;
}
#web_community .left_big.box .content{
padding: 10px 5px 35px 5px;
border: 0;
border:1px solid #e1e1e1;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
display: block;
overflow: hidden;
margin-bottom: 20px;
}
/* blocco right */
#web_community .right_little .box {
margin-bottom: 15px;
}
#web_community .right_little .box .header{
/* background: url(img/red_social/bg_header_y.png) repeat-x bottom;
padding: 0px;*/
margin-bottom: -10px;
padding:0;
position:relative;
z-index:9;
}
#web_community .right_little .box .content{
padding: 15px 5px 10px 5px;
border-style: solid;
border-width: 1px;
border-color: #FEBC22;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
display: block;
/* overflow: hidden;*/
}
#web_community .right_little .box .content.create{
padding: 10px 5px 5px;
}
#web_community .right_little .box .content.nop_top {
padding: 5px 5px 10px 5px;
}
#web_community .right_little .box .content .right {
clear: both;
}
#content_community h2{
font-size: 18px;
line-height: 26px;
padding: 0 0 0px 50px;
line-height: 26px;
min-height: 50px;
color: #000;
margin: 0 0 0 5px;
}
#content_community h2 small{
font-size: 14px;
}
#content_community h2.muro{
background: url(img/iconos/muro.png) no-repeat left top;
}
#content_community h2.noticias{
background: url(img/iconos/noticias.png) no-repeat left top;
}
#content_community h2.actividad{
background: url(img/iconos/actividades.png) no-repeat left top;
}
#content_community h2.motos{
background: url(img/iconos/motos.png) no-repeat left top;
}
#content_community h2.amigos{
background: url(img/iconos/amigos.png) no-repeat left top;
}
#content_community h2.grupos{
background: url(img/iconos/grupos.png) no-repeat left top;
}
#content_community h2.eventos{
background: url(img/iconos/eventos.png) no-repeat left top;
}
#content_community h2.rutas{
background: url(img/iconos/rutas.png) no-repeat left top;
}
#content_community h2.rutas_favoritas{
background: url(img/iconos/rutas_favoritas.png) no-repeat left top;
}
#content_community h2.videos{
background: url(img/iconos/videos.png) no-repeat left top;
}
#content_community h2.fotos{
background: url(img/iconos/fotos.png) no-repeat left top;
}
#content_community h2.buscar{
background: url(img/iconos/buscar.png) no-repeat left top;
}
#content_community h2.estadisticas{
background: url(img/iconos/stats.png) no-repeat left top;
}
#content_community h2.topmotos{
background: url(img/iconos/top.png) no-repeat left top;
}
#content_community h2.mail{
background: url(img/iconos/mail.png) no-repeat left top;
}
#content_community h2.blogs{
background: url(img/iconos/blogs.png) no-repeat left top;
}
#content_community h2.admin{
background: url(img/iconos/admin.png) no-repeat left top;
}
#content_community h2.nuevo{
background: url(img/iconos/nuevo.png) no-repeat left top;
}
#content_community h2.favoritos{
background: url(img/iconos/favoritos.png) no-repeat left top;
}
#content_community h2.geoposicion{
background: url(img/iconos/geo.png) no-repeat left top;
}
#content_community h2.popular{
background: url(img/iconos/popular.png) no-repeat left top;
}
#content_community h3{
font-size: 16px;
line-height: 26px;
padding: 0 0 0px 50px;
line-height: 35px;
color: #000;
margin: 0;
position:relative;
z-index:9;
}
#content_community h3.actividad{
background: url(img/iconos/balloons.png) no-repeat 0px 0px;
}
#content_community h3.muro{
background: url(img/iconos/balloons.png) no-repeat 0px -37px;
}
#content_community h3.fotos{
background: url(img/iconos/balloons.png) no-repeat 0px -74px;
}
#content_community h3.videos{
background: url(img/iconos/balloons.png) no-repeat 0px -110px;
}
#content_community h3.usuario{
background: url(img/iconos/balloons.png) no-repeat 2px -146px;
}
#content_community h3.motos{
background: url(img/iconos/balloons.png) no-repeat 2px -29px;
}
#web_community h4,
#content_community h4{
font-size: 16px;
line-height: 30px;
padding: 0 0 0px 38px;
height: 30px;
color: #000;
margin: 0 0 0 5px;
font-weight: bold;
}
#web_community h4.ultimas_actividad{
background: url(img/iconos/actividad.png) no-repeat left top;
clear: both;
}
#content_community h4.nivel{
background: url(img/iconos/nivel.png) no-repeat left top;
}
#content_community h3.grupos{
background: url(img/iconos/balloons.png) no-repeat 2px -120px;
}
#content_community .content .carpeta a{
background: #000 url(img/iconos/balloons.png) no-repeat right -183px;
padding: 3px 30px 6px 5px;
width: 20px;
color: #DCB500;
font-size:12px;
font-weight: normal;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
#content_community .content form#gallery_filter_form {
background: #000 url(img/iconos/balloons.png) no-repeat right -180px;
padding: 5px 30px 5px 5px;
width: auto;
color: #DCB500;
font-size:12px;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
#content_community h2 .mini_menu {
float: right;
}
#web_community #content_community h2 .mini_menu a.boton {
font-weight: normal;
height: 30px;
padding: 2px 8px 4px;
}
img.avatar {
padding: 5px;
width: 75px;
height: 75px;
background: url(img/red_social/marco.png) no-repeat;
}
img.avatar50 {
padding: 5px;
width: 50px;
height: 50px;
background: url(img/red_social/marco50.png) no-repeat;
}
img.avatar32 {
padding: 5px;
width: 32px;
height: 32px;
background: url(img/red_social/marco32.png) no-repeat;
}
img.avatar16 {
padding: 5px;
width: 16px;
height: 16px;
background: url(img/red_social/marco16.png) no-repeat;
}
span.image_left {
float: left;
margin: 0 10px 0 0;
}
/* blocco top panel interno */
#web_community .top.panel {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
border: 1px solid #E1E1E1;
margin: 0 0 20px;
position: relative;
}
#web_community .top.panel .listado{
/*border: 1px solid #DCB500;*/
padding: 0px;
}
#web_community .top.index{
/*border: 1px solid #DCB500;*/
padding-bottom: 5px;
}
#web_community .top.panel .listado h3{
/*background: transparent url(img/red_social/dot.png) repeat scroll 0 0;*/
background: #eee;
border-bottom:2px solid #FFF;
font-size: 14px;
line-height: 24px;
padding: 0 0 0px 5px;
line-height: 24px;
color: #333;
text-align: center;
margin: 0;
font-weight: bold;
min-height: none;
}
#web_community .top.panel .listado .content{
padding: 5px 5px 5px;
background: #eee;
display: block;
overflow: hidden;
}
#web_community .top.panel .listado .content .friend_box{
border: 1px solid #eee;
margin: 0 4px 0 0;
}
#web_community .top.panel .listado .content .friend_box:hover{
border: 1px solid #FFF;
}
#web_community .top.panel .listado .content .more{
display: block;
margin-top: 5px;
}
#web_community .top.panel .busca_todo .submit,
#web_community .top.panel .busca_todo {
margin: 0;
}
#web_community .top.panel .busca_todo a.boton{
padding: 1px 8px 4px;
}
/* iconos funciones */
p.dashboard_comment_menu {
display: block;
overflow: hidden;
margin: 3px 0 0 0;
}
.dashboard_comment_menu a {
float: right;
width: 24px;
height: 24px;
display:block;
overflow:hidden;
margin-left: 10px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community ul#muro li:hover .date,
#web_community ul#muro li:hover .date_full,
#web_community ul#muro li:hover .dashboard_comment_menu a{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.dashboard_comment_menu a.responder {
background: url(img/botones/comment_reply.png)no-repeat;
}
.dashboard_comment_menu a.cerrar {
background: url(img/botones/comment_delete.png)no-repeat;
}
.dashboard_comment_menu a.cerrar_rojo {
background: url(img/botones/comment_delete_all.png)no-repeat;
}
.quick_reply_dashboard {
padding: 10px;
}
.quick_reply_dashboard .new_mail{
-moz-border-radius :0.4em;
-webkit-border-radius :0.4em;
border: 1px solid #C6C6C6;
background: #E5E5E5;
padding: 10px 5px;
}
#web_community .write_muro {
}
#web_community .write_muro a.boton{
display: block;
height:20px;
padding:2px 8px 0;
margin-bottom: 5px;
}
form.new_mail textarea#text_mensaje_muro {
width: 524px;
height: 53px;
margin: 0 0 5px 10px;
}
#web_community ul#muro .quick_reply_dashboard .new_mail textarea {
width: 87%;
}
#web_community ul#muro .comment {
margin: 10px 0;
}
#web_community ul#muro .comment .col-left .inside {
background:transparent url(img/red_social/bg_comment_left.png) no-repeat scroll right 27px;
float:right;
min-height:70px;
overflow:hidden;
position:relative;
width: 75px;
font-weight: bold;
text-align: center;
z-index: 999;
}
#web_community ul#muro .comment .col-left {
width: 75px;
float:left;
z-index: 999;
}
#web_community ul#muro .comment .col-left p{
margin: 0 5px 0 0;
}
#web_community ul#muro .comment .col-right {
-moz-border-radius :0.4em;
-webkit-border-radius :0.4em;
background:#E5E5E5 url(img/red_social/blockquote_end.png) no-repeat 98% 90%;
border:1px solid #C6C6C6;
float:none;
margin-left: 74px;
margin-right:5px;
min-height:70px;
padding: 2px 35px 2px 10px;
z-index: 1;
}
#web_community ul#muro .comment blockquote.quotation {
background:transparent url(img/red_social/blockquote_start.png) no-repeat scroll 0 0;
border:medium none;
font-size:100%;
font-style:normal;
margin: 4px 0 8px;
padding: 0 0 0 30px;
text-align:justify;
}
#web_community ul#muro .comment blockquote.quotation p {
background: none;
margin:0 0 -10px 0;
padding:0 5px 10px 0;
font-size:100%;
font-style:normal;
text-align:justify;
}
#web_community ul#muro .comment blockquote.quotation p.header_reply {
font-style: italic;
}
#paging {
-moz-border-radius:0.4em;
border:1px solid #C6C6C6;
display:block;
overflow:hidden;
padding:5px;
}
.correo #paging {
-moz-border-radius: 0;
border: 0;
border-top:1px solid #C6C6C6;
display:block;
overflow:hidden;
padding:5px;
}
#paging ul.inner_paging {
float:right;
list-style-type:none;
margin: 0;
padding: 0;
}
#paging ul.inner_paging li {
float:left;
line-height:10px;
height:15px;
margin:0 3px;
text-align:center;
width:19px;
}
#paging ul.inner_paging li:hover {
color:#FF6400;
}
#paging ul.inner_paging li.current {
font-weight:bold;
}
/* commentarios Blog */
#comment_form textarea {
width: 555px;
height: 53px;
}
#comment_form input {
margin-top: 10px;
}
ul.lista_eventos_muro {
margin: 10px 0;
padding: 0;
}
ul.lista_eventos_muro li{
display: block;
overflow: hidden;
clear: both;
padding: 5px;
background: #fff;
}
ul.lista_eventos_muro li.impar{
background: #eee;
}
ul.lista_eventos_muro span.who {
font-weight: bold;
color: #333;
}
ul.lista_eventos_muro p {
margin: 5px 0;
}
.dashboard_comment {
margin: 0 0 0 5px;
width: 550px;
text-align: justify;
}
/* boxes lateral */
.group_box,
.friend_box {
position: relative;
border: 1px solid #fff;
margin-bottom: 5px;
}
.group_box a img,
.friend_box a img{
float: left;
position: relative;
z-index: 99;
margin: 0 4px 0 0;
}
.group_box a,
.friend_box a{
clear: left;
font-size: 12px;
font-weight: bold;
position: relative;
z-index: 99;
}
.administrador .friend_box a{
clear: none;
}
.top_motos .sub_title,
.group_box .sub_title,
.friend_box .sub_title{
font-size: 11px;
color: #666666;
position: relative;
z-index: 99;
}
.friend_box .globo{
position: absolute;
background:transparent url(img/red_social/cola.png) no-repeat left bottom;
padding-bottom: 15px;
display: none;
bottom: 35px;
left: 20px;
width: 130px;
z-index: 999;
}
.friend_box .globo .texto{
background: #000;
color: #fff;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
padding: 3px;
}
.group_box:hover,
.friend_box:hover {
border: 1px solid #DCDCDC;
}
.friend_box:hover .globo{
display: block;
}
ul.estadisticas {
font-size: 14px;
line-height: 24px;
list-style-type: none;
margin: 0 20px;
padding: 0;
color: #333;
}
ul.estadisticas li{
border-bottom: 1px dashed #DCDCDC;
padding: 0px 15px;
font-size: 12px;
text-align: center;
}
ul.top_motos {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.top_motos li{
float: left;
margin-bottom: 5px;
border: 1px solid #fff;
padding: 2px;
}
ul.top_motos li:hover{
border: 1px solid #eee;
}
ul.top_motos li img {
float: left;
margin: 2px 5px 2px 2px;
padding: 2px;
border: 1px solid #666;
}
ul.top_motos li img:hover {
border: 1px solid #000;
}
ul.top_motos li a{
font-weight: bold;
}
ul.top_motos li.first{
border: 1px solid #eee;
background: #eee;
padding: 8px;
margin: 5px;
}
ul.top_motos li.first a{
font-size: 18px;
}
ul.top_motos li.par{
margin-right: 5px;
}
/* buscador lateral */
.panel #buscador_particular{
display: block;
overflow: hidden;
padding: 0 20px 0 55px;
}
.panel #buscador_particular input[type=text],
.panel #buscador_particular select
{
width: 350px;
}
.panel #buscador_particular input[type=text]
{
background:transparent url(img/buscardor_right_bg.gif) no-repeat scroll right 0;
border:medium none;
color:#666666;
font-size:11px;
height:14px;
padding:6px 16px 6px 6px;
border: 1px solid #DCDCDC;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
}
.panel #buscador_particular input[type="submit"]{
width: auto;
margin: 10px 22px 0 0;
}
.panel #buscador_particular input.seleccionado,
.panel #buscador_particular input[type="text"]:focus{
border: 1px solid #DCDCDC;
outline: none;
}
.panel #buscador_particular #busqueda {
background:transparent url(img/red_social/ver_mas.png) no-repeat scroll left 5px;
margin: 0;
padding: 5px 0 5px 22px;
}
.panel #buscador_particular #busqueda.menos {
background:transparent url(img/red_social/ver_mas_bajo.png) no-repeat scroll left 5px;
}
.panel #buscador_particular .opciones_buscador {
margin: 10px 0 0 0;
padding: 0 0 0 20px;
list-style-type: none;
}
.panel #buscador_particular .opciones_buscador input[type=text]{
border:medium none;
color:#666666;
font-size:11px;
height:14px;
padding:6px 16px 6px 6px;
margin: 5px 0;
width: 330px;
border: 1px solid #DCDCDC;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
}
.panel #buscador_particular .opciones_buscador input[type="radio"] {
float:left;
margin:4px 0;
}
.panel #buscador_particular .opciones_buscador label {
display:block;
float:left;
margin: 0px 0 10px 10px;
padding: 0;
position:relative;
text-align:left;
width:160px;
}
.panel #buscador_particular .opciones_buscador input#fecha_inicio,
.panel #buscador_particular .opciones_buscador input#fecha_fin {
background-image: none;
border:medium none;
color:#666666;
font-size:11px;
height:14px;
padding:6px 16px 6px 6px;
margin: 5px 0 5px 55px;
width: 160px;
border: 1px solid #DCDCDC;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
}
/* muro */
#web_community ul#muro {
margin: 0;
padding: 0;
}
#web_community ul#muro form{
margin: 0 0 10px 0;
display: block;
overflow: hidden;
}
#web_community ul#muro span.imagen{
float: left;
margin: 0 5px 0 0;
}
#web_community ul#muro textarea{
float: right;
margin: 0px 0 0 3px;
width: 550px;
height: 75px;
}
#web_community ul#muro input {
float: right;
margin: 10px 10px 0 0;
}
#web_community ul#muro .input input {
float:right;
margin:-2px 0px 0 5px;
}
#web_community ul#muro li {
border-top: 1px solid #C6C6C6;
}
#web_community ul#muro li .date {
float:left;
font-weight: bold;
background:transparent url(img/botones/clock.png) no-repeat scroll 0 2px;
color:#666666;
font-size:11px;
margin: 5px 0;
overflow:hidden;
padding-left:15px;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
#web_community ul#muro li span.date_full {
float: left;
color:#666666;
font-size:11px;
margin: 5px 10px;
overflow:hidden;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
/* pagina mi moto */
.mi_moto.content {
padding: 15px 0;
}
#web_community .left_big.box .content.fotos_moto a img{
padding: 2px;
border: 1px solid #000;
}
#content_community .mi_moto.content h2{
color:#000000;
font-size: 20px;
line-height: 30px;
margin:0;
min-height: 30px;
padding:0;
}
.mi_moto img.foto_mi_moto{
padding: 3px;
border: 1px solid #000;
float: left;
}
.mi_moto_box img.foto_mi_moto {
padding: 1px;
border: 1px solid #000;
float: left;
margin: 0 0 0 5px
}
.mi_moto_box ul,
.mi_moto ul.datos_mi_moto {
float: left;
margin: 0;
padding: 0 10px;
list-style-type: none;
width: 50%;
}
.mi_moto ul.datos_mi_moto li{
font-size: 14px;
line-height: 20px;
}
.mi_moto ul.datos_mi_moto li span.detalle{
font-weight: bold;
}
.mi_moto ul.datos_mi_moto li.desc{
background: url(img/red_social/quote-start.png) no-repeat left top;
padding-left: 29px;
width: 300px;
margin: 15px 0 10px;
}
.mi_moto ul.datos_mi_moto li.desc span{
background: url(img/red_social/quote-end.png) no-repeat right bottom;
padding: 5px 29px 0 0;
}
.mi_moto.content .top-actions {
float: right;
margin: 0;
}
.mi_moto.content:hover .top-actions a{
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}
.mi_moto.content .top-actions a {
float: right;
height: 24px;
width: 24px;
padding: 0 0 0 5px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
.mi_moto.content .top-actions a.editar{
background: url(img/botones/edit.png)no-repeat;
}
.mi_moto.content .top-actions a.borrar{
background: url(img/botones/close.png)no-repeat;
}
.no_moto {
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
background: #E1E1E1;
margin: 0 100px;
padding: 10px 20px;
}
.no_resultados {
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
background: #E1E1E1;
margin: 10px 15px;
padding: 10px 20px;
}
#content_community h3.warning {
font-size: 18px;
line-height: 26px;
padding: 0 0 0px 40px;
line-height: 32px;
color: #000;
margin: 0;
font-weight: normal;
background: url(img/botones/warning.png)no-repeat;
}
#content_community .no_resultados h3.warning {
font-size: 14px;
font-weight: bold;
}
#content_community .no_moto a.boton,
#content_community .no_resultados h3.warning a.boton{
padding: 2px 8px 4px;
font-weight: normal;
}
#content_community .no_resultados form,
#content_community .no_resultados p {
padding: 10px;
background: #fff;
font-size: 12px;
line-height: 18px;
border: 1px solid #AAA;
}
#content_community .no_resultados form .submit {
margin: 0;
}
#content_community .no_resultados form .submit input {
margin: 0 0 0 30px;
}
.right_little .vacio {
background: #E1E1E1;
}
.right_little .no_moto {
margin: 0 5px;
padding: 5px;
border: 0;
}
.right_little .no_resultados {
margin: 0 5px;
padding: 5px;
background: #EFEFEF;
}
#content_community .right_little .no_resultados h3.warning {
font-size: 13px;
}
#content_community .right_little .no_resultados h3.warning a{
font-weight: normal;
margin: 0 0 0 10px;
}
#content_community .right_little .no_moto h3.warning {
font-size: 15px;
font-weight: bold;
}
.no_moto p {
text-align: center;
}
/* pagina top motos */
.top_moto .impar,
.top_moto .par {
padding: 5px;
margin: 2px;
}
.top_moto .par {
background: #efefef;
}
.top_moto .imagen img {
border:1px solid #666666;
padding:2px;
}
.top_moto .numero {
font-size: 30px;
line-height: 55px;
text-align: center;
}
.top_moto .numero.primero {
font-size: 75px;
line-height: 100px;
color: #C43B1D;
}
.top_moto .numero.segundo {
font-size: 55px;
line-height: 95px;
color: #C43B1D;
}
.top_moto .numero.tercero {
font-size: 45px;
line-height: 75px;
color: #C43B1D;
}
.top_moto .datos {
font-size: 16px;
line-height: 20px;
color: #666;
}
.top_moto .datos .nombre {
font-size: 20px;
line-height: 38px;
color: #333;
}
.top_moto .datos.primero .nombre {
font-size: 55px;
line-height: 80px;
color: #C43B1D;
}
.top_moto .datos.segundo .nombre {
font-size: 45px;
line-height: 75px;
color: #C43B1D;
}
.top_moto .datos.tercero .nombre {
font-size: 35px;
line-height: 55px;
color: #C43B1D;
}
/* amigos grupos y eventos*/
#web_community .content.ruta {
position: relative;
}
#web_community .content .ruta,
#web_community .content .evento,
#web_community .content .grupo,
#web_community .content .amigo {
display: block;
overflow: hidden;
position: relative;
color: #666666;
padding: 5px 5px 30px 5px;
margin-top: 15px;
float: left;
font-size: 11px;
border: 1px solid #fff;
}
#web_community .content .amigo {
height: 85px;
}
#web_community .content .amigo.peticion,
#web_community .content .amigo.misma {
margin-top: 0px;
}
#web_community .content .amigo.amistad {
background: #efefef;
}
#web_community .content .ruta .avatar50,
#web_community .content .evento .avatar,
#web_community .content .grupo .avatar,
#web_community .content .amigo .avatar{
margin-right: 5px;
}
#web_community .content .ruta a,
#web_community .content .evento a,
#web_community .content .grupo a,
#web_community .content .amigo a{
font-size: 12px;
font-weight: bold;
}
/*
#web_community .content .ruta img{
margin: 2px 5px 2px 2px;
padding: 2px;
border: 1px solid #000;
} */
#web_community .content.ruta a.eliminar,
#web_community .content .ruta a.eliminar {
position: absolute;
right: 5px;
bottom: 5px;
background: url(img/botones/ruta_delete.png)no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .ruta a.editar ,
#web_community .content.ruta a.editar {
position: absolute;
right: 38px;
bottom: 5px;
background: url(img/botones/ruta_edit.png)no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .evento a.eliminar {
position: absolute;
right: 5px;
bottom: 5px;
background: url(img/botones/evento_delete.png)no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .grupo a.eliminar{
position: absolute;
right: 5px;
bottom: 5px;
background: url(img/botones/groups_delete.png)no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .amigo a.eliminar{
position: absolute;
right: 5px;
bottom: 5px;
background: url(img/botones/friend_delete.png) no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .amigo a.peticion {
position: absolute;
right: 5px;
bottom: 5px;
background: url("img/botones/friend_add.png") no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .amigo a.peticion_event {
position: absolute;
right: 5px;
bottom: 5px;
background: url("img/botones/evento_invite.png") no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .amigo.peticion {
padding:5px 5px 50px;
}
#web_community .content .amigo.peticion a.peticion {
background:url("img/botones/friend_add.png") no-repeat scroll right 0 transparent;
bottom:25px;
height:24px;
line-height:20px;
opacity:0.3;
padding:0 28px 0 0;
position:absolute;
right:5px;
width:120px;
text-align:right;
}
#web_community .content .amigo.peticion a.eliminar {
background: url("img/botones/friend_delete.png") no-repeat scroll right 0 transparent;
bottom: 0px;
height:24px;
line-height:20px;
opacity:0.3;
padding:0 28px 0 0;
position:absolute;
right:5px;
width:120px;
text-align:right;
}
eliminar
#web_community .content .amigo a.peticion_espera {
cursor: default;
position: absolute;
right: 5px;
bottom: 5px;
background: url("img/botones/friend_espera.png") no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .ruta a.favorir{
position: absolute;
right: 5px;
bottom: 5px;
background: url(img/botones/ruta_fav.png) no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .ruta a.dejar_favorir{
position: absolute;
right: 5px;
bottom: 5px;
background: url(img/botones/ruta_nofav.png) no-repeat;
height: 24px;
width: 24px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .content .ruta span{
position: absolute;
right: 5px;
bottom: 5px;
font-weight: bold;
color: #8C1B30;
}
#web_community .content .ruta span div.preload {
padding:0 12px;
position: relative;
width:16px;
height:16px;
left: 0;
bottom: 13px;
}
#web_community .content .rutas_fav div.preload {
padding: 0;
position: relative;
width:16px;
height:16px;
left: 0;
bottom: 0;
}
#web_community .rutas_fav {
padding: 3px;
}
#web_community .rutas_fav a.dejar_favorir {
position: absolute;
right: 3px;
bottom: 3px;
background: url(img/botones/ruta_nofav_peq.png) no-repeat;
height: 18px;
width: 18px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
#web_community .rutas_fav:hover a.dejar_favorir {
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
#web_community .content .ruta:hover,
#web_community .content .evento:hover,
#web_community .content .grupo:hover,
#web_community .content .amigo:hover {
border: 1px solid #DCDCDC;
}
#web_community .content .amigo:hover a.peticion_event,
#web_community .content .ruta:hover a.favorir,
#web_community .content .ruta:hover a.dejar_favorir,
#web_community .content.ruta:hover a.editar,
#web_community .content .ruta:hover a.editar,
#web_community .content.ruta:hover a.eliminar,
#web_community .content .ruta:hover a.eliminar,
#web_community .content .evento:hover a.eliminar,
#web_community .content .grupo:hover a.eliminar,
#web_community .content .amigo:hover a.eliminar,
#web_community .content .amigo:hover a.peticion,
#web_community .content .amigo:hover a.peticion_espera {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
#web_community .content .amigo span.peticion_enviada,
#web_community #videogallery .content span.preloader,
#web_community #videogallery .content div.preload,
#web_community .content .amigo span.preloader {
position: absolute;
right: 5px;
bottom: 5px;
font-weight: bold;
}
.edit_evento #event_form{
background: #ccc;
}
.edit_grupo #group_form {
background: #fff;
}
.edit .edit_evento #event_form{
background: #FFF;
}
.edit_evento #event_form label {
font-weight: bold;
width: 100px;
font-size: 14px;
line-height: 18px;
}
.edit_grupo #group_form .input.text input,
.edit_evento #event_form .input.text input{
width: 98%;
font-size: 18px;
}
.edit_grupo #group_form textarea,
.edit_evento #event_form textarea{
width: 98%;
}
.edit_evento #event_form .calendar {
background: #fff;
}
.edit_evento #event_form .submit {
float: right;
}
.edit_grupo #group_form a.boton,
.edit_grupo #group_form .submit input{
float: right;
font-size: 14px;
height: 14px;
padding: 2px 8px 6px;
margin: 10px 5px 0 0;
}
.edit_grupo #group_form .submit input{
height: 26px;
}
.edit_grupo #group_form .submit{
margin: 0px;
}
/* botones */
.dialog_red input[type="submit"],
#web_community .boton,
#web_community button,
#web_community input[type="submit"],
#web_community input[type="button"] {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
background: transparent url(img/red_social/bg_menu.png) repeat-x scroll 0 0;
border: 1px solid #000;
color: #DCB500;
font-size: 14px;
height: 23px;
padding: 0 6px 4px;
text-shadow: none;
margin-top: 2px;
}
.dialog_red input[type="submit"]:hover,
#web_community .boton:hover,
#web_community button:hover,
#web_community input[type="submit"]:hover,
#web_community input[type="button"]:hover {
background: #000;
text-decoration: underline;
}
#web_community .panel .listado .boton,
#web_community .right_little .content .boton {
height: 20px;
line-height: 20px;
padding: 0 5px 3px;
border: 1px solid #000;
}
/* dialog red */
.dialog_red #dialog_window_content {
height: 80px;
}
/* estilos Rutas */
#web_community input#RutaNombre {
width: 99%;
font-size: 18px;
}
#route_form {
margin-bottom: 10px;
}
#route_form .radio.publi {
width: 240px;
background: #efefef;
padding: 5px;
}
#route_form .radio.publi label,
#route_form .radio.publi span.label {
line-height:10px;
float: left;
margin-left: 10px;
position: relative;
text-align: left;
width: 75px;
}
#route_form .radio.publi input[type="radio"] {
float: left;
}
#route_inputs input{
width: 300px;
}
#route_form .submit input{
margin: 0 18px;
}
/* estilos Blog */
#blog_form {
margin: 0px;
padding: 0 20px 0 40px;
}
#post_form {
border-top: 1px solid #ccc;
margin-bottom: 10px;
}
#post_form label,
#blog_form label {
margin: 0px;
padding: 0 10px;
text-align:right;
width:auto;
font-weight: bold;
}
#blog_form .input.text label {
margin: 0px;
padding: 0px;
text-align:right;
width:auto;
font-weight: bold;
}
#post_form input[type="text"],
#blog_form input[type="text"]{
width: 84%;
font-size:11px;
height:14px;
}
#route_form div.radio,
#post_form div.radio,
#blog_form div.radio {
margin: 0 0 0 50px;
padding: 0 10px;
width: 370px;
}
#post_form div.radio {
float: left;
margin: 0px;
}
#post_form div.radio input,
#blog_form div.radio input {
float: left;
padding: 0 5px;
line-height: 12px;
}
#post_form div.radio legend,
#blog_form div.radio legend {
background: #FFF;
padding: 0 5px;
margin: 0;
color: #000;
}
#post_form div.radio fieldset,
#blog_form div.radio fieldset {
background: #FFF;
border: 1px solid #F0F0F0;
padding: 5px 10px 10px;
margin: 0;
color: #000;
}
#post_form div.radio label,
#blog_form div.radio label {
float: left;
width: 80px;
text-align: left;
font-weight: normal;
line-height: 12px;
}
#post_form div.submit,
#blog_form div.submit {
float: right;
}
#post_form div.submit {
margin: 20px 0 0 0;
}
#content_community h2.blog_title{
font-size: 18px;
line-height: 26px;
color: #000;
margin: 0 0 0 5px;
padding: 0;
min-height: 26px;
}
#web_community .right_little .box .content.funciones_blog{
padding: 10px 60px 0;
border-style: solid;
border-width: 1px;
border-color: #FEBC22;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
display: block;
text-align: center;
}
#web_community .right_little .box .content.funciones_blog a{
margin: 0 0 10px 0;
display: block;
}
div.blog_desc {
background: url(img/red_social/quote-start.png) no-repeat 5px 10px;
padding: 10px 5px 10px 35px;
width: 582px;
margin: 5px 0 10px;
font-size: 14px;
border: 1px solid #eee;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
div.blog_desc div {
background: url(img/red_social/quote-end.png) no-repeat right bottom;
padding: 5px 29px 0 0;
text-align: justify;
}
.right_little div.blog_desc {
width: 260px;
}
#web_community div.post {
border-top:1px solid #E1E1E1;
padding: 2px 0 10px 0;
}
#web_community div.post_head {
background: #EfEfEf;
border: 1px solid #E1E1E1;
padding: 0;
}
#web_community div.post_head .date {
float:left;
background:transparent url(img/botones/evento.png) no-repeat scroll -8px 2px;
color:#666666;
font-size:11px;
margin: 0 5px 0 0;
overflow:hidden;
padding: 5px 0 5px 20px;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
ul.post_list li a.edit_post,
ul.post_list li a.delete_post,
#web_community div.post_head a {
float: right;
width: 24px;
height: 24px;
display:block;
overflow:hidden;
margin: 2px 2px 0 8px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
ul.post_list li a.edit_post,
ul.post_list li a.delete_post{
margin: 8px 1px 0 8px;
}
ul.post_list li a.edit_post,
#web_community div.post_head a.edit_post {
background: url(img/botones/post_edit.png) no-repeat;
}
ul.post_list li a.delete_post,
#web_community div.post_head a.delete_post {
background: url(img/botones/post_del.png)no-repeat;
}
ul.post_list li:hover a.edit_post,
ul.post_list li:hover a.delete_post,
#web_community div.post:hover div.post_head .date,
#web_community div.post:hover div.post_head a{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
#content_community div.title {
margin: 5px 0 0 0;
}
#content_community div.title h2 {
color: #000000;
font-size: 18px;
line-height: 26px;
margin: 0 0 0 5px;
min-height: 50px;
padding: 0px;
float: left;
width: 545px;
}
#web_community .bloglist div.entry {
border: 1px solid #E1E1E1;
border-bottom: 3px solid #E1E1E1;
padding: 0 5px 10px;
margin: 0;
}
#web_community div.post .comments {
background: url(img/botones/comment.png) no-repeat -1px 0;
display: block;
width: 32px;
height: 32px;
text-align: center;
}
#web_community div.post .ttl_comments {
padding-top: 14px;
display: block;
height: 16px;
text-align: center;
}
#web_community div.post .ttl_comments a {
width: 100%;
opacity: 0.3;
}
#web_community div.post .ttl_comments a.solid {
width: 100%;
opacity: 1;
}
#web_community div.post .comments a{
display: block;
line-height: 26px;
overflow: hidden;
font-weight: bold;
}
#web_community .bloglist div.post .owner {
width: auto;
}
#web_community .bloglist div.post .comments a{
display: block;
line-height: 24px;
overflow: hidden;
font-weight: bold;
margin: 0 4px 0 0;
}
#web_community .bloglist div.post .user_img {
margin: 10px 10px 10px 0;
}
#web_community .bloglist div.post .title {
display: block;
overflow: hidden;
}
#content_community div.entry {
text-align: justify;
margin: 0 5px;
}
ul.post_list {
margin: 0;
padding: 0;
}
ul.post_list li{
margin: 0;
padding: 5px;
background: #fff;
border: 1px solid #e1e1e1;
}
ul.post_list li.impar{
background: #efefef;
}
ul.post_list li.par{
border-top: 0;
}
ul.post_list li .date {
background: #FFFFFF url(img/botones/evento.png) no-repeat scroll -8px 50%;
border: 1px solid #E1E1E1;
color: #666666;
float: left;
font-size: 11px;
margin: 0 10px 0 0;
overflow: hidden;
padding: 0px 5px 0px 20px;
}
ul.post_list li.par .date {
background: #EfEfEf url(img/botones/evento.png) no-repeat scroll -8px 50%;
}
ul.post_list li a.title_post {
font-weight: bold;
font-size: 14px;
display: block;
float: left;
width: 490px;
}
/* correo */
ul#mail_menu {
display: block;
overflow: hidden;
list-style-type: none;
margin: 10px 0 0;
padding: 0;
border-bottom: 2px solid #d3d3d3;
}
#mail_menu li{
display: block;
overflow: hidden;
float: left;
-moz-border-radius-topleft :0.4em;
-moz-border-radius-topright :0.4em;
-webkit-border-radius-topleft :0.4em;
-webkit-border-radius-topright :0.4em;
background: #FEDA2A;
/*background: transparent url(img/red_social/bg_ama_iz.jpg) no-repeat left;*/
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
margin: 0 4px 0 2px;
}
#mail_menu li div{
/*background: transparent url(img/red_social/bg_ama_c.jpg) repeat-x;*/
margin-left: 6px;
}
#mail_menu li div a{
display: block;
overflow: hidden;
margin-left: 6px;
font-size: 13px;
line-height: 27px;
color: #000;
text-decoration: none;
/*background: url(img/red_social/bg_rs_de.png) no-repeat right;*/
/*background: transparent url(img/red_social/bg_ama_de.jpg) no-repeat right;*/
padding: 0 20px 0 6px;
}
#mail_menu li:hover {
-moz-opacity: 1;
filter:alpha(opacity=100);
opacity: 1;
}
#mail_menu li a:hover{
color: #000;
text-decoration: none;
}
#mail_menu li.on {
/* background: url(img/red_social/bg_rs_iz_on.png) no-repeat left;*/
/*background: transparent url(img/red_social/bg_gris_iz.jpg) no-repeat left;*/
background: #d3d3d3;
-moz-opacity: 1;
filter:alpha(opacity=100);
opacity: 1;
}
#mail_menu li.on div{
/*background: transparent url(img/red_social/bg_gris_c.jpg) repeat-x;*/
margin-left: 6px;
}
#mail_menu li.on div a{
/* background: url(img/red_social/bg_rs_de_on.png) no-repeat right;*/
/*background: transparent url(img/red_social/bg_gris_de.jpg) no-repeat right;*/
}
div.correo {
padding: 0;
border-color: #d1d1d1;
border-style: none solid solid;
border-width: 0 2px 6px;
}
div.box.correo .cabeza {
display: block;
overflow: hidden;
border-bottom: 1px solid #EEEEEE;
line-height: 25px;
background: #d1d1d1;
font-weight: bold;
padding: 0 3px;
}
.mail_section .mail_to {
display:block;
float:left;
overflow:hidden;
padding: 0 0 0 3px
}
.mail_section .mail_subject {
display:block;
float:left;
overflow:hidden;
}
.mail_section .mail_date {
display:block;
float:left;
overflow:hidden;
font-size: 11px;
}
div.box.correo .cabeza .mail_to {
}
div.box.correo .cabeza .mail_subject {
}
div.box.correo .cabeza .mail_date {
}
.message_content .message_content_left {
float: left;
padding: 5px;
width: 60px;
}
.separador_correo {
border-bottom: 1px solid #EEEEEE;
}
.correo .message_content_right {
line-height: 18px;
padding: 3px 5px 5px 5px;
margin: 6px 0;
text-align: justify;
float: left;
border:1px solid #C6C6C6;
background: #E5E5E5;
-moz-border-radius :0.4em;
-webkit-border-radius :0.4em;
min-height: 48px;
width: 540px;
}
div.no_correos {
padding: 50px 220px;
background: url(img/botones/no_email.png)no-repeat 180px 44px;
}
.mail_message {
display:block;
overflow:hidden;
line-height: 26px;
margin: 2px;
border: 1px solid #fff;
position: relative;
}
.mail_message .loader {
width: 250px;
left:210px;
top:50px;
}
.mail_message.par {
border: 1px solid #eee;
}
.mail_message:hover {
}
.mail_message:hover a span{
background: #FEDA2A;
color: #000;
}
a.reply_email {
background: url(img/botones/email_reply.png)no-repeat 0px 0px;
display: block;
overflow: hidden;
width: 24px;
height: 24px;
float: right;
margin-top: 5px;
}
a.delete_email {
background: url(img/botones/email_delete.png)no-repeat 0px 0px;
display: block;
overflow: hidden;
width: 24px;
height: 24px;
float: left;
margin-top: 5px;
}
form.new_mail {
margin: 5px;
padding: 5px;
-moz-border-radius :0.4em;
-webkit-border-radius :0.4em;
border: 1px solid #C6C6C6;
background: #E5E5E5;
}
.new_mail span.imagen {
display: none;
}
form.new_mail div.input.text {
float: left;
}
form.new_mail label{
width: 45px;
margin-right: 5px;
padding: 0 5px;
text-align: left;
}
form.new_mail input[type="text"] {
width: 530px;
}
form.new_mail textarea {
width: 531px;
margin: 0 0 10px 60px;
}
#write_mail div.enviar_nuevo_correo div.submit,
form.new_mail div.input {
float: right;
margin: 10px 0 5px 0;
}
#write_mail form {
padding: 5px 10px;
}
#web_community #write_mail div.submit input[type="submit"],
#web_community form.new_mail div.input input[type="submit"]{
height: 25px;
}
#web_community form.new_mail div.input .boton{
padding: 1px 8px 4px;
}
#web_community #multimedia_list #edit_album a.boton.normal,
#web_community .multimedia #gallery li form.formulario a.boton.normal,
#web_community .mini_menu a.boton.normal {
padding: 0 8px;
height: 23px;
line-height: 20px;
}
#web_community #multimedia_list #edit_album a.boton {
margin: 0 0 0 5px;
margin-top: 2px;
}
#write_mail label {
width: 125px;
}
#write_mail select {
margin: 2px 10px 0 0;
}
#write_mail textarea#to_users_field {
width: 460px;
}
#write_mail input#MailSubject {
width: 460px;
}
#write_mail textarea#MailText {
width: 460px;
height: 100px;
}
/* multimedia: fotos y videos */
.multimedia {
padding-top: 10px;
}
#web_community .multimedia #gallery li form.formulario a.boton,
#web_community .multimedia a#create_gallery_link,
#web_community .multimedia a#create_videogallery_link,
#web_community .mini_menu a.boton{
padding: 2px 8px 4px;
}
#web_community .multimedia #gallery li form.formulario input[type="submit"] {
line-height: 25px;
height: 25px;
}
#gallery {
margin: 10px 0;
padding: 0;
list-style-type: none;
}
#gallery li{
float: left;
display:block;
overflow:hidden;
width:200px;
padding: 5px 3px;
border: 1px solid #FFF;
position: relative;
}
#gallery li:hover{
border: 1px solid #DCDCDC;
}
#gallery li div{
margin: 0;
}
#gallery li div.input{
margin: 5px 0 0 20px;
}
#gallery li div.input.text{
margin: 0;
}
#gallery li div.input.text input{
width: 180px;
}
#gallery li a img{
padding: 2px;
border: 1px solid #000;
margin: 2px 5px 2px 2px;
float: left;
width: 30px;
height: 30px;
}
#gallery li:hover a.edit_folder{
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}
#gallery li a.edit_folder {
float: right;
height: 24px;
width: 24px;
padding: 0 0 0 5px;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
background: url(img/botones/edit_little.png)no-repeat;
position: absolute;
bottom: 0;
right: 0;
}
#gallery li div.preload {
padding:0 10px;
position: absolute;
left:85%;
top:80%;
width:16px;
height:16px;
}
.content div.preload {
padding:0 10px;
position: absolute;
left:80%;
top:70%;
width:16px;
height:16px;
}
.content .right_little .boxed_preload {
position: absolute;
left: 50%;
top:50%;
}
.content div.preload img {
border: 0!important;
}
#gallery li form.formulario {
background: #eee;
padding: 5px;
margin-top: 5px;
line-height: 20px;
}
#gallery li .content form.formulario {
background: #eee;
padding: 5px 1px;
margin-top: 5px;
line-height: 20px;
border: 1px solid #C6C6C6;
}
#gallery li .content form.formulario .input.text label{
text-align: center;
font-weight: bold;
margin:0;
padding:0;
width:186px;
}
#gallery li div.radio {
width: 145px;
padding: 10px 0 0 25px;
}
#gallery li label {
display:block;
float:left;
text-align:left;
width: 100px;
}
#web_community #gallery li div.content {
border: 0;
}
form#create_gallery_form div.input.text label,
form#create_videogallery div.input.text label,
form#create_gallery_form div.input.text,
form#create_videogallery div.input.text{
margin: 0;
}
form#create_gallery_form div input[type="text"],
form#create_videogallery div input[type="text"]{
border: 1px solid #DCDCDC;
color: #333333;
width: 390px;
font-size: 18px;
}
form#create_gallery_form.my div.submit,
form#create_videogallery.my div.submit{
float: right;
margin: 0 5;
}
#web_community .multimedia form#create_gallery_form input[type="submit"],
#web_community .multimedia #gallery li form.formulario input[type="submit"] {
line-height: 25px;
height: 25px;
margin-right: 13px;
}
#web_community .right_little .box .content.funciones_multimedia{
padding: 10px 15px 5px;
border-style: solid;
border-width: 1px;
border-color: #FEBC22;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
display: block;
text-align: center;
margin: 0 45px 10px;
}
#web_community .right_little .box .content.funciones_multimedia a{
margin: 0 0 10px 0;
display: block;
}
#gallery_filter_form option {
padding:1px;
}
#content_community .back_folder_list {
float:right;
font-size:12px;
font-weight:normal;
}
#content_community .back_folder_list a{
background: #000 url(img/iconos/balloons.png) no-repeat left -206px;
padding: 5px 5px 6px 32px;
margin:0 7px 0 0;
width: 20px;
color: #DCB500;
font-size:12px;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
}
#content_community #edit_album {
padding: 5px 15px 0;
border-style: solid;
border-width: 1px;
border-color: #FEBC22;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
width: 96.5%;
margin-bottom: 10px;
display: block;
overflow: hidden;
}
.loader_relativo {
height: 75px;
}
#edit_album .input{
float: right;
}
#edit_album .input.text {
margin-top: 3px;
float: left;
width: 100%
}
#edit_album .radio {
margin: 0px 0 0 110px;
float: left;
background: #efefef;
padding: 8px;
}
#edit_album .input.text label {
width: 105px;
margin: 0;
line-height: 10px;
font-weight: bold;
padding: 4px 5px 0 0;
}
#edit_album .radio label {
width: 100px;
margin: 0;
line-height: 10px;
}
#edit_album .input.text input {
width: 81%;
float: left;
}
#edit_album .radio input {
float: left;
}
#content_community #multimedia_list #create_videogallery,
#content_community #multimedia_list #create_gallery_form,
#content_community #multimedia_list #edit_album {
padding: 5px 15px 0 15px;
border-style: solid;
border-width: 1px;
border-color: #FEBC22;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
width: 95%;
margin-bottom: 10px;
display: block;
overflow: hidden;
}
#content_community #create_videogallery a.cerrar.right,
#content_community #create_gallery_form a.cerrar.right {
background: url(img/iconos/balloons.png) no-repeat -14px -231px;
display: block;
overflow: hidden;
width: 26px;
height: 26px;
}
#content_community #create_gallery_form .left {
width: 456px;
}
#content_community #create_gallery_form .right {
width: 250px;
margin-bottom: 0;
}
#content_community #create_gallery_form p {
padding: 5px 0;
}
#content_community #create_videogallery div.input,
#content_community #create_gallery_form div.input {
float: left;
margin: 0 0 5px 0;
}
#content_community #create_gallery_form div.left div.input input{
width:330px;
}
#content_community #create_gallery_form div.input label{
width: 150px;
font-weight: bold;
line-height: 18px;
}
#content_community #create_gallery_form span.attention {
}
#content_community #create_gallery_form div.submit {
float: right;
margin: 0 0 5px 0;
}
#content_community #create_videogallery div.submit {
float: right;
margin: 0 0 5px 0;
}
#content_community .right_little #create_videogallery div.submit {
float: right;
margin: 0;
}
#content_community #multimedia_list .gallery_item {
position: relative;
float: left;
border: 1px solid #fff;
padding: 2px;
}
#content_community #multimedia_list .gallery_item:hover {
float: left;
border: 1px solid #e1e1e1;
}
#content_community #multimedia_list .gallery_item div.title {
font-weight: bold;
}
#content_community #multimedia_list .gallery_item a.accion {
bottom:5px;
height:24px;
-moz-opacity:.30;
filter:alpha(opacity=30);
opacity:.30;
width:24px;
display: block;
overflow: hidden;
float: right;
}
#content_community #multimedia_list .gallery_item a.del {
background:transparent url(img/botones/close.png) no-repeat scroll 0 0;
}
#content_community #multimedia_list .gallery_item a.edit {
background:transparent url(img/botones/edit.png) no-repeat scroll 0 0;
margin-right: 5px;
}
#content_community #multimedia_list .gallery_item:hover a {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}
.no_multimedia {
padding: 20px 0;
width: 360px;
}
.back_folder {
float: right;
font-size: 12px;
font-weight: normal;
}
.mini_menu {
padding: 10px 0;
display: block;
overflow: hidden;
float: right;
}
.gallery_item {
display: block;
overflow: hidden;
float: left;
padding: 0 10px 10px 0;
}
.gallery_item img{
border: 1px solid #000;
}
#content_community .fotos_videos #multimedia_list_video,
#content_community .fotos_videos #multimedia_list_foto {
padding-bottom: 5px;
margin-bottom: 30px;
}
#content_community .fotos_videos .gallery_item {
display: block;
overflow: hidden;
float: left;
padding: 0;
margin: 0 0 15px 0;
width: 218px;
height: 154px;
text-align: center;
position: relative;
}
#content_community .fotos_videos .gallery_item .title{
margin: 0 9px 0px;
padding: 3px 5px;
background: url("img/opacity_50.png") repeat;
text-align: left;
bottom: 3px;
line-height:16px;
position:absolute;
width:190px;
}
#content_community .fotos_videos #preload_videos,
#content_community .fotos_videos #preload_fotos {
padding: 4px 12px;
}
/* geo estilos */
#geolocate_form div.desc {
padding: 5px;
text-align: center;
background: #efefef;
margin: 0 70px;
}
#geolocate_form .input.text input {
width: 340px;
}
#geolocate_form input[type="submit"] {
margin: 10px 78px;
}
a.edit_geo {
background: url(img/botones/home.png)no-repeat 0px 0px;
display: block;
overflow: hidden;
width: 24px;
height: 24px;
float: right;
margin-top: 10px;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
div.content:hover a.edit_geo {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* globos mapas*/
.globo_map {
width: 400px;
min-height: 160px;
}
.globo_map .user{
width: 240px;
}
#web_community .globo_map ul.accion {
padding: 0 0 0 15px;
width: 135px;
border-left: 1px dotted #FEBC22;
}
#web_community .globo_map ul.accion li{
width: 100px;
}
#web_community .globo_map ul.accion li.offline{ color: ##CC0000;}
#web_community .globo_map ul.accion li.online{ color: #009900;}
#web_community .globo_map ul.accion li.last{
border-top: 1px dotted #E1E1E1;
}
ul.globo_profile {
margin: 0;
padding: 0 0 0 10px;
list-style-type: none;
width: 500px;
}
ul.globo_profile li{
margin: 0 0 5px 0;
}
ul.globo_profile li.zoom{
margin: 0;
float: right;
background: url(img/botones/search_lil.png) no-repeat scroll 0 5px;
padding: 3px 0 3px 20px;
}
.globo_map .anuncios {
margin: 8px 0px 2px;
padding: 5px 15px;
font-size: 13px;
background: #efefef;
}
.globo_map .anuncios a{
font-weight: bold;
font-size: 14px;
}
.globo_map .la_moto {
border-top: 1px dotted #E1E1E1;
}
.globo_map .mi_moto_box img{
margin-top: 5px;
}
.globo_map .mi_moto_box ul.datos {
float:left;
list-style-type:none;
margin:0;
padding:0 10px;
width: auto;
}
/* busqueda mapas home */
#rs_home_form {
padding: 15px 15px 5px 15px;
margin: 0;
}
#rs_home_form select {
float:left;
font-size:15px;
margin:2px 15px 2px 0;
width:200px;
}
#rs_home_form div.submit{
float: left;
margin: 0;
}
.map_listed {
float: left;
margin: 0;
width: 250px;
padding: 0;
height: 450px;
overflow: auto;
background: #fff;
}
.map_listed li{
list-style-type: none;
border: 1px solid #C6C6C6;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
background: #E1E1E1;
display:block;
list-style-type:none;
margin:5px;
overflow:hidden;
padding:1px;
}
.map_listed li img{
margin: 0 5px 0 0;
}
.map_listed li div{
color: #666666;
height:18px;
line-height:18px;
display: block;
overflow: hidden;
}
.map_listed li div a{
font-weight: bold;
}
/* popular y favoritos */
.mas_popular {
padding: 4px 0 4px 25px;
background: url(img/botones/heart.png) no-repeat scroll 0 5px;
border-bottom: 1px solid #EEEEEE;
margin: 5px 5px 0;
}
.favorito {
padding: 8px 0 8px 30px;
background: url(img/botones/star.png) no-repeat scroll 0 5px;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 5px;
font-size: 15px;
}
.eliminar_favorito {
background: url(img/botones/close.png) no-repeat scroll 0;
width: 24px;
height: 24px;
float: right;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
div.favorito:hover .eliminar_favorito {
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
#web_community .info_listado {
display: block;
overflow: hidden;
padding: 10px 0;
clear: both;
text-align: center;
}
#web_community .paginator {
font-size: 13px;
padding: 0px 5px;
}
#web_community .paginator span.next,
#web_community .paginator span.prev,
#web_community .paginator span.current,
#web_community .paginator a{
padding: 1px 6px 2px;
border: 1px solid #000;
margin: 0 2px;
color: #000;
}
#web_community .paginator span.current {
background: #000;
color: #fff;
font-weight: bold;
}
#web_community .paginator a:hover {
background: #000;
color: #fff;
text-decoration: none;
}
#web_community .clear {
clear:both;
margin:0;
}
#web_community span.openx {
border:1px solid #E1E1E1;
display:block;
margin:15px 0 20px;
overflow:hidden;
text-align:center;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
/*
* Browser Reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
fieldset, img { border: 0; }
a:focus { outline: none; }
html {
height: 100%;
margin-bottom: 1px;
}
/*
* New standard values
*/
/* paragraph */
p { margin: 10px 0; }
/* lists */
ul, ol, dl { margin: 1em 0; padding-left: 30px }
dl { margin: 1em 0; }
dd { padding-left: 40px; }
/* tables */
td, th { padding: 1px; }
/* forms */
fieldset { border: 1px solid #c8c8c8; }
legend { background: #ffffff; }
textarea, input[type='text'], input[type='password'], select {
background:#FFFFFF url(img/fieldbg.gif) repeat-x scroll center top;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
border-color: #aaaaaa;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus,
textarea.seleccionado, input[type='text'].seleccionado, input[type='password'].seleccionado, select.seleccionado{
border-color: #eeeeee;
outline: 2px solid #4887BF;
*border: 2px solid #4887BF;
}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display: none; }
fieldset { padding: 0 1em 1em 1em; }
legend { padding: 0 .8em 0 .8em; }
textarea, input[type='text'], input[type='password'] { padding: 2px;}
option { padding: 0 0 .1em .4em; }
form div { margin: 9px 0 9px 0; }
/* links */
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
/* headings */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 10px;
line-height: 120%;
}
/* horizontal rule */
hr {
margin: 15px 0px 15px 0px;
display: block;
background: #c8c8c8;
height: 1px;
border: none;
}
/* blockquotes */
blockquote {
margin: 10px 0 10px 15px;
padding: 0px 0px 0px 0px;
font-style: italic;
font-size: 130%
}
/*blockquote:first-letter {
font-size: 150%
} */
/* preformatted text elements */
pre {
margin: 10px 0 10px 0px;
padding: 5px 0 5px 10px;
border: 1px dotted #aab4be;
border-left: 20px solid #b4b4b4;
background: #fafafa;
font-size: 90%;
color: #2E8B57;
font-family: "Courier New", Courier, monospace;
/* Browser specific (not valid) styles to make preformatted text wrap */
/* white-space: pre-wrap; /* css-3 */
/* white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
}
/* acronym */
acronym, abbr {
border-bottom: 1px dashed #969696;
cursor: help;
font-variant: small-caps;
text-transform: lowercase;
}
/*
* black styling
* remove comments for dark colored templates
*/
/*
fieldset { border: 1px solid #323232; }
legend { background: #141414; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #323232; background: #141414; color: #646464; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #464646; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #646464; outline: 2px solid #282828; }
hr {
background: #323232;
color: #323232;
}
blockquote {
border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
}
pre {
border: 1px dotted #3c3c50;
border-left: 20px solid #323232;
background: #232328;
}
acronym, abbr {
border-bottom: 1px dashed #969696;
}
*/
/* estilos de arreglo por los seguros*/
/*#cuadro_central {
font-size: 130%!important;
}
div#fancy_wrap #buscando_resultados {
line-height:20px;
width:516px;
}
*/
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
.mini-icon{
background-image:url(img/clasificados/small-icons.png);
background-repeat:no-repeat;
display:block;
float:left;
height:15px;
margin:0 5px 0 0;
padding-left:0;
text-indent:24px;
width:19px;
}
.mini-icon-movil {
background-image:url(img/clasificados/movil.png);
background-repeat:no-repeat;
display:block;
float:left;
height:16px;
margin:0 0 0 5px;
padding-left:0;
text-indent:24px;
width:19px;
}
.images_motos a{
margin: 0 50px 0 0;
text-indent: 18px;
}
/* positioning */
.mini-carat-1-n { background-position: 0 0; }
.mini-carat-1-ne { background-position: -16px 0; }
.mini-carat-1-e { background-position: -32px 0; }
.mini-carat-1-se { background-position: -48px 0; }
.mini-carat-1-s { background-position: -64px 0; }
.mini-carat-1-sw { background-position: -80px 0; }
.mini-carat-1-w { background-position: -96px 0; }
.mini-carat-1-nw { background-position: -112px 0; }
.mini-carat-2-n-s { background-position: -128px 0; }
.mini-carat-2-e-w { background-position: -144px 0; }
.mini-triangle-1-n { background-position: 0 -16px; }
.mini-triangle-1-ne { background-position: -16px -16px; }
.mini-triangle-1-e { background-position: -32px -16px; }
.mini-triangle-1-se { background-position: -48px -16px; }
.mini-triangle-1-s { background-position: -64px -16px; }
.mini-triangle-1-sw { background-position: -80px -16px; }
.mini-triangle-1-w { background-position: -96px -16px; }
.mini-triangle-1-nw { background-position: -112px -16px; }
.mini-triangle-2-n-s { background-position: -128px -16px; }
.mini-triangle-2-e-w { background-position: -144px -16px; }
.mini-arrow-1-n { background-position: 0 -32px; }
.mini-arrow-1-ne { background-position: -16px -32px; }
.mini-arrow-1-e { background-position: -32px -32px; }
.mini-arrow-1-se { background-position: -48px -32px; }
.mini-arrow-1-s { background-position: -64px -32px; }
.mini-arrow-1-sw { background-position: -80px -32px; }
.mini-arrow-1-w { background-position: -96px -32px; }
.mini-arrow-1-nw { background-position: -112px -32px; }
.mini-arrow-2-n-s { background-position: -128px -32px; }
.mini-arrow-2-ne-sw { background-position: -144px -32px; }
.mini-arrow-2-e-w { background-position: -160px -32px; }
.mini-arrow-2-se-nw { background-position: -176px -32px; }
.mini-arrowstop-1-n { background-position: -192px -32px; }
.mini-arrowstop-1-e { background-position: -208px -32px; }
.mini-arrowstop-1-s { background-position: -224px -32px; }
.mini-arrowstop-1-w { background-position: -240px -32px; }
.mini-arrowthick-1-n { background-position: 0 -48px; }
.mini-arrowthick-1-ne { background-position: -16px -48px; }
.mini-arrowthick-1-e { background-position: -32px -48px; }
.mini-arrowthick-1-se { background-position: -48px -48px; }
.mini-arrowthick-1-s { background-position: -64px -48px; }
.mini-arrowthick-1-sw { background-position: -80px -48px; }
.mini-arrowthick-1-w { background-position: -96px -48px; }
.mini-arrowthick-1-nw { background-position: -112px -48px; }
.mini-arrowthick-2-n-s { background-position: -128px -48px; }
.mini-arrowthick-2-ne-sw { background-position: -144px -48px; }
.mini-arrowthick-2-e-w { background-position: -160px -48px; }
.mini-arrowthick-2-se-nw { background-position: -176px -48px; }
.mini-arrowthickstop-1-n { background-position: -192px -48px; }
.mini-arrowthickstop-1-e { background-position: -208px -48px; }
.mini-arrowthickstop-1-s { background-position: -224px -48px; }
.mini-arrowthickstop-1-w { background-position: -240px -48px; }
.mini-arrowreturnthick-1-w { background-position: 0 -64px; }
.mini-arrowreturnthick-1-n { background-position: -16px -64px; }
.mini-arrowreturnthick-1-e { background-position: -32px -64px; }
.mini-arrowreturnthick-1-s { background-position: -48px -64px; }
.mini-arrowreturn-1-w { background-position: -64px -64px; }
.mini-arrowreturn-1-n { background-position: -80px -64px; }
.mini-arrowreturn-1-e { background-position: -96px -64px; }
.mini-arrowreturn-1-s { background-position: -112px -64px; }
.mini-arrowrefresh-1-w { background-position: -128px -64px; }
.mini-arrowrefresh-1-n { background-position: -144px -64px; }
.mini-arrowrefresh-1-e { background-position: -160px -64px; }
.mini-arrowrefresh-1-s { background-position: -176px -64px; }
.mini-arrow-4 { background-position: 0 -80px; }
.mini-arrow-4-diag { background-position: -16px -80px; }
.mini-extlink { background-position: -32px -80px; }
.mini-newwin { background-position: -48px -80px; }
.mini-refresh { background-position: -64px -80px; }
.mini-shuffle { background-position: -80px -80px; }
.mini-transfer-e-w { background-position: -96px -80px; }
.mini-transferthick-e-w { background-position: -112px -80px; }
.mini-folder-collapsed { background-position: 0 -96px; }
.mini-folder-open { background-position: -16px -96px; }
.mini-document { background-position: -32px -96px; }
.mini-document-b { background-position: -48px -96px; }
.mini-note { background-position: -64px -96px; }
.mini-mail-closed { background-position: -80px -96px; }
.mini-mail-open { background-position: -96px -96px; }
.mini-suitcase { background-position: -112px -96px; }
.mini-comment { background-position: -128px -96px; }
.mini-person { background-position: -144px -96px; }
.mini-print { background-position: -160px -96px; }
.mini-trash { background-position: -176px -96px; }
.mini-locked { background-position: -192px -96px; }
.mini-unlocked { background-position: -208px -96px; }
.mini-bookmark { background-position: -224px -96px; }
.mini-tag { background-position: -240px -96px; }
.mini-home { background-position: 0 -112px; }
.mini-flag { background-position: -16px -112px; }
.mini-calendar { background-position: -32px -112px; }
.mini-cart { background-position: -48px -112px; }
.mini-pencil { background-position: -64px -112px; }
.mini-clock { background-position: -80px -112px; }
.mini-disk { background-position: -96px -112px; }
.mini-calculator { background-position: -112px -112px; }
.mini-zoomin { background-position: -128px -112px; }
.mini-zoomout { background-position: -144px -112px; }
.mini-search { background-position: -160px -112px; }
.mini-wrench { background-position: -176px -112px; }
.mini-gear { background-position: -192px -112px; }
.mini-heart { background-position: -208px -112px; }
.mini-star { background-position: -224px -112px; }
.mini-link { background-position: -240px -112px; }
.mini-cancel { background-position: 0 -128px; }
.mini-plus { background-position: -16px -128px; }
.mini-plusthick { background-position: -32px -128px; }
.mini-minus { background-position: -48px -128px; }
.mini-minusthick { background-position: -64px -128px; }
.mini-close { background-position: -80px -128px; }
.mini-closethick { background-position: -96px -128px; }
.mini-key { background-position: -112px -128px; }
.mini-lightbulb { background-position: -128px -128px; }
.mini-scissors { background-position: -144px -128px; }
.mini-clipboard { background-position: -160px -128px; }
.mini-copy { background-position: -176px -128px; }
.mini-contact { background-position: -192px -128px; }
.mini-image { background-position: -208px -128px; }
.mini-video { background-position: -224px -128px; }
.mini-script { background-position: -240px -128px; }
.mini-alert { background-position: 0 -144px; }
.mini-info { background-position: -16px -144px; }
.mini-notice { background-position: -32px -144px; }
.mini-help { background-position: -48px -144px; }
.mini-check { background-position: -64px -144px; }
.mini-bullet { background-position: -80px -144px; }
.mini-radio-off { background-position: -96px -144px; }
.mini-radio-on { background-position: -112px -144px; }
.mini-pin-w { background-position: -128px -144px; }
.mini-pin-s { background-position: -144px -144px; }
.mini-play { background-position: 0 -160px; }
.mini-pause { background-position: -16px -160px; }
.mini-seek-next { background-position: -32px -160px; }
.mini-seek-prev { background-position: -48px -160px; }
.mini-seek-end { background-position: -64px -160px; }
.mini-seek-first { background-position: -80px -160px; }
.mini-stop { background-position: -96px -160px; }
.mini-eject { background-position: -112px -160px; }
.mini-volume-off { background-position: -128px -160px; }
.mini-volume-on { background-position: -144px -160px; }
.mini-power { background-position: 0 -176px; }
.mini-signal-diag { background-position: -16px -176px; }
.mini-signal { background-position: -32px -176px; }
.mini-battery-0 { background-position: -48px -176px; }
.mini-battery-1 { background-position: -64px -176px; }
.mini-battery-2 { background-position: -80px -176px; }
.mini-battery-3 { background-position: -96px -176px; }
.mini-circle-plus { background-position: 0 -192px; }
.mini-circle-minus { background-position: -16px -192px; }
.mini-circle-close { background-position: -32px -192px; }
.mini-circle-triangle-e { background-position: -48px -192px; }
.mini-circle-triangle-s { background-position: -64px -192px; }
.mini-circle-triangle-w { background-position: -80px -192px; }
.mini-circle-triangle-n { background-position: -96px -192px; }
.mini-circle-arrow-e { background-position: -112px -192px; }
.mini-circle-arrow-s { background-position: -128px -192px; }
.mini-circle-arrow-w { background-position: -144px -192px; }
.mini-circle-arrow-n { background-position: -160px -192px; }
.mini-circle-zoomin { background-position: -176px -192px; }
.mini-circle-zoomout { background-position: -192px -192px; }
.mini-circle-check { background-position: -208px -192px; }
.mini-circlesmall-plus { background-position: 0 -208px; }
.mini-circlesmall-minus { background-position: -16px -208px; }
.mini-circlesmall-close { background-position: -32px -208px; }
.mini-squaresmall-plus { background-position: -48px -208px; }
.mini-squaresmall-minus { background-position: -64px -208px; }
.mini-squaresmall-close { background-position: -80px -208px; }
.mini-grip-dotted-vertical { background-position: 0 -224px; }
.mini-grip-dotted-horizontal { background-position: -16px -224px; }
.mini-grip-solid-vertical { background-position: -32px -224px; }
.mini-grip-solid-horizontal { background-position: -48px -224px; }
.mini-gripsmall-diagonal-se { background-position: -64px -224px; }
.mini-grip-diagonal-se { background-position: -80px -224px; }
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
/*
* headings
*/
/*
* anchor
*/
.texto_rojo {
color:#CC0000;
}
a:hover {
color: #ff6400;
}
a.azul, p.azul{
background: #B4E0FF url(img/flecha_negra.png) no-repeat 10px 50%;
color: #333333;
}
a.azul:hover{
background-color: #71C2FF;
}
a.blanca, p.blanca{
background: #FFFFFF url(img/flecha_negra.png) no-repeat 10px 50%;
color: #20405F;
}
a.blanca:hover{
background-color: #DADADA;
color: #20405F;
}
a.blue, p.blue{
background: #0571AF url(img/flecha_blanca.png) no-repeat 10px 50%;
color: #FFF;
}
a.blue:hover{
background-color: #055988;
}
a.flecha span, p.flecha span{
border-left: 2px solid #FFFFFF;
padding: 5px 3px 5px 10px;
margin-left: 10px;
float: left;
}
a.flecha, p.flecha{
overflow: hidden;
display: block;
margin: 5px 0;
clear: both;
padding-left: 20px;
}
a.flecha:hover{
color: white;
}
a.verde, p.verde{
background: #649d21 url(img/flecha_blanca.png) no-repeat 10px 50%;
color: #fff;
}
a.verde:hover{
background-color: #456e17;
}
a.gris, p.gris{
background: #DADADA url(img/flecha_negra.png) no-repeat 10px 50%;
color: #333333;
}
a.gris:hover{
background-color: #ccc;
}
a.icon-download {
padding-left: 17px;
background: url(img/icon_download.png) 0 40% no-repeat;
}
a.icon-external {
padding-left: 17px;
background: url(img/icon_external.png) 0 40% no-repeat;
}
a.icon-file {
padding-left: 17px;
background: url(img/icon_file.png) 0 40% no-repeat;
}
a.icon-folder {
padding-left: 17px;
background: url(img/icon_folder.png) 0 40% no-repeat;
}
a.icon-pdf {
padding-left: 17px;
background: url(img/pdf_button.png) 0 40% no-repeat;
}
a.negro, p.negro{
background: #666666 url(img/flecha_blanca.png) no-repeat 10px 50%;
color: white;
}
a.negro:hover{
background-color: #333333;
}
a.ver_mas{
background: url(img/ver_mas.png) no-repeat right;
padding-right: 25px;
font-size: 11px;
text-decoration: underline;
color: #305F8C;
font-weight: bold;
height: 22px;
line-height: 22px;
float: right;
}
blockquote {
display: block;
font-style: italic;
font-size: 120%;
line-height: 150%;
width: auto;
padding: 10px 20px 10px 20px;
margin: 15px 0;
background: #f6f6f6;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {
display: block;
font-style: italic;
font-size: 120%;
line-height: 150%;
width: auto;
padding: 0px 20px;
margin: 15px 0;
border: 0;
background: 0;
}
blockquote.blue, span.important-title-blue, span.number-blue, span.dropcap-blue {
color: #0D507A;
}
blockquote.quotation {
margin: 10px 0px 10px 0px;
padding: 10px 35px 10px 35px;
border: none;
background: url(img/blockquote_start.png) 0 0 no-repeat;
text-align: justify;
}
blockquote.quotation p {
margin: 0px -35px -10px 0px;
padding: 0px 35px 10px 0px;
background: url(img/blockquote_end.png) 100% 100% no-repeat;
}
blockquote.quotes {
display: block;
background: url(img/quote-start.png) 0 5px no-repeat;
padding: 0px 20px 0 38px;
margin: 20px 0;
font-size: 120%;
line-height: 150%;
width: auto;
color: #666;
border: 0;
}
blockquote.quotes p {
padding: 0 38px 0 0;
margin-top: 0;
background: url(img/quote-end.png) 100% 100% no-repeat;
}
/*blockquote:first-letter,
q.blockquote:first-letter,
blockquote.quotation p:first-letter {
font-size: 150%;
} */
/*
* floating boxes
*/
body .inset-left {
margin: 15px 15px 10px 0px;
float: left;
}
body .inset-right {
margin: 15px 0px 10px 15px;
float: right;
}
div.alert, span.alert {
background: #FFF5EB url(img/box_alert.png) 3px 5px no-repeat;
border-top: 1px dotted #FFB4A0;
border-bottom: 1px dotted #FFB4A0;
}
div.download, span.download {
background: #F5FAEB url(img/box_download.png) 3px 5px no-repeat;
border-top: 1px dotted #78BE5A;
border-bottom: 1px dotted #78BE5A;
}
div.info, span.info {
background: #ffffff url(img/box_info.png) 3px 5px no-repeat;
border-top: 1px dotted #AAB4BE;
border-bottom: 1px dotted #AAB4BE;
}
div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
margin: 10px 0px 10px 0px;
padding: 8px 10px 8px 35px;
}
/*
* highlighted div and span tags
*/
div.note, span.note {
margin: 10px 0px 10px 0px;
padding: 5px 10px 5px 10px;
background: #ffffff;
border-top: 1px dotted #AAB4BE;
border-bottom: 1px dotted #AAB4BE;
text-align: justify;
}
div.number-block1 {
background: url(img/number-1.png) 0 0 no-repeat;
}
div.number-block1, div.number-block2, div.number-block3 {
padding-left: 50px;
}
div.number-block2 {
background: url(img/number-2.png) 0 0 no-repeat;
}
div.number-block3 {
background: url(img/number-3.png) 0 0 no-repeat;
}
div.tip, span.tip {
background: #FFFDEB url(img/box_tip.png) 3px 5px no-repeat;
border-top: 1px dotted #FFC864;
border-bottom: 1px dotted #FFC864;
}
/*
* emphasis
*/
em.box {
padding: 0px 4px 0px 4px;
background: #ffffff;
border-bottom: 1px dotted #AAB4BE;
font-style: normal;
}
h1, h2, h3, h4, h5 {
font-family: Arial,Helvetica,sans-serif;
color: #0A74B0;
}
h1{
font-size: 200%;
}
h1, h4 {
font-weight: normal;
}
h2 {
font-size: 160%;
}
h3 {
font-size: 130%;
color: #0A74B0;
}
h5 {
}
h6 {
color: #4887BF;
margin: 15px 0;
text-align: left;
font-size: 14px;
}
hr.both_margin {
margin: 3px 0px;
}
hr.dark {
margin: 1px 0px 8px 0px;
display: block;
background: #000;
height: 1px;
border: none;
}
/*
* horizontal rule
*/
hr.dotted {
margin: 15px 0px 15px 0px;
display: block;
background: url(img/line_dotted.png) 0 0 repeat-x;
height: 1px;
border: none;
}
hr.full {
margin: 1px 0px 8px 0px;
display: block;
background: #CCCCCC;
height: 1px;
border: none;
}
hr.no_margin {
margin: 0px;
}
.titulo-flecha{
background:transparent url(img/flecha_negra.png) no-repeat scroll 0 5px;
font-size:14px;
font-weight:bold;
padding-left:15px;
color: #324F6F;
}
li.bullet-9 {
/* overflow: hidden;*/
/* margin-left: 5px !important;*/
/* float: left;*/
border-right: 1px dotted #999999;
}
li.bullet-7 a{
/*overflow: hidden;*/
/*margin-left: 5px !important;*/
background: url(img/bullet-7.png) 0 2px no-repeat !important;
}
li.bullet-9 a{
/* overflow: hidden;*/
/* margin-left: 5px !important;*/
background: url(img/bullet-9.png) 0 3px no-repeat !important;
/* float: left;*/
}
li.bullet-x {
float: left;
}
/*
* ordered lists
*/
ol.disc {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 45px;
background: url(img/list_disc.png) 20px 0px repeat-y;
}
ol.disc li {
margin: 5px 0px 5px 0px;
padding-left: 10px;
font-weight: bold;
line-height: 26px;
}
p.detalles{
font-size: 14px;
margin: 5px;
}
/*
* p tag with dropcaps
*/
/*p.dropcap:first-letter {
display: block;
margin: 7px 4px 0px 0px;
float: left;
font-size: 280%;
font-family: Georgia, "Times New Roman", Times, serif;
} */
pre {
padding: 10px;
background: #f6f6f6;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
/*
* blockquotes
*/
q.blockquote {
margin: 10px 0px 10px 15px;
padding: 0px 0px 0px 0px;
font-style: italic;
font-size: 130%;
}
q.blockquote:before,
q.blockquote:after {
content: "";
}
span.alert {
color: #CF3738;
border: 1px solid #FFACAD;
background: #FFD5D5 url(img/alert.png) 10px 50% no-repeat;
}
span.approved {
color: #666;
border: 1px solid #a8a8a8;
background: #ccc url(img/approved.png) 10px 50% no-repeat;
}
span.attention {
color: #B79000;
border: 1px solid #E7BD72;
background: #FFF3A3 url(img/attention.png) 10px 50% no-repeat;
}
span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {
display: block;
padding: 8px 10px 8px 36px;
margin: 10px 0;
}
#destacar_form span.attention {
color: #000;
}
span.camera {
color: #666;
border: 1px solid #C5C5C5;
background: #E6E6E6 url(img/camera.png) 10px 50% no-repeat;
}
span.cart {
color: #666;
border: 1px solid #C5C5C5;
background: #E6E6E6 url(img/cart.png) 10px 50% no-repeat;
}
span.doc {
color: #C76E34;
border: 1px solid #FFBB65;
background: #FFE0B6 url(img/doc.png) 10px 50% no-repeat;
}
span.download {
color: #1C6B8B;
border: 1px solid #6ABCE2;
background: #A8CDE3 url(img/download.png) 10px 50% no-repeat;
}
span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {
display: block;
font-size: 260%;
float: left;
margin: 0px 4px 0 0;
line-height: 100%;
}
span.dropcap, span.important-title, span.number {
color: #333;
}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {
position: absolute;
display: block;
margin-top: -24px;
background: #fff;
padding: 0 8px;
font-weight: bold;
font-size: 120%;
}
span.inset-left {
display: block;
color: #000;
padding: 15px;
float: left;
width: 20%;
font-size: 110%;
font-weight: bold;
font-style: italic;
}
span.inset-right {
display: block;
color: #000;
padding: 15px;
float: right;
width: 20%;
font-size: 110%;
font-weight: bold;
font-style: italic;
}
span.media {
color: #C76E34;
border: 1px solid #FFBB65;
background: #FFE0B6 url(img/media.png) 10px 50% no-repeat;
}
span.note {
color: #B79000;
border: 1px solid #E7BD72;
background: #FFF3A3 url(img/note.png) 10px 50% no-repeat;
}
span.note,
span.info,
span.alert,
span.download,
span.tip, q.blockquote {
display: block;
}
span.notice {
color: #648434;
border: 1px solid #9BCC54;
background: #CDEFA6 url(img/notice.png) 10px 50% no-repeat;
}
span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {
display: block;
font-size: 170%;
float: left;
margin: 2px 10px 0 15px;
}
span.notice.numero {
display:block;
overflow:hidden;
color: #333;
border: 1px solid #FEBC22;
background: #fefefe;
padding: 8px 10px;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
}
span.notice.numero .segundo_paso.segundo,
span.notice.numero .primer_paso.primero{
width: 465px;
}
span.notice.numero .segundo_paso.primero,
span.notice.numero .primer_paso.segundo{
width: 0;
-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}
span.notice.numero .primero{
background: url(img/number-1.png) no-repeat;
padding:5px 5px 5px 85px;
float:left;
height: 75px;
}
span.notice.numero .segundo{
background: url(img/number-2.png) no-repeat;
padding:5px 5px 5px 85px;
float:left;
height: 75px;
}
span.number-brown, .h-brown, span.dropcap-brown, blockquote.brown, span.important-title-brown {
color: #8B6846;
}
span.number-green, .h-green, span.dropcap-green, blockquote.green, span.important-title-green {
color: #74A824;
}
span.number-grey, .h-grey, span.dropcap-grey, blockquote.grey, span.important-title-grey {
color: #666;
}
span.number-orange, .h-orange, span.dropcap-orange, blockquote.orange, span.important-title-orange {
color: #CC8300;
}
span.number-purple, .h-purple, span.dropcap-purple, blockquote.purple, span.important-title-purple {
color: #9E0E87;
}
span.number-red, .h-red, span.dropcap-red, blockquote.red, span.important-title-red {
color: #D12E2E;
}
div.num_clas.h-red p {
color: #D12E2E;
text-align: left;
font-size: 11px;
color: #333;
font-weight: normal;
}
div.num_clas.h-red p a{
font-weight: bold
}
span.subline {
display: block;
font-size: 90%;
margin-bottom: 5px;
padding: 0px;
margin-top: -15px;
font-weight: bold;
text-transform: uppercase;
}
div.normal {
text-align: center;
line-height: 30px;
}
ul.a_fondo li{
padding: 5px 10px;
border: 1px solid #D3D3D3;
margin: 0 0 1px 0;
}
ul.arrow li {
background: url(img/list_arrow.png) 0 0 no-repeat;
}
ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
margin: 5px 0px 5px 0px;
padding-left: 35px;
font-weight: bold;
line-height: 26px;
}
/*
* unsorted lists
*/
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
margin: 10px 0px 10px 0px;
padding-left: 20px;
list-style: none;
}
ul.bullet li {
background: url(img/flecha_negra.png) 0 5px no-repeat !important;
}
/* Typography Styles */
ul.bullet li, ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {
list-style: none;
padding-bottom: 3px !important;
margin-bottom: 5px !important;
padding-left: 10px !important;
}
ul.bullet, ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8, ul.bullet-9, ul.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {
padding-left: 15px !important;
overflow: hidden;
margin-left: 5px !important;
}
ul.bullet-1 li {
background: url(img/bullet-1.png) 0 5px no-repeat !important;
}
ul.bullet-2 li {
background: url(img/bullet-2.png) 0 5px no-repeat !important;
}
ul.bullet-3 li {
background: url(img/bullet-3.png) 0 5px no-repeat !important;
}
ul.bullet-4 li {
background: url(img/bullet-4.png) 0 5px no-repeat !important;
}
ul.bullet-5 li {
background: url(img/bullet-5.png) 0 5px no-repeat !important;
}
ul.bullet-6 li {
background: url(img/bullet-6.png) 0 2px no-repeat !important;
}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li, ul.bullet-9 li {
list-style: none;
padding-bottom: 3px !important;
margin-bottom: 5px !important;
padding-left: 22px !important;
}
ul.bullet-7 li {
background: url(img/bullet-7.png) 0 2px no-repeat !important;
}
ul.bullet-8 li {
background: url(img/bullet-8.png) 0 3px no-repeat !important;
}
ul.bullet-9 li {
background: url(img/bullet-9.png) 0 3px no-repeat !important;
}
ul.check li {
background: url(img/list_check.png) 0 0 no-repeat;
}
ul.checkbox li {
background: url(img/list_checkbox.png) 0 0 no-repeat;
}
ul.enlaces {
padding: 0;
list-style: none;
}
ul.enlaces.exchange {
font-size:9px;
text-decoration:none;
color: #fff;
}
ul.enlaces.exchange li{
margin-bottom: 5px;
}
ul.enlaces li{
text-align: left;
}
ul.ficha_tecnica li div{
padding: 8px 5px 8px 10px;
border-left: 1px solid #FFF;
min-height: 10px;
}
ul.tabla, ul.tabla li,
ul.valoracion, ul.valoracion li,
ul.ficha_tecnica, ul.ficha_tecnica li {
list-style-type: none;
}
ul.ficha_tecnica li div.int{
line-height: 26px;
padding: 0 0 0 7px;
border: 0;
}
ul.ficha_tecnica li div.text{
border: 0;
}
ul.ficha_tecnica li.impar {
background: #CCCCCC;
}
ul.ficha_tecnica li.par{
background: #E9E9E9;
}
ul.special-1 li {
background: url(img/special-1.png) 0 1px no-repeat !important;
}
ul.special-1 li, ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {
list-style: none;
padding-bottom: 3px !important;
margin-bottom: 5px !important;
padding-left: 21px !important;
}
ul.special-10 li {
background: url(img/special-10.png) 0 1px no-repeat !important;
}
ul.special-11 li {
background: url(img/special-11.png) 0 1px no-repeat !important;
}
ul.special-12 li {
background: url(img/special-12.png) 0 1px no-repeat !important;
}
ul.special-13 li {
background: url(img/special-13.png) 0 1px no-repeat !important;
}
ul.special-14 li {
background: url(img/special-14.png) 0 1px no-repeat !important;
}
ul.special-2 li {
background: url(img/special-2.png) 0 1px no-repeat !important;
}
ul.special-3 li {
background: url(img/special-3.png) 0 1px no-repeat !important;
}
ul.special-4 li {
background: url(img/special-4.png) 0 1px no-repeat !important;
}
ul.special-5 li {
background: url(img/special-5.png) 0 1px no-repeat !important;
}
ul.special-6 li {
background: url(img/special-6.png) 0 1px no-repeat !important;
}
ul.special-7 li {
background: url(img/special-7.png) 0 1px no-repeat !important;
}
ul.special-8 li {
background: url(img/special-8.png) 0 1px no-repeat !important;
}
ul.special-9 li {
background: url(img/special-9.png) 0 1px no-repeat !important;
}
ul.star li {
background: url(img/list_star.png) 0 0 no-repeat;
}
ul.tabla{
margin: 10px 0;
}
ul.tabla li{
padding: 5px 0;
}
ul.tabla span{
padding-left: 20px;
}
ul.tabla, ul.tabla li{
clear: both;
overflow: hidden;
padding: 0;
}
ul.tabla li{
padding: 5px 0;
}
ul.tabla li.par{
background: #FFFFFF;
}
ul.tabla li.impar{
background: #CCCCCC;
}
ul.ficha_tecnica li{
padding: 0;
}
ul.a_fondo li{
font-size:13px;
line-height:140%;
padding:10px;
text-align:justify;
}
ul.a_fondo li p{
padding: 0px;
}
ul.valoracion li{
padding: 0px;
border: 0px;
margin: 0px;
line-height: 28px;
}
ul.valoracion li div{
float: left;
padding: 0px 5px;
font-size: 13px;
}
ul.valoracion li div img{
padding: 0px 1px;
}
ul.valoracion li div.votacion {
background: #EBCF5F;
border-left: 1px solid #FFC11C;
float: right;
}
ul.valoracion li div.width32 {
text-align: center;
}
ul.valoracion li.impar div.votacion {
background: #FFE373;
}
ul.valoracion li.impar {
background: #CCCCCC;
}
ul.valoracion, ul.a_fondo {
margin: 0 0 10px 0;
}
ul.tabla.valoracion span {
padding-left: 0px;
font-size: 11px;
}
ul.tabla.valoracion span.buena {
color: #009900;
}
ul.ficha_tecnica {
margin: 0 0 10px 0;
padding-bottom: 1px;
border-bottom: 2px solid #CCCCCC;
}
.a_fondo_cabecera h4{
font-size: 14px;
line-height: 30px;
font-weight: bold;
margin-bottom: 0px;
background: url(img/flecha_negra.png) no-repeat 10px 50%;
padding: 0 0 0 25px;
}
.bloque .sin_margen{
margin: 0 -10px;
}
a.flecha, a.ver_mas:hover {
text-decoration: none;
}
.con_padding{
display: block;
overflow: hidden;
padding: 5px;
}
.content_head{
background: url(img/content_head_bg.png) repeat-x 0 0;
line-height: 32px;
height: 32px;
overflow: hidden;
display: block;
padding: 0 10px;
margin-bottom: 3px;
}
.content_head h3{
color: white;
font-size: 14px;
line-height: 33px;
float: left;
text-transform: lowercase;
}
.content_head a{
color: #F6D326;
}
.content_head a.last{
color: #75C3ED;
}
.content_head h4{
font-size: 18px;
line-height: 33px;
margin-bottom: 0px;
}
.content_head img{
line-height: 40px;
}
.h {
background: #FFFBD5;
padding: 1px 2px;
}
.h-blue {
color: #59B2CC;
}
.h-blue-dark{
color: #30608C;
}
.h-bold {
font-weight: bold;
font-size: 120%;
}
.important {
border: 1px solid #333;
}
.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {
padding: 15px;
margin: 15px 0;
}
.important-blue {
border: 1px solid #0D507A;
}
.important-brown {
border: 1px solid #8B6846;
}
.important-green {
border: 1px solid #74A824;
}
.important-grey {
border: 1px solid #666;
}
.important-orange {
border: 1px solid #CC8300;
}
.important-purple {
border: 1px solid #9E0E87;
}
.important-red {
border: 1px solid #D12E2E;
}
.pedidos .content_head,
.informacion_relacionada .content_head,
.social_networks .content_head,
.detalles_vendedor .content_head {
margin-bottom: 2px;
}
.pedidos a.flecha, .pedidos p.flecha{
margin: 0;
}
.pedidos a.flecha:hover{
color: #000;
}
.titulo_bloc{
background: url(img/titulo_bloc_bg.png) repeat-x 0 0;
height: 68px;
overflow: hidden;
display: block;
position: relative;
}
.titulo_bloc h3{
color: #20405F;
font-size: 16px;
left: 30px;
position: absolute;
top: 40px;
}
.titulo_bloc_anillas{
background: url(img/titulo_bloc_anillas.png) no-repeat 0 0;
position: absolute;
left: 30%;
top: 0;
width: 180px;
height: 21px;
}
.titulo_bloc_left{
background: url(img/titulo_bloc_left.png) no-repeat 0 0;
position: absolute;
left: 0;
top: 0;
width: 35px;
height: 69px;
}
.titulo_bloc_right{
background: url(img/titulo_bloc_right.png) no-repeat 0 0;
position: absolute;
right: 0;
top: 0;
width: 12px;
height: 69px;
}
p.empty{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/empty.png) no-repeat scroll 0 0;
clear:both;
display:block;
font-size:13px;
line-height:130%;
margin:20px auto;
overflow:hidden;
padding:0 0 15px 75px;
width:350px;
}
p.empty b{
clear: both;
display: block;
}
p.especial{
background: #EEE;
padding: 10px;
font-size: 14px;
font-weight: bold;
margin: 0 0 10px 0;
}
p.especial span{
background: #FFF;
display: block;
overflow: hidden;
padding: 10px;
}
ol.roman{
list-style: upper-roman;
}
ol.latin{
list-style: lower-latin;
}
.page h2, .page h3, .page h4, .page h5{
font-weight: bold;
}
.page h2{
font-size: 16px;
background:#21415F none repeat scroll 0 0;
color:#FFFFFF;
font-size:16px;
padding:5px;
}
.page h3{
text-decoration: underline;
font-size: 14px;
}
.page{
font-size: 13px;
}
.num_clas {
padding: 0;
text-align: center;
}
#comprar_clasificado_form {
font-size: 14px;
line-height: 30px;
padding: 5px;
}
#comprar_clasificado_form .saldo {
font-size: 20px;
margin-bottom: 15px;
}
#comprar_clasificado_form input#cantidad_clasificados {
height: 21px;
margin: 3px 5px 0 0;
}
#comprar_clasificado_form input#SaldoRecarga {
height: 20px;
margin: 3px 5px 0 0;
}
table.listado_recargas {
border-width: 1px;
border-spacing: 0px;
border-style: solid;
border-color: #999999;
border-collapse: collapse;
background-color: white;
}
table.listado_recargas tr {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #999999;
background-color: white;
}
table.listado_recargas td {
padding: 5px;
}
table.listado_recargas tfoot td {
text-align: right;
}
table.listado_recargas tfoot td span,
table.listado_recargas tfoot td a{
margin: 0 15px 0 0;
}
/* ayuda y faq */
ul.ayuda {
list-style-type: none;
}
ul.ayuda li{
width: 25%;
float: left;
padding: 0 0 10px;
}
ul.faq {
list-style-type: none;
}
ul.faq li{
padding: 0 0 10px;
}
ul.faq li .pregunta{
font-weight: bold;
}
ul.faq li .respuesta{
padding: 5px 10px 0;
text-align: justify;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
#top_menu{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/top_menu_bg.png) repeat-x scroll 0 0;
display:block;
float:left;
height:30px;
width:100%;
}
#top_menu.menu_personal .back {
float:left;
font-size:12px;
line-height:28px;
padding:0 0 0 10px;
}
#top_menu.menu_personal .back a{
color: #fff;
}
#top_menu.menu_personal .back a:hover{
text-decoration: underline
}
#user_box{
color: #ccc;
}
#user_box.logged_out {
}
#top_menu #mini_profile_form{
float: right;
}
#user_box.logged_out .message{
text-transform: uppercase;
color: #ccc;
float: left;
line-height: 20px;
}
#user_box.logged_out div.input{
float: left;
margin: 6px 5px;
}
#user_box.logged_out input#UserRememberMe{
margin: 3px 5px 0 0;
}
#user_box.logged_out button{
float:left;
font-size:12px;
height:24px;
line-height:12px;
margin:4px 0;
padding:0;
}
#user_box.logged_out label{
display:block;
float:left;
margin-right:0;
padding-right:5px;
text-align:right;
width: auto;
}
#LoginRemember{
float:left;
margin:3px;
}
#top_menu span.username, #top_menu span.password{
margin: 3px 0;
overflow:hidden;
padding:6px 5px 2px 25px;
width:109px;
height: 16px;
float: left;
color: #ddd;
}
#top_menu span.username input, #top_menu span.password input{
color: #DDD;
}
#top_menu span.username:hover input, #top_menu span.password:hover input,
#top_menu span.username input:focus, #top_menu span.password input:focus{
color: #333;
}
#top_menu span.username{
background: url(img/username_bg.png) no-repeat 0 0;
}
#top_menu span.password{
background: url(img/password_bg.png) no-repeat 0 0;
}
#top_menu span.username:hover, #top_menu span.password:hover,
#top_menu span.username:focus, #top_menu span.password:focus{
background-position: 0px -24px;
color: #333;
}
#top_menu span.username input, #top_menu span.password input{
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
color:#999;
float:left;
font-size:11px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0;
width:100%;
}
#top_menu #iniciar{
width: 50px;
background: url(img/boton_iniciar.png) no-repeat 0 0;
float: left;
border: none;
height: 23px;
padding: 0;
}
#top_menu #iniciar:hover{
background-position: 0 -23px;
}
#top_menu #salir{
width: 50px;
background: url(img/boton_salir.png) no-repeat 0 0;
float: left;
border: none;
height: 23px;
padding: 0;
margin: 3px 0;
}
#top_menu #salir:hover{
background-position: 0 -23px;
}
#top_menu .remember{
border-right:1px dotted #333333;
display:block;
float:left;
height:20px;
margin-right:10px;
padding:0 10px;
}
/* MOTOS.ES CSS
Distributed as part of The Coolest DHTML Calendar
Author: Mihai Bazon, www.bazon.net/mishoo
Copyright Dynarch.com 2005, www.dynarch.com
*/
/* The main calendar widget. DIV containing a table. */
div.calendar { position: relative; }
.calendar, .calendar table {
border: 1px solid #bdb2bf;
font-size: 11px;
color: #000;
cursor: default;
background: #fff;
font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}
.calendar {
border-color: #797979;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
padding: 2px; /* Make the buttons seem like they're pressing */
background: url("title-bg.gif") repeat-x 0 100%; color: #000;
font-weight: bold;
}
.calendar .nav {
font-family: verdana,tahoma,sans-serif;
}
.calendar .nav div {
background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}
.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */
text-align: center;
padding: 2px;
background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}
.calendar thead .headrow { /* Row containing navigation buttons */
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #797979;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #c44;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background: url("hover-bg.gif");
border-bottom: 1px solid #797979;
padding: 2px 2px 1px 2px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background: url("active-bg.gif"); color: #fff;
padding: 3px 1px 0px 3px;
border-bottom: 1px solid #797979;
}
.calendar thead .daynames { /* Row |
containing the day names */
background: url("dark-bg.gif");
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
font-family: verdana,tahoma,sans-serif;
width: 2em;
color: #000;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #999;
}
.calendar tbody .day.othermonth.oweekend {
color: #f99;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #797979;
background: url("dark-bg.gif");
}
.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
background: url("rowhover-bg.gif");
}
.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }
.calendar tbody td.hilite { /* Hovered cells | */
background: url("hover-bg.gif");
padding: 1px 3px 1px 1px;
border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #c44;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border: 1px solid #797979;
padding: 1px 3px 1px 1px;
background: url("active-bg.gif");
color: #ff0000;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
text-align: center;
background: #565;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
padding: 2px;
background: url("status-bg.gif") repeat-x 0 0; color: #000;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #afa;
border: 1px solid #084;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #7c7;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #797979;
background: url("normal-bg.gif"); color: #000;
z-index: 100;
font-size: 90%;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: url("hover-bg.gif"); color: #000;
}
.calendar .combo .active {
background: url("active-bg.gif"); color: #fff;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #797979;
padding: 1px 0px;
text-align: center;
background: url("dark-bg.gif");
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 5px 0px 6px;
font-weight: bold;
background: url("normal-bg.gif"); color: #000;
}
.calendar td.time .hour,
.calendar td.time .minute {
font-family: monospace;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
background: url("hover-bg.gif"); color: #000;
}
.calendar td.time span.active {
background: url("active-bg.gif"); color: #fff;
}
/* MOTOS.ES CSS
Copyright (C) 2009 Artvisual www.artvisual.es
*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
/*#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); */ /* Trick IE into showing hover */ /*display: block; }*/
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prevlabel.gif) left 15% no-repeat; }
nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{
float: right;
padding-bottom: 0.7em;
outline: none;
}
#overlay{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 500px; background-color: #000; }
|