/* Theme Name: Flowconcept Theme URI: http://www.ilogica.cl Description: Wordpress theme for Flowconcept Version: 2.0 Author: ILOGICA Author URI: http://www.ilogica.cl */ /* Reset */ @font-face { font-family: 'PropagandaRegular'; src: url('font_kit/propagan-webfont.eot'); src: local('?'), url('font_kit/propagan-webfont.woff') format('woff'), url('font_kit/propagan-webfont.ttf') format('truetype'), url('font_kit/propagan-webfont.svg#webfontTS2kVr9K') format('svg'); font-weight: normal; font-style: normal;} * {margin: 0; padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, embed, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a img {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; line-height: 1; background: transparent;} /* body */ body {background: #f6f4d7 url(img/bg.png); font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif; font-size: 12px; color: #000; cursor: default;} a, a:visited {outline: none 0px; text-decoration: none; cursor: pointer; color: #01738b;} a:hover, a:active {text-decoration: underline;} .clear {clear: both; display: block;} span.clear { display: block;} .hide {visibility: hidden; display: none;} .warning p {text-align: center; line-height: 1.3em; background: #ffb; border: 1px solid #fc0; margin-bottom: 1px; padding: 10px;} #wrapper {width: 100%; margin: auto;} div.envivo { background: url("img/envivo.png") no-repeat scroll 0 0 transparent; height: 9px; margin-left: 20px; margin-top: -5px; position: absolute; width: 51px;} /* header */ #header {width: 980px; height: 150px; margin: 0 auto 0 auto; padding: 20px 0 0 0; position: relative;} #header h1 span {display: none;} #header h1 a {display: block; width: 230px; height: 124px; background: url(img/flowconcept.png) no-repeat; margin-left: 0;} #login {height: 55px; position: absolute; top: 0; right: 0; color: #fff;} #login a {color: #fff;} #login .content {float: left;background: url(img/login.png) left top no-repeat; height: 35px; padding: 15px 0 0 55px;} #login a.modal_login {display:block; width: 209px; height: 14px; background: url(img/iniciar_sesion.png) no-repeat;} #login a.modal_login span {display: none;} #login .right {float: right; width: 55px; height: 55px; background: url(img/login.png) right top no-repeat;} #login .login_hover {display: none; width: 190px; height: 41px; background: url(img/login_hover.png) no-repeat; position: absolute; top: 32px; left: -10px; z-index: 1;} #menu {position: absolute; bottom: 0; right: 0; list-style-type: none;} #menu li {float: left; margin: 0;} #menu a {display: block; height: 35px; background: url(img/menu2.png) no-repeat; margin-left: -12px;} #menu span {display: none;} #menu a.inicio {width: 85px; background-position: 0 left;} #menu a.quienessomos {width: 185px; background-position: -85px top;} #menu a.comunidad {width: 130px; background-position: -267px top;} #menu a.flownews {width: 135px; background-position: -392px top;} #menu a.tienda {width: 168px; background-position: -528px top;} #menu a.meteo {width: 85px; background-position: -690px top;} #menu a.inicio:hover, #menu a.inicio.current {background-position: 2px bottom;} #menu a.quienessomos:hover, #menu a.quienessomos.current {background-position: -85px bottom;} #menu a.comunidad:hover, #menu a.comunidad.current {background-position: -267px bottom;} #menu a.flownews:hover, #menu a.flownews.current {background-position: -392px bottom;} #menu a.tienda:hover, #menu a.tienda.current {background-position: -528px bottom;} #menu a.meteo:hover, #menu a.meteo.current {background-position: -690px bottom;} /* content */ #content {width: 980px; margin: auto; position: relative;} #content p, #content li {line-height: 1.3em; margin-bottom: .8em; margin-left:5px;} #content ul, #content ol {margin-left: 14px;} .avatar {position: relative;} .avatar_borde {position: absolute; top: 0; left: 0; z-index: 100;} /* home */ .slider {width: 980px; height: 270px; position: relative; margin-bottom: 10px;} .slider .slider_border {width: 980px; height: 270px; position: absolute; left: 0; top: 0; z-index:30; background: url(img/slider_border.png) no-repeat; overflow:hidden; } .slider .slider_content {width: 980px; height: 270px;} .slider .slider_content img {width: 970px; height: 250px; display: block; margin: 10px 5px;} .home_left {width: 250px; float: left;} .home_center {width: 460px; float: left; margin-left: 10px;} .home_right {width: 250px; float: right;} .home_right .header_widget { background: url("img/home_right_header.png") no-repeat 0 0; height: 10px; width: 250px;} .home_right .footer_widget { background: url("img/home_right_footer.png") no-repeat 0 0; height: 10px; width: 250px;} .home_right .twtr-doc { border-radius:0 !important;} .home_left .header a, .home_right .header a {width: 250px; height: 35px; display: block;} .home_left .header a span, .home_right .header a span, .home_center .header a span {display: none;} .home_left .content, .home_right .content {padding: 10px 10px 0 10px; background: url(img/home_sidebar_content.png) center repeat-y;} .home_left .footer, .home_right .footer {width: 250px; height: 24px; background: url(img/home_sidebar_footer.png) no-repeat; margin-bottom: 10px;} .home_center .header a {width: 460px; height: 35px; display: block;} .home_center .content {padding: 10px 10px 0 10px; background: url(img/home_center_content.png) center repeat-y;} .home_center .footer {width: 460px; height: 42px; background: url(img/home_center_footer.png) no-repeat;} .home_meteo .header a {background: url(img/home_sidebar_meteo.png) no-repeat;} .home_tienda .header a {background: url(img/home_sidebar_tienda.png) no-repeat;} .home_eventos .header a {background: url(img/home_sidebar_eventos.png) no-repeat;} .home_comentarios .header a {background: url(img/home_sidebar_actividad_reciente.png) no-repeat;} .home_comunidad .header a {background: url(img/home_center_comunidad.png) no-repeat} .home_flownews .header a {background: url(img/home_center_flownews.png) no-repeat} .home .caption {padding: 5px; color: #fff; text-align: center; background: url(img/alpha.png); position: absolute; bottom: 0; left: 0;} .home .caption h3 {margin-bottom: 4px; font-size: 13px; font-weight: bold;} .home .caption p {font-size: 11px; margin: 0!important; line-height: 1!important;} .home .permalink {position: absolute; top: 0; left: 0; display: block; z-index: 123;} .home_more {height: 24px; display: block; background: url(img/home_more.png) no-repeat; float: right; margin-top: 10px;} .home_more span {display: none;} .home_meteo .meteo {width: 200px; height: 120px; float: left; margin: 5px; position: relative;} .home_meteo .permalink {width: 220px; height: 95px;} .home_meteo .home_more {width: 153px; background-position: 0 0;} .home_meteo .home_more:hover {background-position: -165px 0;} .home_meteo .meteo a h5 {font-family:'PropagandaRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; color:#000; text-align:center;} .home_meteo .meteo a:hover{text-decoration:none;} .home_meteo .spot {width:220px; height:20px; position:relative; text-align:center;} .home_meteo .meteo img {width:100px; } .home_meteo .meteo .datos_meteo {width:80px; height:65px; position:absolute; left:110px; top:32px; padding-top:5px;} .home_meteo .meteo .datos_meteo span.grados {font-size:18px; line-height:36px; display:block;} .home_meteo .meteo .datos_meteo span.grados span.tipo { font-size:20px; } .home_meteo .meteo .datos_meteo span.kts {font-family:Arial, Helvetica, sans-serif; font-size:25px;display:block;} /* Indicador de viento, En total son 16 estados diferentes. los cuales van desde la clase dir_viento dir[1~16] */ .home_meteo .meteo div.dir_viento { display:inline-block; width:84px; height:82px; margin-left:20px; margin-top:10px; background:url(img/img_viento.png) no-repeat; } .home_meteo .meteo div.dir_viento.dir1 { background-position:0 -1230px; } .home_meteo .meteo div.dir_viento.dir2 { background-position:0 -1148px; } .home_meteo .meteo div.dir_viento.dir3 { background-position:0 -1066px; } .home_meteo .meteo div.dir_viento.dir4 { background-position:0 -984px; } .home_meteo .meteo div.dir_viento.dir5 { background-position:0 -902px; } .home_meteo .meteo div.dir_viento.dir6 { background-position:0 -820px; } .home_meteo .meteo div.dir_viento.dir7 { background-position:0 -738px; } .home_meteo .meteo div.dir_viento.dir8 { background-position:0 -656px; } .home_meteo .meteo div.dir_viento.dir9 { background-position:0 -574px; } .home_meteo .meteo div.dir_viento.dir10 { background-position:0 -492px; } .home_meteo .meteo div.dir_viento.dir11 { background-position:0 -410px; } .home_meteo .meteo div.dir_viento.dir12 { background-position:0 -328px; } .home_meteo .meteo div.dir_viento.dir13 { background-position:0 -246px; } .home_meteo .meteo div.dir_viento.dir14 { background-position:0 -164px; } .home_meteo .meteo div.dir_viento.dir15 { background-position:0 -82px; } .home_meteo .meteo div.dir_viento.dir16 { background-position:0 -1312px; } .home_tienda .producto{float: left; position: relative; margin: 5px; width: 105px; height: 100px;} .home_tienda .permalink {width: 105px; height: 100px;} .home_tienda .caption {width: 95px;} .home_tienda .home_more {width: 165px; background-position: 0 -24px;} .home_tienda .home_more:hover {background-position: -165px -24px;} /* Ultimas entradas de Comunidad */ .home_comunidad {margin-bottom: -7px;} .home_comunidad a.comunidad {display:block; } .home_comunidad .comunidad { width: 430px; padding: 8px 5px;} .home_comunidad .comunidad + .comunidad {border-top: 1px solid #ccc;} .home_comunidad .comunidad.foto:hover {background: url(img/post_type_foto.png) 410px center no-repeat #f2f2f2;} .home_comunidad .comunidad.video:hover {background: url(img/post_type_video.png) 410px center no-repeat #f2f2f2;} .home_comunidad .comunidad.link:hover {background: url(img/post_type_link.png) 410px center no-repeat #f2f2f2;} .home_comunidad .comunidad.texto:hover {background: url(img/post_type_texto.png) 410px center no-repeat #f2f2f2;} .home_comunidad .comunidad.venta:hover {background: url(img/post_type_venta.png) 410px center no-repeat #f2f2f2;} .home_comunidad .comunidad img {float: left; margin-right: 10px;} .home_comunidad .comunidad .post {float: left; width: 320px; margin: 0!important;} .home_comunidad .comunidad .post p {margin: 0!important;} .home_comunidad .comunidad .post p.comment {font-size: 11px; line-height: 16px; padding-left: 20px; background: url(img/comments.png) left top no-repeat;} .home_comunidad .comunidad .post span { display:block; font-size: 12px; text-decoration:none; color:#000; } .home_comunidad .comunidad .post span.title { display:block; margin: 0 0 3px 0!important; font-size: 14px; font-weight:bold; text-decoration:none; color:#000; } .home_comunidad .comunidad:hover span.post span { text-decoration:none; } .home_comunidad a.comunidad:hover span.title { color:#01738B; text-decoration:underline; } .home_comunidad .home_more {width: 112px; background-position: 0 -48px;} .home_comunidad .home_more:hover {background-position: -165px -48px;} .home_flownews .noticia {margin: 5px; float: left;} .home_flownews .noticia img {float: left; margin-right: 10px;} .home_flownews .noticia .noticia_content {width: 320px; float: right;} .home_flownews .noticia .noticia_content h3 {margin-bottom: 5px;} .home_flownews .home_more {width: 153px; background-position: 0 -72px;} .home_flownews .home_more:hover {background-position: -165px -72px;} .home_eventos .evento {position: relative; margin: 5px; width: 220px; height: 150px; float: left;} .home_eventos .permalink {width: 220px; height: 150px;} .home_eventos .caption {width: 210px;} .home_eventos .home_more {width: 153px; background-position: 0 -96px;} .home_eventos .home_more:hover {background-position: -165px -96px;} .home_comentarios .comentario {margin: 5px; float: left;} .home_comentarios .comentario h3 {width: 58px; height: 36px; padding: 10px 0 0 0px; text-align: center; font-weight: bold; font-size: 18px; float: left; margin-right: 12px; background: url(img/home_comentarios.png) no-repeat;} .home_comentarios .comentario_content {width: 150px; float: right;} .home_comentarios .comentario_content span {display: block; margin-top: 3px; font-size: 11px;} .home_comentarios .home_more {width: 112px; background-position: 0 -48px;} .home_comentarios .home_more:hover {background-position: -165px -48px;} /* sidebar */ #sidebar {width: 210px; margin-left: 15px; float: right;} #sidebar .header {width: 210px; height: 10px; background: url(img/sidebar_header.png) no-repeat;} #sidebar .content {width: 190px; padding: 0 10px; background: url(img/sidebar_content.png) top repeat-y;} #sidebar .footer {width: 210px; height: 10px; background: url(img/sidebar_footer.png) no-repeat;} #sidebar #buscar {width: 190px; height: 31px; position: relative; background: url(img/sidebar_buscar.png) no-repeat;} #sidebar #buscar .text {border: 0 none; position: absolute; top: 4px; left: 5px; width: 145px;} #sidebar #buscar .submit {border: 0 none; background: none; position: absolute; top: 4px; right: 5px; width: 21px; height: 23px;} #sidebar #filter {margin: 10px 0 0 0!important; list-style-type: none;} #sidebar #filter li {line-height: 1!important; margin: 5px 0 0 0!important;} #sidebar #filter a span {display: none;} #sidebar #filter a {width: 190px; height: 40px; display: block;} #sidebar .images_spots { position:relative; padding:10px 0 0 4px; } #sidebar .images_spots .border { width:180px; height:125px; background: url(img/bg.imgspots.png) no-repeat; position:absolute; z-index:10;} #sidebar .images_spots img { position:relative; z-index:0; display:block; } /* post */ .post_wrapper {width: 755px; float: left;} .post {position: relative; margin-bottom: 10px;} .post .header {width: 755px; height: 10px; background: url(img/post_header.png) no-repeat;} .post .content {width: 735px; padding: 0 10px; padding-bottom:15px; background: url(img/post_content.png) top repeat-y;} .post .footer {width: 755px; height: 10px; background: url(img/post_footer.png) no-repeat;} .post_content_wrapper {width: 600px; float: right;} .post_content_wrapper .post_content {position: relative; width: 600px; margin-bottom: 15px;} /* comunidad */ .comunidad #sidebar #filter a {background: url(img/comunidad_sidebar_filter.png) no-repeat;} .comunidad #sidebar #filter a.todo {background-position: left 0px;} .comunidad #sidebar #filter a.fotos {background-position: left -40px;} .comunidad #sidebar #filter a.videos {background-position: left -80px;} .comunidad #sidebar #filter a.textos {background-position: left -120px;} .comunidad #sidebar #filter a.links {background-position: left -160px;} .comunidad #sidebar #filter a.ventas {background-position: left -200px;} .comunidad #sidebar #filter a.favoritos {background-position: left -240px;} .comunidad #sidebar #filter a.todo:hover {background-position: center 0px;} .comunidad #sidebar #filter a.fotos:hover {background-position: center -40px;} .comunidad #sidebar #filter a.videos:hover {background-position: center -80px;} .comunidad #sidebar #filter a.textos:hover {background-position: center -120px;} .comunidad #sidebar #filter a.links:hover {background-position: center -160px;} .comunidad #sidebar #filter a.ventas:hover {background-position: center -200px;} .comunidad #sidebar #filter a.favoritos:hover {background-position: center -240px;} .comunidad #sidebar #filter a.todo.current {background-position: right 0px;} .comunidad #sidebar #filter a.fotos.current {background-position: right -40px;} .comunidad #sidebar #filter a.videos.current {background-position: right -80px;} .comunidad #sidebar #filter a.textos.current {background-position: right -120px;} .comunidad #sidebar #filter a.links.current {background-position: right -160px;} .comunidad #sidebar #filter a.ventas.current {background-position: right -200px;} .comunidad #sidebar #filter a.favoritos.current {background-position: right -240px;} #comunidad_tools {width: 980px; position: relative; margin-bottom: 5px;} #comunidad_tools .header {width: 980px; height: 10px; background: url(img/comunidad_tools_header.png) no-repeat;} #comunidad_tools .content {width: 980px; background: url(img/comunidad_tools_content.png) repeat-y;} #comunidad_tools .footer {width: 980px; height: 10px; background: url(img/comunidad_tools_footer.png) no-repeat;} #comunidad_tools h3 {width: 204px; height: 40px; position: absolute; top: 50px; left: 30px; background: url(img/comunidad_tools_title.png) no-repeat;} #comunidad_tools h3 span {display: none;} #comunidad_tools .tools {float: right;} .tools a {width: 108px; height: 119px; display: block; background: url(img/comunidad_tools.gif) no-repeat; float: left; margin-left: 45px;} .tools a span {display: none;} .tools .foto {background-position: left 0px;} .tools .video {background-position: left -119px;} .tools .texto {background-position: left -238px;} .tools .link {background-position: left -357px;} .tools .venta {background-position: left -476px; margin-left: 10px !important;} .tools .foto:hover {background-position: right 0px;} .tools .video:hover {background-position: right -119px;} .tools .texto:hover {background-position: right -238px;} .tools .link:hover {background-position: right -357px;} .tools .venta:hover {background-position: right -476px;} .comunidad div.acc {padding: 10px; height: 240px; width: 960px; position: relative;} .comunidad div.acc a.cancelar {width: 50px; height: 50px; display: block; background: url(img/post_type.png) left -250px no-repeat; position: absolute; top: 20px; left: -45px;} .comunidad div.acc a.cancelar span {display: none;} .comunidad div.acc .left {float: left; width:405px; padding-right:15px;}/*modif*/ .comunidad div.acc .right {float: right;} .comunidad div.acc .left ul {padding: 5px; height: 25px; margin: 0!important; list-style-type: none;} /*.comunidad div.acc .left ul:hover {background: #eaeaea;}----- yo elimine el hover, le puse un focus mejor */ .comunidad div.acc .left ul li {float: left;} /* cela*/ .comunidad div.acc .left ul li.label{width: 75px; margin-left:5px; font-size:12px; color:#333; margin-right:10px; font-weight:bold;} .comunidad div.acc .left ul li.campo{width:226px;} .comunidad div.acc .left ul li input.text{font-size:12px; width:226px; height: 15px; border: 1px solid #ccc;} .comunidad div.acc .left ul li input.text:focus{border: 1px solid #666;} .comunidad div.acc .left ul li input.text2{font-size:12px; width:275px; height: 20px; border: 1px solid #ccc;} .comunidad div.acc .left ul li input.text2:focus{border: 1px solid #666;} .comunidad div.acc .left ul li select{ width:35px; height:20px;} /*.comunidad div.acc .left ul.archivo{float:left;}*/ /* CN */ .comunidad a.submit {background: url("img/more.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; height: 25px; margin-top: 10px; width: 95px;} /* cela*/ .comunidad div.acc .left li.status, .comunidad div.acc .left li.delete {display: block; width: 20px; height: 20px; margin: 0 5px;} .comunidad div.acc .left li.status span span, .comunidad div.acc .left li.delete a span{display: none;} .comunidad div.acc .left li.status span.ok {display: block; width: 20px; height: 20px; background: url(img/comunidad_publicar_tools.png) left center no-repeat;} .comunidad div.acc .left li.status span.loading {display: block; width: 20px; height: 20px; background: url(img/loading.gif) center no-repeat;} .comunidad div.acc .left li.delete a {display: block; width: 20px; height: 20px; background: url(img/comunidad_publicar_tools.png) left top no-repeat;} .comunidad div.acc a.agregar {height: 20px; padding-left: 24px; clear: both; float: right; line-height: 20px; display: block; background: url(img/comunidad_publicar_tools.png) left bottom no-repeat;} /*modif*/ .comunidad div.acc textarea {display: block; padding: 6px; width: 506px; border: 1px solid #ccc; height: 154px;} .comunidad div.acc textarea:focus {border: 1px solid #666;} /*modif*/ .comunidad div.acc .submit {float: right; margin-top:10px; width: 95px; height: 30px; background: url(img/form_submit.png) no-repeat; color: #fff;} .comunidad div.acc h2 {text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .post .post_type {width: 50px; height: 50px; display: block; background: url(img/post_type.png) no-repeat; position: absolute; top: 20px; left: -45px;} .post.foto .post_type {background-position: left 0px;} .post.video .post_type {background-position: left -50px;} .post.texto .post_type {background-position: left -100px;} .post.link .post_type {background-position: left -150px;} .post.venta .post_type {background-position: left -200px;} .post .content .side {width: 120px; float: left; margin-right: 15px; padding: 0 0 20px 0;} .post .avatar {width: 120px; height: 120px; margin-bottom: 5px;} .post .avatar .avatar_120 {width: 120px; height: 120px; background: url(img/avatar_120.png) no-repeat;} .post .side h3 {line-height: 1.3em; font-size: 14px; margin-left:5px;} .post .side p {font-size: 11px;} .post .side a.comment, .post .side a.fav {float: left; width: 50px; height: 50px; display: block; background: url(img/comunidad_post_side_tools.png) no-repeat;} .post .side a.comment span, .post .side a.fav span {display: none;} .post .side a.comment {background-position: left 0px; margin: 0 5px 10px 0;} .post .side a.fav {background-position: left -50px;} .post .side a.comment:hover {background-position: right 0px;} .post .side a.fav:hover {background-position: right -50px;} .post a.reportar {height: 30px; width: 30px; display: block; background: url(img/comunidad_post_side_reportar.png) top left no-repeat; position: absolute; bottom: 10px; left: 10px;} .post a.reportar span {display: none;} .post a.reportar:hover {background-position: top right;} .post_content_wrapper object, .post_content_wrapper embed {width: 600px !important;} .post .post_text p {margin: 0!important;} .post .last_comment {padding-top: 20px; margin: 20px 0 0 0; background: url(img/comunidad_last_comment_bg.png) top center no-repeat;} .post .last_comment .icon {float: left; width: 30px; height: 23px; margin-right: 10px; background: url(img/comunidad_last_comment_icon.png) no-repeat;} .post .last_comment .last_comment_content {float: right; width: 560px;} .post .last_comment .last_comment_content p {margin-bottom: 4px!important;} .post .post_tools {float: right;} .post .post_tools span {display: block; float: left; padding-left: 25px; height: 25px; line-height: 25px; margin-left: 5px; background: url(img/comunidad_post_content_tools.png) no-repeat; font-size: 18px; font-weight: bold;} .post .post_tools span.comment {background-position: top left;} .post .post_tools span.fav {background-position: bottom left;} .post_content .galeria {width: 600px; background: #f7f7f7;} .post_content .galeria span {width: 600px; display: block!important;} .post_content .galeria img {display: block!important; margin: 0 auto;} .post_content a.prev, .post_content a.next {position: absolute; top: 50%; z-index: 99; width: 50px; height: 50px; display: block; background: url(img/gallery_nav.png) no-repeat;} .post_content a.prev span, .post_content a.next span {display: none;} .post_content a.prev {background-position: top left; left: 0;} .post_content a.next {background-position: top right; right: 0;} .post_content h3.link {text-align: center!important; padding: 20px 0;} .post_content h3.link a {font-size: 40px;} /* tienda */ .tienda_thumb {width: 300px; float: left;} .tienda_thumb a.ampliar {float: right; margin-top: 3px; height: 14px; line-height: 14px; padding-left: 20px; background: url(img/tienda_thumb_ampliar.png) left center no-repeat;} .tienda_text {width: 420px; margin-left: 15px; float: right;} .tienda_title {float: left; width: 220px;} .tienda_title h2 {font-size: 18px; margin-bottom: 10px;} .tienda_title ul {list-style-type: none; margin: 0 0 10px 0!important;} .tienda_title li {margin: 0!important;} .tienda_price {float: right; height: 43px; background: url(img/tienda_price.jpg) top left no-repeat; text-align: right!important; padding-left: 50px;} .tienda_price span {height: 43px; line-height: 43px; text-align: right; background: url(img/tienda_price.jpg) top right no-repeat; display: block; padding-right: 10px; font-size: 18px; font-weight: bold;} .tienda .acc {width: 112px; height: 22px; display: block; float: right; background: url(img/tienda_acc.png) left top no-repeat;} .tienda .acc span {display: none;} .tienda .acc:hover {background-position: left -22px;} .tienda .ui-state-active {background-position: left -44px!important;} .tienda .ui-state-active:hover {background-position: left -66px!important;} .tienda form {clear: both; width: 735px; padding-top: 10px;} .tienda form .inputs {float: left; width: 300px; margin-right: 10px;} .tienda form .inputs .text {width: 290px; height: 26px; padding: 3px 5px 3px 5px!important; margin-bottom: 10px; border: 0 none!important; background: url(img/tienda_form_text.png) no-repeat;} .tienda form .textarea-submit {float: right; width: 425px;} .tienda form .textarea-submit textarea {width: 415px; height: 75px; border: 0 none!important; padding: 5px 5px 5px 5px!important; background: url(img/tienda_form_textarea.png) no-repeat; margin-bottom: 5px;} .tienda form .textarea-submit .submit {width: 95px; height: 30px; background: url(img/form_submit.png) no-repeat; float: right; color: #fff;} .tienda #sidebar #filter a {background: url(img/tienda_sidebar_filter.png) top left no-repeat; font-size: 12px; font-weight: bold; text-decoration: none;} .tienda #sidebar #filter a:hover {background-position: top center;} .tienda #sidebar #filter a.current {background-position: top right;} .tienda #sidebar #filter a {width: 190px; height: 20px; display: block;} /* flownews */ .flownews .news {float: left; margin-right: 10px; width: 550px;} .flownews .eventos {float: right; width: 420px;} .flownews .news .header {height: 10px; background: url(img/flownews_news_header.png) no-repeat;} .flownews .eventos .header {height: 10px; background: url(img/flownews_eventos_header.png) no-repeat;} .flownews .news .footer {height: 10px; background: url(img/flownews_news_footer.png) no-repeat;} .flownews .eventos .footer {height: 10px; background: url(img/flownews_eventos_footer.png) no-repeat;} .flownews .news .content {padding: 0 10px 10px 10px; background: url(img/flownews_news_content.png);} .flownews .eventos .content {padding: 0 10px 10px 10px; background: url(img/flownews_eventos_content.png);} .flownews .news .topbox {padding-bottom: 10px;} .flownews .news h2.title {float: left; width: 169px; height: 21px; display: block; background: url(img/flownews_news_title.png) no-repeat;} .flownews .news h2.title span {display: none;} .flownews .news #buscar {float: right;} .flownews .news #buscar {width: 190px; height: 31px; position: relative; background: url(img/sidebar_buscar.png) no-repeat;} .flownews .news #buscar .text {border: 0 none; position: absolute; top: 4px; left: 5px; width: 145px;} .flownews .news #buscar .submit {border: 0 none; background: none; position: absolute; top: 4px; right: 5px; width: 21px; height: 23px;} .flownews .eventos h2.title {width: 150px; height: 21px; padding-bottom: 10px; display: block; background: url(img/flownews_eventos_title.png) no-repeat;} .flownews .eventos h2.title span {display: none;} .flownews .noticia {margin-top: 20px;} .flownews .noticia img {float: left; margin-right: 5px;} .flownews .noticia .content {float: right; width: 405px;} .flownews .noticia .content h3 {margin-bottom: 5px;} .flownews .noticia .content h3 a {font-size: 16px; font-weight: normal;} .flownews .noticia .content .meta, .flownews_single .single .meta {font-size: 11px; color: #666; line-height: 16px;} .flownews .noticia .content .meta a.comments, .flownews_single .single .meta a.comments {padding-left: 18px; background: url(img/comments.png) left center no-repeat;} .flownews .evento {margin-top: 20px;} .flownews .evento img {float: left; margin-right: 5px;} .flownews .evento .content {float: right; width: 275px; position: relative;} .flownews .evento .content h3 {margin: 0 0 5px 0;} .flownews .evento .content h3 a {font-size: 16px; font-weight: normal;} .flownews .evento .date {position: absolute; width: 28px; height: 30px; top: 3px; left: -105px; text-align: center; color: #fff; background: url(img/date.png) no-repeat;} .flownews .evento .date .dd {font-size: 16px; font-weight: bold; display: block; margin: 3px 0 -5px 0;} .flownews .evento .date .mm {font-size: 9px; font-weight: bold;} p.more {padding: 20px 0 0 0;} p.more a {display: block; width: 89px; margin: 0 auto; height: 24px; background: url(img/more.png) top no-repeat;} p.more a:hover {background-position: bottom;} p.more a span {display: none;} .flownews_single .single {width: 720px; float: left; margin-right: 10px;} .flownews_single .single .header {height: 10px; background: url(img/flownews_single_header.png) no-repeat;} .flownews_single .single .content {padding: 10px; background: url(img/flownews_single_content.png);} .flownews_single .single .footer {height: 10px; background: url(img/flownews_single_footer.png) no-repeat;} .flownews_single .single h2 {margin-bottom: 5px; font-size: 18px; font-weight: normal;} .flownews_single .single .evento_meta {margin-bottom: 10px; font-size: 14px; font-weight: normal; line-height: 1.3em;} .flownews_single .sidebar.eventos h2.title, .flownews_single .sidebar.eventos h2.title_otros { height: 21px; display: block; margin-bottom: 10px; } .flownews_single .sidebar.eventos h2.title { background: url(img/flownews_eventos_title.png) no-repeat; width: 150px; } .flownews_single .sidebar.eventos h2.title_otros { background: url(img/flownews_eventos_title_otros.png) no-repeat; } .flownews_single .sidebar.eventos h2.title_otros span, .flownews_single .sidebar.eventos h2.title span {display: none;} .flownews_single .sidebar.flownews h2.title {width: 169px; height: 21px; display: block; margin-bottom: 10px; background: url(img/flownews_news_title.png) no-repeat;} .flownews_single .sidebar.flownews h2.title span {display: none;} .flownews_single .sidebar.flownews .home_more {width: 153px; height: 24px; display: block; background: url(img/home_more.png) 0 -72px no-repeat; margin-top: 10px;} .flownews_single .sidebar.flownews .home_more:hover {background-position: -165px -72px;} .flownews_single .sidebar.flownews .noticia img {float: left; margin: 0 10px 5px 0;} .flownews_single .sidebar.flownews .noticia .content {margin: 0; padding: 0; width: auto;} .flownews_single .sidebar.flownews .noticia .meta {margin-bottom: 4px!important; font-size: 11px; color: #666; } .flownews_single .sidebar {width: 250px; float: right;} .flownews_single .sidebar .header {height: 10px; background: url(img/flownews_sidebar_header.png) no-repeat;} .flownews_single .sidebar .content {padding: 10px; background: url(img/flownews_sidebar_content.png);} .flownews_single .sidebar .footer {height: 10px; background: url(img/flownews_sidebar_footer.png) no-repeat;} .flownews_single .sidebar.eventos .evento {position: relative; margin: 5px; width: 220px; height: 150px;} .flownews_single .sidebar.eventos .permalink {width: 220px; height: 150px;} .flownews_single .sidebar.eventos .caption {width: 210px;} .flownews_single .sidebar.eventos .caption {padding: 5px; color: #fff; text-align: center; background: url(img/alpha.png); position: absolute; bottom: 0; left: 0;} .flownews_single .sidebar.eventos .caption h3 {margin-bottom: 4px; font-size: 13px; font-weight: bold;} .flownews_single .sidebar.eventos .caption p {font-size: 11px; margin: 0!important; line-height: 1!important;} .flownews_single .sidebar.eventos .permalink {position: absolute; top: 0; left: 0; display: block; z-index: 123;} .flownews_single .sidebar.eventos .home_more {width: 153px; height: 24px; display: block; background: url(img/home_more.png) 0 -96px no-repeat; margin-top: 10px;} .flownews_single .sidebar.eventos .home_more:hover {background-position: -165px -96px;} .flownews_single .sidebar.eventos .home_more span {display: none;} img.aligncenter {display: block; margin: 0 auto;} img.alignleft {margin: 10px 20px 10px 0; display: inline; float: left;} img.alignright {margin: 10px 0 10px 20px; display: inline; float: right;} #share {margin: 20px 0;} #comments h3 {font-size: 16px; font-weight: normal; margin-bottom: 20px;} #comments .comment {margin: 10px 0 10px 40px; padding: 0 70px 0 0; position: relative;} #comments .nro {position: absolute; top: -10px; right: 0; color: #eaeaea; font-size: 70px;} #comments .avatar {float: left; margin-right: 10px;} #comments .comment_content {float: right; width: 530px;} #comments .comment_title {font-size: 13px; margin-bottom: 5px!important;} #comments .comment_content .content {margin: 0!important; padding: 0!important;} #comments-form .fb {margin: 0 70px 0 6px;} #comments-form .fb img {float: left; margin-right: 10px;} #comments-form .fb .user {float: left; line-height: 1.7em;} #comments-form {margin: 20px 70px 0 40px;} #comments-form .required {float: right; margin-bottom: 10px;} #comments-form label {float: left; display: block; width: 100px;} #comments-form .text, #comments-form textarea {float: left; display: block; width: 400px;} #comments-form p {padding: 5px;} #comments-form .submit {float: right; width: 95px; height: 30px; margin: 5px 76px 0 0; background: url(img/form_submit.png) no-repeat; color: #fff;} /* meteo */ .meteo .post_wrapper h2 { background: url(img/meteo_title.png) no-repeat scroll 0 0 transparent; height: 15px; padding-top: 7px; width: 92px; } .meteo .post_wrapper h2 span {display: none;} .meteo .post_wrapper div.envivo { margin-left:0; margin-top:2px; } .meteo #sidebar h2 {width: 94px; height: 22px; background: url(img/spots_title.png) no-repeat;} .meteo #sidebar h2 span {display: none;} .meteo #sidebar #filter a {background: url(img/tienda_sidebar_filter.png) top left no-repeat; font-size: 15px; font-weight: bold; text-decoration: none;} .meteo #sidebar #filter a:hover {background-position: top center;} .meteo #sidebar #filter a.current {background-position: top right;} .meteo #sidebar #filter a span {display: block; line-height: 40px; padding-left: 10px;} /*sponsors*/ .sponsors {width:690px; margin-top:20px; margin-left:10px; padding-right:25px; padding-bottom:10px;} .sponsors p{line-height:40px; color:#777777; display:inline-block;} .sponsors a { color:#000000; font-weight:bold; } .sponsors a.img { display:inline-block; line-height:40px; padding-left:20px; vertical-align:middle; } /* page */ .single_content {margin-top: 30px;} .single_content h3 { margin:30px 0 10px; text-transform:uppercase; } .terminos_condiciones { text-align:justify; } .single_content2 {margin-top: 30px;} a.quienessomos {margin-bottom: 20px; display: block;} /* forms */ fieldset {border: 0px none;} legend {display: none;} input.text, textarea {font-size: 100%; font-family: inherit!important;} form p {display: block; clear: both;} form .text, form textarea {padding: 3px; border: 1px solid #666;} form .text:focus, form textarea:focus {border: 1px solid #000;} form .submit {border: 0 none; cursor: pointer; outline: 0 none;} /* footer */ #footer {width: 100%; margin: auto; position: relative; clear: both;} #footer_wave {width: 100%; height: 143px; position: absolute; top: 25px; background: transparent url(img/footer_wave.png) center center no-repeat; line-height: 0;} #footer_top {width: 100%; height: 130px; background: transparent url(img/footer_fade.png) top center repeat-x;} #footer_top_content {position: relative; margin: 0 auto; width: 980px; height: 105px;} #footer_redes {position: absolute; left: 220px; bottom: 0px; width: 180px; height: 31px; text-align: left;} #footer_top_text {position: absolute; right: 0; bottom: 0; width: 550px; text-align: right;} #footer_redes a {margin-right: 10px;} #footer_top_text a.open_contact {width: 323px; height: 26px; display: inline-block; background: url(img/footer_contacto.png) top left no-repeat;} #footer_top_text a.hide_contact {width: 171px; height: 26px; display: inline-block; background: url(img/footer_contacto.png) top right no-repeat;} #footer_top_text a span {display: none;} #footer_top_text a {color: #fff;} #footer_contact {width: 100%; min-height: 40px; height: auto !important; height: 40px; background: transparent url(img/footer_contact_background.png) center center repeat;} #footer_contact_content {display: none; margin: 0 auto; width: 980px; height: 280px; background: transparent url(img/footer.png) 0 132px no-repeat;} #footer_contact_text {float: left; margin-top: 55px; width: 350px; color: #fff; text-align: left; font-size: 15px;} #footer_contact_form {position: relative; float: right; margin-top: 50px; width: 604px; height: 230px; background: transparent url(img/footer_contacto.png) bottom center no-repeat;} #footer_contact_form input, #footer_contact_form textarea {display: block; position: absolute; border: none; background: transparent;} #contacto_nombre {top: 8px; left: 10px; width: 275px; height: 20px;} #contacto_correo {top: 46px; left: 10px; width: 275px; height: 20px;} #contacto_comentario {top: 6px; left: 310px; width: 280px; height: 170px;} #contacto_submit {top: 193px; left: 478px; width: 120px; height: 22px;} a.ilogica {position: absolute; bottom: 0; right: 0; display: block; width: 97px; height: 15px; background: url(img/ilogica.png) top left no-repeat;} a.ilogica:hover {background-position: bottom;} a.ilogica strong {display: none;} /* JP */ .c_comunidad .avatar { width:50px!important;height:50px!important; } .c_comunidad .comment_content {width:390px!important;} .c_comunidad .content {width:100%!important;} .single_content img {max-width: 100%; margin-right: 10px;} /* Zoomer */ a.demo { float:left; } a.demo img { border:none; } div#zoomer { margin:0 auto; position:relative; top:50%; width:430px; } .loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0); cursor:url(blank.png), url(blank.cur), none; } /* Isotope Riders Market */ #container{ width: 760px; } .itemsh{ width: 235px; float: left; margin-top:15px; } .riders_venta a{ color: #31b2a8; } .riders_compra a{ color: #ffffff; } .riders_listado_titulo{ font-size:16px; font-weight:bold; } .container_background{ background: url("img/post_content.png") repeat-y scroll center top transparent; padding-left: 15px; } .img_producto{ width:235px; margin-bottom:12px; } .p_item{ line-height: 1.3em; margin-bottom: 3px !important; margin-left:0px !important; } .riders_compra{ width:235px; background-color:#31b2a8; } .riders_venta{ } .riders_compra_interior{ padding-top:16px; padding-left:10px; padding-right:10px; padding-bottom:16px; } .riders_venta_interior{ margin-top:15px; margin-bottom:10px; } .riders_precio{ font-size:14px; } .riders_producto_txt{ margin-bottom: 2px !important; margin-left:0px !important; } .riders_mas_info {margin-top: 2px; height: 18px; background: url(img/riders_mas_info.png) no-repeat;} .riders_mas_info:hover {margin-top: 2px; height: 18px; background: url(img/riders_mas_info2.png) no-repeat;} .riders_single_left{ float:left; width: 250px; } .riders_single_right{ width:650px; } .riders_single_right h2{ font-size:18px; } .riders_single_precio { margin-top:20px; } .riders_uploader_txt{ font-size:16px; } /* AM */ .clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} .tienda .sidebar_tienda strong {font-size: 18px; color: #000;} .tienda .sidenbar_tienda li {padding: 3px 0 3px 3px;} .tienda .sidebar_tienda li a {font-size: 13px!important; color: #000; font-weight: normal!important;} .tienda .sidebar_tienda a.goto_upload {background: #666; border-radius: 7px; color: #fff; display: block; font-size: 13px; padding: 8px 5px; text-align: center; text-decoration: none;} .tienda .sidebar_tienda a.goto_upload:hover {background: #000;} .tienda .sidebar_tienda .user {} .tienda .sidebar_tienda .user a.active_users { background: none repeat scroll 0 0 #E9E9E9; display: block; margin-top: 10px; padding: 9px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .tienda .sidebar_tienda .user a.active_users img{float: left;margin: 0 10px 0px 0;} .tienda .sidebar_tienda .user a.active_users .active_user_data h1{} .tienda .sidebar_tienda .user a.active_users .active_user_data p{} .h1_activos {font-size: 18px;color: black;margin: 0 0 20px 0;} .noflota{clear:both;} .tienda .tienda_filter {padding-top: 10px; margin: 0 0 -15px -5px;} .tienda .tienda_filter span {float: left; margin-right: 5px; display: none;} .tienda .tienda_filter ul {float: left; list-style: none; margin: 0!important;} .tienda .tienda_filter li {float: left; margin-right: 5px; display: block;} .tienda .tienda_filter a {color: #000; display: block; font-size: 14px; font-weight: bold; height: 32px; padding: 8px 5px 0; text-align: center;} .tienda .tienda_filter a.current {background: url(img/tienda_filter_current.png) center no-repeat; padding: 8px 15px 0; text-decoration: none;} .riders_single_right {float: right; margin-right: 10px; width: 480px;} .riders_single_right .last_comments_content {width: 440px!important;} .riders_single_right .label {background: url("img/tienda_label.png") no-repeat left top; color: #fff; float: right; font-size: 11px; font-weight: bold; height: 21px; padding: 9px 0 0 31px; text-transform: uppercase; width: 56px;} .riders_single_right h2 {font-weight: normal; font-size: 26px; margin: 0 100px 3px 0;} .riders_single_right p.meta {font-size: 12px; margin-bottom: 10px;} .riders_single_right ul.meta {list-style: none; margin: 0 0 15px 0!important; padding: 15px 15px 10px 15px; border: 1px dotted #ccc; background: #f7f7f7;} .riders_single_right li {margin-bottom: .5em!important;} .riders_single_right li .teh_precio {font-size: 18px;} .riders_single_left a.ampliar {float: right; margin-top: 3px; height: 14px; line-height: 14px; padding-left: 20px; background: url(img/tienda_thumb_ampliar.png) left center no-repeat;} .tienda_upload .upload_title {border-bottom: 1px solid #333; padding: 10px 0;} .tienda_upload .upload_title span {font-size: 16px; float: left; margin-left: 10px;} .tienda_upload .upload_title h2 {text-indent: -9999px; width: 169px; height: 16px; background: url(img/ridersmarket_title.png) left top no-repeat; float: left;} .tienda_upload form#selector .field {padding: 5px 0 20px 20px; float: left; font-size: 16px; margin: 0!important;} .tienda_upload form#selector .field input {margin-right: 10px;} .tienda_upload h3 {font-size: 16px; margin: 30px 0 15px 0;} .tienda_upload label {float: left; display: block; width: 60px; margin-right: 15px; line-height: 25px;} .tienda_upload .field {margin-bottom: 8px;} .tienda_upload select {padding: 4px; width: 408px; border: 1px solid #666;} .tienda_upload input.text {border-color: #666; float: left;} .tienda_upload .unidad {float: left; margin-left: 10px; line-height: 25px;} .tienda_upload .submit {background: #000; border: 0 none; float: left; border-radius: 10px; color: #fff; font-size: 14px; font-weight: bold; margin: 45px 0 20px 0px; padding: 10px 20px; text-decoration: none;} .tienda_upload #form2 .submit {margin: 45px 0 20px 0px; float: none;} .tienda_upload .submit:hover {background: #333;} .tienda_upload form#selector label {float: none!important; display: inline!important; width: auto!important; margin-right: 0!important; line-height: 1em!important;} .flownews_single iframe {margin: 0 auto; display: block;} #footer_contact_text p {color: #fff;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float:left; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .sinmargin {margin-right: 0!important;} .unfloat {clear: both;} #filtrar { padding: 15px 0;} #filtrar span {float: left; font-size: 14px; color: #000; font-weight: bold;} #filtrar ul {margin: 0; padding: 0;} #filtrar ul li {float: left; list-style: none; margin: 0; padding: 0; text-align: center; } #filtrar ul li a {background: #31b2a8; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; padding: 2px 29px; margin-left: 9px; font-size: 14px; font-style: italic; } #filtrar ul li a.comprar {background: #ff400f; } .riders_mas_info { background: url("img/riders_mas_info.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; position: absolute; right: 8px; top: 103px; text-indent: -900000px; width: 140px; } .cajita {width: 350px; height: 129px; background: url("img/cajita-fondo.jpg") repeat-x; position: relative; margin: 0 20px 20px 0; width: 357px; float: left; } .venta img {float: left; margin-right: 8px;} .venta h1 {padding: 25px 0 5px 0;} .cajita h1 a {font-size:17px; color:#31b2a8; font-weight: normal;} .cajita ul li { list-style: none; margin: 0!important; padding:0 3px 2px 0;} .ventaclip {background: #31b2a8; color: #FFFFFF; display: block; padding: 5px 23px; position: absolute; right: 0; } .compraclip {background: #ff400f; color: #FFFFFF; display: block; padding: 5px 23px; position: absolute; right: 0; } .compra h1 {padding: 25px 0 5px 12px;} .compra a {color: #ff400f!important;} .compra p {color: #999; font-style: italic; padding-left: 12px;} .loading {margin: 0 auto; width: 29px;} .home_center .home_ridermarket{} .home_ridermarket .riders_mas_info { background: url("img/riders_mas_info.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; position: absolute; right: 8px; top: 76px; text-indent: -900000px; width: 140px; } .home_ridermarket .cajita {width: 441px; height: 114px; background: #e5e5e5; position: relative; margin: 0 20px 20px 0; float: none; } .home_ridermarket .venta img {float: left; margin-right: 8px;} .home_ridermarket .venta h1 {padding: 25px 0 5px 0;} .home_ridermarket .cajita h1 a {font-size:17px; color:#31b2a8; font-weight: normal;} .home_ridermarket .cajita ul li { list-style: none; margin: 0!important; padding:0 3px 2px 0;} .home_ridermarket .ventaclip {background: #31b2a8; color: #FFFFFF; display: block; padding: 5px 23px; position: absolute; right: 0; } .home_ridermarket .compraclip {background: #ff400f; color: #FFFFFF; display: block; padding: 5px 23px; position: absolute; right: 0; } .home_ridermarket .compra h1 {padding: 25px 0 5px 12px;} .home_ridermarket .compra a {color: #ff400f!important;} .home_ridermarket .compra p {color: #999; font-style: italic; padding-left: 12px;} .home_ridermarket .loading {margin: 0 auto; width: 29px;} .home_ridermarket .header a {background: url(img/home_center_ridersmarket.png) no-repeat;} .home_ridermarket .cajita:last-child {margin: 0 20px 0 0;} .riders_single_right .vend{} .riders_single_right .vend .check_ven{margin:0 5px 0 0;} .riders_single_right .vend form{padding-bottom:10px;} .riders_single_right .vend form .submit{padding-bottom:10px;} .wp-caption.alignright{float:right;} .wp-caption.alignleft{float:left;} .ventaclip.fecha{right: 77px;padding: 5px 0px;background-color:#666;} .ventaclip.fecha.dos{right: 90px} .ventaclip.fecha span.dia{padding: 3px 3px; } .ventaclip.fecha span.mes{padding: 3px 3px;text-transform: uppercase;} .ventaclip.fecha span.annio{padding: 3px 3px;} /* snow body {background: #fff url(img/snow_bg.png);} #header h1 a {background: url(img/snow_flowconcept.png) no-repeat;} #footer_wave {background: transparent url(img/snow_footer_wave.png) center center no-repeat;} #footer_top {background: transparent url(img/snow_footer_fade.png) top center repeat-x;} #footer_contact {background: transparent url(img/snow_footer_contact_background.png) top center repeat;} #footer_contact_content {background: none!important;}*/