/* Theme Name: Webboda Magazine Theme URI: http://blog.webboda.es Description: Magazín webboda Version: 1 Author: Webboda Author URI: http://webboda.es/ */ * {margin:0; padding:0;} .sin_estilos { display: none;} .clear { float:left; clear:both;} ul {list-style: none;} a img {border:none;} a img:hover {opacity: 0.7; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} .float_left {float:left; width: 100%;} .separador {border-top:1px solid #ccc; float:left; width:100%; margin:10px 0 10px 0;} /*Colores*/ .firma { color: #4E85BC;} .coleccion { color: #DA549D; } .entry a.coleccion { color: #DA549D; } .modelo {color:#8F61BE;} .entry a.modelo {color:#8F61BE;} /*No Mostrar*/ .noshow {visibility:hidden; height:0px;} body{ /*Fondo alineado al centro para personalizaciones*/ background:#fff url(./images/fondo.jpg) repeat-x 50% 14px; } body.home{ /*Fondo de portada*/ background:#fff url(./images/fondo.jpg) repeat-x 50% 0px; } /*Cabecera*/ #header { background:#fff url(./images/fondo_cabecera.jpg) no-repeat 50% 0px; height: 143px; max-width:1060px; margin:0 auto;} body.directorio #header { background:#fff url(./images/fondo_cabecera_directorio.jpg) no-repeat 50% 0px; height: 143px; max-width:1060px; margin:0 auto;} #header_content { margin:0 auto; width:1000px; height: 143px; position:relative;} a.acceso_empresas {position:absolute; top:0px; right:0px;} a.cerrar_sesion {position:absolute; top:0px; right:0px;} a.acceso_panel {position:absolute; top:0px; right:150px;} span.bienvenida {position:absolute; top:5px; right:310px; font:12px Arial; color: #999;} #buscador { float:right; display:inline; margin-top:45px; } #buscador input.search_input { background-color: #F5F5F5; border:none; width: 158px; padding: 4px 10px 4px 10px; font: 10px Arial; color: #333; text-transform:uppercase; } #buscador input.boton_buscar { background:#fff url(./images/boton_buscar.jpg) no-repeat; border:none; width:55px; height:22px; cursor:pointer; } /*Menu derecho*/ a.novia { background: url(./images/menu_vestidos_novia.jpg) no-repeat; position:absolute; right:160px; top:84px; width: 140px; height: 59px; } a.fiesta { background: url(./images/menu_vestidos_fiesta.jpg) no-repeat; position:absolute; right:0px; top:84px; width: 140px; height: 59px; } a.directorio { background: url(./images/menu_directorio_empresas.jpg) no-repeat; position:absolute; right:320px; top:83px; width: 140px; height: 60px; } a.novia:hover, a.fiesta:hover {background-position: 0px -59px;} a.directorio:hover {background-position: 0px -60px;} a.novia span, a.fiesta span, a.directorio span {display:none;} /*Menu derecho*/ a.link_logo { position:absolute; left:0px; top:10px; width: 330px; height: 85px; } a.link_logo span {display:none;} /*Contenedor*/ #wrap{ margin: 0 auto 0 auto; text-align:left; width:1000px; position:relative;} /*Miga de pan*/ .breadcrumb { margin: 5px 0 0 0; width:1000px; font: 12px Arial; color:#666;} .breadcrumb a{ background: url(./images/breadcrumb_separador.jpg) right no-repeat; padding-right: 8px; margin-right:8px; color:#b2b2b2; } .breadcrumb a:hover { text-decoration:none;} /***********************/ /* Capas de estructura */ /***********************/ /* Columnas */ .column1 { float:left; display:inline; width:330px; padding-bottom:30px; margin-top:20px;} .column2 { float:left; display:inline; width:330px; margin-left:20px; _margin-left:5px; padding-bottom:30px; margin-top:20px;} .column3 { float:left; display:inline; width:138px; padding: 17px 16px 17px 16px; margin-top:20px; height: 246px} .column4 { float:left; display:inline; width:137px; padding: 17px 0 17px 0; margin-top:20px; height: 246px} .categoria {height: 350px;} /* Artículos - Tipo1 - Vestidos */ #content { float:left; display:inline; margin-left: 180px; width:500px; padding-bottom:30px; margin-top:20px;} /* Artículos - Tipo2 - Normales */ #content2 { float:left; display:inline; width:500px; padding-bottom:30px; margin-top:20px;} /* Artículos - Tipo3 - Ancho completo */ #content3 { float:left; display:inline; width:680px; padding-bottom:30px; margin-top:20px;} /* Sidebars */ #sidebar { position: absolute; top:40px; left: 0px; display:inline; width:160px; padding-bottom:30px;} #sidebar2 { float:left; display:inline; width:160px; padding-bottom:30px; margin-left:20px; margin-top:20px;} #sidebar3 { float:right; display:inline; width:300px; padding-bottom:30px; margin-top:20px;} #sidebar_firma_novia { float:right; display:inline; width:300px; padding-bottom:30px; margin-left:20px; min-height: 1770px; margin-top:20px;} #sidebar_firma_fiesta { float:right; display:inline; width:300px; padding-bottom:30px; margin-left:20px; min-height: 930px; margin-top:20px;} /* Pie */ #footer { background:url(./images/fondo_pie.jpg) repeat-x; height: 355px; width: 100%; float:left;} #footer .inner { background:url(./images/fondo_pie_inner.jpg) repeat-x; margin:0 auto; width:1000px; height: 355px; position:relative;} /********************************/ /* Capas de formato y contenido */ /********************************/ .encabezado { text-align:center; color: #A3A3A3; font:11px Arial; } h1 { font: 25px Arial; color: #333; padding-bottom:5px; border-bottom: 1px solid #d9d9d9; position:relative; margin-bottom:15px;} h1.titulo_search { font-size: 20px;} h2 { font: bold 16px Arial; color: #44; padding-bottom:5px; border-bottom: 1px solid #d9d9d9; position:relative;} h3 { font: normal 18px Arial; color: #D16BAB;} h4 { font: 13px Arial; color: #D16BAB;} .cat_description p {margin-bottom:15px; font: 11px Arial; color: #333;} p.cat_description {font:12px Arial; color:#666; font-style:italic;} /*Artículos*/ .entry{ margin-bottom: 25px; font: 13px Arial; color: #333;} .entry_vestido, .entry_modelo {margin-bottom:0px;} .entry_vestido_height {height:260px;} .entry_modelo {width: 110px; min-height:230px; float:left;} .entry a, .entry_vestido a { color: #DA549D; font-weight:bold;} .entry_modelo a { font-weight:bold;} .entry a:hover { text-decoration:none;} .entry h1 {margin-bottom:0px; position:relative;} .entry h1 a{ font-weight:normal; color:#333; text-decoration:none;} .entry h1 a:hover{ color:#666;} .entry h1 span.precio {position:absolute; right:0px;} .entry h1 span.precio span{font-size:10px; } .entry h1 a.precio_sugerir { position:absolute; right:0px; top:3px; font-size:20px; text-decoration:underline;} .entry h1 a.precio_sugerir:hover { text-decoration:none; color:#8F61BE;} .entry h2 a{color:#333; text-decoration:none;} .entry h2 a:hover{ color:#666;} .entry h3 a { text-decoration:none; font-weight:normal;} .entry h3.modelo a { color:#8F61BE; } .entry h4 a, .entry_modelo h4 a, .entry_vestido h4 a { text-decoration:none;} .entry_modelo p.firma {font-size:12px; height: 17px; overflow:hidden; } .entry_modelo span.precio {font-size:14px; color:#777; width:108px; text-align:center; float:left;} .entry p.fecha{ font: 11px Arial; color:#B2B2B2; margin:5px 0 10px 0; } .entry p.info{ height:20px; } .entry p.info2 { height:40px; } .entry_vestido p.fecha{ font: 11px Arial; color:#B2B2B2; margin:15px 0 0px 0;} .entry_vestido .title h4 { height:33px; overflow:hidden;} .entry_modelo .title h4 { height:15px; overflow:hidden; margin:15px 0 0px 0;} .entry p {font: 13px Arial; color: #333; line-height:20px; margin-bottom:15px;} .entry p.modelo { color: #8F61BE; margin-bottom:10px; } .entry p.modelo_coleccion { margin-top: 7px; float:left; display:inline; width:240px; height: 284px; background:#161613; overflow: hidden; position: relative; } .entry p.modelo_coleccion img{ position: absolute; top: 0; left: 0; border: 0; width: 240px; height: 284px; } p.modelo_coleccion a.ver_modelo{ position:absolute; top: 284px; left: 0; display:block; width:240px; height:284px; background-color:#8F61BE; text-decoration:none; color:#FFF; font:14pt Arial, sans-serif; letter-spacing:0px; font-weight: regular; padding: 10px 10px 0 10px; } .entry .ratingblock {padding-left: 120px;} .entry .votaciones {position:relative; margin-bottom:20px;} .entry .votaciones_float {float:left;} .entry .votaciones span.vota { position:absolute; top:5px; left:0px; color:#DA549D; width:110px; font:bold 17px Arial;} /*Tamanyo maximo de la imagen en la entrada */ .entry img { max-width:494px; width: expression(this.width > 494 ? 494: true); } .contenedor_modelos {width: 100%; margin-bottom:20px;} a.boton_ver_todos_coleccion {background:url(./images/boton_ver_todos_coleccion.jpg) no-repeat; display:block; width:80px; height:20px; float:right;} a.boton_ver_todos_modelo {background:url(./images/boton_ver_todos_modelo.jpg) no-repeat;display:block;width:80px;height:20px;float:right;} a.boton_ver_todos_coleccion, a.boton_ver_todos_modelo {margin:20px 0 40px 0; clear:both;} a.boton_ver_articulo {background:url(./images/boton_ver_articulo.jpg) no-repeat;display:block;width:100px;height:22px; margin-top:10px;} a.boton_ver_articulo:hover {background-position:0 -22px;} p.navegacion_modelos {width: 100%; height: 20px;} p.navegacion_con_fondo { background:url(./images/navegacion_con_fondo.jpg) 86px 1px no-repeat; } a.boton_anterior {background:url(./images/boton_anterior.jpg) no-repeat; display:block;width:80px;height:20px;float:left;} a.boton_siguiente {background:url(./images/boton_siguiente.jpg) no-repeat; display:block;width:80px;height:20px;float:right;} /* Citas */ blockquote {background:url(./images/fondo_blockquote_top.jpg) no-repeat;padding-top:25px;} blockquote > *:last-child { background:url(./images/fondo_blockquote_bottom.jpg) no-repeat bottom; padding-bottom:25px;} blockquote p{padding: 0 20px 0 33px;} /**** Pie ****/ #footer .inner ul { float: left; display:inline; width: 167px; margin: 48px 0 0 35px; } #footer .inner ul li {min-height:20px;} #footer .inner ul li a {font: bold 12px Arial; color: #666; text-transform:uppercase; text-decoration:none;} #footer .inner ul li a:hover {color: #000;} #footer .inner ul li.current-cat a {color: #000;} #footer .copyright { position:absolute; top: 315px; left:0px; font: 12px Arial; color: #666; line-height:15px;} #footer .copyright a {text-decoration:none; color: #666;} #footer .copyright a:hover {text-decoration:underline;} #footer .enlaces { position:absolute; top: 335px; left:0px; font: 11px Arial; color: #666; line-height:15px;} #footer .enlaces a {text-decoration:none; color: #666;} #footer .enlaces a:hover {text-decoration:underline;} /********* Listas ***************/ /********************************/ /* Lista general de post*/ .entry ul { margin: 15px 0 20px 30px; list-style: none;} .entry ul li { background: url(images/lista.jpg) no-repeat 0 5px; padding-left: 18px; margin-top: 7px; line-height: 18px;} /* Lista ordenada general de post */ .entry ol { margin: 15px 0 20px 30px;} .entry ol li { margin-top: 7px;line-height: 18px;} /* Articulos general */ ul.articulos { margin: 15px 0 20px 0px;} ul.articulos li { background: url(images/lista_articulos.jpg) no-repeat 0 5px; padding-left: 16px; margin-top: 7px; line-height: 18px;} ul.articulos li a { font: 13px Arial; color:#666;} ul.articulos li a:hover { text-decoration:none; color:#333;} ul.articulos p.fecha{ font: 11px Arial; color:#B2B2B2; margin:5px 0 15px 0;} /* Artículos mas leidos */ ul.mas_leidos { margin: 10px 0 20px 0px;} ul.mas_leidos li { background: url(images/lista_mas_leidos.jpg) no-repeat 0 0; margin-top: 10px; padding-left: 25px; line-height: 18px; position:relative;} ul.mas_leidos li .tab { position:absolute; top:1px; left:4px;} ul.mas_leidos li .tab span {font: bold 14px Arial; color: #fff;} ul.mas_leidos li a { font: 13px Arial; color:#666;} ul.mas_leidos li a:hover { text-decoration:none; color:#333;} /* Firmas */ ul.firmas { margin: 10px 0 20px 0px;} ul.firmas li { background: url(images/lista_firma.jpg) no-repeat 0 7px; width:144px; padding-left: 16px; line-height: 21px; min-height:21px;} ul.firmas li a { font: bold 12px Arial; color:#4E85BC; text-transform:uppercase; text-decoration:none;} ul.firmas li a:hover { color:#35628E;} ul.firmas_2_column li { float:left;} /* Firmas destacadas */ ul.firmas_destacadas { margin: 10px 0 20px 0px;} ul.firmas_destacadas li { background: url(images/lista_firma_destacada.jpg) no-repeat 0 7px; padding: 5px 0 0 20px; line-height: 19px; } ul.firmas_destacadas li a { font: bold 14px Arial; color:#4E85BC; text-transform:uppercase; text-decoration:none;} ul.firmas_destacadas li a:hover { color:#35628E;} ul.firmas_destacadas li.estrellas1 { background: url(images/lista_firma_destacada_estrellas1.jpg) no-repeat 0 5px; width:100%;} ul.firmas_destacadas li.estrellas2 { background: url(images/lista_firma_destacada_estrellas2.jpg) no-repeat 0 5px; width:100%;} ul.firmas_destacadas li.estrellas3 { background: url(images/lista_firma_destacada_estrellas3.jpg) no-repeat 0 5px; width:100%;} ul.firmas_destacadas li.estrellas4 { background: url(images/lista_firma_destacada_estrellas4.jpg) no-repeat 0 5px; width:100%;} ul.firmas_destacadas li.estrellas5 { background: url(images/lista_firma_destacada_estrellas5.jpg) no-repeat 0 5px; width:100%;} /* Tops - Imagen grande */ ul.top_big { margin: 15px 0 10px 0;} ul.top_big li {padding-bottom:15px; height:85px; position:relative;} ul.top_big li .tab { position:absolute; top:0px; left: 0px; background: url(images/lista_top_grande_tab_rosa.png) no-repeat; padding:2px 0 0 7px; width:16px; height:21px;} ul.top_big_modelos li .tab { background: url(images/lista_top_grande_tab_morado.png) no-repeat; } ul.top_big li .tab span {font: bold 16px Arial; color: #fff;} ul.top_big li .thumbnail { float:left; margin:4px 0 0 5px;} ul.top_big li .titulo {width:187px; margin:0 0 0 95px;} ul.top_big li .votos {float:left;} ul.top_big li a { font: bold 12px Arial; text-decoration:none;} ul.top_big li a:hover { color:#333;} /* Tops - Imagen pequenya*/ ul.top_small { margin: 15px 0 20px 0px;} ul.top_small li {padding-bottom:5px; min-height:45px; position:relative;} ul.top_small li .thumbnail { float:left; margin-top:4px;} ul.top_small li .titulo {width:255px; margin:0 0 0 40px;} ul.large li .titulo {width: 460px;} ul.top_small li .votos {float:left;} ul.top_small li a { font: bold 12px Arial; text-decoration:none;} ul.top_small li a:hover { color:#333;} /* comentarios */ ul.comentarios { margin: 10px 0 20px 0px;} ul.comentarios li { font:12px Arial; color:#777; line-height: 18px; text-align:center;} ul.comentarios li a { color:#4E85BC; text-decoration:none;} ul.comentarios li a:hover { color:#35628E;} ul.comentarios li p { font-weight:bold; margin:5px 0 15px 0;} /********* Cajas ***************/ /*******************************/ /* Caja 1*/ .caja1 { background: url(images/fondo_caja1.jpg) no-repeat; width:147px; height: 80px; padding:10px 0 0 13px; margin-bottom: 20px; } .caja1 p.comparte{ font:bold 16px Arial; color:#444; margin-bottom:6px;} .caja1 a.facebook { background: url(images/icono_facebook.jpg) no-repeat 0 1px; padding-left: 21px; } .caja1 a.email{ background: url(images/icono_email.jpg) no-repeat 0 3px; padding-left: 21px; } .caja1 a { float:left; font:bold 13px Arial; color:#4E85BC; text-decoration:none; margin-top:5px;} .caja1 a:hover { text-decoration:underline;} /* Caja 2*/ .caja2 {background:url(./images/fondo_caja2.jpg) no-repeat; height: 246px;} /* Caja 2*/ .caja3 {background:url(./images/fondo_caja3.jpg) no-repeat; width:298px; height: 242px; padding: 20px 16px 20px 16px; } /************************************* +Imagenes *************************************/ p img { padding: 0; max-width: 100%; } img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft { padding: 4px; margin: 0 7px 7px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .galeria { border: 2px solid #cfcfcf; display: block; margin: 0px auto 0px auto; } .entry_vestido .galeria, .entry_modelo .galeria { border: 1px solid #cfcfcf; display: block; margin: 7px auto 0px auto; } .entry_vestido_height img.galeria {max-height:185px;} p.desc_mod { text-align:center; } /*Caption*/ p.wp-caption-text { padding-top:10px; font:11px Georgia,Arial; color:#777; font-style:italic; text-align:center;} /********* Banners ***************/ /*************************************/ a.newsletter{ background-image: url(./images/newsletter.jpg); height: 111px; width: 160px; margin: 0px 0 20px 0; display:block;} a.fan_facebook{ background-image: url(./images/fan_facebook.jpg); height: 102px; width: 160px; margin: 0px 0 20px 0; display:block;} a.fan_facebook_big{ background-image: url(./images/fan_facebook_big.jpg); height: 102px; width: 300px; margin: 0px 0 20px 0; display:block;} .socialbox { background: #eeeeee; border: 1px solid #bbbbbb; padding: 10px; margin: 10px 0 20px 0; } .socialbox:hover { border: 1px solid #a1a1a1; } .socialbox a { color: #747888; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, Sans-serif; } .socialbox a:hover { color: #414862; text-decoration: underline; } /********* Comentarios ***************/ /*************************************/ h2#comments {font: 21px Arial; color: #333;} h2#comments span {color: #b2b2b2;} h2#postcomment {margin-top:30px;} .commentsblock {margin-top:20px;font: 13px Arial; color:#333;padding-bottom:40px;} .commentsblock a {color: #DA549D;} .comentario_padre {margin-top:25px;background:url(./images/comentario_padre_cabecera.jpg) no-repeat;} .comentario_hijo{background:url(./images/comentario_hijo_cabecera.jpg) no-repeat;margin:19px 0 0 50px;} .comentario_cuerpo {background-color: #F2F2F2;margin-top:17px;padding: 7px 0 0 0;} .comentario_pie{background:url(./images/comentario_padre_pie.jpg) no-repeat;height:13px;} .comentario_pie_hijo{background:url(./images/comentario_hijo_pie.jpg) no-repeat;height:10px;} .info_autor {height: 30px; position:relative;} .info_autor p {font-weight:bold; position:absolute; top:7px; left: 45px;} .info_autor p span {font-weight: normal; color: #b2b2b2;} .comentario_cuerpo p { margin: 0px 15px 0px 20px; line-height:20px;} p.thdrpy {height:20px; margin:10px 15px 0 20px;} p.reply a {background:url(./images/boton_responder.jpg) no-repeat;display:block;width:80px;height:20px;float:right;} form#commentform {margin-top:10px; font: 13px Arial; color: #333;} form#commentform input{background-color: #F5F5F5; border:2px solid #F1CA7F; width: 216px; padding: 4px 10px 4px 10px; font: 13px Arial; color: #555; margin:5px 0 10px 0;} form#commentform #submit { background:#fff url(./images/boton_enviar.jpg) no-repeat; border:none; width:55px; height:20px; cursor:pointer; float:right; } form#commentform textarea{background-color: #F5F5F5; border:2px solid #F1CA7F; width: 476px; padding: 4px 10px 4px 10px; font: 13px Arial; color: #555; margin:5px 0 10px 0;} .editComment, .editableComment, .textComment{ display: inline;} /************* Buscadores ***************/ /****************************************/ /** Buscador catalogo **/ .buscador_catalogo { padding: 11px 13px 13px 13px; margin-bottom: 25px; background:url(./images/fondo_buscador_catalogo.jpg) no-repeat; font:bold 13px Arial; color: #444; } .buscador_catalogo p.catalogo {font-size:12px; font-weight:normal; color: #fff; margin-left:10px;} .buscador_catalogo h3 {color: #fff; margin-left:10px; font-size:20px;} .buscador_catalogo h3 a {color: #fff; border-bottom: 1px dotted #fff; text-decoration:none;} .buscador_catalogo h3 a:hover {border-bottom: none;} .buscador_catalogo form {margin-top:20px;} .buscador_catalogo form select {font-weight: bold; margin:5px 0 10px 0; padding: 3px 5px 2px 5px; width:263px;} /** Buscador generico **/ .buscador_generico {padding: 17px 100px 20px 13px; margin-bottom: 25px; font: 13px Arial; color: #666; height: 325px; } .buscador_generico_novia { background:url(./images/fondo_buscador_novia.jpg) no-repeat; } .buscador_generico_fiesta { background:url(./images/fondo_buscador_fiesta.jpg) no-repeat; } .buscador_generico_novio { background:url(./images/fondo_buscador_novio.jpg) no-repeat; } .buscador_generico h3 {color: #534A48; font-size:12px; font-weight:bold;} .buscador_generico form {margin-top:10px; margin-bottom:45px;} .buscador_generico form input {margin:0 0 10px 0; padding: 2px 5px 2px 5px; width:92%;} .buscador_generico form select {margin:0 0 10px 0; padding: 2px 5px 2px 5px; width:100%;} .buscador_generico form input.boton_buscar {background:#fff url(./images/boton_buscar.jpg) no-repeat; border:none; width:55px; height:22px; cursor:pointer; float:right;} /***** CSS DE ESTRUCTURA Y CONTENIDO GENERAL para los Menus *****/ /****************************************************************/ /* Root = Horizontal, Secondary = Vertical */ ul#menu_principal { list-style: none; margin: -34px 0 0 38px; *margin: -29px 0 0 38px; float:left; display:inline; position:relative; z-index:1000; width: 500px;} ul#menu_principal.home { margin-top: -29px; } ul#menu_principal li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 28px; padding:0 0px 0 0px; } ul#menu_principal ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 24px; left: -17px; } ul#menu_principal ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#menu_principal ul li { width: 193px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ height: auto; } /* Root Menu */ ul#menu_principal a { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; height:1%; /* ¿Para ie6? */ } ul#menu_principal a.main { padding: 0px 10px 0px 27px;} ul#menu_principal a.boda { padding: 0px 10px 0px 27px;} ul#menu_principal ul a { padding: 7px 15px 7px 15px; border-top: 1px solid #727272; } /* Root Menu Hover Persistence */ ul#menu_principal a:hover, ul#menu_principal li:hover a, ul#menu_principal li.iehover a { color: #FFF; background-position: 0px -13px;} ul#menu_principal a.novias { background: url(./images/menu_novias.jpg) no-repeat; width:55px; height: 13px; } ul#menu_principal a.novias:hover, ul#menu_principal li:hover a.novias, ul#menu_principal li.iehover a.novias { } ul#menu_principal a.novios { background: url(./images/menu_novios.jpg) no-repeat; width:71px; height: 13px; } ul#menu_principal a.novios:hover, ul#menu_principal li:hover a.novios, ul#menu_principal li.iehover a.novios { background-position: 0px -13px; } ul#menu_principal a.boda { background: url(./images/menu_laboda.jpg) no-repeat; width:70px; height: 13px; } ul#menu_principal a.boda:hover, ul#menu_principal li:hover a.boda, ul#menu_principal li.iehover a.boda { background-position: 0px -13px; } ul#menu_principal a.boda_civil { background: url(./images/menu_bodacivil.jpg) no-repeat; width:101px; height: 13px; } ul#menu_principal a.boda_civil:hover, ul#menu_principal li:hover a.boda_civil, ul#menu_principal li.iehover a.boda_civil { background-position: 0px -13px; } /* 2nd Menu */ ul#menu_principal li:hover li a, ul#menu_principal li.iehover li a { float: none; background: #414141; color: #FFF;} /* 2nd Menu Hover Persistence */ ul#menu_principal li:hover li a:hover, ul#menu_principal li:hover li:hover a, ul#menu_principal li.iehover li a:hover, ul#menu_principal li.iehover li.iehover a { background: #828282; color: #FFF;} ul#menu_principal li li.current-cat a { background: #828282; color: #FFF;} /* Do Not Move - Must Come Before display:block for Gecko */ ul#menu_principal li:hover ul, ul#menu_principal li.iehover ul { display: block;} /***** CSS DE ESTRUCTURA Y CONTENIDO para la PORTADA ************/ /****************************************************************/ #flash_portada {margin: 15px 0 0 0;width:1000px;height:250px; float:left; display:inline;} .portada .flash_destadado1 {float:left; display:inline;margin: 15px 0 20px 0;width:680px;height:232px;} .portada h2{ float:left; width: 100%; } .portada h2.corto { margin-bottom:10px;} .portada .caja3 h2 { float:none; width: 90%; margin-bottom:15px;} .portada h2 a.ver_todos { background:url(./images/icono_flecha_ver_todos.jpg) 0 4px no-repeat; padding:4px 0 0 16px; float:right; font:bold 10px Arial; color:#669ACC; text-decoration:none;} .portada h2 a.ver_todos:hover {text-decoration:underline;} .portada h3 { margin-top: 10px;} .portada h3 a{ font: bold 16px Arial; color: #444; text-decoration:none;} .portada .column3 h3 a, .portada .column4 h3 a { font: bold 13px Arial; color: #555; margin-top:8px; line-height:15px;} .portada p.resumen {margin-top:7px; font: 12px Arial; color: #333; line-height:18px; } .sidebar_portada h4 { } .sidebar_portada h4 a{ font:normal 13px Arial; color: #333; } .sidebar_portada h4 a:hover{ text-decoration:none;} .destacado_lecturas {background:url(./images/fondo_destacado_lecturas.jpg) no-repeat; padding: 20px 100px 20px 13px; margin: 20px 0 25px 0; font: 13px Arial; color: #666; height: 342px; } .destacado_lecturas .lectura { padding-bottom:15px; border-bottom: 1px solid #E6E3E5; margin-bottom:15px;} /****** Integracion directorio ******/ /************************************/ /* Caja de formularios */ .caja_formulario { background-color: #E6F0FA; border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 12px 17px; margin-bottom:10px;} form.ficha_contacto .error {border:1px solid red;} form.ficha_contacto label {font:bold 13px Arial; color:#444444; width: 170px; display:block;} form.ficha_contacto label.ancha { width: 500px;} form.ficha_contacto textarea { width:500px; height:150px;} form.ficha_contacto input, form textarea {border: 1px solid #dadada; font: 13px Arial; color:#666; padding:3px;} form.ficha_contacto input.largo {width: 330px;} form.ficha_contacto input.upload { border:none; width:100%} form.ficha_contacto select { border: 1px solid #dadada; font: 13px Arial; color:#666; padding:3px; width:160px;} .aviso {font: 11px Arial; color: #666;} .sugerencias {margin-left: 30px; border-left: 1px solid #dadada;} .sugerencias p { padding-left: 12px; margin-bottom: 15px; font:13px Arial; color: #666; line-height:17px;} .sugerencias p.titulo { background: url(./images/empresas/icono_bombilla.jpg) 12px 0px no-repeat; padding:0 0 5px 30px; margin:0px; font: bold 11px Arial; text-transform:uppercase; line-height:16px;} form.ficha_contacto {} form.ficha_contacto label { width:150px;} form.ficha_contacto textarea { width:300px;} tr#divRol, tr#divProvinciaBoda {} tr#divRol td {padding: 10px 0 10px 0;} form.ficha_contacto .boton_contacto {margin-top: 15px; background: url(./images/solicitar_informacion.png) no-repeat; display:block; width: 214px; height:43px; border:none; cursor:pointer;} /* Caja de empresas relacionadas */ .destacados {margin-bottom:25px;} .caja_thumbnail4 { border-bottom:1px solid #d9d9d9; min-height:125px; padding: 10px 0px; width:300px;} .caja_thumbnail4 a { color: #DA549D; font-weight:bold;} .caja_thumbnail4 .imagen { width:120px; min-height:80px; float:left; padding-right:10px; } .caja_thumbnail4 .des { width: 170px; float:left;} .caja_thumbnail4 p {font:12px Arial; color: #888; margin-top:10px; } .caja_thumbnail4 .rating {margin-top:10px;} .miga { margin-bottom:10px; font: 11px Arial; color: #333; } .miga a { color:#4E85BC; } .miga a:hover { text-decoration:none; } .miga span {color: #4E85BC;} /*****************************************************************************************************************/ /*****************************************************************************************************************/ /************************************************ Directorio **************************************************/ /*****************************************************************************************************************/ /*****************************************************************************************************************/ /*Cabecera*/ body.directorio #header { background:#fff url(./images/fondo_cabecera_directorio.jpg) no-repeat 50% 0px; height: 143px; max-width:1060px; margin:0 auto;} /*Menu derecho*/ a.webboda_magazine { background: url(./images/menu_webboda_magazine.jpg) no-repeat; position:absolute; right:260px; top:83px; width: 140px; height: 60px; } a.webboda_magazine:hover {background-position: 0px -60px;} a.webboda_magazine span {display:none;} /*Miga de pan*/ body.directorio .breadcrumb { margin: 5px 0 15px 0; width:1000px; font: 12px Arial; color:#666; position:relative;} /***********************/ /* Capas de estructura */ /***********************/ /* Vista 160 + 820 (450 + 350)*/ body.directorio #content { float:left; display:inline; margin-left: 180px; width:820px; padding-bottom:30px; margin-top:15px; min-height:200px;} body.directorio #content .left { float:left; display:inline; width:450px; padding-bottom:30px; margin-top:15px; min-height:200px;} body.directorio #content .right { float:left; display:inline; width:350px; padding-bottom:30px; margin:15px 0 0 20px; min-height:200px;} /* Vista ficha: 160 + 820 (450 + 350) */ #ficha { float:left; display:inline; margin-left: 180px; width:820px; padding-bottom:30px; margin-top:15px; min-height:200px; position:relative;} #ficha .left { float:left; display:inline; width:450px; padding-bottom:30px; margin-top:15px; min-height:200px;} #ficha .right { float:left; display:inline; width:350px; padding-bottom:30px; margin:15px 0 0 20px; min-height:200px;} /* Vista 160 + 810 */ body.directorio #content2 { float:left; display:inline; margin-left: 190px; width:810px; padding-bottom:30px; margin-top:23px; min-height:600px;} /* Vista listado 630 + 350 */ body.directorio #content_listado { float:left; display:inline; width:630px; padding-bottom:30px; margin-top:40px; position:relative;} body.directorio #sidebar_listado { float:right; display:inline; width:350px; padding-bottom:30px; margin-top:10px;} /* Vista listado 680 + 300 */ body.directorio #content_680 { float:left; display:inline; width:680px; padding-bottom:30px; position:relative;} body.directorio #sidebar_300 { float:right; display:inline; width:300px; padding-bottom:30px; margin-top:30px; } /* Pie */ #footer .inner_proveedores { background:url(./images/empresas/fondo_pie_inner.jpg) repeat-x; margin:0 auto; width:1000px; height: 355px; position:relative;} /********************************/ /* Capas de formato y contenido */ /********************************/ body.directorio #content2 {font: 13px Arial; color:#666;} body.directorio h1 { font: bold 25px Arial; color: #DA549D; padding-bottom:5px; border-bottom: 1px solid #d9d9d9; position:relative; margin-bottom:10px;} body.directorio h1 span {font-weight: normal; color: #444; position:absolute; right:0px; font-size: 19px; padding-top: 5px; } body.directorio h2 a {text-decoration:none; color: #444;} body.directorio h2 a:hover {text-decoration:underline;} /*Listados*/ body.directorio .listado { height:108px; padding: 15px 0 15px 0; position:relative; border-bottom:1px solid #ccc;} body.directorio .highlight{ background-color:#F7F1E5; } body.directorio .highlight2{ background-color:#fbeeee; } body.directorio .highlight2{ background-color:#F7F1E5; } body.directorio .destacado {background:url(./images/listado_destacado.jpg) no-repeat; padding: 15px 0x;} body.directorio .listado h2 { width:440px; float:left; border:none;} body.directorio .destacado h2 { width:400px; } body.directorio .listado h2 a {font:bold 16px Arial; color: #444; text-decoration:none;} body.directorio .listado .ratingblock {position:absolute; right:185px; top:10px;} body.directorio .destacado .ratingblock {position:absolute; right:15px; top:10px;} body.directorio .listado img {float:right; display:inline; margin-left:15px; border:1px solid #999;} body.directorio .destacado img {float:left; display:inline; margin-right:15px; border:1px solid #999;} body.directorio .listado p {font:12px Arial; color:#333;} body.directorio .miga { margin-bottom:10px; font: 11px Arial; color: #333; } body.directorio .miga a { color:#4E85BC; } body.directorio .miga a:hover { text-decoration:none; } body.directorio .miga span {color: #4E85BC;} body.directorio .listado a.ver_detalles { background:url(./images/boton_ver_detalles.jpg) no-repeat; margin-top: 10px; float:left; width:120px; height:22px;} body.directorio .listado a.ver_detalles:hover { text-decoration:none;} #map {margin-top:10px;} /**** Pie ****/ body.directorio #footer .inner ul { float: left; display:inline; width: 215px; margin: 48px 0 0 20px; } body.directorio #footer .inner ul li { line-height: 12px;} body.directorio #footer .inner ul li a {font: 10px Arial; color: #666; text-decoration:none;} /********* Cajas ***************/ /*******************************/ /* Caja de formularios */ body.directorio .caja_formulario { background-color: #E6F0FA; border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 12px 17px; margin-bottom:10px;} body.directorio .caja_formulario_solicitud { background-color: #E6F0FA; border-radius: 0.5em; -moz-border-radius: 0.5em; padding: 12px 17px; margin-bottom:10px;} body.directorio .caja_formulario_solicitud p.solicitud {background-color: #fff; width: 480px; padding: 10px; min-height:50px;} body.directorio .caja_formulario_solicitud p.solicitud_hija {background-color: #fff; width: 460px; padding: 10px; min-height:50px;} body.directorio .caja_formulario_solicitud p.origen {background-color: #fff; width: 480px; padding: 10px; min-height:20px;} body.directorio .caja_formulario_solicitud p.origen_hija {background-color: #fff; width: 460px; padding: 10px; min-height:20px;} body.directorio .caja_formulario_solicitud p.origen a, body.directorio .caja_formulario_solicitud p.origen_hija a { text-decoration:none; color:#DA549D;} body.directorio .caja_formulario_solicitud table.acciones_solicitud { background-color: #fff; width: 500px; padding: 10px; } body.directorio .caja_formulario_solicitud table.acciones_solicitud a { color:#DA549D; } body.directorio .caja_formulario_solicitud table.acciones_solicitud a:hover { text-decoration:none; } /* Caja de thumbnails admin */ body.directorio .caja_thumbnail { background-color: #E6F0FA; border-radius: 1em; -moz-border-radius: 1em; padding: 10px 10px; margin:0 17px 10px 0; width:150px; height:200px; float:left;} body.directorio .caja_thumbnail a.borrar {background: url(./images/empresas/icono_borrar.jpg) right no-repeat; float:right; margin-bottom:10px; padding-right:20px; font:bold 11px Arial; color:#CC0000; text-decoration:none;} body.directorio .caja_thumbnail a.borrar:hover {text-decoration:underline;} /* Caja de thumbnails galeria */ body.directorio .caja_thumbnail2 { xbackground-color: #e9e9e9; border-radius: 1em; -moz-border-radius: 1em; padding: 10px 10px; margin:20px 25px 10px 0; width:150px; float:left;} body.directorio .caja_thumbnail2 .imagen { min-height:150px; float:left;} body.directorio .caja_thumbnail2 p {font:bold 12px Arial; color: #444; margin-top:5px; float:left;} /* Caja de thumbnails solicitud */ body.directorio .caja_thumbnail3 { border:1px solid #d9d9d9; border-left:none; border-top:none; min-height:250px; padding: 10px 15px; width:180px; float:left; margin-bottom:15px;} body.directorio .caja_thumbnail3 a {color: #DA549D; font-weight:bold;} body.directorio .caja_thumbnail3 .imagen { min-height:100px; float:left; padding-bottom:10px;} body.directorio .caja_thumbnail3 p {font:12px Arial; color: #888; margin-top:10px; } /* Caja de empresas relacionadas */ body.directorio .caja_thumbnail4 { border-bottom:1px solid #d9d9d9; min-height:115px; padding: 10px 0px; width:350px; float:left;} body.directorio .caja_thumbnail4 a { color: #DA549D; font-weight:bold;} body.directorio .caja_thumbnail4 .imagen { width:144px; min-height:95px; float:left; padding-right:10px; } body.directorio .caja_thumbnail4 .des { width: 180px; float:left;} body.directorio .caja_thumbnail4 p {font:12px Arial; color: #888; margin-top:10px; } body.directorio .caja_thumbnail4 .rating {margin-top:10px;} /* Caja de thumbnails encuesta */ .caja_encuesta1 { border:1px solid #d9d9d9; border-left:none; border-top:none; min-height:250px; padding: 10px 15px; width:180px; float:left; margin-bottom:15px;} .caja_encuesta1 a {color: #DA549D; font-weight:bold;} .caja_encuesta1 .imagen { min-height:100px; float:left; padding-bottom:10px;} .caja_encuesta1 p {font:12px Arial; color: #888; margin-top:10px; } /***** CSS del directorio ************/ /*************************************/ body.directorio a.agregar {background:url(./images/icono_agregar.jpg) no-repeat; padding-left:20px;font:bold 12px Arial; color:#419746; position:absolute; top:44px; right: 0px;} body.directorio a.agregar:hover { text-decoration:none;} body.directorio a.agregar2 {background:url(./images/icono_agregar2.jpg) no-repeat; padding-left:20px;font:bold 12px Arial; color:#93871C; position:absolute; top:-23px; right: 0px; line-height:18px;} body.directorio a.agregar2:hover { text-decoration:none;} body.directorio p.cat_desc {font:12px Arial; color:#666; font-style:italic;} body.directorio .selector {margin-top:15px;background:url(./images/fondo_selector.jpg) no-repeat; width: 1000px;height:200px;position:relative;} body.directorio .selector .sector { position:absolute; top:40px; left:17px; width:154px;} body.directorio .selector .sector_vacio { top:34px; background:url(./images/fondo_sector.jpg) no-repeat; height:146px; padding-top:5px;} body.directorio .selector .sector ul li a{ background:url(./images/fondo_li_sector.jpg) no-repeat; float:left; display:inline; width:124px; height:28px; padding: 5px 0 0 30px; font: bold 13px Arial; color: #4E85BC; text-decoration:none;} body.directorio .selector .sector_vacio ul li a { background:url(./images/fondo_li_sector_vacio.jpg) 10px 7px no-repeat; } body.directorio .selector .sector ul li a.activo{ height:33px; background-position:0px -38px; color: #DA549D; margin-top:2px;} body.directorio .selector .sector ul li a:hover{ color: #DA549D;} body.directorio .selector .sector ul li a span{ width: 100%; display:block; font:11px Arial; color:#999999; line-height:10px;} body.directorio .selector .servicio { position:absolute; top:42px; left:183px; width:284px;} body.directorio .selector .servicio ul { height: 133px; overflow:auto;} body.directorio .selector .servicio li {background:url(./images/fondo_li_servicio.jpg) 0 6px no-repeat; padding-left: 16px; line-height:19px;} body.directorio .selector .servicio li a{font:bold 12px Arial; color:#4E85BC;text-decoration:none;} body.directorio .selector .servicio li a.activo{color: #DA549D;} body.directorio .selector .servicio li a:hover{color: #DA549D;} body.directorio .selector .servicio ul li a span{ font:11px Arial; color:#999999;} body.directorio .selector .ubicacion { position:absolute; top:42px; left:502px; width:208px;} body.directorio .selector .ubicacion ul { height: 133px; overflow:auto;} body.directorio .selector .ubicacion li {background:url(./images/fondo_li_servicio.jpg) 0 6px no-repeat; padding-left: 16px; line-height:19px;} body.directorio .selector .ubicacion li a{font:bold 12px Arial; color:#4E85BC;text-decoration:none;} body.directorio .selector .ubicacion li a.activo{color: #DA549D;} body.directorio .selector .ubicacion li a:hover{color: #DA549D;} body.directorio .selector .ubicacion ul li a span{ font:11px Arial; color:#999999;} body.directorio .selector .ubicacion ul li a span{display:none;} body.directorio .selector a.boton_agregar_empresa { position:absolute; top: 115px; right: 56px; width: 170px; height:61px; background:#fff url(./images/boton_agregar_empresa.jpg) no-repeat; border:none; width:170px; height:61px; } body.directorio .selector a.boton_agregar_empresa:hover { background-position: 0px -61px; } /* Menus */ /* Root = Horizontal, Secondary = Vertical */ /***** CSS DE ESTRUCTURA Y CONTENIDO GENERAL para los Menus *****/ /****************************************************************/ /* Root = Horizontal, Secondary = Vertical */ body.directorio ul#menu_principal { list-style: none; margin: -34px 0 0 38px; *margin: -29px 0 0 38px; float:left; display:inline; position:relative; z-index:10; width: 500px;} body.directorio ul#menu_principal.home { margin-top: -29px; } body.directorio ul#menu_principal li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 28px; padding:0 0px 0 0px; } body.directorio ul#menu_principal ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 24px; left: -17px; } body.directorio ul#menu_principal ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } body.directorio ul#menu_principal ul li { width: 193px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ height: auto; } body.directorio ul#menu_principal li span { display:none;} /* Root Menu */ body.directorio ul#menu_principal a { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; height:1%; /* ¿Para ie6? */ } body.directorio ul#menu_principal a.main { padding: 0px 10px 0px 27px;} body.directorio ul#menu_principal a.boda { padding: 0px 10px 0px 27px;} body.directorio ul#menu_principal ul a { padding: 7px 15px 7px 15px; border-top: 1px solid #727272; } /* Root Menu Hover Persistence */ body.directorio ul#menu_principal a:hover, body.directorio ul#menu_principal li:hover a, body.directorio ul#menu_principal li.iehover a { color: #FFF; background-position: 0px -13px;} body.directorio ul#menu_principal a.novias { background: url(./images/menu_novias.jpg) no-repeat; width:55px; height: 13px; } body.directorio ul#menu_principal a.novias:hover, body.directorio ul#menu_principal li:hover a.novias, body.directorio ul#menu_principal li.iehover a.novias { } body.directorio ul#menu_principal a.novios { background: url(./images/menu_novios.jpg) no-repeat; width:71px; height: 13px; } body.directorio ul#menu_principal a.novios:hover, body.directorio ul#menu_principal li:hover a.novios, body.directorio ul#menu_principal li.iehover a.novios { background-position: 0px -13px; } body.directorio ul#menu_principal a.proveedores { background: url(./images/menu_proveedores.jpg) no-repeat; width:107px; height: 13px; } body.directorio ul#menu_principal a.proveedores:hover, body.directorio ul#menu_principal li:hover a.proveedores, body.directorio ul#menu_principal li.iehover a.proveedores { background-position: 0px -13px; } body.directorio ul#menu_principal a.banquetes { background: url(./images/menu_banquetes.jpg) no-repeat; width:80px; height: 13px; } body.directorio ul#menu_principal a.banquetes:hover, body.directorio ul#menu_principal li:hover a.banquetes, body.directorio ul#menu_principal li.iehover a.banquetes { background-position: 0px -13px; } /* 2nd Menu */ body.directorio ul#menu_principal li:hover li a, body.directorio ul#menu_principal li.iehover li a { float: none; background: #414141; color: #FFF;} /* 2nd Menu Hover Persistence */ body.directorio ul#menu_principal li:hover li a:hover, body.directorio ul#menu_principal li:hover li:hover a, body.directorio ul#menu_principal li.iehover li a:hover, body.directorio ul#menu_principal li.iehover li.iehover a { background: #828282; color: #FFF;} body.directorio ul#menu_principal li li.current-cat a { background: #828282; color: #FFF;} /* Do Not Move - Must Come Before display:block for Gecko */ body.directorio ul#menu_principal li:hover ul, body.directorio ul#menu_principal li.iehover ul { display: block;} /* Menu provincias */ body.directorio ul#menu_provincias { list-style: none; margin: -38px 0 0 765px; *margin: -33px 0 0 765px; float:left; display:inline; position:relative; z-index:10; width: 230px; } body.directorio ul#menu_provincias.home { margin-top: -33px; } body.directorio ul#menu_provincias li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 28px; padding:0 5px 0 0px; width:230px; } body.directorio ul#menu_provincias ul { margin: 0; border: 0 none; padding: 0; list-style: none; display: none; position: absolute; top: 24px; left: -17px; width: 230px; left: 0px; height:200px; overflow:auto; overflow-x:hidden; } body.directorio ul#menu_provincias ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } body.directorio ul#menu_provincias ul li { width: 230px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ height: auto; } /* Root Menu */ body.directorio ul#menu_provincias li span { font:bold 21px Arial; color:#5C8CBC; padding-left:10px; text-transform:uppercase;} body.directorio ul#menu_provincias a { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; height:1%; /* ¿Para ie6? */ } body.directorio ul#menu_provincias ul a { padding: 7px 15px 7px 15px; border-top: 1px solid #727272; } /* Root Menu Hover Persistence */ body.directorio ul#menu_provincias a:hover, body.directorio ul#menu_provincias li:hover a, body.directorio ul#menu_provincias li.iehover a { color: #FFF;} /* 2nd Menu */ body.directorio ul#menu_provincias li:hover li a, body.directorio ul#menu_provincias li.iehover li a { float: none; background: #414141; color: #FFF;} /* 2nd Menu Hover Persistence */ body.directorio ul#menu_provincias li:hover li a:hover, body.directorio ul#menu_provincias li:hover li:hover a, body.directorio ul#menu_provincias li.iehover li a:hover, body.directorio ul#menu_provincias li.iehover li.iehover a { background: #828282; color: #FFF;} body.directorio ul#menu_provincias li li.current-cat a { background: #828282; color: #FFF;} /* Do Not Move - Must Come Before display:block for Gecko */ body.directorio ul#menu_provincias li:hover ul, body.directorio ul#menu_provincias li.iehover ul { display: block;} /*Menu empresas*/ body.directorio ul#menu_empresas { margin:20px 0 20px 0;} body.directorio ul#menu_empresas li {background: url(./images/empresas/menu_empresas_flecha.jpg) right no-repeat; border-bottom: 1px solid #d9d9d9; } body.directorio ul#menu_empresas a {font:bold 12px Arial; color:#4E85BC; text-decoration:none; padding:7px 5px 7px 26px; display:block;} body.directorio ul#menu_empresas a:hover {text-decoration:underline;} body.directorio ul#menu_empresas a.inicio { background: url(./images/empresas/menu_empresas_inicio.jpg) 0px 5px no-repeat; } body.directorio ul#menu_empresas a.datos { background: url(./images/empresas/menu_empresas_datos.jpg) 0px 5px no-repeat; } body.directorio ul#menu_empresas a.galeria { background: url(./images/empresas/menu_empresas_galeria.jpg) 0px 5px no-repeat; border:none;} body.directorio ul#menu_empresas a.mapa { background: url(./images/empresas/menu_empresas_mapa.jpg) 0px 5px no-repeat; } body.directorio ul#menu_empresas a.video { background: url(./images/empresas/menu_empresas_video.jpg) 0px 5px no-repeat; } body.directorio ul#menu_empresas a.promociones { background: url(./images/empresas/menu_empresas_promociones.jpg) 0px 5px no-repeat; } body.directorio ul#menu_empresas a.ficha { background: url(./images/empresas/menu_empresas_ficha.jpg) 0px 5px no-repeat; } body.directorio ul#menu_empresas a.solicitudes { background: url(./images/empresas/menu_empresas_solicitudes.jpg) 0px 3px no-repeat;} body.directorio ul#menu_empresas a.solicitudes:hover { color:#DA549D; } body.directorio ul#menu_empresas a.creditos { background: url(./images/empresas/menu_empresas_creditos.jpg) 0px 5px no-repeat; } .sesion {position:absolute; right:0px; top:53px;} .sesion a { background: url(./images/empresas/icono_usuario.jpg) 0px 3px no-repeat; font:bold 12px Arial; color:#DA549D; padding:1px 0px 1px 23px; display:block; text-transform:uppercase;} /*Panel de empresa*/ body.directorio p.paso { background: url(./images/empresas/fondo_paso.jpg) 0 6px no-repeat; padding:5px 0 10px 0; font:bold 12px Arial; color: #628FBD; line-height:26px; text-transform: uppercase;} body.directorio p.indicacion { background: url(./images/empresas/fondo_indicacion.jpg) 0 6px no-repeat; padding:5px 0 10px 30px; font:bold 12px Arial; color: #628FBD; line-height:26px; text-transform: uppercase;} body.directorio p.paso span {font:bold 14px Arial; color: #fff; padding: 0 15px 0 7px; } body.directorio span.ocupado {margin-left:20px; font:bold 13px Arial; color:#CC0000;} body.directorio span.disponible {margin-left:20px; font:bold 13px Arial; color:green;} body.directorio .sugerencias {margin-left: 30px; border-left: 1px solid #dadada;} body.directorio .sugerencias p { padding-left: 12px; margin-bottom: 15px; font:13px Arial; color: #666; line-height:17px;} body.directorio .sugerencias p.titulo { background: url(./images/empresas/icono_bombilla.jpg) 12px 0px no-repeat; padding:0 0 5px 30px; margin:0px; font: bold 11px Arial; text-transform:uppercase; line-height:16px;} body.directorio .titulo_datos_usuario {} body.directorio .titulo_datos_usuario p { padding-left: 12px; margin-bottom: 15px; font:13px Arial; color: #666; line-height:17px;} body.directorio .titulo_datos_usuario p.titulo { background: url(./images/empresas/icon_cliente.gif) 15px 0px no-repeat; padding:10px 0 5px 52px; margin-bottom:10px; font: bold 12px Arial; text-transform:uppercase; line-height:20px;} body.directorio table.datos_usuario { } body.directorio table.datos_usuario td {color: #999; } body.directorio table.datos_usuario td.dato {color: #4E85BC; font-weight:normal; } body.directorio table.datos_usuario td.rosa {color: #DA549D; font-weight:bold; } body.directorio table.datos_usuario td.rosa a {color: #DA549D; text-decoration:none;} body.directorio table.datos_usuario td.rosa a:hover {text-decoration:underline; } body.directorio .banner_registro {background: url(./images/empresas/banner_registro.jpg) no-repeat; width:680px; height:407px; margin-top:5px;} body.directorio .banner_registro a.boton_agregar_empresa { position:absolute; top: 325px; left: 44px; width: 170px; height:61px; background:#fff url(./images/boton_agregar_empresa.jpg) no-repeat; border:none; width:170px; height:61px; } body.directorio .banner_registro a.boton_agregar_empresa:hover { background-position: 0px -61px; } body.directorio .accesos_directos .acceso {float:left; width: 151px; height:180px; margin: 20px 10px 0 0; } body.directorio .accesos_directos .acceso .sugerencias {margin:13px 0 0 0;} body.directorio .accesos_directos a { display:block; width: 146px; height:111px; cursor:pointer;} body.directorio .accesos_directos a.mapa {background: url(./images/empresas/acceso_mapa.jpg) no-repeat;} body.directorio .accesos_directos a.datos {background: url(./images/empresas/acceso_datos.jpg) no-repeat;} body.directorio .accesos_directos a.imagenes {background: url(./images/empresas/acceso_imagenes.jpg) no-repeat;} body.directorio .accesos_directos a.video {background: url(./images/empresas/acceso_video.jpg) no-repeat;} body.directorio .accesos_directos a.upgrade {background: url(./images/empresas/acceso_upgrade.jpg) no-repeat;} body.directorio .accesos_directos a.firmas {background: url(./images/empresas/acceso_firmas.jpg) no-repeat;} body.directorio .accesos_directos a:hover {background-position: 0px -111px;} body.directorio img.cabecera {margin-bottom:20px;} body.directorio ul.checklist { background: url(./images/empresas/fondo_checklist.jpg) no-repeat #f5f5f5; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-top-bottom-radius: 6px; border-top-bottom-radius: 6px; padding:50px 10px 15px 10px; } body.directorio ul.checklist li {padding-left:20px; font:bold 13px Arial; color: #666; line-height:16px; margin-bottom:10px; } body.directorio ul.checklist li a { color: #4E85BC;} body.directorio ul.checklist li.pendiente { background: url(./images/empresas/checklist_pendiente.jpg) 0 2px no-repeat; } body.directorio ul.checklist li.ok { background: url(./images/empresas/checklist_ok.jpg) 0 2px no-repeat; } body.directorio .aviso_pendiente { background: url(./images/empresas/fondo_aviso_pendiente.jpg) no-repeat #FBEBF3; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-top-bottom-radius: 6px; border-top-bottom-radius: 6px; padding:70px 10px 15px 10px; margin-bottom:20px; } body.directorio .aviso_pendiente p { font:bold 13px Arial; color: #666; line-height:16px; margin-bottom:10px; } /* Formularios */ body.directorio .aviso {padding:10px; margin: 10px 0 20px 0px; background-color: #E9DCC0; font:13px Arial; color:#666;} body.directorio .aviso_error { color:#B90000;} body.directorio .ok { } body.directorio .aviso_creditos { height:50px; margin: 10px 0px 17px 0px; font:bold 20px Arial; color:#666; } body.directorio .aviso_creditos p {float:right; padding-left: 50px; position:relative; } body.directorio .aviso_creditos p img {position:absolute; left:0px; top:0px;} body.directorio .aviso_creditos span {margin-left:5px; font-size:15px; } body.directorio .aviso_creditos span span { margin-left:0px; color:green; font-size:35px; } body.directorio .aviso_creditos_descripcion { font:15px Arial; color:#666; } body.directorio .aviso_creditos_descripcion p {margin-bottom:15px;} body.directorio .aviso_contacto {padding:8px; position:absolute; right:0px; top:4px; background-color: #E9DCC0; font:13px Arial; color:#666; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px } body.directorio form .error {border:1px solid red;} body.directorio form label {font:bold 13px Arial; color:#444444; width: 170px; display:block;} body.directorio form label.ancha { width: 500px;} body.directorio form textarea { width:500px; height:200px;} body.directorio form textarea.corta { width:350px; height:120px; border:none;} body.directorio form textarea.disabled {background-color:#fff; color: #111;} body.directorio form input, form textarea {border: 1px solid #dadada; font: 13px Arial; color:#666; padding:3px;} body.directorio form input.largo {width: 330px;} body.directorio form input.upload { border:none; width:100%} body.directorio form select { border: 1px solid #dadada; font: 13px Arial; color:#666; padding:3px; width:160px;} body.directorio form .caja_thumbnail input {width: 143px; margin-top:7px;} body.directorio form .caja_thumbnail input.radio {width: 15px; margin-top:0px; } body.directorio form .caja_thumbnail label {display:inline;} body.directorio form td.sector { padding-bottom:10px;} body.directorio form td.sector_tipo {padding-left:3px; font: 13px Arial; color:#444; line-height:20px;} body.directorio form td.sector_tipo input { color: #444; line-height:22px;} body.directorio input.boton_anyadir {background: url(./images/empresas/boton_anyadir.jpg) no-repeat; width: 165px; height:32px; border:none; display:block; cursor:pointer; margin: 20px 0 0 0; } body.directorio input.boton_guardar {background: url(./images/empresas/boton_guardar.jpg) no-repeat; width: 134px; height:32px; border:none; display:block; cursor:pointer; margin: 20px 0 0 0; } body.directorio input.boton_subir_foto {background: url(./images/empresas/boton_subir_foto.jpg) no-repeat; width: 134px; height:32px; border:none; display:block; cursor:pointer; margin: 20px 0 0 0; } body.directorio input.boton_guardar_cambios {background: url(./images/empresas/boton_guardar_cambios.jpg) no-repeat; width: 180px; height:33px; border:none; display:block; cursor:pointer; } body.directorio input.boton_actualizar_mapa {background: url(./images/empresas/boton_actualizar_mapa.jpg) no-repeat; width: 180px; height:33px; border:none; display:block; cursor:pointer; margin:10px 0 0 0; } body.directorio input.boton_guardar_posicion {background: url(./images/empresas/boton_guardar_posicion.jpg) no-repeat; width: 180px; height:33px; border:none; display:block; cursor:pointer; } body.directorio input.boton_borrar {background: url(./images/empresas/boton_borrar.jpg) no-repeat; width: 134px; height:32px; border:none; display:block; cursor:pointer; margin: 20px 0 0 0;} body.directorio input.boton_solicitar {background: url(./images/empresas/boton_solicitar.jpg) no-repeat; width: 134px; height:32px; border:none; display:block; cursor:pointer; margin: 20px 0 0 0;} body.directorio input.boton_responder {background: url(./images/empresas/boton_responder.jpg) no-repeat; width: 170px; height:32px; border:none; display:block; cursor:pointer; } body.directorio input.boton_pagar {background: url(./images/empresas/boton_pagar.jpg) no-repeat; width: 121px; height:32px; border:none; display:block; cursor:pointer; } body.directorio form#loginform label {display:inline;} body.directorio form#loginform td {padding-top:8px;} body.directorio form#loginform input {width:170px;} body.directorio form#loginform input.remember {width:10px; border: none; padding:3px;} body.directorio form#loginform span.remember {font: 13px Arial; color: #444;} body.directorio input.boton_acceder {background: url(./images/empresas/boton_acceder.jpg) no-repeat; width: 95px; height:22px; border:none; display:block; cursor:pointer; } body.directorio form.ficha_contacto {} body.directorio form.ficha_contacto label { width:150px;} body.directorio form.ficha_contacto textarea { width:250px;} body.directorio tr#divRol, tr#divProvinciaBoda {} body.directorio tr#divRol td {padding: 10px 0 10px 0;} body.directorio form.ficha_contacto .boton_contacto {margin-top: 15px; background: url(./images/empresas/boton_contactar.jpg) no-repeat; display:block; width: 160px; height:22px; border:none; cursor:pointer;} body.directorio form.ficha_contacto td.aviso { background:none; font: 11px Arial; color: #666;} a.solicitar_informacion {margin-bottom:15px; background: url(./images/empresas/boton_solicitar_informacion.jpg) no-repeat; float:left; width: 220px; height:33px; border:none; cursor:pointer;} a.solicitar_informacion:hover {background-position: 0px -33px;} /*------------------------------------------------------------*/ /* Suggestion */ /*------------------------------------------------------------*/ a.lSuggestProv:link {font-size : 11px; font-family : arial; text-decoration : underlined; color:#6c6c6c;} a.lSuggestProv:visited {font-size : 11px; font-family : arial; text-decoration : underlined; color:#6c6c6c;} a.lSuggestProv:hover {font-size : 11px; font-family : arial; text-decoration : none; color:#7A1429;} a.lSuggestPob:link {font-size : 11px; font-family : arial; text-decoration : underlined; color:#E4183D;} a.lSuggestPob:visited {font-size : 11px; font-family : arial; text-decoration : underlined; color:#E4183D;} a.lSuggestPob:hover {font-size : 11px; font-family : arial; text-decoration : none; color:#9c9c9c;} .suggest_link {background-color: #FFFFFF;padding: 2px 6px 2px 6px;} .suggest_link_over {background-color:#EFEFEF; padding: 2px 6px 2px 6px;} #LocSearch {visibility:hidden; position: absolute; text-align: left;border: 1px solid #cccccc;margin:2px 0px 2px 0px;} #StrSearch {visibility:hidden; position: absolute; text-align: left;border: 1px solid #cccccc;margin:2px 0px 2px 0px;} #StrPoblacion {visibility:hidden; width:100%; background-color:#ffffff; position: relative; text-align: left;border: 1px solid #CCCCCC; border-right: 2px solid #9c9c9c; border-bottom: 2px solid #9c9c9c; margin:0px 0px 0px 0px;} .searchPob {font-weight:bold; background-color:#F1F3D8;} .searchComm {padding:5px; background-color:#fff; width:100%; font-size : 12px; font-family : arial; color:#6c6c6c; border:1px solid #cccccc;} .searchRegion {font-size : 11px; font-family : arial; color:#6c6c6c;} a.lSeachPob:link {font-size : 12px; font-family : arial; text-decoration : none; color:#000000;} a.lSeachPob:visited {font-size : 12px; font-family : arial; text-decoration : none; color:#000000;} a.lSeachPob:hover {font-size : 12px; font-family : arial; text-decoration : none; color:#000000;} /*------------------------------------------------------------*/ /* Ficha */ /*------------------------------------------------------------*/ body.directorio #ficha h1 {border-bottom:none; margin-bottom:0px; padding-bottom:0px; width: 510px;} body.directorio #ficha h2 {font:bold 16px Arial; color:#444444; border-bottom:1px solid #d9d9d9; margin-top:20px;padding-bottom:2px; margin-bottom:15px;} body.directorio a.boton_contacto {margin-top: 15px; background: url(./images/empresas/boton_contactar.jpg) no-repeat; display:block; width: 160px; height:22px; border:none; cursor:pointer;} body.directorio a.boton_contacto:hover {background-position: 0px -22px;} body.directorio #ficha a.boton_contacto { position:absolute; top:0px; right:0px; margin-top:0px;} body.directorio #ficha .ratingblock {position:absolute; right:185px; top:0px;} body.directorio p.direccion {background: url(./images/empresas/icono_carta.jpg) no-repeat; padding-left:25px; font:13px Arial; color: #333; margin:15px 0; line-height:17px;} body.directorio div#Phone {background: url(./images/empresas/icono_telefono.jpg) 0 5px no-repeat; padding:10px 0 10px 30px; font:18px Arial; color: #333; margin-bottom:15px; line-height:17px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} body.directorio div#Phone a { font: bold 13px Arial; color: #4E85BC; } body.directorio div#Phone a:hover {text-decoration: none;} body.directorio .tabs { border-bottom:1px solid #d9d9d9; position:relative; height:27px; margin-top:20px;} body.directorio .tabs a{ background-color:#E6F0FA; position:absolute; top:0px; padding:7px 20px 5px 20px; font:bold 12px Arial; color: #4E85BC; text-decoration:none; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } body.directorio .tabs a:hover { background-color:#fff; border:1px solid #d9d9d9; border-bottom:none; padding:6px 19px 6px 19px; } body.directorio .tabs a.activo {padding:6px 19px 6px 19px; background-color:#fff; border:1px solid #d9d9d9; border-bottom:none;} body.directorio .tabs a#tab_datos {left:7px;} body.directorio .tabs a#tab_galeria {left: 157px;} body.directorio .tabs a#tab_mapa {left: 289px;} body.directorio .tabs a#tab_contacto {left: 377px;} body.directorio #ficha #datos {} body.directorio #ficha #galeria {display:none;} body.directorio #ficha #contacto {display:none; } body.directorio #ficha #mapa {visibility:hidden; } body.directorio .tabs a#tab_pendientes {left:7px;} body.directorio .tabs a#tab_atendidas {left: 153px;} body.directorio .tabs a#tab_contratadas {left: 290px;} body.directorio .tabs a#tab_descartadas {left: 447px;} body.directorio #atendidas {display:none;} body.directorio #contratadas {display:none;} body.directorio #descartadas {display:none;} body.directorio #ficha {font: 13px Arial; color:#333;} body.directorio #ficha #contacto a {color: #DA549D; font-weight:bold;} body.directorio #ficha #datos p {line-height:18px; margin-bottom:10px;} /* Lista general de post*/ body.directorio #ficha #datos ul { margin: 10px 0 15px 20px; list-style: none;} body.directorio #ficha #datos ul li { background: url(images/lista.jpg) no-repeat 0 5px; padding-left: 18px; margin-top: 3px; line-height: 17px; } body.directorio #ficha #datos ul li.gv-frame {background:none;} body.directorio #ficha #datos ul li a {color: #333;} /* Lista ordenada general de post */ body.directorio #ficha #datos ol { margin: 15px 0 20px 30px;} body.directorio #ficha #datos ol li { margin-top: 7px;line-height: 18px;} body.directorio #ficha .miniatura {width:100px; display:inline;} body.directorio #ficha .miniatura img{width:100px;} /*************************************************************************************************************/ /*************************************************************************************************************/ /************************************************ Boxy **************************************************/ /*************************************************************************************************************/ /*************************************************************************************************************/ .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } .boxy-wrapper h1 { font: bold 25px Arial; color: #DA549D; padding-bottom:5px; border-bottom: 1px solid #d9d9d9; position:relative; margin-bottom:10px;} /* Modal */ .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; } /* Border */ .boxy-wrapper { empty-cells: show; } .boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 } .boxy-wrapper .top-left { background: url('./images/boxy-nw.png'); } .boxy-wrapper .top-right { background: url('./images/boxy-ne.png'); } .boxy-wrapper .bottom-right { background: url('./images/boxy-se.png'); } .boxy-wrapper .bottom-left { background: url('./images/boxy-sw.png'); } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/magazine/images/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/magazine/images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/magazine/images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/magazine/images/boxy-sw.png'); } .boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } .boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } /* Title bar */ .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; } .boxy-wrapper .title-bar.dragging { cursor: move; } .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; border:none;} .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; } /* Content Region */ .boxy-inner { background-color: white; padding: 0 } .boxy-content { padding: 15px 15px 20px 15px; font: 14px Arial; } .boxy-content h3 { text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding:0 0 2px 0; margin:0 0 10px 0;} .boxy-content p {margin-top:10px;} .boxy-content input.boton_enviar { background:#fff url(./images/boton_enviar.jpg) no-repeat; border:none; width:55px; height:20px; cursor:pointer; margin-top:10px; } /* Question Boxes */ .boxy-wrapper .question { width: 350px; min-height: 80px; } .boxy-wrapper .answers { text-align: right; } /*****************************************************************************************************************/ /*****************************************************************************************************************/ /************************************************ Datepicker **************************************************/ /*****************************************************************************************************************/ /*****************************************************************************************************************/ .datePicker { position:absolute; min-width:21em; width:21em; z-index:9999; text-align:center; font:900 0.8em/0.8em Verdana, Sans-Serif; background:transparent; } .iehack { position:absolute; background:#fff; z-index:9998; padding:0; border:0; display:none; } .date-picker-control { border:0 none; padding:0; margin-left:4px; background:transparent url(./images/cal.gif) no-repeat 0 0; width:16px; height:16px; margin-top:0; vertical-align:top; cursor:pointer; } .datePicker th button { display:inline; padding:0; margin:0; color:#000; height:1em; width:0.8em; line-height:0.8em; border-width:0; font-family: georgia, times new roman, palatino, times, bookman, serif; background:transparent; font-weight:bold; cursor:pointer; /* Remove the next line (or add it to an IE specific stylesheet imported using conditional comments) should you wish to validate the css */ outline:expression(hideFocus="true"); } .datePicker th button:active, .datePicker th button:focus, .date-picker-control:active, .date-picker-control:focus, .datePicker th button.disabled { outline:none !important; /* Remove the next line should you need to validate the css */ -moz-outline-style:none; } .datePicker th button.prev-but {text-align:left; } .datePicker th button.next-but { text-align:right; } .datePicker th button.disabled { color:#aaa; cursor:default; } .but-spacer { margin-right:0.2em; } .datePicker th button.fd-day-header { text-align:center; margin:0 auto; font:900 1em Verdana, Sans-Serif; height:auto; width:auto; text-decoration:none; line-height:1.4em; } .datePicker table { position:relative; margin:0; padding:0; border:1px solid #ccc; background:#fff url(./images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px; text-align:center; width:100%; } .datePicker table tfoot td { background:#fff url(./images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px; } .datePicker table td { border: 1px solid #ccc; padding:0.6em 0.5em 0.5em 0.5em; /* Opera requires a line-height bigger than 1em in order to redraw properly */ line-height:1.2em; cursor:default; background:#fff url(./images/gradient-e5e5e5-ffffff.gif) repeat-x 0 -50px; } .datePicker table th { border:0 none; padding:0; line-height:1em; font-weight:bold; color:#222; text-align:center; } .datePicker table th.date-picker-day-header { text-transform:lowercase; cursor:help; } .datePicker table td.date-picker-today { background:#fff url(./images/bullet2.gif) no-repeat 0 0; color:rgb(100,100,100) !important; } .datePicker table td.date-picker-selected-date { color:#333 !important; border-color:#333 !important; } td.date-picker-highlight { color:#a86666; } .datePicker table td.out-of-range { color:#ccc !important; font-style:oblique; background:transparent !important; cursor:default !important; } .datePicker table td.day-disabled { color:#aaa !important; background:transparent !important; cursor:default !important; } .datePicker table td#date-picker-hover { background:#fff url(./images/bg_header.jpg) no-repeat 0 0; cursor:pointer; border-color:rgb(100,130,170); color:rgb(100,130,170); } * html .datePicker table td.date-picker-selected, * html .datePicker table td.date-picker-hover, * html .datePicker table td { background-image:none; } /*****************************************************************************************************************/ /*****************************************************************************************************************/ /************************************************ Jquery Lightbox **********************************************/ /*****************************************************************************************************************/ /*****************************************************************************************************************/ .jquery-lightbox-overlay{background:#000000}.jquery-lightbox{position:relative;padding:17px 0}.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right{position:absolute;height:17px;width:12%;z-index:7000}.jquery-lightbox-border-top-left{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat 0 0;top:0;left:0}.jquery-lightbox-border-top-right{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat right 0;top:0;right:0}.jquery-lightbox-border-top-middle{background:#f3f3f3;position:absolute;height:7px;width:78%;top:0;left:12%;z-index:7000;overflow:hidden}.jquery-lightbox-border-bottom-left{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat 0 bottom;bottom:0;left:0}.jquery-lightbox-border-bottom-right{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat right bottom;bottom:0;right:0}.jquery-lightbox-border-bottom-middle{background:#f3f3f3;height:7px;width:78%;position:absolute;bottom:0;left:12%;z-index:7000;overflow:hidden}.jquery-lightbox-title{background:#f3f3f3;color:#49545e;font-family:verdana,arial,serif;font-size:11px;line-height:14px;padding:5px 8px;margin:3px;position:absolute;bottom:0;z-index:7000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.jquery-lightbox-html{z-index:7000;position:relative;border:0;border-left:7px solid #f3f3f3;border-right:7px solid #f3f3f3;padding:0px 15px;vertical-align:top}.jquery-lightbox-html embed,.jquery-lightbox-html object,.jquery-lightbox-html iframe{vertical-align:top}.jquery-lightbox-background{position:absolute;top:7px;left:7px;z-index:6999;float:left;padding:0}.jquery-lightbox-background img{display:block;position:relative;border:0;margin:0;padding:0;width:100%;height:100%}.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998;padding:0}.jquery-lightbox-mode-html .jquery-lightbox-background{background:#FFFFFF}.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:auto}.jquery-lightbox-loading{background:#FFFFFF url(js/lightbox/themes/evolution/images/loading.gif) no-repeat center center}.jquery-lightbox-button-close{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -154px -23px;position:absolute;top:7px;right:-26px;width:29px;height:40px}.jquery-lightbox-button-close:hover{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -203px -23px}.jquery-lightbox-button-close span,.jquery-lightbox-buttons span{display:none}.jquery-lightbox-mode-image .jquery-lightbox-button-close{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -30px -29px;right:14px;z-index:7002;width:40px;height:29px}.jquery-lightbox-mode-image .jquery-lightbox-button-close:hover{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -83px -29px}.jquery-lightbox-buttons{position:absolute;z-index:7001;overflow:visible;width:100%;height:100%;top:7px;bottom:0;left:7px;right:0}.jquery-lightbox-buttons .jquery-lightbox-buttons-init,.jquery-lightbox-buttons .jquery-lightbox-buttons-end{width:14px;height:29px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-buttons-init{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -32px -82px}.jquery-lightbox-buttons .jquery-lightbox-buttons-end{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -339px -82px}.jquery-lightbox-buttons .jquery-lightbox-button-left{display:none}.jquery-lightbox-buttons .jquery-lightbox-button-right{display:none}.jquery-lightbox-buttons .jquery-lightbox-button-max{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -72px -82px;width:29px;height:29px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -141px -82px}.jquery-lightbox-buttons .jquery-lightbox-button-min{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -192px -82px;width:29px;height:29px;float:left;display:inline}.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -226px -82px}.jquery-lightbox-buttons-custom{height:29px;float:left;display:inline;background:#f3f3f3;line-height:29px;font-size:10px}.jquery-lightbox-buttons-custom a{color:#232528;font-size:10px;display:inline;font-weight:normal;text-decoration:underline;padding:0 3px}.jquery-lightbox-navigator{position:absolute;z-index:7002;overflow:hidden;top:7px;left:7px}.jquery-lightbox-navigator .jquery-lightbox-button-left{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -7px -141px;width:21px;height:84px;position:absolute;left:0;top:3px}.jquery-lightbox-navigator .jquery-lightbox-button-left:hover{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -50px -141px}.jquery-lightbox-navigator .jquery-lightbox-button-right{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -389px -141px;width:21px;height:84px;position:absolute;right:0;top:3px}.jquery-lightbox-navigator .jquery-lightbox-button-right:hover{background:url(js/lightbox/themes/evolution/images/jquery-lightbox-theme.png) no-repeat -351px -141px}.jquery-lightbox-navigator span{display:none}.jquery-lightbox-mode-html .jquery-lightbox-navigator{display:none} /*****************************************************************************************************************/ /*****************************************************************************************************************/ /************************************************ EG Series **************************************************/ /*****************************************************************************************************************/ /*****************************************************************************************************************/ .entry ul.eg-series-posts span.eg-series-post-date {font: 10px Arial; color: #666;} .entry ul.eg-series-posts li a { color: #DA549D;} ul.eg-series-posts li.eg-series-posts-item span.date, ol.eg-series-posts li.eg-series-posts-item span.date { float: none; display: inline;} dl.eg-series-posts { margin: 0 auto; width: 80%;} dl.eg-series-posts dt{ margin-top: 1em;} dl.eg-series-posts dt span.date{ font-variant: normal;} span.eg-series-info { color: blue;} span.eg-series-error { color: red;} li.eg-series-posts-item span.eg-series-post-excerpt { display: block; margin-bottom: 1em;} /*****************************************************************************************************************/ /*****************************************************************************************************************/ /************************************************ GDSR Star **************************************************/ /*****************************************************************************************************************/ /*****************************************************************************************************************/ /* stars sizes: 12, 16, 20, 46 */ /* stars sets: oxygen */ /* thumbs sizes: 24 */ /* thumbs sets: */ /* loaders: flower */ .starsbar.gdsr-size-12, .starsbar.gdsr-size-12 .gdheight, .starsbar.gdsr-size-12 a { height: 12px; } .starsbar.gdsr-size-12 a.s1 { width: 12px; } .starsbar.gdsr-size-12 a.s2 { width: 24px; } .starsbar.gdsr-size-12 a.s3 { width: 36px; } .starsbar.gdsr-size-12 a.s4 { width: 48px; } .starsbar.gdsr-size-12 a.s5 { width: 60px; } .starsbar.gdsr-size-12 a.s6 { width: 72px; } .starsbar.gdsr-size-12 a.s7 { width: 84px; } .starsbar.gdsr-size-12 a.s8 { width: 96px; } .starsbar.gdsr-size-12 a.s9 { width: 108px; } .starsbar.gdsr-size-12 a.s10 { width: 120px; } .starsbar.gdsr-size-12 a.s11 { width: 132px; } .starsbar.gdsr-size-12 a.s12 { width: 144px; } .starsbar.gdsr-size-12 a.s13 { width: 156px; } .starsbar.gdsr-size-12 a.s14 { width: 168px; } .starsbar.gdsr-size-12 a.s15 { width: 180px; } .starsbar.gdsr-size-12 a.s16 { width: 192px; } .starsbar.gdsr-size-12 a.s17 { width: 204px; } .starsbar.gdsr-size-12 a.s18 { width: 216px; } .starsbar.gdsr-size-12 a.s19 { width: 228px; } .starsbar.gdsr-size-12 a.s20 { width: 240px; } .starsbar.gdsr-size-16, .starsbar.gdsr-size-16 .gdheight, .starsbar.gdsr-size-16 a { height: 16px; } .starsbar.gdsr-size-16 a.s1 { width: 16px; } .starsbar.gdsr-size-16 a.s2 { width: 32px; } .starsbar.gdsr-size-16 a.s3 { width: 48px; } .starsbar.gdsr-size-16 a.s4 { width: 64px; } .starsbar.gdsr-size-16 a.s5 { width: 80px; } .starsbar.gdsr-size-16 a.s6 { width: 96px; } .starsbar.gdsr-size-16 a.s7 { width: 112px; } .starsbar.gdsr-size-16 a.s8 { width: 128px; } .starsbar.gdsr-size-16 a.s9 { width: 144px; } .starsbar.gdsr-size-16 a.s10 { width: 160px; } .starsbar.gdsr-size-16 a.s11 { width: 176px; } .starsbar.gdsr-size-16 a.s12 { width: 192px; } .starsbar.gdsr-size-16 a.s13 { width: 208px; } .starsbar.gdsr-size-16 a.s14 { width: 224px; } .starsbar.gdsr-size-16 a.s15 { width: 240px; } .starsbar.gdsr-size-16 a.s16 { width: 256px; } .starsbar.gdsr-size-16 a.s17 { width: 272px; } .starsbar.gdsr-size-16 a.s18 { width: 288px; } .starsbar.gdsr-size-16 a.s19 { width: 304px; } .starsbar.gdsr-size-16 a.s20 { width: 320px; } .starsbar.gdsr-size-20, .starsbar.gdsr-size-20 .gdheight, .starsbar.gdsr-size-20 a { height: 20px; } .starsbar.gdsr-size-20 a.s1 { width: 20px; } .starsbar.gdsr-size-20 a.s2 { width: 40px; } .starsbar.gdsr-size-20 a.s3 { width: 60px; } .starsbar.gdsr-size-20 a.s4 { width: 80px; } .starsbar.gdsr-size-20 a.s5 { width: 100px; } .starsbar.gdsr-size-20 a.s6 { width: 120px; } .starsbar.gdsr-size-20 a.s7 { width: 140px; } .starsbar.gdsr-size-20 a.s8 { width: 160px; } .starsbar.gdsr-size-20 a.s9 { width: 180px; } .starsbar.gdsr-size-20 a.s10 { width: 200px; } .starsbar.gdsr-size-20 a.s11 { width: 220px; } .starsbar.gdsr-size-20 a.s12 { width: 240px; } .starsbar.gdsr-size-20 a.s13 { width: 260px; } .starsbar.gdsr-size-20 a.s14 { width: 280px; } .starsbar.gdsr-size-20 a.s15 { width: 300px; } .starsbar.gdsr-size-20 a.s16 { width: 320px; } .starsbar.gdsr-size-20 a.s17 { width: 340px; } .starsbar.gdsr-size-20 a.s18 { width: 360px; } .starsbar.gdsr-size-20 a.s19 { width: 380px; } .starsbar.gdsr-size-20 a.s20 { width: 400px; } .starsbar.gdsr-size-46, .starsbar.gdsr-size-46 .gdheight, .starsbar.gdsr-size-46 a { height: 46px; } .starsbar.gdsr-size-46 a.s1 { width: 46px; } .starsbar.gdsr-size-46 a.s2 { width: 92px; } .starsbar.gdsr-size-46 a.s3 { width: 138px; } .starsbar.gdsr-size-46 a.s4 { width: 184px; } .starsbar.gdsr-size-46 a.s5 { width: 230px; } .starsbar.gdsr-size-46 a.s6 { width: 276px; } .starsbar.gdsr-size-46 a.s7 { width: 322px; } .starsbar.gdsr-size-46 a.s8 { width: 368px; } .starsbar.gdsr-size-46 a.s9 { width: 414px; } .starsbar.gdsr-size-46 a.s10 { width: 460px; } .starsbar.gdsr-size-46 a.s11 { width: 506px; } .starsbar.gdsr-size-46 a.s12 { width: 552px; } .starsbar.gdsr-size-46 a.s13 { width: 598px; } .starsbar.gdsr-size-46 a.s14 { width: 644px; } .starsbar.gdsr-size-46 a.s15 { width: 690px; } .starsbar.gdsr-size-46 a.s16 { width: 736px; } .starsbar.gdsr-size-46 a.s17 { width: 782px; } .starsbar.gdsr-size-46 a.s18 { width: 828px; } .starsbar.gdsr-size-46 a.s19 { width: 874px; } .starsbar.gdsr-size-46 a.s20 { width: 920px; } .ratepost.gdsr-size-12, .ratepost.gdsr-size-12 .starsbar .gdouter { width: 84px; } .ratepost.gdsr-size-16, .ratepost.gdsr-size-16 .starsbar .gdouter { width: 112px; } .ratepost.gdsr-size-20, .ratepost.gdsr-size-20 .starsbar .gdouter { width: 140px; } .ratepost.gdsr-size-46, .ratepost.gdsr-size-46 .starsbar .gdouter { width: 322px; } .rcmmpost.gdsr-size-12, .rcmmpost.gdsr-size-12 .starsbar .gdouter { width: 84px; } .rcmmpost.gdsr-size-16, .rcmmpost.gdsr-size-16 .starsbar .gdouter { width: 112px; } .rcmmpost.gdsr-size-20, .rcmmpost.gdsr-size-20 .starsbar .gdouter { width: 140px; } .rcmmpost.gdsr-size-46, .rcmmpost.gdsr-size-46 .starsbar .gdouter { width: 322px; } .rcmmmulti.gdsr-size-12, .rcmmmulti.gdsr-size-12 .starsbar .gdouter { width: 240px; } .rcmmmulti.gdsr-size-16, .rcmmmulti.gdsr-size-16 .starsbar .gdouter { width: 320px; } .rcmmmulti.gdsr-size-20, .rcmmmulti.gdsr-size-20 .starsbar .gdouter { width: 400px; } .rcmmmulti.gdsr-size-46, .rcmmmulti.gdsr-size-46 .starsbar .gdouter { width: 920px; } .ratecmm.gdsr-size-12, .ratecmm.gdsr-size-12 .starsbar .gdouter { width: 60px; } .ratecmm.gdsr-size-16, .ratecmm.gdsr-size-16 .starsbar .gdouter { width: 80px; } .ratecmm.gdsr-size-20, .ratecmm.gdsr-size-20 .starsbar .gdouter { width: 100px; } .ratecmm.gdsr-size-46, .ratecmm.gdsr-size-46 .starsbar .gdouter { width: 230px; } .reviewcmm.gdsr-size-12, .reviewcmm.gdsr-size-12 .starsbar .gdouter { width: 60px; } .reviewcmm.gdsr-size-16, .reviewcmm.gdsr-size-16 .starsbar .gdouter { width: 80px; } .reviewcmm.gdsr-size-20, .reviewcmm.gdsr-size-20 .starsbar .gdouter { width: 100px; } .reviewcmm.gdsr-size-46, .reviewcmm.gdsr-size-46 .starsbar .gdouter { width: 230px; } .gdsr-oxygen .starsbar.gdsr-size-12 .gdouter { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars12.png') repeat-x 0px 0px; } .gdsr-oxygen .starsbar.gdsr-size-12 .gdinner { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars12.png') repeat-x 0px -24px; } .gdsr-oxygen .starsbar.gdsr-size-12 .gdcurrent { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars12.png') repeat-x 0px -12px; } .gdsr-oxygen .starsbar.gdsr-size-12 a:hover { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars12.png') repeat-x 0px -12px !important; } .gdsr-oxygen .starsbar.gdsr-size-16 .gdouter { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars16.png') repeat-x 0px 0px; } .gdsr-oxygen .starsbar.gdsr-size-16 .gdinner { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars16.png') repeat-x 0px -32px; } .gdsr-oxygen .starsbar.gdsr-size-16 .gdcurrent { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars16.png') repeat-x 0px -16px; } .gdsr-oxygen .starsbar.gdsr-size-16 a:hover { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars16.png') repeat-x 0px -16px !important; } .gdsr-oxygen .starsbar.gdsr-size-20 .gdouter { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png') repeat-x 0px 0px; } .gdsr-oxygen .starsbar.gdsr-size-20 .gdinner { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png') repeat-x 0px -40px; } .gdsr-oxygen .starsbar.gdsr-size-20 .gdcurrent { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png') repeat-x 0px -20px; } .gdsr-oxygen .starsbar.gdsr-size-20 a:hover { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png') repeat-x 0px -20px !important; } .gdsr-oxygen .starsbar.gdsr-size-46 .gdouter { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars46.png') repeat-x 0px 0px; } .gdsr-oxygen .starsbar.gdsr-size-46 .gdinner { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars46.png') repeat-x 0px -92px; } .gdsr-oxygen .starsbar.gdsr-size-46 .gdcurrent { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars46.png') repeat-x 0px -46px; } .gdsr-oxygen .starsbar.gdsr-size-46 a:hover { background: url('http://blog.webboda.es/wp-content/plugins/gd-star-rating/stars/oxygen/stars46.png') repeat-x 0px -46px !important; } .ratepost, .rcmmpost, .ratemulti, .rcmmmulti, .ratecmm, .reviewcmm { position: relative; display: block; } .ratepost .starsbar .gdinner, .rcmmpost .starsbar .gdinner, .ratemulti .starsbar .gdinner, .rcmmmulti .starsbar .gdinner, .ratecmm .starsbar .gdinner, .reviewcmm .starsbar .gdinner { width: 0; } .ratepost .starsbar a:active, .rcmmpost .starsbar a:active, .ratemulti .starsbar a:active, .rcmmmulti .starsbar a:active, .ratecmm .starsbar a:active, .reviewcmm .starsbar a:active { text-decoration: none; border: 0 !important; } .ratepost .starsbar a:visited, .rcmmpost .starsbar a:visited, .ratemulti .starsbar a:visited, .rcmmmulti .starsbar a:visited, .ratecmm .starsbar a:visited, .reviewcmm .starsbar a:visited { text-decoration: none; border: 0 !important; } .ratepost .starsbar a:hover, .rcmmpost .starsbar a:hover, .ratemulti .starsbar a:hover, .rcmmmulti .starsbar a:hover, .ratecmm .starsbar a:hover, .reviewcmm .starsbar a:hover { text-decoration: none; border: 0 !important; } .ratepost .starsbar a, .rcmmpost .starsbar a, .ratemulti .starsbar a, .rcmmmulti .starsbar a, .ratecmm .starsbar a, .reviewcmm .starsbar a { position: absolute; display: block; left: 0; top: 0; text-decoration: none; border: 0 !important; cursor: pointer; background: none !important; } .gdthumb a { border: 0 none !important; cursor: pointer; display: block; left: 0; position: absolute; text-decoration: none; top: 0; } .rtexthumb .gdthumbtext { float: none; } .gdthumbtext { float: left; font-size: 12px; } .gdthumb { position: relative; float: left; } .gdthumb.gdup a { background-position: 0px 0px; } .thumblock .ratingloader { float: left; } .ratemulti .starsbar .gdcurrent { width: 0; top: 0; position: absolute; } .starsbar .gdinner { padding: 0; } .ratingblock td { vertical-align: middle; } .raterclear { clear: both; } .raterleft { float: left; } .raterright { float: right; } .voted {color: #999;} .inactive {color: #999;} .thanks {color: #36AA3D;} .static {color: #5D3126;} .rater { top: 0; } .ratingtextmulti { float: left; } .ratingbutton { float: right; padding: 1px 6px; } .ratingbutton.gdinactive { border: 1px solid #9c5f5f; background-color: #e9e4d4; } .ratingbutton.gdactive { border: 1px solid black; background-color: #f1ede5; cursor: pointer; } .ratingbutton a { line-height: 14px; text-decoration: none !important; } .ratingbutton.gdactive { cursor: pointer; } .ratingbutton.gdactive a { color: #ad1b1b; cursor: pointer; } .ratingbutton.gdinactive a { color: gray; cursor: default; } .gdmultitable { padding: 3px; margin: 3px; border: 1px solid #999999; } .gdtblbottom td { padding-top: 4px; } .gdtblbottom { margin-top: 2px; background-color: #fffcf4; } .mtrow { background-color: #fffcf4; } .mtrow td.mtstars { text-align: right; } .mtrow.alternate { background-color: #f7f4ea; } .gdtblmuravg { background-color: #fffcf4; } .gdtblmuravg td { border-top: 2px solid #dcdcdc; text-align: center; } .gdmultitable td { vertical-align: middle; padding: 2px 4px; color: black; } .ratingblock, .thumblock { margin-bottom: 4px; margin-top: 4px; font-size: 12px; } .ratingstarsinline { float: left; } .ratingtext { padding-bottom: 2px; margin-bottom: 2px; margin-top: 0px; } .ratingmulti img { border: 0; padding: 0; margin: 0; } .gdouter { text-align: left; } .ratingblockarticle { font-size: 1em; } .ratingblockcomment { font-size: 0.8em; } .ratingloaderarticle, .ratingloadercomment { font-size: 12px; text-align: center; vertical-align: middle; } .cmminthide { display: none; } /* loading indicators */ .loader { margin-left: auto; margin-right: auto; text-align: left; } .loader.flower { background: url(http://blog.webboda.es/wp-content/plugins/gd-star-rating/gfx/loader/flower.gif) no-repeat left; padding-left: 18px; } .loader.flower.width { width: 16px; } .loader.width { padding-left: 0px; } .loader.arrows.thumb, .loader.flower.thumb, .loader.circle.thumb, .loader.broken.thumb, .loader.radar.thumb, .loader.triangles.thumb, .loader.snake.thumb, .loader.snakebig.thumb, .loader.brokenbig.thumb { background-position: center !important; padding-left: 0px !important; } /* top rating widget */ .trw-title { text-align: center; font-size: 16px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; } .trw-rating { font-size: 44px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } .trw-footer { text-align: center; font-size: 11px; font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; } .gdsrcacheloader { border-top: 1px solid gray; border-bottom: 1px solid gray; margin: 3px; padding: 3px; } .gdsrclsmall { background: url(http://blog.webboda.es/wp-content/plugins/gd-star-rating/gfx/load_small.png) no-repeat left; padding-left: 28px; width: 120px; } .gdsrclbig { background: url(http://blog.webboda.es/wp-content/plugins/gd-star-rating/gfx/load_big.png) no-repeat left; padding-left: 46px; width: 160px; } .gdsrclsmall strong { font-size: 14px; } .gdsrclsmall em { font-size: 11px; } .gdsrclbig strong { font-size: 17px; } .gdsrclbig em { font-size: 14px; } /*********************************************************************************************************************/ /*********************************************************************************************************************/ /************************************************ WP-Pagenavi **************************************************/ /*********************************************************************************************************************/ /*********************************************************************************************************************/ .navigation {} .wp-pagenavi a, .wp-pagenavi a:link { padding: 4px 10px 4px 10px; margin-right: 2px; text-decoration: none; border:1px solid#DA549D; color: #DA549D; } .wp-pagenavi a:visited { padding: 4px 10px 4px 10px; margin: 2px; text-decoration: none; border:1px solid color: #DA549D; color: #DA549D; background-color: #FFFFFF; } .wp-pagenavi a:hover { border:1px solid color: #DA549D; color: #fff; background-color: #DA549D; } .wp-pagenavi a:active { border:1px solid color: #DA549D; color: #DA549D; background-color: #DA549D; } .wp-pagenavi span.pages { padding: 4px 10px 4px 10px; margin: 2px 10px 2px 2px; color: silver; border: 1px solid silver; background-color: #FFFFFF; } .wp-pagenavi span.current { padding: 4px 10px 4px 10px; margin-right: 2px; border: 1px solid color: #DA549D; font-weight: bold; background-color: #DA549D; color: #FFF; } .wp-pagenavi span.extend { padding: 4px 10px 4px 10px; margin: 2px; border: 1px solid silver; color: silver; background-color: #FFFFFF; } .wp-pagenavi { padding-bottom:20px; float:left; margin-top:20px; } /*****************************************************************************************************************************/ /*****************************************************************************************************************************/ /************************************************ Kb-easy-picasaweb **************************************************/ /*****************************************************************************************************************************/ /*****************************************************************************************************************************/ .kb-inlinePicasa{text-align:center;} .kb-inlinePicasa a img{border:none;} .kb-inlinePicasa-wrap{margin:1em auto;} .kb-inlinePicasa-table{margin:auto;} .kb-inlinePicasa-table .kb-inlinePicasa-wrap{margin:0.3em auto;} .kb-inlinePicasa-image{} .kb-inlinePicasa-caption {} /*********************************************************************************************************************/ /*********************************************************************************************************************/ /************************************************ Calendario **************************************************/ /*********************************************************************************************************************/ /*********************************************************************************************************************/ #calendarDiv{ position:absolute; width:240px; border:1px solid #ccc; padding:1px; background-color: #FFF; font-family:Verdana, Sans-Serif; font-size:12px; xpadding-bottom:20px; visibility:hidden; z-index:30000; } #calendarDiv span,#calendarDiv img{ float:left; } #calendarDiv .selectBox,#calendarDiv .selectBoxOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; } #calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; } #calendarDiv table{ border-spacing: 2px 2px; } #calendarDiv td{ padding:0.6em 0.5em 0.5em 0.5em; margin:0px; font:bold 12px Verdana; width:14%; border:1px solid #ccc; } #calendarDiv .selectBox{ border:1px solid #E5243F; color: #333; position:relative; } #calendarDiv .selectBoxOver{ border:1px solid #E5243F; background-color: #E5243F; color: #FFF; position:relative; } #calendarDiv .selectBoxTime{ border:1px solid #E5243F; color: #E5243F; position:relative; } #calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072; position:relative; } #calendarDiv .calendar_week_row td{ font:bold 1em Verdana, Sans-Serif; border:none; } #calendarDiv .topBar{ background: #FFFFFF url(./images/calendario/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px; height:25px; padding:2px; } #calendarDiv #bottomBar{ display:none; } #calendarDiv .activeDay{ /* Active day in the calendar */ color:#FF0000; border-color: #333 !important; background: white url(./images/calendario/bg_header.jpg) no-repeat 0 0; } #calendarDiv .finde{ /* Active day in the calendar */ color:#A86666; } #calendarDiv td:hover{ background: white url(./images/calendario/bg_header.jpg) no-repeat 0 0; } #calendarDiv .todaysDate{ height:17px; line-height:17px; padding:2px; background-color: #FFE4E1; text-align:center; position:absolute; bottom:0px; width:236px; } #calendarDiv .todaysDate div{ float:left; } #calendarDiv .timeBar{ height:17px; line-height:17px; background-color: #FFE4E1; width:90px; color:#FFF; position:absolute; right:0px; } #calendarDiv .timeBar div{ float:left; margin-right:1px; } #calendarDiv .monthYearPicker{ background-color: #FFE4E1; border:1px solid #AAAAAA; position:absolute; color: #E5243F; left:0px; top:15px; z-index:1000; display:none; } #calendarDiv #monthSelect{ width:90px; } #monthSelect #calendar_month_txt { font-weight:bold; } #calendar_year_txt { font-weight:bold; } #calendarDiv .monthYearPicker div{ float:none; clear:both; padding:1px; margin:1px; cursor:pointer; } #calendarDiv .monthYearActive{ background-color:#FF6666; color: #FFE4E1; } #calendarDiv td{ text-align:right; cursor:pointer; } #calendarDiv .topBar img{ cursor:pointer; } #calendarDiv .topBar div{ float:left; margin-right:1px; } /*****************************************************************************************************************************/ /*****************************************************************************************************************************/ /************************************************ PikaChoose **************************************************/ /*****************************************************************************************************************************/ /*****************************************************************************************************************************/ /*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */ body.directorio #ficha #datos .pika-thumbs li{width: 73px; height:74px; } .pika-stage {width: 330px;} .pikachoose {width: 320px; margin: 0 auto;} .pika-stage {position: relative;background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px;text-align:center;height:250px;} /*if you change the padding on pika-stage you must adjust the top left of this to match! */ .pika-stage .main-image {position: absolute; top: 10px; left: 10px;} .pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;} .pika-stage .pika-aniwrap{width:100%;} .pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;} .pika-stage img {border:0; height:100%;} .pika-stage .caption {position: absolute; background: url(./js/pikachoose/styles/75-black.png); border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;} .pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;} .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;} .pika-imgnav a.previous {background: url(./js/pikachoose/styles/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;} .pika-imgnav a.next {background: url(./js/pikachoose/styles/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;} .pika-imgnav a.play {background: url(./js/pikachoose/styles/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;} .pika-imgnav a.pause {background: url(./js/pikachoose/styles/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;} .pika-textnav {overflow: hidden; margin: 10px 0 0 0;} .pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;} .pika-textnav a.previous {float: left; width: auto; display: block;} .pika-textnav a.next {float: right; width: auto; display: block;} body.directorio #ficha #datos .pika-thumbs {margin: 10px 0 0 0px; padding: 0; overflow: hidden;} body.directorio #ficha #datos .pika-thumbs li {float: left; list-style-type: none;padding: 3px; margin: 0 3px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;} body.directorio #ficha #datos .pika-thumbs li:last {margin: 0;} body.directorio #ficha #datos .pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;} /*for the tool tips*/ .pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;} .pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;} /* jCarousel Styles */ /*if you're not using the carousel you can delete everything below this */ .jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px;} .jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;} .jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}